/* font-family: 'Muli', sans-serif; */
* { padding:0; margin:0; }
a {color: #1f4b9e;}
a:hover { text-decoration:none; }

html, body { overflow-x: hidden; }
body { font-weight:400; background:#f5f4f2; font-size:16px;  font-family: 'Muli', sans-serif; color:#514734; position: relative; }
h1,h2,h3,h4,h5,h6 { font-weight:400; margin:0px; font-family: 'Muli', sans-serif; }

.container-flex { max-width:1920px; margin:0px auto; }

.strike { text-decoration:line-through; }

/* RIFORMATTAZIONE CONTENUTI PAGINE INTERNE */
.wrap-content { background-color: #fff; padding: 30px 0; }
.wrap-content h2, .wrap-content h3, .wrap-content h4, .wrap-content h5 {margin-bottom: 15px;} 
.wrap-content .container {line-height: 1.5;}
.wrap-content p {margin-bottom: 15px; line-height: 1.5;}
.wrap-content img {margin-bottom: 30px;}
.wrap-content .wrap-image .thumbnail img,
#album-photos img {margin-bottom: 0;}
.wrap-content > .container {width: 100%; margin: 0 auto; min-height: 100px;}

.wrap-content h2 {
    color: #1f4c9f;
    font-size: 28px;
    margin-bottom: 20px;
}
.wrap-content h3 {
    color: #514734;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.wrap-image-album {margin-bottom: 30px; text-align: center;}
.wrap-form-richiesta-contatti h2 {margin-bottom: 30px; color: #1f4c9f; }
.img-thumbnail {padding: 0; border: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 30px;}
.wrap-albums .copertina {margin-top: 15px;}
.supplementi_riduzioni input[type="checkbox"] { margin-left: 0;}
.riepilogo_preventivo td.submit {padding-top: 15px;}
.richiedi_informazioni td.submit {padding-bottom: 15px;}
ul.elenco_data_voci, ul.elenco_data_voci>li { padding:0; margin: 0; list-style: none;}
.table_riepilogo_preventivo tr > td {padding:0 4px;}
.table_riepilogo_preventivo .prezzo, .supplementi_riduzioni .prezzo{width:110px; }

.wrapper-parchi img {margin: 0;}

.parco {
    background: #f5f4f2;
    max-width: 500px;
    margin: 0px auto 20px auto;
}

.parco .text {
    padding: 15px;
}

.parco h3 {
    background: #1f4c9f;
    padding: 10px 10px;
    color: #ffffff;
    text-align: center;
    font-family: inherit;
    margin-bottom: 0px;
}
.wrap-minigallery {padding: 5px;}
.wrap-minigallery .minigallery .slick-slide {margin: 0 2px;}
.brown-border-left .wrap-minigallery .minigallery .slick-slide {margin: 0;}
.wrap-item  {margin-bottom: 30px;}
.wrap-item .wrap-text {margin-bottom: 15px;}
.wrap-item .wrap-img img {margin-bottom: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.wrap-item .wrap-img {margin-bottom: 30px;}
/* END RIFORMATTAZIONE */





.handwrite { font-family:'Satisfy', cursive, sans-serif; }
h1.handwrite {font-size: 32px;}
h2.handwrite {font-size: 32px;}
.ui-widget-header { background:#5D5D5E; border:1px solid #525252; } /* background header calendar */

.clear { clear:both; }

.ui-datepicker-title select { color:#000;}


/*  COLORI  */
.bg-efefef {background-color: #efefef; }
.bg-grey { background-color: #d5cab9; }
.bg-blue { background-color: #1f4c9f; }
.color-blue { color: #1f4c9f; }
.underline-grey {position: relative; text-transform: uppercase; color: #fff; font-size: 18px; padding-bottom: 15px;}
.underline-grey:after { content: ' '; position: absolute; z-index: 1; bottom: 0; height:6px; left:9px; right:9px; background-color: #d5cab9;}

.underline-grey-left, .underline-grey-right { display: inline-block; position: relative; padding-bottom: 20px; margin-bottom: 40px; line-height: 1.4; text-transform: uppercase;}
.underline-grey-left {text-align: left;}
.underline-grey-right {text-align: right; float: right; clear: both;}
.underline-grey-left:after, .underline-grey-right:after {max-width: 90%; content: ' '; position: absolute; z-index: 1; bottom: 0; height:3px; width:100%; background-color: #cac1b2;}
.underline-grey-left:after {left: 0;}
.underline-grey-right:after {right: 0;}


/* ------------- LISTINO PREZZI ------------- */

.listino-prezzi { text-align:center; min-width:400px; border-spacing: 5px; border-collapse: separate; width:100%; margin:20px auto; }
.listino-prezzi, .listino-prezzi th, .listino-prezzi td { border-color:#cac1b2 !important; }
.listino-prezzi > thead > tr > th { padding:10px 5px; text-align:center; background:#1f4c9f; border-bottom-width:1px; border-color:#1f4c9f !important; color:#ffffff; }
.listino-prezzi td { padding:6px; background:#f5f4f2; }
.listino-prezzi td:first-child { background:#cac1b2; font-weight:700; }
.listino-prezzi p { margin:0px; }
.btn-listino-offerte { margin-bottom:20px; background:#cac1b2; color:#ffffff; border-color:#cac1b2; font-weight:700; color: #514734; }
.btn-listino-lastminute { margin-bottom:20px; background:#1f4c9f; color:#ffffff; border-color:#1f4c9f; font-weight:700; }
.btn-listino-offerte:hover { color:#514734; }
.btn-listino-lastminute:hover { color:#fff; }

/*  MINIPREVENTIVO  */
.wrapper-miniprenota {margin-bottom: 0px;}
.bg-white {background-color: #fff;}
.bg-beige-date {background-color: #cac1b2; min-height: 75px; margin-bottom: 4px; padding: 15px 0px 15px 15px;}
.bg-blue-date {background-color: #1f4c9f; min-height: 75px; padding: 0px; text-align: center;}
.bg-blue-date:after, .bg-beige-date:after {display: block; content: ' '; clear: both;}
.btn-minipreventivo {border: none; background-color: #1f4c9f; color: #fff; width: 98%; padding: 24px 5px;font-size:18px }
.btn-minipreventivo:hover,.btn-minipreventivo:focus, .btn-minipreventivo:active {border: none; outline: none; color: #fff; box-shadow: none;} 
 #wrap-minipreventivo i.icon-calendar {display: block; width: 40px; height: 40px; float: left; background: transparent url('../img/icone/calendar-40x40.png') center center;}
 #wrap-minipreventivo label {color: #71634b; font-size: 16px; text-transform: uppercase; float: left; margin: 0 0 0 10px; display: inline-block;}
 #wrap-minipreventivo input {padding:0; border: none; border-radius: 0; background-color: #cac1b2; color:#fff; font-size: 20px; text-transform: uppercase; float: left; height: auto; width: 122px; margin-left: 10px; box-shadow: none; border-bottom: transparent solid 1px; }
 #wrap-minipreventivo input:focus {border: none; color: transparent;}
 #wrap-minipreventivo input[value=""] { border-bottom: rgba(113,99,75,.5) dashed 1px;  }
 



 /*     FORM CONTATTI       */
 .wrap-form-richiesta-contatti {padding: 30px; max-width: 1084px; margin: 30px auto; background-color: #fff;}
 .contatti-subtitle {color: #cac1b2; font-size: 20px; text-transform: uppercase; text-align: left; border-bottom: 2px solid  #cac1b2; margin-bottom: 15px}
 .compact .hide-in-compact {display: none;}
.form-in-beige label {color: #514734;}
.form-in-beige input, .form-in-beige select, .form-in-beige textarea  { font-size: 16px; background-color: #d8d1c5; border-radius: 2px; color: #514734; /* color: #fff;*/}
.form-in-beige input:focus, .form-in-beige select:focus, .form-in-beige textarea:focus, 
.form-in-beige input:active, .form-in-beige select:active, .form-in-beige textarea:active {border: transparent 1px solid; box-shadow:none;/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/}
input.sel_eta_bambini {display: inline-block; width: 40px; margin-right: 12px; min-width: 40px;}
.sel_eta_bambini:last-child {margin-right: 0;}
select.sel_eta_bambini {display: inline-block; width: auto; margin-right: 15px; min-width: 40px; margin-bottom: 2px;}

.help-inline {color: #a94442;}
.btn-submit {background-color: #1f4c9f; color: #fff; text-transform: uppercase; padding: 15px 30px;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active { color: #fff;}
.btn-add-appartamento, .btn-delete {    
    background-color: #d8d1c5;
    border: 1px solid #c3b8a2;
    padding: 2px 4px;
    color: #514734;
}
.btn-delete {margin:0 0 2px 15px;}


/*      NEWSLETTER      */

form.invert input[type="email"] {background-color: #f5f4f2; border-color: transparent; color: #514734; border-radius: 2px; padding: 14px 16px; height: auto;font-size: 16px; }

form.invert input::placeholer {text-transform: uppercase;}
.btn-newsletter-signup { background-color: #ffd44f; color: #514734; border-radius: 2px; padding: 14px 50px; text-transform: uppercase; font-size: 16px; border: solid 1px #ffcc33;}

input[type="checkbox"].cb-svg {background: transparent url('../img/icone/checkbox-u.svg') no-repeat center center; padding: 10px; appearance: none; -webkit-appearance: unset; position: relative!important; border: none; outline: none; vertical-align: bottom; border-radius: 2px;}
input[type="checkbox"].cb-svg:checked {background: transparent url('../img/icone/checkbox-c.svg') no-repeat center center;}
input[type="checkbox"].cb-svg:focus, input.cb-svg:active, input.cb-svg:hover {outline: none;}
.svg-checkbox, .svg-checkbox-checked {color:#fff; stroke:#fff; fill:#514734;}
.svg-unchecked, .svg-checked {color: #fff; stroke:#fff; fill:#514734;}
/* .btn-newsletter-signup.hvr-underline-from-center:before, .btn-newsletter-signup.hvr-underline-from-center:hover:before {background-color: #ffd44f; color: #cac1b2; }*/
/*form div.col-sm-9 < input.hasDatepicker{*/

 form input.hasDatepicker  + div:before {
    font-family: 'FontAwesome';
    content: "\f133";
    display: table;
    width: 20px;
    height: 34px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    padding-top: 4px;
    color: #fff;
    z-index: 1;
    background-color: #d8d1c5;
    border: 1px solid transparent;
}

/*      HOME PAGE       */
.cover-parent {position:absolute; top:0; bottom:0; left: 15px; right: 15px; z-index: 3;}
.wrap-home-contents-grey { padding: 30px 0; background-color: #f5f4f2; margin-bottom: 30px;}
.brown-border-left { padding: 18px 0; border-left:  solid 6px #70634c; position: relative; text-align: right; margin-top: 30px;}
.brown-border-left:after {
    display: block; 
    content: ' '; 
    position: absolute; 
    top: -100px;
    bottom: -60px;
    left: 0; 
    right: 0;
    background: rgba(255,255,0,0.0) url('../img/layout/cuoco.png') no-repeat left bottom;
    background-size: contain;
}

.brown-border-right { padding: 18px 0; border-right:  solid 6px #70634c; text-align: right;}
.wrap-home-contents-grey .img-responsive { display: inline-block;}
.wrap-home-contents-grey .wrap-button {margin-top: 30px;}
.wrap_col_contenuto, .wrap_col_bimbi {line-height: 1.4;}

.btn-light {border: solid 1px #70634c; color: #1f4c9f; font-size: 22px;}
.btn-light:hover, .btn-light:active .btn-light:focus {background-color: transparent; color: #1f4c9f;}

.btn-light.hvr-underline-from-center:hover:before{ background-color: #cac1b2; /* background-color: #70634c; #1f4b9e */}
.btn-prenota {background-color: #1f4c9f; color: #fff; font-size: 16px;}
.btn-prenota:hover {color: #fff;} 
.btn-scopri, .btn-offer {border: solid 1px #1f4c9f; color: #1f4c9f; font-size: 16px; font-weight: bold;} /*#70634c;*/
.btn-scopri:hover, .btn-offer:hover {color: #1f4c9f; }
.btn-offer:hover:before, .btn-scopri:hover:before { background-color: #1f4c9f;}
.wrap-btn { text-align: center;}

/*      RECENSIONI      */
.wrapper-slider-recensioni {background: transparent url('../img/layout/summer.jpg') no-repeat center center; background-size: auto; margin: 180px 0 0 0; height: 30.7vw; min-height: 350px;}
.box-recensioni { background-color: rgba(112, 99, 76, .84); color: #fff; margin:  -110px auto 30px auto; padding: 20px 30px; position: relative;}
.titolo-slider-recensioni {color: #ffd44f; font-family: 'Satisfy'; font-size: 40px; text-transform: lowercase; background: transparent url('../img/icone/ico-recensioni.png') no-repeat right center; padding: 16px 30px 56px 30px; }
.mini-recensione .valutazione {margin: 30px 0 70px 0;}
.wrap-btn-all-review {position: absolute; bottom: 0; left: 0; right: 0; height: 70px; background-color: #6c6049; text-align: right;}
.btn-all-review {color: #ffffff; padding: 24px 80px 24px 4px; background: transparent url('../img/icone/freccia-dx.png') no-repeat center right; margin-right: 8vw; text-transform: uppercase;}
.btn-all-review:hover, .btn-all-review:focus, .btn-all-review:active {color: #ffffff;}

/*      BOX MOTIVI      */
.wrap-box-motivi-blue {margin-bottom: 30px;}
.wrap-box-motivi-blue .titolo-blue {color: #1f4c9f; text-align: center; margin-bottom: 30px;}
.box-blue { position: relative; background-color: #1f4c9f; padding: 20px; z-index: 2; }
.box-blue.up {transform:  perspective(1px) translateY(-15px);}
.box-blue.down {transform:  perspective(1px) translateY(15px);}
.box-blue.up:before  { content: ' '; display: inline-block; position: absolute; z-index: 0; top: -35px; left: 50%; margin-left: -35px; width: 70px; height: 70px; border-bottom: 35px dashed #1f4c9f; border-right: 35px dashed #1f4c9f; transform: rotate(-135deg); transform: -ms-rotate(-135deg); transform: -webkit-rotate(-135deg); }
.box-blue.down:after { content: ' '; display: inline-block; position: absolute; z-index: 0; bottom: -35px; left: 50%; margin-left: -35px; width: 70px; height: 70px; border-bottom: 35px dashed #1f4c9f; border-right: 35px dashed #1f4c9f; transform: rotate(45deg); transform: -ms-rotate(45deg); transform: -webkit-rotate(45deg); }

.text-motivo {color: #d5cab9; font-size:18px; padding: 15px; position: relative; z-index: 1; min-height: 105px;}

/*
.box-blue:hover.up:before { margin-top: 30px; }
.box-blue:hover.down:after { margin-bottom: 30px;  }
*/



.ico-y { position: relative; z-index: 1; padding-top: 90px; text-align: center;  max-width: 170px; margin: 0 auto; }
.ico-y:before {display: inline-block; content: ' '; position: absolute; z-index: 3; top: 10px; width: 104px; height: 60px; margin-left: -52px; left: 50%; background: transparent url('../img/icone/ico-piscina.png') no-repeat center center;}
.y-piscina:before { background-image: url('../img/icone/ico-piscina.png');}
.y-mascotte:before { background-image: url('../img/icone/ico-mascotte.png');}
.y-spiaggia:before { background-image: url('../img/icone/ico-spiaggia.png');}
.y-servizi:before { background-image: url('../img/icone/ico-servizi.png');}





/*  OFFERTE */
.btn-marrone {background-color: #ae7e4f; color:#ffffff; text-transform: uppercase;}
.btn-marrone:hover, .btn-marrone:focus, .btn-marrone:active {color: #ffffff;} 
.btn-offerta-home {background-color: #1f4c9f; color: #fff; text-transform: uppercase; padding: 15px 30px;}
.btn-offerta-home:hover, .btn-offerta-home:focus, .btn-offerta-home:active {color: #ffffff;} 
.wrapper-offerte-home {background-color: #efefef; padding: 30px 0 30px 0; margin-bottom: 50px;}

.wrapper-offerte-home:after {display: block; clear: both; content: ' ';} 

.offerte-home .slick-track {
  display: flex !important;
  padding: 15px;
  margin-left: -15px;
}

.offerte-home .slick-slide {
  height: auto;
}


.offerte-home .slick-slide {margin: 5px 15px; background:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.offerte-home {}
.offerte-home .wrap-image { text-align: center;}
.offerte-home .img-responsive {
    display: inline-block;
    margin: 0 0 -30px 0;
}
.wrap-offer-text { padding: 60px 30px 30px 30px; background-color: #ffffff;}
.offerta-home { position: relative; }
.offerte-home:after {display: block; clear: both; content: ' '; margin-bottom: 60px; } 
.offerta-home .wrap-offer-text {margin-bottom: 50px; }
.offerta-home .wrap-offer-text h2 { margin-bottom: 15px;}
.offerta-home .descrizione {padding-bottom: 20px;}
.offerta-home .wrap-button {position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}

.offerta {margin-bottom: 30px; padding-bottom: 40px; position: relative;}
.offerta .wrap-btn {position: absolute; bottom: 0; left: 0; right: 0;}
.offerta h4 { color:#fbae3f; font-size:22px; }

.wrapper-content {position: relative; z-index: 1;} 
.wrapper-content {background-color: #f5f4f2;}
.wrapper-content.bg-white {background-color: #fff;}

.wrapper-icone-header .btn-lg:hover, .wrapper-icone-header .btn-lg:focus, .wrapper-icone-header .btn-lg:active  { box-shadow: none; color: #b3a998; }


#dropdownLang { color: #1c365e; text-transform: uppercase; min-width: 80px; background-color: #cac1b2; font-weight: bold; letter-spacing: 1px;}
#dropdownLang .caret { border:none; padding: 0 15px; margin-top: -24px; font-size: 14px; font-family:"Glyphicons Halflings";  }
#dropdownLang .caret:before { content: "\e259"; display: inline-block; color: #71634b; font-size: 18px; font-weight: lighter; }
.dropdown-lang {display: inline-block;}
.dropdown-lang .dropdown-menu { min-width: 80px; border-radius: 0;}
.dropdown-lang .dropdown-menu > li > a { padding: 3px 10px; }


.wrapper-lingue-mobile {position: absolute; top:15px; right: 15px; z-index: 10; display: inline-block; max-width: 80px; width: fit-content;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active { color: rgba( 255, 255, 255, .9 );}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #514734;}

/* ------------------ CAROUSEL -------------- */

.wrap-slider-top { position:relative; left: 0; right: 0; }

#slider-top { position:relative; max-width:1920px; margin:0 auto; }

/* preload fix */
#slider-top > .wrapper-carousel-image { display:none; } 
#slider-top > .wrapper-carousel-image:first-child { display:block; display: block; max-width: 100%; height: auto; }
/* end preload */

.wrap-slider-top .text-carousel {  position: absolute; z-index: 2; top: 0px; bottom: 0px; left:5%; right:5%; margin: 0 auto; font-size: 20px; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 1); filter: brightness(120%); }
.vertical-align {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}



/*  MENU    */
#slidemenu > ul > li > a:hover { color: #fafafa;/* text-shadow: 0 3px 3px rgba(0, 0, 0, .75);*/}
#slidemenu .dropdown-menu {border-radius: 0; font-size: 18px; }


    #slidemenu li.dropdown > ul.dropdown-menu{
        box-sizing: border-box; 
        max-height: 0px;
        overflow-y: hidden;
        display: block;
        padding: 0;
        border: none;
        box-shadow: none;
        z-index: 1000;
        opacity: 0;
        transition:         all .5s ease-in-out;
        -moz-transition:    all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition:      all .5s ease-in-out;
        -ms-transition:     all .5s ease-in-out;

    }
    #slidemenu li.dropdown.open > ul.dropdown-menu {
        height: fit-content;
        max-height: 400px;
	padding: 5px 0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        z-index: 1001;
        opacity: 1;
        transition:         all .5s ease-in-out;
        -moz-transition:    all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition:      all .5s ease-in-out;
        -ms-transition:     all .5s ease-in-out;        
    } 


/*  FORM CONTATTI   */

form .sel_eta_bambini[disabled="disabled"] {
    display: none;
}

/* ------------------- RISTORANTE ----------------- */

.wrap-ristorante-menu { background:#f5f4f2; max-width: 640px; margin: 15px auto; }
.wrap-ristorante-menu img { margin:0 auto; }
.wrap-ristorante-menu h3 { background:#1f4c9f; color:#ffffff; padding:10px 15px; text-align:center; margin-bottom:0px; font-family: 'Oxygen', sans-serif; }
.wrap-ristorante-menu .testo { padding:20px 25px;  }
.wrap-ristorante-menu ul { list-style:none; margin-left:0px; }
.wrap-ristorante-menu ul li { border-left:3px solid #cac1b2; margin-bottom:3px; padding-left:15px; }
.wrap-ristorante-menu ul li:nth-child(even) { border-left:3px solid #95b2ea; }
.wrap-ristorante-menu .price { background:#cac1b2; color:#514734; padding:5px 15px; text-align:center; font-weight:700; font-size:24px; }


.wrap-ristorante-parts .brown-border-left:after {
    top: 0;
    bottom: 23px!important;
}
.wrap-ristorante-parts .wrap_col_bimbi h2.handwrite {font-size: 40px; margin-top: 30px;}
.wrap-ristorante-parts .wrap_col_bimbi {max-width: 640px; margin: 0 auto;}
.wrap-ristorante-parts .brown-border-left {max-width: 640px; margin: 30px auto;}
.wrap-ristorante-parts .underline-grey-right {max-width: 100%;}
.wrap-content .slick-one img {margin-bottom: 0;}

.middot-span span {display: inline-block; padding: 0 12px; white-space: nowrap;}
.middot-span span.NO:before { position: absolute; display: inline-block; margin-left: -15px; content: ' • ';}
/* ------------------- FESTA ----------------- */
#festa .equal {
    background: transparent no-repeat center center;
    min-height: 500px;
}
/* ------------------- RECENSIONI ----------------- */
.paginator .pagina {
    margin: 26px 10px 0px 0;
    display: block;
    float: left;
}
.recensione .panel-heading {
    font-weight: 700;
    color: #71634b;
}
.gbook .recensione .badge {
    font-size: 15px;
    color: #71634b;
    background-color: #e0dbd2;
    border-radius: 2px;
}
.btn-light.btn-back-recensioni {font-size: 14px;}
.panel.recensione {border-color: #d5d4d2;}

.panel-default > .panel-heading { border-color: #d5d4d2; background-color: #f5f4f2;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #f5f4f2;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 
    background-color: #1f4c9f;
    border-color: #1f4c9f;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius:2px; border-color: #e0dbd2;}
.pagination > li > a, .pagination > li > span { color: #1f4c9f; }
.btn-primary {background-color: #1f4c9f;}

/* MAPPA */
#map {min-height: 360px;}
#map .mapboxgl-marker {display: inline-block; width:25px; height: 44px; background: transparent url('../img/icone/marker.png') no-repeat center center; background-size: contain;}
#map .mapboxgl-marker:hover {cursor: pointer;}
#map .mapboxgl-popup-close-button {font-size: 2.4rem;}
#map .mapboxgl-popup-content {font-size: 16px; padding: 20px; color: #514734; border-radius: 4px; box-shadow: 0 2px 6px 3px rgba(0,0,0,.1)}
#map .mapboxgl-popup-content h3 {margin: 4px 0; font-weight: bold; color: #71634b; text-transform: uppercase; font-size: 20px; text-align: center;}
/*  FOOTER  */
footer.wrapper-footer {background-color: #fff;}
.wrap-prefooter {
    position: relative;
    /*background: #f5f4f2;background: -moz-linear-gradient(left, #f5f4f2 1%, #f5f4f2 50%, #ffffff 50%, #ffffff 100%);background: -webkit-linear-gradient(left, #f5f4f2 1%,#f5f4f2 50%,rgba(255,255,255,0) 50%,#ffffff 100%);background: linear-gradient(to right, #f5f4f2 1%,#f5f4f2 50%,#ffffff 50%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f2', endColorstr='#ffffff',GradientType=1 );*/
    background: url("data:image/svg+xml,%3Csvg width='1920' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Eb%3C/title%3E%3Crect fill='%236c6049' id='cb' height='6' width='1922' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3Er%3C/title%3E%3Crect stroke='%23f5f4f2' id='svg_1' height='100%25' width='50%25' y='0' x='1' stroke-width='1.5' fill='%23f5f4f2'/%3E%3C/g%3E%3C/svg%3E") repeat-y center center;
    padding: 80px 0;
}
.wrap-prefooter:before { content: ' '; position: relative; display: block; width: 50%; top:0; right:50%; bottom:0; left: 0; background-color: #f5f4f2;}
.color-inverse {color: #ffffff;}
.color-inverse a {color: #ffd44f;}
.color-inverse h3 {color: #cbc2b3; margin-bottom: 15px; text-transform: uppercase;}
.footer .logo-footer {margin-bottom: 15px;}

.ico.tripadvisor-y { display: inline-block; min-width: 60px; min-height: 40px; height: 3.125vw; width: 4.688vw; background: transparent url('../img/icone/tripadvisor-y.png') no-repeat center center; background-size: contain;}
.ico.fb-y { display: inline-block; min-width: 60px; min-height: 40px; height: 3.125vw; width: 4.688vw; background: transparent url('../img/icone/facebook-y.png') no-repeat center center; background-size: contain;}
.ico.youtube-y { display: inline-block; min-width: 60px; min-height: 40px; height: 3.125vw; width: 4.688vw; background: transparent url('../img/icone/youtube-y.png') no-repeat center center; background-size: contain;}
.footer .ico>img {display: none!important;}
.copyright {padding: 15px; }


/*      ANIMAZIONI     */

.hvr-float-shadow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;    
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active  {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 50, 0.35) 0%, rgba(0, 0, 50, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 50, 0.35) 0%, rgba(0, 0, 50, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: rgba(255,255,255,.75);
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
/*
.anim-slide-up {animation: animSlideUp ease 1s;}
.anim-slide-down {animation: animSlideDown ease 1s;}
*/

.anim-slide-up {
  animation: animSlideUp ease-in-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
}
.anim-slide-down {
  animation: animSlideDown ease-in-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
}
.anim-slide-up:after {
  animation: animSlideUp2 ease-in-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;

}
.anim-slide-down:before {
  animation: animSlideDown2 ease-in-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;

}

div:hover > .anim-slide-up {
  animation-name: animSlideUpH
}
div:hover > .anim-slide-down {
  animation-name: animSlideDownH
}
div:hover > .anim-slide-up:after {
  animation-name: animSlideUpH2;
}
div:hover > .anim-slide-down:before {
  animation-name: animSlideDownH2;
}

@keyframes animSlideDown{
  0% {
  transform: translateY(0px);
  }
  100% {
  transform: translateY(-15px); 
  }
}

@keyframes animSlideDownH{
  0% {
  transform: translateY(-15px);
  }
  100% {
  transform: translateY(0px); 
  }
}


@keyframes animSlideDown2{
    0% {
    top: 15px ;
  }
  100% {
    top: -35px ;
  }
}
@keyframes animSlideDownH2{
    0% {
    top: -35px ;
  }
  100% {
    top: 15px ;
  }
}


@keyframes animSlideUp{
  0% {
  transform: translateY(0px);
  }
  100% {
  transform: translateY(15px); 
  }
}
@keyframes animSlideUpH{
  0% {
  transform: translateY(15px);
  }
  100% {
  transform: translateY(0px); 
  }
}



@keyframes animSlideUp2{
  0% {
    bottom: 15px ;
  }
  100% {
    bottom: -35px ;
  }
}

@keyframes animSlideUpH2{
  0% {
    bottom: -35px ;
  }
  100% {
    bottom: 15px ;
  }
}


/* PAGINA COVID */

.wrapper-page-covid h3 { margin-top:20px; }
.wrapper-page-covid ul { margin-bottom:20px; }

/* ----------------- FIX ------------ */
body:after {display: table; content: ' '; clear: both;}
.wrap-footer-bottom { clear: both; }
#ui-datepicker-div { font-size: 80%; } /* fix per calendar */
#lightbox { z-index:900; } /* fix lightbox */
.slick-slide { height: auto; } /* slick fix */

.wrap-content > p:last-child, .wrap-content > ul:last-child { margin-bottom:0px; } /* fix margine finale */
.wrapper-content ul > li {margin-left: 20px;}

/* FIX BOOTSTRAP */
.img-responsive.logo-footer {display: inline-block}
.btn {border-radius: 2px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; box-shadow: none; }
.pos-relative { position: relative;}
.text-bold {font-weight: bold;}
.mb-0 {margin-bottom: 0;}
.mb-2 {margin-bottom: 15px;}
.mb-3 {margin-bottom: 30px;}
.mb-5 {margin-bottom: 50px;}
.mb-7 {margin-bottom: 70px;}

/* popup */

.custom-modal .close { float:none; position:absolute; top:-5px; right:1px; opacity:1; font-size: 26px; }