@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap");

body {padding: 0px;margin: 0px; font-family: 'Raleway', Arial, sans-serif; color:#000}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ border:0;}a{text-decoration: none;}.clearBoth {clear:both;}
.spezza {clear:both;width:100%; /*height:1px; background:#2DED0F*/}
.spazio {width:100%; clear:both; padding:40px;}
hr.styleline{ width:75px; border:0; height: 2px; background:#6fb530; margin:0px 0px 30px 0px;clear:both;}
hr.style_ruota{ width:150px; border:0; height: 2px; background:#bd9e48; margin-left:-50px;margin-top:50px;
-webkit-transform: rotate(-70deg);-moz-transform: rotate(-70deg);-ms-transform: rotate(-70deg);-o-transform: rotate(-70deg);}
.quadrato{ width:50px; height:50px; position:fixed; z-index:999999999; top:13px; right:80px; background: none;transition: all 0.3s ease-out; cursor:pointer;}
.quadrato:hover{background:#000;}
.linea1{ width: 20px; height:2px; background:#fff; position:absolute; top:17px; left:15px;transition: all 0.3s ease-out;}
.linea2{ width: 15px; height:2px; background:#fff; position:absolute; top:24px; left:15px;transition: all 0.3s ease-out;}
.linea3{ width: 20px; height:2px; background:#fff; position:absolute; top:31px; left:15px;transition: all 0.3s ease-out;}
.quadrato:hover .linea1{width: 10px;}.quadrato:hover .linea2{width: 20px;}.quadrato:hover .linea3{width: 10px;}
.quadrato2{ width:50px; height:50px; position:absolute; z-index:9999; top:40px; right:40px; background:#50762e;transition: all 0.3s ease-out; cursor:pointer;}
.quadrato2:hover{background:#000;}
.quadrato3{ width:70px; height:70px; position:absolute; z-index:9999; top:40px; left:40px; background:#243d4f;transition: all 0.3s ease-out; cursor:pointer; display:none}
#panel {display: none;position:fixed;top:0px;right: 0px;background: none;cursor:pointer;width:100%;height: 100%;padding:0px;z-index:99999999999999999999999999;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.overlay{position:absolute;top:10px;right: 10px;background: #482371;width:35%;height: calc(100% - 20px);padding: 30px;z-index:9999999999999999999999999999;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
/*=================**/
.navi{font-size: 16px; margin-top:55px; font-weight:bold}	
.navi ul {padding: 0px;margin:0px;list-style: none; text-align:center}
.navi ul li{padding:0px; margin:20px 0px; display: block; width: 100%;}
.navi ul li a {display: block; padding: 20px;color: #fff; text-decoration: none;transition: all 0.3s ease-out;}
.navi ul li a:hover {background: #none; color: #ccc; }


li hr.stylemenu{ border: 0; height: 1px; width:30px; background: #50762e; transition: all 0.3s ease-out; }

li:hover hr.stylemenu{ width:200px; background: #6fb530;}
/*=============*/
.topchiudi{ width:70px; height:70px; position:absolute; z-index:9999; top:0px; right:0px; background:#50762e;transition: all 0.3s ease-out; cursor:pointer; color:#fff}
.linea4{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.linea5{ width: 30px; height:2px; background:#fff; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.topchiudi:hover{background:#000;}
.topchiudi_lang{ width:70px; height:70px; position:absolute; z-index:9999; top:0px; right:0px; background:#000;transition: all 0.3s ease-out; cursor:pointer; color:#fff}
.topchiudi_lang:hover{background:#c5cac5;}
/*=============*/

.wrap_header{width:100%; height:80px;background-image: linear-gradient(to right, #7e4ab9, #663999);/*position:absolute;*/ z-index:99999999; position:fixed; /*border-bottom:2px solid #bd9e48*/}
.wrap_header_cent{width:80%; height:80px; margin:0 auto;}

.colo_logo{ width:80px; height:80px; float:left; padding-top:5px; text-align:center;transition: all 0.3s ease-out; background:nome;}
.colo_logo:hover{ opacity:0.6;}
.colo_menu{ width:calc(100% - 200px); height:80px; float:left; /*border-right:1px solid #615147;*/}

.colo_menu_altro{ width:120px;height:80px; float:left;}

.headermenu{width:100%; height:auto; padding:20px; text-transform:uppercase;font-size: 16px;margin-top:17px;color:#6fb530;}
.menu{ padding-top:30px; margin-left:20px}
.menu ul{padding: 0px;margin:0px;position: relative; list-style: none; width:auto;display: block;}
.menu ul li{display: inline; margin:0px 5px;}
.menu ul li a{color:#fff; font-size:14px;transition:all 0.3s ease-out; padding:20px 10px; font-weight:bold;}
.menu ul li a:hover{color:#ffd31d;}


.language_header{ width:100%; height:auto; float:left;padding:10px;margin-top:10px;}
.language_header a{display:inline-block; margin-right:10px; transition: all 0.3s ease-out; /*background: #000;*/ padding:10px 5px;text-transform:uppercase;font-size: 12px; color:#fff}
.language_header a:hover{color:#999}
.language_header .act{color:#ccc; border-bottom:1px solid #B3AB76;}

.arrow{ position:absolute; top:50%; right:20px; margin-top:-10px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:0.5;}

.wrap_header_bott2{width:100%; height:auto; /*background:#52443c;*/ position:absolute; z-index:999; bottom:120px;}
.wrap_header_bott_cent2{width:80%;height:auto; margin:0 auto; border-bottom:1px solid #ccc;}

.wrap_header_bott_cent2_colo1{ width:70%; height:120px; font-size:10px; float:left; /*background:#000000;*/ color:#fff; text-align:right; padding:30px; text-transform:uppercase;}
.wrap_header_bott_cent2_colo1 span{color:#ccc;font-size:18px;font-weight:900;}
.wrap_header_bott_cent2_colo1 span strong{color:#bd9e48;font-size:30px;font-weight: normal;}

/*.wrap_header_bott_cent2_colo2{ width:50px; float:left;}*/
.wrap_header_bott_cent2_colo2{ width:30%; height:auto; float:left; font-size: 36px; color:#fff; /*background:#999;*/ font-weight:900;padding:15px 20px; margin:0; border-left:1px solid #ccc}
.wrap_header_bott_cent2_colo2 span{text-transform:uppercase;font-size: 9px; color:#bd9e48; letter-spacing:5px;}

.logo{ position:absolute; width:230px; height:148px; bottom:15%; left:50%; margin-left:-115px;}
.logo img{ width:100%; height:auto;}

.testo_entra{ width:400px; height:200px; padding:20px; position:absolute; left:50%; top:60%;text-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5); color:#fff;margin-top:-100px;margin-left:-200px; text-align:center}
h1{font-size: 60px;font-weight: 900;line-height: 1.17em; margin:0px 0px 20px 0px}h2{font-size: 24px;font-weight: 700;line-height: .7em;margin:0px 0px 30px 0px}
.bottone{padding: 15px 30px;background-color: #ffd31d;font-weight: 700;letter-spacing: 1px;border: 0;font-size: .8rem;text-transform: uppercase; cursor: pointer; border-radius: 50px; color:#000; display: inline}

#home{ width:100%; height:100vh; background:#000; position:relative;}#home img{ width:100%; height:100vh;width: 100%;height: 100%;object-fit: cover; opacity:0.6}
#tuo_menu{ width: 100%; min-height:100vh; clear:both; overflow:hidden;}
#perche{ width: 100%; min-height:100vh; clear:both; overflow:hidden;}
#brand{ width: 100%; min-height:100vh; clear:both; overflow:hidden;}
#gallery{ width: 100%; min-height:100vh; clear:both; overflow:hidden;}
#contatti{ width: 100%; min-height:100vh; clear:both; overflow:hidden;}

.img_home {height:100vh; width:auto; overflow:hidden;}
.img_home img{width: 100%;height:100%; object-fit: cover; transition: all 0.3s ease-out;}

.colo1{ width:50%; min-height:100vh; float:left;background:#fff;display: table;position:relative}
.colo2{ width:50%;min-height:100vh; float:left; /*background:#C9CD21;*/background:#f4f4f4; /*display: table;position:relative;*/ overflow:hidden;}
.colo3{ width:100%; min-height:100vh; float:left;background:#f4f4f4;display: table;position:relative}

.posizione_txt_sez{display:table-cell;vertical-align:middle;}
.txt_sez{font-size:14px; line-height:24px; padding:40px;/* background:#000;*/ color:#333; height:auto; width:75%; margin:0 auto; z-index:99;} .txt_sez span{ color:#999}
.txt_sez strong{color:#442d16}
.txt_sez a{color:#663999; transition: all 0.4s ease-out; font-weight:bold}
.txt_sez a:hover{color:#ccc;}
.pre_title{font-size:10px; letter-spacing:2px; color:#6fb530; text-transform:uppercase; font-weight:bold}
.pre_title2{font-size:12px; letter-spacing:5px; color:#84796e; text-transform:uppercase; margin-left:40px;}
.wrap_lin_verti{ width:100%; height:auto;}
.lin_verti{width:1px; height: 200px; background:#6fb530; position: relative; margin:0 auto;}
.number{width:100%; height:auto; position: relative; text-align:center; padding:20px;font-size:24px; color:#d5612a; /*font-weight: bold;*/}

.posizione_img_sez{display:table-cell;vertical-align:middle;}
.img_sez {height:100vh; width:auto; overflow:hidden;}
.img_sez img{width: 100%;height:100%; object-fit: cover; transition: all 0.3s ease-out;}

.titolo_sez{font-size:30px; color:#663999; font-weight:900;line-height:40px; padding:20px 0px;}

/********** FOOTER **********/
.footer{width:100%; min-height:250px; display:block;padding:20px;background:#482371; /*margin-top:20px;*/}
.wrap_footer{width:80%; margin:0 auto;}
.logo_footer{ width:253px; height:auto; /*background:#000000;*/ float:left;padding:20px;}
.info_footer{ width:auto; height:auto; float:left;font-size: 12px; color:#c8a692; padding:20px; line-height:16px;}
.info_footer strong{color:#ccc;text-transform:uppercase; letter-spacing:3px; font-size: 11px;}
.info_footer a{ color:#fff}

.social_footer{ width: 100%; height:auto; margin:5px 0px;}

.social_footer a{display:inline-block; margin-right:10px; transition: all 0.3s ease-out; background:none; -moz-border-radius: 50%;
-webkit-border-radius: 50%;border-radius: 50%; padding:10px 12px; border:1px solid #6fb530 }
.social_footer a:hover  {background:#6fb530}
@media (min-width: 1099px) and (max-width: 1366px) {
}
@media (min-width: 768px) and (max-width: 1098px) {
	.quadrato{ right:20px;}
}

@media (max-width: 767px) {
	.quadrato{ right:20px;}
	.overlay { width:calc(100% - 20px);height: calc(100% - 20px);}
		
	.colo_menu{ display:none;}
	.colo_menu_spec{ display:none;}
	.colo_menu_spec2{ display:none;}
	.colo_menu_altro{ display:none;}
	/**/
	.colo1{width:100%; min-height:auto; padding-top:50px; /*background:#f4f4f4*/}
	.colo2{width:100%; min-height:auto}
	.colo3{width:100%; min-height:auto;padding-top:50px;}
	.txt_sez{width:100%;}
	.img_sez {height:200px; width:auto; overflow:hidden;}
	.lin_verti{height: 100px;}
	 h1{font-size: 40px;}
	 .testo_entra{ width:100%; height:200px; padding:20px; position:absolute; left:0%; top:65%; margin-top:-100px;margin-left:0px; text-align:center}
	.wrap_header_cent{ width:95%;}
	.img_all_gallery{ width:50%;}
	
	.box_brand{ width:50%;}
	
	.footer{width:100%; height:auto; display:block;padding:40px 20px;}
	.logo_footer{ width:100%; height:auto;padding:20px; text-align:center}
	.info_footer{ width:100%; height:auto; text-align:center;padding:5px;}
}