html,body{min-height:480px;/*background:rgb(254, 245, 192)*/}
html,body,#form1{height:100%}
.bollino-dog{font-size: 32px;top: 8px;right: 8px;padding: 16px;background: orange;color: #fff;border-radius: 50%;}
#bg-hero{height:100%}
input,select{background:#fff!important}
.width-bloccata{margin:auto;padding:0 15px;}
.position-fill {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sottolineato{padding-bottom:24px;position:relative}        
.sottolineato:before{content: "";position: absolute;height: 6px;width: 75px;bottom: 0;left: 0;right: 0;border-radius:4px;}
.sottolineato-green:before{background-color: #9ac21e;}
.sottolineato-orange:before{background-color:orange}
.layer{position:fixed;top:0;left:0;width:100%;height:100%}
.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0,.05);}
.ombratesto {text-shadow: 0px 0px 10px #000;}
.loader {border: 8px solid #faf7f1;border-top: 8px solid #EF902E;border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}
.spinner{border: 4px solid #f3f3f3;border-top: 4px solid #40C1F1;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;display: inline-block;}
.mb-16{margin-bottom:16px}
.page-title{font-family:Glory;font-size:48px;color:orange}
.sottotitolo{font-family:Glory;font-size:24px}
#video-container{width:50%}
.decorazione{display:none}
#header{height:100%}
#header{background-image:url(/images/bg-cover-2.jpg);background-size:cover;}     
#layer-menu{background-color:#fff;z-index:2;display:none}
.layer-menu-header{background:#fff}
.layer-menu-content{height: calc(100% - 22px);overflow: auto;}
.layer-menu-content-inner{padding:16px 16px 64px;}
.btn-menu,.btn-close-menu{cursor:pointer}       
.layer-menu-header-inner{padding:16px}
#main{overflow:hidden}
/*#book-now-widget{display:none}*/
#container-book-now-widget{display:none}
#container-book-now-widget > a{display:block}

#footer{font-family:Glory;background:url(/images/bg-cover.jpg);background-position: top;background-repeat: no-repeat;background-size: cover;}
.footer-inner{background-color: rgba(0,0,0,.15);color:#fff;padding: 48px 30px 100px; font-weight: 600;letter-spacing: 1px;} 
#footer h4{font-weight:700;font-size:32px;color:#fff}
#footer ul{list-style:none;padding:0}
#footer li a{padding:8px 0;display:inline-block;font-size:1.5em;text-decoration:none}
#footer li span{padding: 8px 8px 8px 0;display: inline-block;font-size: 1.9em;text-decoration: none;}
#footer li a:hover{color:#ccc}
#footer li a i{font-size:32px;}
.footer-col{width:100%}
#footer p{margin:0;padding:4px 0 0;}
.footer-inner{text-align:center}

#titolo-modal-book-now,#titolo-modal-book-now-villaggio{text-transform:uppercase}

@media(min-width:500px){
    .page-title{font-size:2.8em}
}

@media(min-width:768px){
    .width-bloccata{max-width:768px}
}

@media(min-width:992px){
    .width-bloccata{max-width:992px}
    #video-container{width:30%}
    .page-title{font-size:3.8em;}
    .sottotitolo-principale{font-size: 48px;margin-top: 16px;} 
    .footer-inner{text-align:left}
    .footer-col{width:25%}
    .footer-inner{padding:46px 30px 80px}
    #footer h4{font-size:17px}
    #footer li a{padding:4px 0;font-size:15px;}            
}

@media(min-width:1024px) {
    #container-book-now-widget{display:block} 
}

@media(min-width:1280px){
    .width-bloccata{padding:0 15px}
    #footer h4{font-size:24px}   
    #footer li a{font-size:1.4em}     
}

@media(min-width:1366px){
    .width-bloccata{padding:0;max-width:1280px}
    #footer h4{font-size:32px}
}

@media(min-width:1920px){
    .decorazione{display:inline-block}
    .footer-grid{width:75%;margin:auto;max-width:100%}
}


/* menu icon */
.lines, .lines:before, .lines:after {background:#3b3a38}
.lines-white, .lines-white:before, .lines-white:after {background:#fff!important}
.lines {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;position: relative;top: -4px;transform-origin: center;}
.lines::before, .lines::after {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;content: '';position: absolute;left: 0;transform-origin: center;width: 100%;}
.lines::before {top: 9px;}
.lines::after {top: -9px;}
.lines-x{transform:rotate(45deg)}
.lines-x::before{transform:rotate(90deg);top:0}
.lines-x::after{display:none}

.header-btn-menu{position:absolute;top:16px;margin-left:16px;}
.header-logo{overflow:hidden;position:absolute;top:16px;right: 50%;transform: translateX(50%);display:none}        
.header-content{overflow:hidden;padding:0 16px;position:absolute;top:50%;transform:translateY(-50%);}        
.header-titolo{font-family:'Fredoka One';color:#fff}
.header-paragrafo{font-family:'Fredoka One';color:#fff;font-size:16px}
.header-scroll-down-container{position:absolute;top:75%;transform:translateY(-50%) translateX(-50%);left:50%}
.arrow {width: 0;height: 40px;border: 1px solid #fff;position: relative;animation: scroll 1.5s infinite;-webkit-animation: scroll 1.5s infinite;background:#fff}
.arrow:after {content: '';display: block;position: absolute;top: 100%;left: -5px;width: 1px;height: 10px;border-top: 10px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
@keyframes scroll {0% {transform: translateY(0px);}30% {transform: translateY(30px);}70% {transform: translateY(0px);}}






@media(min-width:500px){
    .header-titolo{font-size:64px;}
    .header-paragrafo{font-size:18px;}
    #titolo-modal-book-now,#titolo-modal-book-now-villaggio{position:absolute;top:0;left:50%;transform:translateX(-50%)}
}


@media(min-width:768px){
    .header-paragrafo{width:75%}
}

@media(min-width:992px){
    .header-btn-menu{margin-left:32px;}
    .header-logo{top:25%;transform:translateY(-50%) translateX(50%);right:25%;left:auto}
    .header-logo img{width:300px}
    .header-content{padding:0 32px;}
    .header-titolo{font-size:64px;}
    .header-paragrafo{font-size:24px;width:50%}
    .header-scroll-down-container{top:75%;transform:translateY(-50%) translateX(50%);right:25%;left:auto}
    .arrow {height: 80px;}        

    #barra-menu{padding:16px 32px}
    .layer-menu-header-inner{padding:16px 32px}
    .layer-menu-content-inner{padding:16px 32px 64px}
}

@media(min-width:1366px){
    .header-logo{display:block;}
}

@media(min-width:1920px){
    #barra-menu-inner{width:75%;margin:auto}
    .layer-menu-header-inner{width:75%;margin:auto;padding:16px 0}
    .layer-menu-content-inner{width:75%;margin:auto;padding:16px 0 64px}
    .header-btn-menu{margin-left:0;left:12.5%}
    .header-content{padding:0;left:12.5%}
    #barra-menu{padding:16px 0}
}



.sistemazioni-header{padding:36px;overflow:hidden;font-family:Glory}
.sistemazioni-header-inner{max-width:1366px;margin:auto;}
.sistemazioni-header .titolo{font-family:Glory;color:orange}    
.sistemazioni-header .paragrafo{font-size:21px}


.sezione-sistemazione{font-family:Glory;}
.sezione-sistemazione .titolo{font-family:Glory;font-size:27px}
.sezione-sistemazione .paragrafo{font-size:18px}
.sezione-sistemazione .container-img{width:100%;}
.sezione-sistemazione .container-img img{width:100%;}
.sezione-sistemazione .text{width:90%;margin:auto;margin-top:-48px;position:relative;}
.sezione-sistemazione .text-inner{padding:24px;background: rgba(255,255,255,.9);}


.sezione-sistemazione{margin-bottom:48px;}
                

@media(min-width:768px){
    .sistemazioni-header{padding:64px;}
    .sezione-sistemazione .container-img{max-width:600px;}
    #sezione-scopri-camping .container-img{margin:auto;margin-right:0}
    #sistemazioni-cards{margin-right:-48px;transform: translateY(-50px);}
    #sistemazioni-cards .w3-col{width:calc(50% - 48px);margin-right:48px;}

    .sezione-sistemazione{margin-bottom:0}
    .sezione-sistemazione .text-inner{padding:16px;} 
    .sezione-sistemazione .text{width:100%;margin-top:0}              
    .sistemazioni-header {padding: 64px 64px 114px;}     
}

@media(min-width:992px){ 
    .sistemazioni-header .titolo{width:20%;padding-right:16px;font-size:36px}
    .sistemazioni-header .paragrafo{width:80%;font-size:21px;padding-right:200px;}  
    .sezione-sistemazione .titolo{font-size:32px} 
                    
}

@media(min-width:1920px){
    .sistemazioni-header .titolo{font-size:5em}
    .sistemazioni-header .paragrafo{font-size:24px}
    .sezione-sistemazione .titolo{font-size:36px}
    .sezione-sistemazione .paragrafo{font-size:21px}
}



#servizi{font-family:Glory;}            
.servizi-header{padding:36px;overflow:hidden;margin-bottom:32px}
.servizi-header-inner{max-width:1366px;margin:auto;}
.servizi-header .titolo{font-family:Glory;color:#9ac21e}    
.servizi-header .paragrafo{font-size:21px}
.servizi-content{position:relative;z-index:1;}
.servizi-content-row .w3-col{margin-bottom:48px}
.servizi-content-row .text{padding:24px 16px;background:rgba(255,255,255,.9);margin:-48px auto 0;width: 90%;}
.servizi-content-row .titolo{font-family:Glory;font-size:27px;margin-top:0;padding-top:0}
.servizi-content-row .paragrafo{font-size:18px;}

                

@media(min-width:768px){
    #servizi{background:none;margin-top:48px}
    .servizi-header{padding:64px 64px 114px;margin-bottom:0}
    .servizi-content-row{transform:translateY(-50px);margin-right:-48px;}
    .servizi-content-row .w3-col{width:calc(50% - 48px);margin-right:48px;margin-bottom:0}
    .servizi-content-row .text{width:100%;margin:auto}
    #servizi-content-row-top{margin-bottom: 96px;}
}
@media(min-width:992px) 
{
    #servizi{margin-top:0} 
    .servizi-header .titolo{width:20%;padding-right:16px;font-size:36px}
    .servizi-header .paragrafo{width:80%;font-size:21px;padding-right:200px;}   
    .servizi-content-row .titolo{font-size:32px}           
}



@media(min-width:1920px){
    .servizi-header .titolo{font-size:5em}
    .servizi-header .paragrafo{font-size:24px}
    .servizi-content-row .titolo{font-size:36px}
    .servizi-content-row .paragrafo{font-size:21px}
}


#social{overflow:hidden;border-top: 1px solid #9ac21e;background:#fff}
#social p{color: #444;font-size: 32px;font-weight: 300;margin: 0;padding: 8px;}
#social-testo{display:block;font-family:'Fredoka One'}
.social-icon{cursor:pointer;transition:opacity .5s ease;font-size:44px;}
.social-icon:hover{opacity:.7 !important}

@media(min-width:600px){
    #social-testo{display:inline-block}
}


       

#layer-prenota{padding-bottom:100px;}

@media(max-width:600px){
    #layer-prenota{padding-bottom:30px;}
}

@media(max-width:768px){
    #layer-prenota{padding-bottom:50px;}
}



#cc_update{display:none!important}

.cc_dialog.simple{max-width: 100%!important;bottom: 0 !important;top: auto !important;left: auto !important;right: 0 !important;}

@media(min-width:992px){
    .cc_dialog.simple{top: 0!important;bottom: auto!important;max-width:50%!important}
}