/* override header */       
/*#header{background:transparent;}                                   
#header.header-fixed #menu{color:#000}             
#header #menu{color:#fff;}
.header-fixed{transform:translate(-50%,100%);}*/   
        
/* override owl carousel style */
#in-evidenza .owl-carousel-nav-prev, #in-evidenza .owl-carousel-nav-next{position:relative;top:auto;}
.owl-dots{margin:0;position:absolute;width:100%;bottom:0;}    

.titolo-principale-home{font-size:40px;font-weight:700;line-height:44px;margin-bottom:14px;color: #fff;}
.paragrafo-principale{font-size:16px;font-weight: 400;line-height: 24px;margin-bottom: 16px;color:#fff;}

#welcome{text-align:center;font-family:poppins,sans-serif,serif;overflow:hidden}
#welcome-inner{padding:30px;}
#welcome .titolo{font-size:30px;line-height:36px;margin-bottom:16px;color:#008500;}
#welcome .sottotitolo{font-size:40px;line-height:44px;margin-bottom:60px;color:#008500;position:relative;margin-top:0}
#welcome .sottotitolo:before {content: "";position: absolute;height: 2px;width: 100px;background-color: #686868;bottom: -30px;left: 0;right: 0;margin:0 auto}

#perche-sceglierci{font-family:poppins,sans-serif,serif;overflow:hidden}
#perche-sceglierci{padding:30px;}
#perche-sceglierci-inner{margin:auto;max-width:1775px}
#perche-sceglierci .titolo{font-size: 40px;margin-bottom:60px;line-height: 44px;position:relative;color: #686868;}
#perche-sceglierci .titolo:before{content: "";position: absolute;height: 2px;width: 100px;background-color: #686868;bottom: -30px;left: 0;right: 0;}
#perche-sceglierci .card{margin-bottom:32px;}
#perche-sceglierci .titolo-card{color:rgba(0, 157, 79,1);cursor:pointer;font-weight:500;font-size:24px;}
#perche-sceglierci .titolo-card:hover{color:rgb(155, 193, 8)!important}

#parallax-spiaggia{overflow:hidden;background-size:cover;background-position:center;background-image:url(/image/header-listino.jpg);}
#parallax-spiaggia-inner{padding:64px 0;background:rgba(0,0,0,.05)}  
#parallax-spiaggia-content p{width:75%;font-size:21px;font-family:poppins}

#scopri-villaggio{overflow:hidden;}
#scopri-villaggio-inner{padding:32px 0 0;}
#scopri-villaggio .titolo{font-size: 40px;margin-bottom:60px;line-height: 44px;position:relative;color: #686868;}
#scopri-villaggio .titolo:before{content: "";position: absolute;height: 2px;width: 100px;background-color: #686868;bottom: -30px;left: 0;right: 0;}
.titolo-square-middle{font-size: 16px;font-style: normal;font-weight: 700;letter-spacing: 1px;line-height: 18px;text-transform: uppercase;margin-bottom: 4px;color: #fff;text-align: center;}
.paragrafo-square{padding:0 2px;margin-top:0;font-size: 1rem;font-style: normal;font-weight: 400;text-transform: none;line-height: 1.7;letter-spacing: 0;color: #777;font-family: poppins,sans-serif;}
#container-squares{padding-top:24px;}
.square{cursor:pointer;margin-bottom:64px;display:block;background:#CCEBDC}
.square .tasto-link{background:#0A68CB;width:100%;font-weight:300;text-align:center;font-size:24px;text-transform:capitalize;font-family:poppins;border:1px solid #0A68CB;color:#fff;}
.square .tasto-link:hover{background:#fff;color:#0A68CB}
.square .tasto-link .arrow-right-icon{vertical-align:middle}

#container-booking #container-modulo-barra-booking-home{display:none}

@media(min-width:500px){
    #welcome-inner{padding:64px;}
    #welcome .titolo{font-size:60px;line-height:66px;}
    #welcome .sottotitolo{font-size:24px;line-height:32px;}
    #scopri-villaggio-inner{padding:64px 0 32px;}
    #perche-sceglierci{padding:64px;}
}

@media(min-width:600px){
    .square{width:50%;}
    #perche-sceglierci .titolo-card{font-size:20px;}
    #perche-sceglierci .w3-row{margin-right:-32px;}
    #perche-sceglierci .card{width:calc(50% - 32px);margin-right:32px;}
    #parallax-spiaggia{background-position:top left}
    #parallax-spiaggia-inner{height:400px;padding:0}
    #parallax-spiaggia-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}    
}

@media(min-width:650px){
    #scopri-villaggio .square{width:50%;}
}

@media(min-width:768px){
    .titolo-principale-home{font-size:80px;line-height:80px;margin-bottom:30px;}
    .paragrafo-principale{font-size: 24px;margin-bottom: 40px;}
}

@media(min-width:992px){ 
    #scopri-villaggio .titolo{font-size:48px;line-height: 56px;}
    #scopri-villaggio .square{width:25%}
    .square .tasto-link{font-size:16px;}
    #perche-sceglierci .titolo{font-size:48px;line-height:56px;}
    #perche-sceglierci .w3-row{margin-right:-32px;}
    #perche-sceglierci .card{width:calc(25% - 32px);margin-right:32px;}
    #parallax-spiaggia{background-attachment:fixed}
    #parallax-spiaggia-inner{height:450px;}
    #parallax-spiaggia-content p{width:50%;}
}

@media(min-width:1280px){
    .paragrafo-principale{font-size:32px;}
    #scopri-villaggio-inner{padding: 64px 0 97px}
    #scopri-villaggio .square{width:25%}
    .square{margin-bottom:0}
    .square .tasto-link{font-size:24px;}
    #perche-sceglierci .titolo-card{font-size:24px;}
    #parallax-spiaggia-inner{height:480px;}
    #container-booking .open-layer-booking{display:none}
    #container-booking #container-modulo-barra-booking-home{display:block;padding:24px 16px 0;max-width:1800px;margin:auto}
    #modulo-barra-booking-home .item-input{width:6%;font-size:13px;}
    #modulo-barra-booking-home .item-input span,
    #modulo-barra-booking-home .item-input label{color:#fff}
    #modulo-barra-booking-home .input-tipologia{width:18.5%}
    #modulo-barra-booking-home .input-calendario{width:14.5%}
    #modulo-barra-booking-home .container-btn-invia{width:10.5%}
    #modulo-barra-booking-home .btn-invia{background:#0A68CB!important;border: 2px solid #FDB813;text-transform:uppercase;font-weight:bold;display: inline-block;padding: 7px 16px;vertical-align: middle;overflow: hidden;text-decoration: none;text-align: center;cursor: pointer;white-space: nowrap;}
}

@media(min-width:1533px){
    #container-squares{padding-top:32px}
    #parallax-spiaggia-inner{height:590px;} 
}

@media(min-width:1920px){
    #welcome-inner{padding:100px 64px;}
    #scopri-villaggio-inner{padding:100px 0;}
    #perche-sceglierci{padding:100px 64px;}
    #parallax-spiaggia-inner{height:600px;}  
}

#perche-sceglierci .w3-col.card{scroll-margin-top:300px}
#perche-sceglierci a:focus,
#scopri-villaggio a:focus{outline:3px solid red!important;}
#parallax-spiaggia a:focus{outline:3px solid orange!important;}