@charset "utf-8";
/* CSS Document */

/*--GENERAL CSS--*/
ul{margin:0; padding:0;}
li{list-style:none;}
img{max-width:100%;}
p, label{margin:0; padding:0;}
a, span{display:inline-block;}
a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
figure{margin:0;}
input:focus{outline:none;}

/*--TRANSITIONS--*/
a, .transition-all{-o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -khtml-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}

/*--Row and Rows--*/
.row.rows{margin:-15px;}
.row.rows .columns{padding:15px;}
@media(max-width:767px){
	.row.rows{margin:-10px;}
	.row.rows .columns{padding:10px;}	
}

/*--Fonts--*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');

/*--Variables--*/
:root{
	--font-family:'Noto Serif', serif;	
	--headding-color:#1F1E21;
	--text-color:#252523;
	--green-color:#41984E;
}

/*--Colors--*/
.white-color{color:#fff;}
.green-color{color:var(--green-color);}

/*--Background Colors--*/
.green-bg-color {
	background-color: var(--green-color);
}
.white-gold-bg-color {
	background-color: #fbfbfb;
}

.intro-bg-color {
	background-color: #fbfbfb;
}

.bio-bg-color {
	background-color: #418e98;
}

/*--Headdings--*/
h1{font-size:72px; line-height:1.2;}
h2{font-size:48px; line-height:1.2;}
h3{font-size:32px; line-height:1.4;}
@media(max-width:1199px){
	h1{font-size:60px;}	
	h2{font-size:40px;}
}
@media(max-width:991px){
	h1{font-size:50px;}	
	h2{font-size:35px;}
}
@media(max-width:767px){
	h1{font-size:40px;}	
	h2{font-size:30px;}
}
@media(max-width:575px){
	h1{font-size:30px;}	
	h2{font-size:25px;}
}

/*--Paragraph--*/
p{font-size:18px; line-height:1.4;}
@media(max-width:1199px){
	p{font-size:17px;}
}
@media(max-width:991px){
	p{font-size:16px;}
}
@media(max-width:767px){
	p{font-size:15px;}
}
@media(max-width:575px){
	p{font-size:14px;}
}

/*--Nav Iocn--*/
.nav-icon{width:20px; height:14px; position:relative; cursor:pointer; z-index:9999;}
.nav-icon::before, .nav-icon::after{transition: all 0.1s linear;}
.nav-icon::before{position:absolute; left:0; top:0; width:100%; height:1px; background-color:#000; content:"";}
.nav-icon::after{position:absolute; left:0; bottom:0; width:50%; height:1px; background-color:#000; content:"";}
.nav-icon span{display:block; height:1px; background-color:#000; transition:all 0.1s linear;}
.nav-icon.active{width:20px; height:20px;}
.nav-icon.active span{opacity:0; visibility:hidden; background-color:#fff;}
.nav-icon.active::before{transform:translateY(-50%) rotate(45deg); transform-origin:center center; top:50%; background-color:#fff;}
.nav-icon.active::after{width:100%; transform:translateY(50%) rotate(-45deg); transform-origin:center center; bottom:50%; background-color:#fff;}

/*--Links--*/
.links{font-size:18px; color:var(--text-color); font-weight:700; padding-bottom:25px; position:relative;}
.links:hover{color:var(--text-color);}
.links::after{position:absolute; left:0; bottom:0; width:70px; height:2px; background:rgba(0,0,0,0.5); content:""; transition:all 0.1s linear;}
.links:hover::after{width:70%; background:rgba(0,0,0,1);}

.links.links-white, .links.links-white:hover{color:#fff;}
.links.links-white::after{background-color:rgba(255,255,255,0.5);} 
.links.links-white:hover::after{background-color:rgba(255,255,255,1);}

/*link centrati*/


	.links.link-center::after {
		position: absolute;
		left: 30%;
		bottom: 0;
		width: 40%;
		height: 2px;
		background: rgba(0,0,0,0.5);
		content: "";
		transition: all 0.1s linear;
	}

	.links.link-center:hover::after {
		left: 0%;
		width: 100%;
	}


@media(max-width:1199px){
	.links{font-size:17px;}
}
@media(max-width:991px){
	.links{font-size:16px; padding-bottom:20px;}
}
@media(max-width:767px){
	.links{font-size:15px;}
}
@media(max-width:575px){
	.links{font-size:14px; padding-bottom:15px;}
	.links::after{border-width:1px;}
}