@import url('https://fonts.googleapis.com/css2?family=Jost&family=Playfair+Display&display=swap');
body {padding: 0px;margin: 0px; color:#000;font-family: 'Jost', sans-serif;font-size:16px}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}img{ border:0;}a{text-decoration: none; color:#977551}.clearBoth {clear:both;}.spazio{ width:100%; height:70px}
::-webkit-scrollbar {width: 7px;}::-webkit-scrollbar-track { background: #f4f4f4;}::-webkit-scrollbar-thumb {background: #000;}::-webkit-scrollbar-thumb:hover {background: #666;}
.cursor{position: fixed; width: 5px;height: 5px;border-radius: 50%;background-color:#fff;pointer-events: none;mix-blend-mode: difference;z-index: 99999999;
  transition: transform 0.2s;}.cursor2{ position: fixed; width: 40px; height: 40px; border-radius: 50%; background:none; border:1px solid #999; pointer-events: none;mix-blend-mode: difference; z-index: 99999999; transition: transform 0.8s;}


.herder_logo{width: 120px; height: auto; position: absolute; left:40px; background: #fff; z-index: 99}
.herder_logo img{width: 100%; height: auto;}

.contieni_hearder{ width:auto; height:70px;position: absolute;z-index:99;transition: all 0.3s ease-out;top:0; left:35%;} 
.bagrhearder{background:#1f170b;transition: all 0.3s ease-out;}
.herder_menu{ width: 100%;height:auto;float:left; /*background:#666*/; display:table;}
.menu{ width:100%; height:70px;position:relative; font-size:14px; text-transform:uppercase; font-weight:400;display: table-cell; vertical-align: middle;}
.menu ul{padding: 0px;margin:0px;position: relative; list-style: none; width:auto;display: block;}
.menu ul li{display: inline; margin:0px 0px 0px 40px;}


/**/
.textcirc {width:160px;height:160px;margin:0 auto;position: absolute;bottom: 100px;right: 25%;-webkit-animation:spin 18s linear infinite;-moz-animation:spin 18s linear infinite;animation:spin 18s linear infinite; z-index: 95}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }}.white {color:#90402a; fill: #90402a; font-size:9.5px; text-transform:uppercase; letter-spacing: 3px;}
/**/

#chisiamo{width: 100%; height: 100vh; position: relative; overflow: hidden}
.colo1{width: 40%; /*height: 100%;*/float: left;background: #0a0d0c;overflow: hidden; position: relative}
.img_sez {height: 100vh;width: auto;overflow: hidden;padding: 75px;}.img_sez img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-out;}
.colo2{width: 20%; height: 50vh;background: #fff;overflow: hidden; position: absolute; top:50%; left: 30%;  margin-top:-25vh;padding: 10px;z-index: 9;}
.img_sez2 {height: 100%;width: auto;overflow: hidden;}.img_sez2 img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-out;}
.tit_sez1{ width: 50%; height: auto;position: absolute; bottom:12%; left: 17%; font-size: 60px;color: #fff; mix-blend-mode:difference; line-height: 40px;z-index: 9}
.tit_sez1 span{font-size: 25px; font-style: italic}.colo3{width: 60%; height: 100vh;float: left;background: #fff;display: table; position: relative; padding-left: 10%}.posizione_txt_sez {display: table-cell;vertical-align: middle;}.txt_sez {font-size: 16px;line-height: 22px;padding: 40px;color: #333;height: auto;width: 65%;margin: 0 auto;}.txt_sez h1{font-size: 50px;line-height: 50px; text-transform: uppercase; font-weight: normal;}
.enter_text_ruota { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; position: absolute;top: 80px; left: 40px; font-size: 12px; color: #333; text-transform: uppercase;letter-spacing: 2px; font-weight: normal;}.enter_text_ruota span{font-weight: 700}

#attivita{width: 100%;/*height:100vh;*/ background: #dddada; position: relative;}.wrap_material{width: 80%; height: auto; margin:0 auto;position: relative; padding: 0px 20px}

#calendario{width: 100%;height:auto; background: #efebe2; position: relative;}
.wrap_cale{width: 90%; height: 100vh; margin:0 auto;position: relative; padding: 0px 20px; display: table;}
.tit_cale h2{font-size: 50px;line-height: 50px; font-weight: normal; width: 100%; height: auto; text-align: center}
.tit_cale h2 span{font-family: 'Playfair Display', serif; font-style: italic;}.tit_cale h2 em{font-size: 35px; font-style: normal;}
.colo_cale{width: calc(20% - 10px);  float: left; background: #fff; margin: 5px; border-radius: 10px}
.colo_cale_day{width: 100%; height: auto;color: #fff; font-size: 30px; padding: 10px}
.colo_cale_list{width: 100%; height: auto; color: #333; font-size: 18px; padding: 10px;min-height: 350px;}.colo_cale_list span{color:#ccc; text-transform: uppercase}
.img_feste{width: 100%; height: auto}
.wrap_img_feste{ width: 800px; height: auto; margin: 0 auto;}
.wrap_img_feste img {width: 100%; height: auto}

.colo_cale_list strong{font-size: 16px; color: #977551}
.day1{background: #cfa936;}
.day2{background: #df507b;}
.day3{background: #659671;}
.day4{background: #e28d5b;}
.day5{background: #6194c4;}
.wrap_img_cale{width: 100%; height:auto; padding: 5px 0px 15px 0px;} .img_cale{width: 200px; height: 200px; border-radius: 50%; overflow: hidden; margin: 0 auto}.img_cale img{width: 100%; height: 100%; object-fit: cover}

/*footer*/
.blocco_footer{ width: 100%; height: auto; background: #000; color: #fff; padding: 45px 0px;}.wrap_footer{width: 90%;height: auto;margin: 0 auto;padding: 25px;}
.footer_logo{width: 240px; height: auto; float: left; position: relative;text-transform: uppercase;}.logo_w{color:#fff;font-size:20px; font-weight:400; padding-bottom:20px; }.info_footer{color:#999; width:100%;font-size:12px;}.info_footer a{ color: #ccc}.menu_footer {width: 200px; height: auto; float: left; font-size: 12px;color: #ccc; padding-left: 60px; text-transform: uppercase}.menu_footer ul {padding: 0px;margin: 0px;position: relative;list-style: none;}.menu_footer ul li {margin: 0px;padding: 5px;} .menu_footer ul li a{color: #ccc;}.social_footer{width: 200px; height: auto; float: left; padding-left: 60px;}.social_footer_ico{width: 40px; height: 40px; border-radius: 50%; padding: 10px; background: #141414; text-align: center; float: left; margin-left: 5px;}.credit_footer{width: calc(100% - 640px); height: auto; float: left;padding-left: 60px;color: #666;font-size: 12px;} .credit_footer a{color:#ccc}
#contatti{width: 100%;/*height:100vh;*/ background: #f4f4f4; position: relative;}
.txt_sez_material h3{font-size: 50px;line-height: 50px; font-weight: normal;}.txt_sez_material h3 span{font-family: 'Playfair Display', serif; font-style: italic; font-size: 45px;}


@media (min-width: 769px) and (max-width: 1024px) {
	.herder_logo{width: 100px;left:20px;}#chisiamo{height: auto;}.colo1{width: 50%;height: auto;}.img_sez {padding: 40px;}.colo2{width: 20%; height: 50vh;top:25%; left: 30%;  margin:-25px 0px 0px 50px;}
	.tit_sez1{ width: 50%; height: auto;position: absolute; left: 50px;}.colo3{width: 50%; height: auto; padding:0px; display: block}
	.enter_text_ruota{top: 40px;left: 50px;}
	.img_cale{width: 120px; height: 120px;}
	.wrap_img_feste{ width: 700px; height: auto; margin: 0 auto;}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	.herder_logo{width: 90px;left:20px;} .herder_menu{ display: none}
	.textcirc {width:100px;height:100px;margin:0 auto;position: absolute;bottom: 100px;right: 5%;}
	.blocco_footer{padding: 20px 0px;}.footer_logo{width: 100%;}.menu_footer { display: none}.social_footer{width: 100%;padding:20px 0px;}.credit_footer{width: 100%;padding:20px 0px 0px 0px;}
	#chisiamo{height: auto;}
	.colo1{width: 100%; height: auto}.img_sez {padding: 40px;}.colo2{display: none}.colo3{width: 100%; height: auto; padding:20px; display: block}	.tit_sez1{ display: none}.txt_sez{width: 100%;padding: 10px}.txt_sez h1{font-size: 35px;line-height: 35px;}.enter_text_ruota{display: none}
	
	#attivita{width: 100%;height:auto; padding-bottom: 20px}.wrap_material{width: 100%;margin:0; padding: 0px 20px}
	.wrap_img_feste{ width: 400px; height: auto; margin: 0 auto;}
	.wrap_cale{width: 90%; height: auto; padding: 0}
	.colo_cale{width: 100%;}.colo_cale_list{width: 100%; min-height: auto;}
	.img_cale{width: 100%; height: auto; border-radius:0;}
	#contatti{height: auto;}
}
@media (max-width: 425px) {
	.herder_logo{width: 80px;left:20px;}.textcirc{display: none}
	.herder_menu{ display: none}
	.cursor{display: none}.cursor2{ display: none}.wrap_herder{ width:100%; height:80px;padding:0px 15px}
	.blocco_footer{padding: 20px 0px;}.footer_logo{width: 100%;}.menu_footer { display: none}.social_footer{width: 100%;padding:20px 0px;}.credit_footer{width: 100%;padding:20px 0px 0px 0px;} #chisiamo{height: auto;}.colo1{width: 100%; height: auto}.img_sez {height: 100px;padding: 0px;}
	.colo2{display: none}.colo3{width: 100%; height: auto; padding:20px; display: block}.tit_sez1{ display: none}.enter_text_ruota{display: none}
	.bott_circ{ top: -80px; left: 45%;}	.txt_sez{width: 100%;padding: 10px}.txt_sez h1{font-size: 35px;line-height: 35px;}
	#attivita{width: 100%;height:auto; padding-bottom: 20px}.wrap_material{width: 100%;margin:0; padding: 0px 20px}
	.wrap_img_feste{ width: 300px; height: auto; margin: 0 auto;}
	.wrap_cale{width: 90%; height: auto; padding: 0}
	.colo_cale{width: 100%; height: auto; margin: 0}.colo_cale_list{width: 100%;min-height: auto;}.tit_cale h2{font-size: 35px;line-height: 35px;}
	.img_cale{width: 100%; height: auto; border-radius:0;}
	#contatti{height: auto;}
	
	
}