@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,500&family=Titillium+Web:ital,wght@0,200;0,400;0,700;1,400;1,700&display=swap');
body {padding: 0px;margin: 0px;background: #fff; color:#000;font-family: 'Titillium Web', 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:#000}.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;}


.contieni_hearder{ width:100%; height:auto; position: fixed; z-index:99;transition: all 0.3s ease-out;}
.bagrhearder{background:#333;transition: all 0.3s ease-out;}
.wrap_herder{ width:80%; height:auto;  margin:0 auto; padding:0px 25px}
.herder_logo{ width:231px; height:auto; float:left; padding:25px 20px 25px 10px; position:relative}
.logo{font-family: 'Playfair Display', serif; font-size:35px; line-height: 0; position: absolute; top: 38px;color: #ccc}
.logo em{font-style: italic;color: #fff;}

.herder_menu{ width:calc(100% - 291px); height:auto;  float:left; /*background:#666;*/ display:table;}
.menu{ width:100%; height:80px;position:relative; font-size:14px; text-transform:uppercase; font-weight:700;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;}
.menu ul li a{ color:#fff}


.wrap_page{width: 100%; height: 100vh; background: #000; position: fixed}
.img_home{width: 100%; height: 100vh; /*overflow: hidden;*/} .img_home img{width: 100%;height: 100%;object-fit: cover;opacity: 0.5}


.contieni_all{width: 100%; height: auto; position: absolute; top:40vh; margin-top: -150px}

.text_intro h1{font-size: 8vw; font-weight:normal; font-family: 'Playfair Display', serif; width: 100%; text-align: center; overflow: hidden; margin: 0; color:#fff} 
.text_intro2 h2{font-size: 1.5vw; font-family: 'Titillium Web', sans-serif; font-style: italic; font-weight: 400;width: 100%; text-align: center; overflow: hidden; margin:0 0 30px 0;color:#ccc }

.wrap_search{ width: 100%; height: 200px; margin: 0 auto; text-align: center;/* background: #000;*/ position:relative;}
.box_search{width: 50%; height: auto;background:rgba(255,255,255,0.2); /*background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,0.6));*/ margin: 0 auto; padding: 10px; border-radius: 40px;}

.wrap_search input[type=text] {
        background: linear-gradient(#fff, #ccc);
		border: 1px solid #999;border-radius: 30px 0px 0px 30px;color: #333;display: block;float: left;font-family: 'Titillium Web', sans-serif;font-size: 16px;
		font-weight: 400;height: 60px;margin: 0px;padding: 0px 20px;width: 80%;}

.wrap_search input[type=button], button[type=submit], input[type=reset] {
    /*background: linear-gradient(#04AA6D, #036c46);*/
	background: linear-gradient(#e7a106, #875e03); border: 1px solid #fff;border-image: initial;border-radius: 0px 30px 30px 0px;    
    color: rgb(255, 255, 255);display: block;float: left; font-family: 'Titillium Web', sans-serif;font-size: 16px;
    font-weight: 400; height: 60px;line-height: 60px; margin: 0px;padding: 0px; position: relative; text-shadow: rgb(0 0 0) 0px -1px 0px; width: 20%;
}

.wrap_search:focus input[type=text]{ border: 1px solid #000;}


.seleziona{ width: 100%; height: auto; padding-top:20px; font-size: 14px; color:#999; text-align: center}
/*.seleziona_tipo{text-align: left}*/.seleziona_tipo a{margin: 0px 20px; color:#fff}.seleziona_tipo a.active{color:#e7a106; border-bottom: 1px solid #e7a106}

.wrap_risultato{width: 50%; height: auto;margin:40px auto 0 auto; background:rgba(255,255,255,0.3);padding: 10px;}
.risultato{width: 100%; height: auto; margin:0 auto; background: #fff;font-size: 14px;}
.risultato strong{font-size: 20px; font-style: italic}
.blocco_record{ border-top: 1px solid #e5e3e3; position: relative}
.freccia{position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; color: #666; z-index: 9; padding: 2px; font-size: 20px; margin-top:-7px;margin-left:-10px; background: #fff; line-height: 10px; border-radius: 50%; border: 1px solid #f4f4f4}
.sfond{background: #036c46; color:#fff}
.colo1_risultato{ width: 50%; height: auto;padding: 20px; float: left; text-align: right;border-right: 1px dashed #bbb9b9}
.colo2_risultato{ width: 50%; height: auto;padding: 20px; float: left; text-align: left;}
.colo1_risultato span{text-transform: uppercase; font-size: 12px;}
.colo2_risultato span{text-transform: uppercase; font-size: 12px}
.colo1_risultato strong{ font-style: italic; font-weight: 800; font-size: 20px;}
.colo2_risultato strong{ font-style: italic; font-weight: 800; font-size: 20px;}

.parola_cercata{ font-size: 30px; color: #fff; margin-top: 40px; font-style: italic; font-weight: 800;}

.copy{width: 100%; height: auto; padding: 40px 20px; text-align: center; position: absolute; bottom:0px;font-size: 13px; color: #fff; font-style: italic;}

@media (min-width: 769px) and (max-width: 1024px) {
	.box_search{width: 70%; padding: 10px;}
	.wrap_risultato{width: 70%; }
	
}
@media (min-width: 426px) and (max-width: 768px) {
	.cursor{display: none}.cursor2{ display: none}.wrap_herder{ width:100%; height:80px;padding:0px 15px}.herder_logo{width:calc(100% - 60px);}.herder_menu{ display:none}
	.box_search{width: 95%; padding: 10px;}
	.wrap_risultato{width: 95%; }
	
}
@media (max-width: 425px) {
	.cursor{display: none}.cursor2{ display: none}.wrap_herder{ width:100%; height:80px;padding:0px 15px}.herder_logo{width:calc(100% - 60px);}.herder_menu{ display:none}
	
	.box_search{width: 95%; padding: 10px;}
	.text_intro h1{font-size: 15vw;}
	.text_intro2 h2{font-size: 4vw;}
	.wrap_search input[type=text] {width: 70%;}
	.wrap_search input[type=button], button[type=submit], input[type=reset] {width: 30%;}
	.seleziona{font-size: 12px;}.seleziona_tipo{text-align: center}
	.seleziona_tipo a{margin: 0px 5px;}
	.wrap_risultato{width: 95%; }
	.colo1_risultato{ padding: 15px;}
	.colo2_risultato{ padding: 15px;}
	.colo1_risultato strong{ font-size: 16px;}
	.colo2_risultato strong{ font-size: 16px;}
}