body,h1,h2,h3,h4,*{font-family:Karma,sans-serif,serif}
.ombratesto {text-shadow: 0px 0px 10px #000;}
.width-100{width:100%}

.position-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.layer-scuro{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.layer{position:fixed;top:0;left:0;width:100%;height:100%}
.tasto-scopri{color:#050a09;background:#fff;border:1px solid #050a09}


.loader {border: 8px solid #faf7f1;border-top: 8px solid #CF234E;border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}

.text-color-blue{color:#007bc4}

.bg-color-blue{background-color:#007bc4}

/* layer menu mobile */
#menu-mobile{background:rgb(0, 174, 239);position:fixed;top:80px;left:0;bottom:0;width:100%;z-index:5;transition:transform .3s ease, opacity .5s ease;overflow:auto}
#menu-mobile.closed{transform:translateY(calc(-100% - 80px));opacity:0}
#menu-mobile.open{transform:translateY(0);opacity:1}

/* menu icon */
.lines, .lines:before, .lines:after {background:#007bc4}
.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}

.template-max-width{max-width:1200px;margin:auto;padding:0 16px}
.width-bloccata{/*max-width:768px;*/margin:auto;/*padding:0 30px;*/}

table td,table th{text-align:center!important;font-size:18px;vertical-align:middle!important}


#welcome{padding:48px 0;background:#fff;text-align:center}
#welcome .titolo{color:#007bc4}
#welcome .sottotitolo, .sottotitolo{color:#4da392}
#welcome .paragrafo{color:#050a09}
.btn-open-booking-welcome{margin-top:48px;margin-bottom:48px;display:inline-flex;align-items:end}
.btn-open-booking-welcome .las{font-size:32px}
.btn-open-booking-welcome span{margin-left: 16px;font-weight:400;font-size:18px}


#footer{background:#007bc4}
#footer{padding: 48px 30px 100px;font-size: 13px;color:#fff}
.footer-inner{margin:auto;max-width:1775px}
#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}

#nav-next,#nav-prev{display:inline-block;margin-top:24px;color:#007bc4}
img{width:100%;height:auto}

.no-padding-bottom{padding-bottom:0!important}
.no-padding-top{padding-top:0!important}

.btn-open-booking{font-family:Karma;outline:none;color:#00b0d8;border:2px solid #00b0d8;background:#fff;padding:8px 16px;cursor:pointer;transition:color .2s ease}
.btn-open-booking span{width:100%}
.btn-open-booking:hover{background:#00b0d8;color:#FFF200!important}
.btn-open-booking-header{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00b0d8;color:#fff}

.btn-open-booking-body{position: fixed;bottom:16px;left:50%;transform:translate(-50%,0%);background:#00b0d8;color:#fff;z-index:1;width:60%;max-width:250px;display:flex;align-items:end}
.btn-open-booking-body{bottom:0;transform:translate(-50%,100%);transition:transform .6s ease-in-out;font-size:15px}
.btn-open-booking-body .las{font-size:24px}
.btn-open-booking-body span{margin-left:16px;font-size:15px;line-height:1}

 
#modal-booking-content{padding:16px 0;background:#fff}
#close-booking-icon{display: inline-block;margin-right: 16px;color:#00b0d8;cursor:pointer;margin-bottom:16px}


.pdcmp-styled-select>select,.pdcmp-arrow-down{z-index:2!important}
.pdcmp-credit,.pdcmp-credit a{color:#fff!important;background:#00b0d8!important;margin-top:0!important;padding-top:3px!important}


@media(min-width:390px) {
    .btn-open-booking-body {width:75%}
    .btn-open-booking-body .las{font-size:30px}
    .btn-open-booking-body span{font-size:18px}
}

@media(min-width:768px){
    #welcome{background:#f1f6fb}
    .template-max-width{padding:0 64px!important}
    .btn-open-booking-body{max-width:320px}
    .btn-open-booking-body .las{font-size:40px}
    .btn-open-booking-body span{font-size:24px}
}


@media(min-width:992px){
    #welcome{padding:80px 32px;text-align:center}
    .template-max-width{max-width:992px}  
    #footer{padding:46px 30px 80px}
    .footer-inner{text-align:left}
    .footer-col{width:25%}
    #footer h4{font-size:17px}
    #footer li a{padding:4px 0;font-size:15px;}
    #biglietto{padding:0}      
    .btn-open-booking-header{bottom: -16px;top:auto;left:0;transform: translateY(100%);font-size:24px}
    .btn-open-booking-body{font-size:24px}
}

@media(min-width:1280px){
    #welcome .titolo{font-size:3em!important}
    #welcome .sottotitolo{font-size:2em!important}
    #welcome .paragrafo{font-size:1.5em!important}
    .template-max-width{padding:0!important}
    #footer h4{font-size:24px}   
    #footer li a{font-size:1.4em}     
    .btn-open-booking-welcome{padding:16px 32px}
    .btn-open-booking-welcome span{font-size:22px}
}

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

main{overflow:hidden;}

.whatsapp-link-icon{position:fixed;bottom:16px;right:16px;right: 8px;line-height: 0;font-size: 36px;padding: 8px;border-radius: 50%;background: #43CD66;z-index: 2;}

@media(min-width:500px){
    .whatsapp-link-icon{right:16px;}
}

@media(min-width:1280px){
    .whatsapp-link-icon{bottom: 24px;right: 24px;}
}