/*
font-family: 'Norican', cursive;
font-family: 'Lato', sans-serif;
*/

* { padding:0; margin:0; }

a:hover { text-decoration:none; }

html, body { overflow-x: hidden; }
body { font-weight:400; background:#ffffff; font-size:16px; font-family: 'Lato', sans-serif; color:#252322; }

h1,h2,h3,h4,h5,h6 { font-weight:400; margin:0px; }

.ui-widget-header { background:#5D5D5E; border:1px solid #525252; } /* background header calendar */

.clear { clear:both; }

.ui-datepicker-title select { color:#000;}

.btn-yellow { display:inline-block; padding:6px 18px; background: #ffc82e; border: 1px solid #252322; color: #252322; font-weight: 700; font-size:16px; transition:0.3s all; text-decoration:none; }
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active { background: #f2205d; color: #ffffff; border: 1px solid #f2205d; text-decoration:none; }

.btn-yellow.black-hover:hover, .btn-yellow.black-hover:focus, .btn-yellow.black-hover:active { background: #252322; border: 1px solid #252322; color:#ffc82e; text-decoration:none; }
.btn-yellow.white-hover:hover, .btn-yellow.white-hover:focus, .btn-yellow.white-hover:active { background: #ffffff; border: 1px solid #252322; color:#252322; text-decoration:none; }

.btn-pink { display:inline-block; padding:6px 18px; background: #f2205d; border: 1px solid #252322; color: #ffffff; font-weight: 700; font-size:16px; transition:0.3s all; text-decoration:none; }
.btn-pink:hover, .btn-pink:focus, .btn-pink:active { background: #ffffff; color: #f2205d; text-decoration:none; }

.btn-black { display:inline-block; padding:6px 18px; background: #252322; border: 1px solid #252322; color: #ffc82e; font-weight: 700; font-size:16px; transition:0.3s all; text-decoration:none; }
.btn-black:hover, .btn-black:focus, .btn-black:active { background: #ffc82e; border: 1px solid #252322; color: #252322; text-decoration:none; }

.btn-white { display:inline-block; padding:6px 18px; background: #ffffff; border: 1px solid #252322; color: #252322; font-weight: 700; font-size:16px; transition:0.3s all; text-decoration:none; }
.btn-white:hover, .btn-white:focus, .btn-white:active { background: #252322; border: 1px solid #252322; color: #ffc82e; text-decoration:none; }

/* ----------------- HEADER -------------------- */

.wrap-header-top { padding:10px 0px; text-align:center; }
.wrap-header-top .logo { margin:0px auto; }
.wrap-header-top .wrap-info { padding:5px 0px; font-size:18px; }
.wrap-header-top .wrap-info .icon { margin-bottom:10px; }
.wrap-header-top a { color:#252322; text-decoration:none; }
.wrap-header-top a:hover { color:#f2205d; }

@media screen and (max-width: 991px) {
  .wrap-header-top .hide-mobile { display:none; }
}

/* ------------------ MENU --------------------- */

.navbar-wrapper { background:#ffc82e; }
.navbar-wrapper .container { padding:0px; }
.navbar { min-height: 20px; margin-bottom: 0px; }
#menu-top { font-size:16px; text-transform:uppercase; font-weight:700; }
#menu-top .dropdown-menu { background:#ffc82e; text-align:center; }
#menu-top .dropdown-menu a { color:#252322; font-weight:700; }
#menu-top .dropdown-menu a:hover { background:#fbda64; }
#menu-top .menu-btn-pink { background:#f2205d; color:#ffffff; }
#menu-top .menu-btn-pink:hover { background:#3e3c3b; }


/* ------------------ CAROUSEL -------------- */

.wrap-slider-top { position:relative; z-index:8;  }
#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 */

/* -------------- CONTENT ----------- */

.container-fluid { max-width:1650px; margin:0 auto; }

.wrap-content { padding: 30px 0px; }
.wrapper-content h1 { font-family: 'Norican', cursive; font-size:30px; color:#f2205d; margin-bottom:20px; }
.wrapper-content h2 { font-size:30px; color:#f2205d; margin-bottom:15px; }
.wrapper-content h3 { font-size:24px; margin-bottom:15px; }
.wrapper-content p { margin-bottom:20px; }
.wrapper-content ul { margin-bottom:20px; margin-left:20px; }

@media screen and (min-width: 768px) {
  .wrap-content h1 { font-size:40px; }
  .wrap-content h2 { font-size:40px; }
}

/* -------------- HOMEPAGE ----------- */

.wrap-content.homepage { text-align:center; font-size:20px; }
.wrap-content.homepage h1 { font-family: 'Lato', sans-serif; margin-bottom:5px; }
.wrap-content.homepage h2 { color:#252322; font-family: 'Norican', cursive; margin-bottom:5px; }

.columns-home .description { padding:35px; background:#9fd6f1; }
.columns-home .description .inner { border:6px solid #ffffff; padding:45px; }
.columns-home .description ul { margin-left:20px; }
.columns-home .description ul li { margin-bottom:20px; }
.columns-home .description ul li:last-child { margin-bottom:0px; }

@media screen and (min-width: 992px) {
  .columns-home .description { padding:35px; border:35px solid #8dcfef; }
}

/* -------------- DOUBLE COLUMNS ----------- */

.wrap-double-columns .row { position: relative; margin-left: 0; margin-right: 0; }
.wrap-double-columns .bg-image { min-height: 400px; overflow: hidden; /* background-attachment: fixed; */ background-position: center center; background-size: cover;  background-repeat: no-repeat; }

.wrap-double-columns .description { padding:20px; }
.wrap-double-columns .description h3 { font-size:32px; color:#f2205d; margin-bottom:20px; }
.wrap-double-columns .description p { margin-bottom:20px; }
.wrap-double-columns .description p:last-child { margin-bottom:0px; }
.wrap-double-columns .description ul { margin-bottom:20px; }
.wrap-double-columns .description ul:last-child { margin-bottom:0px; }

@media screen and (min-width: 992px) {
  .wrap-double-columns .bg-image { position:absolute; height: 100%; }
  .wrap-double-columns .description { padding:30px; min-height: 400px; }
  
  .wrap-double-columns:nth-child(odd) .bg-image { left: auto; right: 0; }
  .wrap-double-columns:nth-child(even) .description { margin-left: 50%; }
}

/* -------------- PHOTOS HOME ----------- */

.wrap-photos-home { padding:5px; }
.wrap-photos-home .container-fluid { padding:0px 10px; }
.wrap-photos-home .col { padding:5px; }

/* -------------- SERVIZI HOME ----------- */

.wrapper-servizi-home { text-align:center; margin-top:20px; }
.wrapper-servizi-home .wrap-title { padding:25px 0px;  }
.wrapper-servizi-home h1 { font-family: 'Norican', cursive; color:#f2205d; }
.wrap-servizi-home .container-fluid { background:url(../img/layout/pattern-yellow.jpg) repeat top center; padding:30px 15px; border-top:40px solid #ffd659; border-bottom:40px solid #ffd659; font-size:24px; color:#382921; }
.wrap-servizi-home ul { list-style:none; margin-left:0px; }


/* APPARTAMENTI */

.wrapper-appartamento { background:#fdf7e7; margin-bottom:30px; }

.wrapper-appartamento .wrapper-text {  padding:40px; }
.wrapper-appartamento .wrapper-servizi { padding:40px; }
@media screen and (min-width: 992px) {
  .wrapper-appartamento .wrapper-text {  padding:40px 0px 40px 40px; }
  .wrapper-appartamento .wrapper-servizi { padding:40px 40px 40px 10px; }
}

.wrapper-appartamento .wrapper-text h2 { font-size:28px; color: #f2205d; margin-bottom:20px; }
.wrapper-appartamento .testo { padding:20px 0px; }
.wrapper-appartamento .testo p:last-child { margin-bottom:0px; }
.wrapper-appartamento .wrapper-button { text-align:center; }
.wrapper-appartamento .wrapper-button a { margin:5px; }

/* preload fix */
.gallery-appartamento > .wrap-image { display:none; } 
.gallery-appartamento > .wrap-image:first-child { display:block; display: block; max-width: 100%; height: auto; }
/* end preload */
.wrapper-appartamento .slick-prev:before, .wrapper-appartamento .slick-next:before { font-family: FontAwesome; font-size: 28px; }
.wrapper-appartamento .slick-prev:before { content: '\f053'; }
.wrapper-appartamento .slick-next:before { content: '\f054'; }
.wrapper-appartamento .slick-prev, .wrapper-appartamento .slick-next { width: 30px; height: 30px; margin-top: -15px; }
.wrapper-appartamento .slick-prev { left:15px; }
.wrapper-appartamento .slick-next { right:15px; }

.wrapper-appartamento .wrapper-servizi h3 { border-bottom: 1px solid #ffc82e; padding-bottom:15px; margin-bottom:20px; font-size:28px; }
.wrapper-appartamento .wrapper-servizi h4 { margin-bottom:20px; font-size:24px;  margin-top:15px; }
.wrapper-appartamento .wrapper-servizi h4 i { margin-right:5px; color:#f2205d; }
.wrapper-appartamento .wrapper-servizi ul { margin-left:0px; margin-bottom:0px; }
.wrapper-appartamento .wrapper-servizi ul > li { list-style:none; display: block; position: relative; padding: 0px 0px 5px 0px; }
.wrapper-appartamento .wrapper-servizi ul > li:nth-child(2n):before { color:#252322; }
.wrapper-appartamento .wrapper-servizi ul > li:before { content: '\f054'; color:#ffc82e; }
.wrapper-appartamento .wrapper-servizi ul > li:before { /*font-family: "Glyphicons Halflings"; */ font-family: FontAwesome; margin-right:10px; font-size: 20px; }


#lista-appartamenti .wrapper-condizioni { background:#fff6dc; padding:40px; margin-bottom:30px; }
#lista-appartamenti .wrapper-condizioni h3 { color: #f2205d; }

/* ----------- PARCHI E ITINERARI --------------- */

.lista-luoghi .wrap-blocco { padding: 20px 5px; border:2px solid #ffffff; }
.lista-luoghi .wrap-blocco h3 { margin-top:0px; }
.lista-luoghi .wrap-blocco:nth-child(even) { background: #ffd151; border:1px solid #252322; }
.lista-luoghi .wrap-blocco .wrap-image { margin-top:15px; text-align:center; }
.lista-luoghi .wrap-blocco .wrap-image img { margin:0 auto; }

/* ------------------ OFFERTE --------------------- */

.offerta-breve { padding:15px 0px; }
.offerta-breve h2 { font-size:26px; }
.offerta-breve .wrap-image { margin-bottom:10px; }

/* ------------------ MAPPA --------------------- */

.wrapper-mappa { margin-top:20px; margin-bottom:10px; }

#wrap-map { margin-top:20px; margin-bottom:20px; }

#map { height:350px; }
.infowindow { width:200px; }
.infowindow h3.titolomappa { font-size:22px; color:#4e4a43; margin:0px 0px 5px 0px; text-align:center; }
.infowindow .testomappa { font-size:14px; color:#4e4a43; text-align:center; }

#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: 24px;}
#map .mapboxgl-popup-content {font-size: 14px; padding: 22px; color: #4e4a43; border-radius: 4px; box-shadow: 0 2px 6px 3px rgba(0,0,0,.1)}
#map .mapboxgl-popup-content h3 {margin: 4px 0; font-size: 20px; font-weight: normal; color: #4e4a43;}
/* ------------------ GALLERY ------------------ */

.gallery-links { margin-bottom:30px; }
.gallery-links h3 { color:#000000; }
.gallery-links a { display: inline-block; background: #ffc82e; color:#252322; border: 2px solid #252322; padding: 5px 12px; transition: 0.3s all; margin: 5px; font-weight: 700; text-decoration:none; font-size: 16px; }
.gallery-links a:hover, .gallery-links a.active { background: #ffffff; }

.wrap-gallery .row { margin:0px -3px; }
.wrap-gallery .wrap-image { margin-bottom:20px; }
.wrap-gallery img { border:4px solid #ffc82e; transition:0.3s all; }
.wrap-gallery img:hover { border:4px solid #252322; }

/* ----------------- PREVENTIVO ---------------- */

.wrapper-preventivo #preventivo-campi .form-group{ margin-bottom: 10px;}
.wrapper-preventivo #preventivo-campi label{ font-weight: 400; text-align: right;}
.wrapper-preventivo .riepilogo_preventivo h3{ margin-top: 0px;}
.wrapper-preventivo .table_riepilogo_preventivo .elenco_data_voci{ padding:0px; list-style-type:none;}
.wrapper-preventivo .richiedi_informazioni .submit, .supplementi_riduzioni .submit{ text-align:center;}
.wrapper-preventivo .supplementi_riduzioni .checkbox input[type="checkbox"], .supplementi_riduzioni .checkbox-inline input[type="checkbox"]{ position:relative; margin:0px auto;}
.wrapper-preventivo .supplementi_riduzioni .checkbox{ margin: 0px;}
.wrapper-preventivo .supp_rid{ font-weight:700; font-size:18px;}
.wrapper-preventivo .prezzo{ width:132px; }
.wrapper-preventivo .totale{ font-weight:700; }
.wrapper-preventivo .riquadro { background: #e2f3ff; border:2px solid #5a97c1; padding:15px; margin-bottom:15px; }
.wrapper-preventivo .btn-submit { background:#1e92e3; color:#ffffff; font-weight:700; }
.wrapper-preventivo input[type="submit"] { background:#1e92e3; color:#ffffff; font-weight:700; border:0px; padding:5px 12px; margin:5px; }
.wrapper-preventivo .eta_bambini { padding:5px 2px; text-align:center; margin-left:2px; }
.wrapper-preventivo .eta_bambini:first-child { margin-left:0px; }
.wrapper-content .wrapper-preventivo ul { margin:0px; }

.riepilogo_preventivo ul { margin:0px; }
.riepilogo_preventivo td { padding:5px; vertical-align:middle; }

/* -------------- FOOTER ------------- */

.wrapper-footer { background:url(../img/layout/pattern-light-blue.jpg) repeat top center; text-align:center; max-width:1650px; margin:0px auto; }
.wrap-footer { padding:45px 0px; color:#282828; font-size:20px; }
.wrap-footer h1 { color:#f2205d; }
.wrap-footer a { color:#282828; }
.wrapper-footer .copyright { padding:30px 0px; background-color : rgba(255,255,255,0.8); font-size:16px; color:#222229; }

/* ---------------- MINIPRENOTA ------------------- */

.wrap-miniprenota { background:#ede7d6; padding:35px 0px; }
.wrap-miniprenota h3 { color:#5b9d3b; font-weight:700; font-size:34px; margin-bottom:5px; }
.wrap-miniprenota .miniprenota-text { text-align:center; margin-bottom:20px; }

.form-scheda .element-form { outline: none; -o-box-sizing: border-box; box-sizing: border-box; }
.form-scheda input.element-form, .form-scheda textarea.element-form { -webkit-appearance: none; -moz-appearance: none; appearance: normal; }

.form-scheda .wrapper-input { margin-bottom:15px; }
.form-scheda .wrap-input { position: relative; }
.form-scheda .wrap-input input,
.form-scheda .wrap-input select,
.form-scheda .wrap-input textarea { border:2px solid #bdc3c7; -webkit-transition: 0.5s all; transition: 0.5s all; border-radius: 3px; padding: 8px 10px 8px 40px; width:100%; line-height:21px; }
.form-scheda .element-form:focus { border:2px solid #5b9d3b; }
.form-scheda .element-form:focus ~ .fa { color:#5b9d3b; }
.form-scheda .wrap-input textarea { max-width:100%; height:209px; float:left; }
.form-scheda .wrap-input select { height:41px; }
.form-scheda .wrap-input .fa  { position: absolute; left:16px; top:11px; pointer-events: none; font-size:18px; -webkit-transition: 0.5s all; transition: 0.5s all; }

.form-scheda .row-eta-bambini { margin:0px -4px; }
.form-scheda .row-eta-bambini .col { padding:0px 4px; }
.form-scheda .row-eta-bambini .element-form { padding-left:10px; }
.form-scheda .sel_eta_bambini[disabled=disabled] { display: none; background:#dddddd; }
.form-scheda .sel_eta_bambini[disabled=disabled]:hover { cursor: not-allowed; }
.form-scheda .row-eta-bambini .col:first-child .sel_eta_bambini[disabled=disabled] { display: block; }

.form-scheda #s-tipo-camera { outline: none; }


.form-scheda .btn-submit { display: inline-block; padding: 0px 15px; line-height: 38px; font-size:18px; background: #5b9d3b; color: #ffffff; border: 0px; font-weight: bold; transition: 0.3s all; float:right; border:2px solid #5b9d3b; }
.form-scheda .btn-submit:hover { background:#ffffff; color:#5b9d3b; }

.form-scheda .wrapper-privacy-accept { margin-bottom:15px; }


/* ----------------- PRENOTA -------------------- */

#contatti .form-actions { text-align:center; }
#contatti label { display: block; }
#privacy-text { font-size:14px; }

#contatti { font-size:15px; }
#contatti h1 { text-align:center; }
#contatti h2 { text-align:center; }
#contatti .wrap-riquadro { background-color: #fff5d9; padding: 20px; border: 1px solid #cea174; margin-bottom: 20px; }

#contatti .help-inline { color: #911010; font-size: 12px; }

#contatti select.form-control { width:auto; }

#contatti #privacy { position:static; margin-left:0px; margin-right:10px; }

.modal-header h4 { font-size:24px; }

#contatti .sel_eta_bambini { float:left; margin-left:10px; }
#contatti .sel_eta_bambini:first-child { margin-left:0px; }
#contatti .sel_eta_bambini[disabled=disabled] { display:none; }
#contatti .sel_eta_bambini[disabled=disabled]:first-child { display:block; }

#contatti .control-label { font-weight:700; display:block; }

#contatti .form-actions { text-align:center; }
#contatti .error label { color: #911010; }
#contatti .error .form-control { border-color: #b94a48; }
#contatti .error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392; }
#contatti .label-captcha { text-align:left; }

#contatti .btn-delete { float: right; margin-bottom: 5px;}
#contatti .form-control, #contatti .input-group-addon{ border-radius: 0px; color: #333;}

#privacy-text { padding-top:30px; font-size: 14px; }
#cancellation-policy { font-size: 14px;}

#contatti .wrap-blocco-contatti { background:#FCF6FD; padding:20px 25px; margin-bottom:25px; box-shadow: 0px 0px 0px 4px #DDCAE2; }
#contatti .wrap-blocco-contatti .wrap-title-contatti { text-align:center; }
#contatti .wrap-blocco-contatti .title-contatti { font-size:22px; font-weight:700; color:#0B906B; margin-bottom:20px; }

#contatti .wrap-blocco-contatti .inline-block { display:inline-block; }
#contatti #captcha { width:auto; margin-top:10px; margin-right:10px; margin-bottom: 10px; display: inline-block; border: 1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#contatti .wrap-privacy-accept .checkbox label { padding-left:0px; }
#contatti #add-appartamento { background:#463f36; border-color:#312F2B; color:#ffffff; }
#contatti .btn-submit { background:#ffc82e; border-color:#252322; color:#252322; font-weight:700; }


/* ----------------- FIX ------------ */

#ui-datepicker-div { font-size: 80%; } /* fix per calendar */
#lightbox { z-index:900; } /* fix lightbox */
.slick-slide { height: auto; } /* slick fix */

.modal {
  text-align: center;
}
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}