/*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/comm.css*/
/* -------------------------------------------------------------------------------- */
/* ! Global */
/* -------------------------------------------------------------------------------- */
:root{
   /* ! - palette colors */
   --var-color-1: #DFC17B; /* Harvest Gold */
   --var-color-2: #3B4445; /* Cape Cod     */
   --var-color-3: #A12754; /* Hibiscus     */
   --var-color-4: #DDDDE0; /* Iron         */
   --var-color-5: #003D66; /* Blue         */
   /* ! - other */
   --var-img-space-1:20px;
   --var-borderRadius-1:10px;
   --var-borderRadius-2:15px;
   --var-borderRadius-3:25px;
   --var-marginBottom-section:50px;
   --bs-body-bg: #EAF4F5;
}

/* ! - stars */
:root{
   /* FILL: riempimento delle icone { '0': vuote; '1': piene } */
   --icon-fill: 0;
   /* WEIGHT: peso delle icone {'100', '200', '300', '400', '500', '600', '700', '800', '900'} */
   --icon-wght: 400;
   /* GRADE: enfasi delle icone - consigliato '0' {'-25', '0', '200'}*/
   --icon-GRAD: 0;
   /* OPTICAL SIZE: all'aumentare dell'icona, i suoi bordi non si inspessiscono { '20', '24', '40', '48' } */
   --icon-opsz: 24;
}

.icon { font-size: 1rem; font-variation-settings: 'FILL' var(--icon-fill), 'wght' var(--icon-wght), 'GRAD' var(--icon-GRAD), 'opsz' var(--icon-opsz);}
.outlined .icon { font-family: 'Material Symbols Outlined';}
.rounded .icon { font-family: 'Material Symbols Rounded';}
.sharp .icon { font-family: 'Material Symbols Sharp';}

@media (max-width: 991px) {
   .navbar .dropdown.show {position: static;}
}

/* -------------------------------------------------------------------------------- */
/* ! General */
/* -------------------------------------------------------------------------------- */
.PageDataDiv{ margin-top: 0px;}

a:hover{color: var(--var-color-1)!important;}
.galleria01 .galleriaButtonModal img{transform: scale(1); transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.galleria01 .galleriaButtonModal img:hover{transform: scale(1.1);}

img{ object-fit: cover;}

/* ! - Buttons */
button.btn, a.btn, a.button{border: 2px solid #000;background: transparent;color: #000;border-radius: var(--var-borderRadius-2);font-weight: 500;transition: all 0.25s cubic-bezier(.215, .61, .355, 1);width: fit-content;padding: 0.75rem 1.75rem;text-decoration: none;}
button.btn:hover, a.btn:hover, a.button:hover{background: var(--var-color-1)!important;color: #000!important;border: 2px solid #000;}

/* ! - stars */
.card__stars svg {width: 20px; height: 20px; fill: #fac02f;/*margin-right: 5px;*/}
/* .card__stars .icon{ color: #fac02f;} */
ul.stars-inline .icon{ color: #fac02f; filter: drop-shadow(0 0 0px black); font-size: 22px;}

/* ! - social */
ul.nav-list-social{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;}
ul.nav-list-social li{margin-right: 10px;margin-left: 10px;}
ul.nav-list-social li .icon-social { width: 25px; height: 25px; object-fit: contain; }

/* ! - typopgraphy */
/* h1,h2,h3,h4,h5,h6{font-family: 'merienda';color: black;} */
h1,h2,h3,h4,h5,h6{font-family: 'merienda', serif; color: black;}
.font-serif{ font-family: 'merienda', serif;}
/* .font-sans-serif{ font-family: 'cocomat', sans-serif;} */

p, a, span, li, label{font-family: 'poppins'; /*font-family: 'cocomat', sans-serif;*/ color: black;}
.button, .btn{/*font-family: 'poppins';*/ font-family: 'cocomat', sans-serif;}

/* ! - modal */
.modal-content{border-radius: var(--var-borderRadius-3);}


/* -------------------------------------------------------------------------------- */
/* ! Fonts */
/* -------------------------------------------------------------------------------- */

/* ! - NEW */
@font-face {
   font-family: 'cocomat';
   src: url('/fonts/sildan_fonts/cocomatpro-bold.woff2') format('woff2'),
        url('/fonts/sildan_fonts/cocomatpro-bold.woff') format('woff');
   font-weight: 500;
   font-style: normal;

}

@font-face {
   font-family: 'cocomat';
   src: url('/fonts/sildan_fonts/cocomatpro-regular.woff2') format('woff2'),
        url('/fonts/sildan_fonts/cocomatpro-regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;

}

@font-face {
   font-family: 'cocomat';
   src: url('/fonts/sildan_fonts/cocomatpro-light.woff2') format('woff2'),
        url('/fonts/sildan_fonts/cocomatpro-light.woff') format('woff');
   font-weight: 300;
   font-style: normal;

}

@font-face {
   font-family: 'railey';
   src: url('/fonts/sildan_fonts/railey-personaluse.woff2') format('woff2'),
        url('/fonts/sildan_fonts/railey-personaluse.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

/* ! - OLD */
/* ! -- Marienda */
@font-face {
   font-family: 'merienda';
      src: url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

/* ! -- Poppins */
@font-face {
   font-family: 'poppins';
   src: url('/fonts/sildan_fonts/poppins-bold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-bold-webfont.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}
 
@font-face {
   font-family: 'poppins';
   src: url('/fonts/sildan_fonts/poppins-light-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-light-webfont.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}
 
@font-face {
   font-family: 'poppins';
   src: url('/fonts/sildan_fonts/poppins-medium-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-medium-webfont.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}
 
@font-face {
   font-family: 'poppins';
   src: url('/fonts/sildan_fonts/poppins-regular-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-regular-webfont.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}
 
@font-face {
   font-family: 'poppins';
   src: url('/fonts/sildan_fonts/poppins-semibold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-semibold-webfont.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}


/* ! Carousel */
.modal-content{ /*background: transparent;*/ background: #eaeaf2; border: none;}
.modal .modal-header{ border-bottom: transparent;}
.modal.fade.show { backdrop-filter: blur(10px);}
.modal .carousel .carousel-inner .carousel-item img{ height: 100%; width: 100%;}
.modal .modal-header { filter: invert(1);}
.carousel-control-next-icon, .carousel-control-prev-icon { opacity: 1; filter: invert(1);}

/* ! ___display-min-sm */
@media (min-width: 576px) {
   .modal-dialog { max-width: 500px;}
   .modal .carousel .carousel-inner,
   .modal .carousel .carousel-inner .carousel-item { height: 500px; width: 500px; }
}

/* ! ___display-min-md */
@media (min-width: 768px) {
   .modal-dialog { max-width: 650px;}
   .modal-body{ /*height: 650px;*/ width: 650px; }
   .modal .carousel,
   .modal .carousel .carousel-inner,
   .modal .carousel .carousel-inner .carousel-item { height: 100%; width: 100%; }

   .modal .carousel{ position: relative;}
   .modal .carousel .carousel-control-next{ position: absolute; right: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; }
   .modal .carousel .carousel-control-prev{ position: absolute; left: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; }
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .carousel .carousel-indicators [data-bs-target]{height: 5px; border-radius: 10px; border: none;}
   .carousel .carousel-control-next-icon,
   .carousel .carousel-control-prev-icon{width: 40px; height: 40px;}
   .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity: 1;}
}


/* ! -------------------------------------------------------------------------------- */
/* ! Pages */
/* ! -------------------------------------------------------------------------------- */

/* ! - Stru */

/* ! - Tour */


/* ! -------------------------------------------------------------------------------- */
/* ! SECTIONS */
/* ! -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* ! Social */
/* -------------------------------------------------------------------------------- */
.SECTION_social h3{line-height: normal;}


/* -------------------------------------------------------------------------------- */
/* ! Footer */
/* -------------------------------------------------------------------------------- */
footer{margin-top: 50px;margin-bottom: 50px;background: #c9dfe9;margin-left: 50px;margin-right: 50px;padding: 25px;border-radius: var(--var-borderRadius-3);}
footer ul{padding-left: 17px;}

footer a{text-decoration: none;}
footer h4{font-size: 2rem; font-family: 'merienda', sans-serif; font-weight: 500;}
footer .name-site{font-size: 2rem;font-family: 'merienda', sans-serif;}
/* footer .name-site .font-title{font-family: 'railey', serif;top: 5px;	position: relative; text-transform: lowercase;} */

footer .second-footer{position: relative;margin-left: auto;margin-right: auto;margin-top: 15px; padding: 0; background: transparent; background: #003D66; color: #fff; border-radius: var(--var-borderRadius-2); }
footer .second-footer p,
footer .second-footer a{font-weight: 300;}
footer .second-footer > .container > .row{/*background: #003D66;color: #fff;border-radius: var(--var-borderRadius-2);*/padding: 1rem;}
footer .second-footer > .container > .row a,
footer .second-footer > .container > .row p{color: #fff;margin-bottom: 0;}
footer .second-footer div[class^="col"] {display: flex; gap: 0 5px; flex-wrap: wrap;}
footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-end;}



footer .second-footer .col-cookie-condizioniGenerali{ display: flex; flex-direction: row; flex-wrap: wrap;}
footer .second-footer .col-cookie-condizioniGenerali a{ white-space: nowrap;}

/* ! ___display-max-xxl */
@media (max-width: 1399.98px) {
   footer h4{font-size: 2rem;}
}

/* ! ___display-max-xl */
@media (max-width: 1199.98px) {
   footer h4{font-size: 2rem;}
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   footer .second-footer > .container > .row{gap: 5px;}
   footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-start;}
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   footer{margin-right: 12px;margin-left: 12px;}
   footer .second-footer > .container > .row{height: auto; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
   footer .second-footer > .container > .row div[class^="col"]:nth-child(1){margin-bottom: 15px;}
   footer .second-footer div[class^="col"]:nth-child(2){ justify-content: center; }
   footer .second-footer .col-cookie-condizioniGenerali p{display: none;}
   footer .second-footer .col-cookie-condizioniGenerali a{text-decoration: underline;}
   footer .second-footer p, footer .second-footer a{text-align: center;}
   /* footer .second-footer div[class^="col"]{display: block;} */
   footer .name-site{font-size: 1.5rem;}
   footer h4{font-size: 1.5rem;}
}


/* -------------------------------------------------------------------------------- */
/* ! slider Partner */
/* -------------------------------------------------------------------------------- */
.SECTION_partner .container{ max-width: 100%;}
.SECTION_partner .container-swiper { position: relative; width: 100%; }
.SECTION_partner .card { background-color: transparent; align-items: center; }
.SECTION_partner .logo-slider { padding: 60px 0; background: #f5f5f5; position: relative; overflow: hidden;}

.SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--desktop);}
.SECTION_partner div[class^="col"]:nth-child(1){text-align: center; /*opacity: 0.35;*/}
.SECTION_partner div[class^="col"]:nth-child(2){display: flex;justify-content: space-between;}
.SECTION_partner .div-img{width: 140px;height: 140px;margin-left: 15px;margin-right: 15px;}
/* .SECTION_partner .div-bg{background-size: contain!important; object-fit: contain!important;} */
.SECTION_partner .div-bg img{background-size: contain!important; object-fit: contain!important;}

.SECTION_partner .container{width: 100%; max-width: 100%;}
.SECTION_partner .container .row > div[class^="col-"] {padding: 0;}
.SECTION_partner .swiper {	width: 100%; padding-top: 15px; height: 100px;}
.SECTION_partner .swiper-slide {background-position: center; background-size: cover;	width: 280px;	height: 150px; width: auto !important; flex-shrink: 0 !important; display: flex; align-items: center; justify-content: center; padding: 0 40px;}
.SECTION_partner .swiper-slide img {display: block; width: 100%; max-width: 180px; height: auto; transition: all 0.3s ease;}
.SECTION_partner .swiper-wrapper { transition-timing-function: linear !important; display: flex !important; align-items: center !important; -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important;}
.SECTION_partner .swiper-pagination,
.SECTION_partner .swiper-button-next,
.SECTION_partner .swiper-button-prev{display: none; }

/* ! ___display-max-xl */
@media (max-width: 1199.98px) {
		.SECTION_partner .div-img{width: 120px;height: 120px;}
}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   .SECTION_partner .swiper-slide{ width: 200px; }
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   #Home .SECTION_partner h3{ font-size: 1.5rem;}
	.SECTION_partner div[class^="col"]:nth-child(2) {flex-wrap: wrap;}
	.SECTION_partner .div-img{width: 130px;height: 80px;}
   .SECTION_partner .swiper-slide{ padding: 0 10px; }
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
	.SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--mobile);}
   .SECTION_partner .div-img{width: 100px;height: 80px;}
   .SECTION_partner .swiper-slide { width: 150px; }
   .SECTION_partner .swiper{margin-bottom: 0;}
   .SECTION_partner .swiper-slide{height: 100px;}
}


/* -------------------------------------------------------------------------------- */
/* ! Scroll */
/* -------------------------------------------------------------------------------- */
.SECTION_scroll{position: fixed; right: 0; bottom: 15px; z-index: 999;}
.SECTION_scroll .icon{width: 25px; margin-left: 10px;}
.SECTION_scroll .row {flex-direction: column;}
.SECTION_scroll .row > div{width: auto;}
.SECTION_scroll .row > div .btn-offcanvas,
.SECTION_scroll .row > div .btn-modal{display: flex; height: 0; overflow: hidden; border: none; transition: all 0.5s cubic-bezier(.215, .61, .355, 1); padding: 0 15px; align-items: center; background: #fff;border: none;}

/* ! - animations */
.SECTION_scroll .row > div .btn-modal.show,
.SECTION_scroll .row > div .btn-offcanvas.show{animation-name: reveal; animation-duration: 3s; height: 45px; border: 2px solid #000; padding: 7px 15px;}
@keyframes reveal {0% {opacity: 0;} 100%{opacity: 1;}}

.SECTION_scroll .row > div .btn-modal:not(.show),
.SECTION_scroll .row > div .btn-offcanvas:not(.show){height: 0; animation-direction: reverse; animation-name: reveal;animation-duration: 3s;}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .SECTION_scroll .icon{display: none;}
}



/* ! -------------------------------------------------------------------------------- */
/* ! COMPONENTS */
/* ! -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* ! Form PREVENTIVO */
/* -------------------------------------------------------------------------------- */
button[data-bs-target="#preventivoModal"]{ backdrop-filter: blur(15px); background: #ffffff78;}

.modal#preventivoModal .modal-header{ position: relative; filter: invert(0); margin-bottom: 0px;}
.modal#preventivoModal .modal-header .btn-close{ position: absolute; top: 25px; right: 25px;}

.modal#preventivoModal .modal-body .summary-subtitle{ font-size: 1.25rem; font-weight: 200;}
.modal#preventivoModal .modal-body .img-icon{ filter: brightness(0);}
.modal#preventivoModal .modal-body input:not([type="checkbox"]){ border-radius: var(--var-borderRadius-2);}
.modal#preventivoModal .modal-body select{ border-radius: var(--var-borderRadius-2); height: calc(3.5rem + 2px);}
.modal#preventivoModal .modal-body .form-floating label{ text-align: left;}
.modal#preventivoModal .modal-body ul.setup-panel li.active a .list-group-item-heading{ padding: 2px 0px 0px 1px;}
.modal#preventivoModal .modal-body .col-button-send .btn:disabled{ background: transparent; color: #000; border: 1px solid #000; opacity: 0.5; cursor: not-allowed;}
.modal#preventivoModal .modal-body .col-button-send .btn{ opacity: 1;}

.modal#preventivoModal .modal-body .form-2 .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: calc(var(--var-borderRadius-2) + 15px); position: relative;}
.modal#preventivoModal .modal-body .form-2 .room h3 { margin: 0 0 10px 0;}
.modal#preventivoModal .modal-body .form-2 .remove-room { position: absolute; top: 15px; right: 15px; background: #ff0f0f; color: white; border: none; cursor: pointer; border-radius: var(--var-borderRadius-2); width: 45px; height: 45px;}
.modal#preventivoModal .modal-body .form-2 .remove-room:hover { background: #cb0c0c;}
.modal#preventivoModal .modal-body .form-2 label { display: block; margin-top: 10px; padding-left: 6px; margin-bottom: -5px;}
.modal#preventivoModal .modal-body .form-2 input { width: 100%; padding: 5px; margin-top: 5px; border: 2px solid #d5d5d5;}

.modal#preventivoModal .modal-body .form-2 .add-room { border: 2px solid #067706; color: #fff; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; margin-bottom: 15px; border-radius: calc(var(--var-borderRadius-2) + 15px);}
.modal#preventivoModal .modal-body .form-2 .add-room:hover { background: #067706; color: #fff;}
.modal#preventivoModal .modal-body .form-2 .age-container { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.2%;}
.modal#preventivoModal .modal-body .form-2 .age-container__kid{ width: 18%;}

.modal#preventivoModal .modal-body .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: 5px; position: relative; }
.modal#preventivoModal .modal-body .room h3 { margin: 0 0 10px 0; }
.modal#preventivoModal .modal-body .remove-room { position: absolute; top: 10px; right: 10px; background: red; color: white; border: none; padding: 5px; cursor: pointer; border-radius: 3px;}
.modal#preventivoModal .modal-body .remove-room:hover { background: darkred; }
.modal#preventivoModal .modal-body .age-container { margin-top: 10px;}
.modal#preventivoModal .modal-body .add-room, .show-data { background: green; color: white; border: none; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; border-radius: 5px;}
.modal#preventivoModal .modal-body .add-room:hover, .show-data:hover { background: darkgreen; }
.modal#preventivoModal .modal-body .show-data { background: blue; }
.modal#preventivoModal .modal-body .show-data:hover { background: darkblue; }
.modal#preventivoModal .modal-body #reservation-summary { display: none; }
.modal#preventivoModal .modal-body .reservation-summary__room__title{margin-bottom: 10px;}

#summary__step-1, #summary__step-2, #summary__step-3, #summary__step-4{ margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background: #f1f1f1;}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   .modal#preventivoModal .modal-body ul.nav-pills li{ width: 30%; }
   .modal#preventivoModal .modal-body ul.nav-pills li .list-group-item-text{text-align: center; line-height: 1rem; font-size: 0.85rem;margin-bottom: 0;}
   .modal#preventivoModal .modal-body ul.setup-panel li a{ border: 1px solid #ccc; border-radius: 15px; padding: 5px; height: 100%; justify-content: center; }
   .modal#preventivoModal .modal-body ul.setup-panel li a .list-group-item-heading{ width: 30px; height: 30px; font-size: 1rem; margin-bottom: 5px; }
   .modal#preventivoModal .modal-body ul.setup-panel { display: flex; margin: 10px 20px; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 5px; }
   
   form.container #form__step-1 div[class^="col-"] { display: flex; gap: 15px; flex-direction: column; }
   .modal#preventivoModal .modal-body .form-2 .age-container { gap: 4%; }
   .modal#preventivoModal .modal-body .form-2 .age-container__kid { width: 48%;}
  .summary__step-1__element, .summary__step-2__element, .summary__step-3__element, .summary__step-4__element { display: flex; flex-direction: column; gap: 0px; margin-bottom: 10px;}
}



/* -------------------------------------------------------------------------------- */
/* ! Cookie */
/* -------------------------------------------------------------------------------- */
.DivCook01 { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: #15646cb8; box-shadow: 7px 12px 20px -4px #00000057; border: none; bottom: 50px; right: 50px; width: 500px; height: auto; position: fixed; padding: 30px; z-index: 1000; }
.DivCookHeader01{font-size: 20px;text-align: center;font-weight: 500;color: #fff;margin-bottom: 15px;}
.DivCookLogo00 {margin: 13px 0px;background-color: #fff;}
.DivCookLogo00{display: none;}
.DivCookTxt01 { color: #fff; }
.DivCookPbs01 { margin-top: 10px; }
.DivCookPbNo00 { background: rgb(185 37 37); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-right: 1%; cursor: pointer; }
.DivCookPbOk00 { background: rgb(26 153 26); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-left: 1%; cursor: pointer; }

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .DivCook01{bottom: 12px;right: 12px;width: 90%;}
}


/* -------------------------------------------------------------------------------- */
/* ! Cards */
/* -------------------------------------------------------------------------------- */

/* ! - Cards-02 */
/* 
 * sono quelle utilizzate in:
 * - #Home: per le top strutture
 * - #Stru: per le sistemazioni
*/
.Cards-02 .card h4.card__title-2{/*font-family: 'cocomat', sans-serif;*/ background: rgb(159 159 159 / 50%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: 1.15rem; color: #fff; font-weight: 500; text-shadow: none;}
.Cards-02 .card-body-header-text p.card__desc-1{width: fit-content; }
.Cards-02 .card-body-header-text p.card__desc-2{font-weight: 600; width: fit-content; text-align: end; line-height: 1;}
.Cards-02 .card .carousel .carousel-inner,
.Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-text{color: #000; overflow-wrap: anywhere;}
.Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-img{width: 19px;height: 19px;}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .Cards-02 .card .carousel .carousel-inner, .Cards-02 .card .carousel .carousel-inner .carousel-item {height: 200px!important;}
   .Cards-02 .card h4.card__title-2{/*font-size: 1rem;*/ text-shadow: 0px 0px 2px #000000b3;}
   .Cards-02 .card ul.amenities{display: none;}
   .Cards-02 .card a.card-link{ position: absolute; z-index: 2; height: 200px; width: 100%; margin: 0; border: transparent; color: transparent; border-radius: var(--var-borderRadius-3);}
   .Cards-02 .card-body-header { height: calc(200px - 2 * 0.75rem)!important;}
}


/* ! - Cards-03 */
/* 
 * sono quelle utilizzate in:
 * - #Home: per le categorie di viaggio
*/
.Cards-03 .card{border-radius:var(--var-borderRadius-2);border-radius: calc(var(--card-border-radius) + var(--card-padding));}
.Cards-03 .card .card-body{border-radius: var(--var-borderRadius-2);}
.Cards-03 .card h3.card__title-1{font-size: 2rem; font-weight: 400; color: #fff; font-family: 'merienda', sans-serif;}
.Cards-03 .card .card__desc-1{color: #fff;}
.Cards-03 .card a.card__link{background: transparent; border: 2px solid white; border-radius: var(--card-border-radius); padding: 0.75rem 1.5rem!important;transition: all 0.25s cubic-bezier(.215, .61, .355, 1); color: #fff;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px); font-weight: 400;}
.Cards-03 .card a.card__link:hover{border: 2px solid #000;}
.Cards-03 .card .carousel .carousel-inner,
.Cards-03 .card .carousel .carousel-inner .carousel-item{ height: 425px;}
.Cards-03 .card .carousel .carousel-inner .carousel-item::before { z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);}

.Cards-03 .card a.card__link {
   position: absolute;
   z-index: 1;
   bottom: var(--card-padding);
   left: var(--card-padding);
   padding: 0.75rem 1.5rem !important;
   height: 50px;
}

/* ! ___display-max-xl */
@media (max-width: 1199.98px) {
   #Home .Cards-03 .card h3.card__title-1{font-size: 1.75rem;}
}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   #Home .Cards-03 .card h3.card__title-1{font-size: 2rem;}
}

@media (max-width: 575.98px){
   .Cards-03 .card .carousel .carousel-inner, 
   .Cards-03 .card .carousel .carousel-inner .carousel-item { height: 200px!important;}
   .Cards-03 .card .card-body-header{ bottom: -5%; transform: translateX(-50%); left: 50%; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
   .Cards-03 .card a.card__link{ z-index: 10; width: 100%; height: 200px; bottom: 0; border-radius: var(--var-borderRadius-1); border: none; display: flex; justify-content: center; align-items: center; color: transparent; left: 0; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); }
   .Cards-03 .card a.card__link:hover{border: none;}
}


/* -------------------------------------------------------------------------------- */
/* ! Modal */
/* -------------------------------------------------------------------------------- */
.modal .modal-header{flex-direction: column;}
.modal .modal-header .modal-title.fs-5{font-size: 4.5rem!important;}
#loginModal.modal .modal-header { margin-bottom: 0px; filter: invert(0);}
/* #loginModal.modal .modal-header .modal-title{font-family: 'cocomat', sans-serif; font-size: 2rem !important; font-weight: 400;} */
#loginModal.modal .modal-header button{ position: absolute; right: 25px; top: 25px;}
#loginModal.modal .modal-body { padding: var(--bs-modal-padding);}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   .modal .modal-header .modal-title.fs-5{font-size: 3.5rem!important;}
}


/* -------------------------------------------------------------------------------- */
/* ! SECTION form */
/* -------------------------------------------------------------------------------- */
#ModalScroll .modal-content{background: #efefef;}
#ModalScroll .modal-header{border: none;}
#ModalScroll .modal-header .div-img{height: 150px; border-radius: var(--var-borderRadius-3);}
#ModalScroll .modal-body form .input-group,
#Cont .SECTION_form form .input-group{margin-bottom: 20px; display: block;}
#ModalScroll .modal-body form .form-textarea .form-label,
#Cont .SECTION_form form .form-textarea .form-label{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4);color: #000;padding: 0.375rem 0.75rem;margin-bottom: 0px;width: 100%;}
#ModalScroll .modal-body form button,
#Cont .SECTION_form form button{margin-top: 25px;}

/* ! - border radius */
#ModalScroll .modal-body form .input-group-text,
#Cont .SECTION_form form .input-group-text{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4); color: #000;}
#ModalScroll .modal-body form input:not(.form-check-input),
#Cont .SECTION_form form input:not(.form-check-input){border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;margin-left: 0;width: 100%;}
#ModalScroll .modal-body form input:not(.form-check-input):focus,
#Cont .SECTION_form form input:not(.form-check-input):focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);}
#ModalScroll .modal-body form textarea.form-control,
#Cont .SECTION_form form textarea.form-control{border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;}
#ModalScroll .modal-body form textarea.form-control:focus,
#Cont .SECTION_form form textarea.form-control:focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);}
#ModalScroll .modal-body form .form-check input.form-check-input,
#Cont .SECTION_form form .form-check input.form-check-input{border-radius: var(--var-borderRadius-2); border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   #ModalScroll .modal-body form .input-group > *,
   #Cont .SECTION_form form .input-group > *{width: 100%;}
   #ModalScroll .modal-body form button,
   #Cont .SECTION_form form button{width: 100%;}
   #ModalScroll .modal-body form input:not(.form-check-input),
   #Cont .SECTION_form form input:not(.form-check-input){left: 0; padding: 0.375rem 0.75rem;height: 50px;}
   #ModalScroll .modal-body form input:not(.form-check-input):focus,
   #Cont .SECTION_form form input:not(.form-check-input):focus{box-shadow: 3px 5px 10px -3px #00000017; transform: translateX(0px)scale(1);}
   #ModalScroll .modal-body form .form-check input.form-check-input,
   #Cont .SECTION_form form .form-check input.form-check-input{height: 20px;width: 20px;}
   #ModalScroll .modal-body form .form-check-label,
   #Cont form .form-check-label{margin-left: 2.2rem;}

   /* ! - border radius */
   #ModalScroll .modal-body form .input-group-text,
   #Cont .SECTION_form form .input-group-text{border-radius: var(--var-borderRadius-2); border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
   #ModalScroll .modal-body form input,
   #Cont .SECTION_form form input{border-radius: var(--var-borderRadius-2); border-radius: var(--var-borderRadius-2);}
}


/* -------------------------------------------------------------------------------- */
/* ! Gallery modal */
/* -------------------------------------------------------------------------------- */
/* ! Carousel */
.modal-content{ background: transparent; border: none;}
.modal .modal-header{ border-bottom: transparent;}
.modal.fade.show { backdrop-filter: blur(10px);}
.modal .carousel .carousel-inner{border-radius: 25px;}
.modal .carousel .carousel-inner .carousel-item img{ height: 100%; width: 100%; max-height: 600px;}
.modal .modal-header { filter: invert(1);}
.carousel-control-next-icon, .carousel-control-prev-icon { opacity: 1; filter: invert(1);}

/* ! ___display-min-sm */
@media (min-width: 576px) {
   .modal-dialog { max-width: 500px;}
   .modal .carousel .carousel-inner,
   .modal .carousel .carousel-inner .carousel-item { height: 500px; width: 500px; }
}

/* ! ___display-min-md */
@media (min-width: 768px) {
   .modal-dialog { max-width: 650px;}
   .modal-body{ /*height: 650px;*/ width: 650px; }
   .modal .carousel,
   .modal .carousel .carousel-inner,
   .modal .carousel .carousel-inner .carousel-item { height: 100%; width: 100%; }

   .modal .carousel{ position: relative;}
   .modal .carousel .carousel-control-next{ position: absolute; right: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; }
   .modal .carousel .carousel-control-prev{ position: absolute; left: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; }
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .carousel .carousel-indicators [data-bs-target]{height: 5px; border-radius: 10px; border: none;}
   .carousel .carousel-control-next-icon,
   .carousel .carousel-control-prev-icon{width: 40px; height: 40px;}
   .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity: 1;}
}


/* -------------------------------------------------------------------------------- */
/* ! MOTORE */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* ! - Home */
/* -------------------------------------------------------------------------------- */
#Home .SECTION_motore.CssSild .motoreDiRicerca select.form-select{padding: 0px 20px 5px 5px;}
#Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{margin-right: 0;}
#Home .SECTION_motore.CssSild .motoreDiRicerca .form-floating label{padding: 12px 0px 0px 14px;}
#Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control{padding-top: 21px;}
#Home .SECTION_motore.CssSild .motoreDiRicerca img.icon{top: -2px;position: relative;}


/* -------------------------------------------------------------------------------- */
/* ! - Engi & Dest */
/* -------------------------------------------------------------------------------- */
#Engi .SECTION_motore.CssSild .motoreDiRicerca{margin-top: 4px;}
#Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group .input-group-text{background: var(--var-color-4);border-radius: var(--var-borderRadius-2);}
#Engi .SECTION_motore.CssSild .motoreDiRicerca button{background: #fff;}
#Engi .SECTION_motore.CssSild .motoreDiRicerca button:hover{background: #000;}
#Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select,
#Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input,
#Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2) input{border-radius: var(--var-borderRadius-2);border: none;box-shadow: 1px 2px 5px -2px #00000033;}
#Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select{margin-left: 6px;}

#Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: calc(100%);}

#Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: 100%;}
#Engi .motoreDiRicerca .input-group-checkInOut, 
#Dest .motoreDiRicerca .input-group-checkInOut { grid-template-columns: [first] 34px; gap: 0px;}

/* ! ___display-min-xl */
@media (min-width: 1200px) {
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut {gap: 8px; grid-template-columns: [first] 42px; grid-template-rows: 55px;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){height: 47px;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){height: 47px;}
}

/* ! ___display-max-xl */
@media (max-width: 1199.98px) {
   #Engi .SECTION_motore.CssSild .motoreDiRicerca {margin-top: 0px;margin-bottom: 50px;justify-content: center;align-items: center;flex-direction: column;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut{margin-bottom: 25px;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-strutture{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 75%;}
   #Engi .SECTION_motore.CssSild .motoreDiRicerca > div > .form-floating{margin-left: 6px;}
}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 85%;}
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut,
   #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 100%;}
}


/* ! -- buttons filter */
#Engi .SECTION_motore.CssSild .buttons-filter{margin-bottom: 25px; }
#Engi .SECTION_motore.CssSild .buttons-filter > div{border-radius: var(--var-borderRadius-1);background: var(--var-color-1);}
#Engi .SECTION_motore.CssSild .buttons-filter > div span{margin-right: 5px;}

#ModalScroll .div-bg { background-size: contain!important; object-fit: contain!important; }
#ModalScroll .div-bg img { background-size: contain!important; object-fit: contain!important; }
.ColEngiFiltSols .buttons-filter { margin-bottom: 1rem; }


/* -------------------------------------------------------------------------------- */
/* ! - Newsletter */
/* -------------------------------------------------------------------------------- */
#newsletterModal.modal .modal-content{ position: relative;}
#newsletterModal.modal .modal-body{ background: #eff2f7; padding: 0;}
#newsletterModal.modal .modal-header{ margin-bottom: 0; filter: invert(0); position: absolute; top: 0; right: 0;}
#newsletterModal.modal .modal-header .modal-title.fs-5{ font-size: 1.5rem;}
#newsletterModal.modal .modal-body{ padding: var(--bs-modal-padding);}
#newsletterModal.modal .btn-close{ position: absolute; right: 20px; top: 30px;}

/* ! - confirm dialog */
.jconfirm{ background: #00000073;}
.jconfirm.jconfirm-supervan .jconfirm-box { background-color: #ffffff; width: 100%; margin: auto; padding: 30px; background-position: center; border-radius: 30px;}
.jconfirm.jconfirm-supervan .jconfirm-box div.content{ color: #000;}
.jconfirm.jconfirm-supervan .jconfirm-box .buttons button{ font-size: inherit; background: #fff; color: #000; border: 2px solid #000; border-radius: 15px;}




/*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/menu.css*/
/* -------------------------------------------------------------------------------- */
/* ! Navbar02 */
/* -------------------------------------------------------------------------------- */

/* ! - general */
header.navbar02{ background: transparent;}
header.navbar02 nav{ background: #ffffffc4; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 32px; box-shadow: 0px 15px 33px -6px #00000029;}
header.navbar02 nav a.navbar-brand .logo{width: 45px; height: 64px; background-size: contain!important; background-repeat: no-repeat!important; margin-top: -41px; left: 25px; position: absolute;}

header.navbar02 nav ul li .nav-link{/*color: #fff;*/ color: #000; text-transform: uppercase;}
header.navbar02 nav ul li .nav-link:hover{ color: #917d4d !important;}
header.navbar02 nav a.btn{/*border: 2px solid #fff; color: #fff;*/ border: 2px solid #000; color: #000; margin-right: 10px;background: transparent;}
header.navbar02 nav a.btn:hover{border: 2px solid #000; background: rgba(0, 0, 0, 1); color: #fff;}
header.navbar02 .navbar-collapse__contenuto-a-destra{display: flex; flex-direction: row; align-items: center;}
header.navbar02 form{margin-bottom: 0;}
.dropdown-item.active, .dropdown-item:active{ color: #000; font-weight: 500;}
/* ! ___display-min-lg */
@media (min-width: 992px) {
   header.navbar02 nav ul.navbar-nav{margin-left: 50px;}
}

/* ! ___display-max-xl */
@media (max-width: 1199.98px) {
   header .container { max-width: 970px; }
}


/* ! - dropdown */
header.navbar02 .dropdown-submenu>.dropdown-menu { -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
header.navbar02 .dropdown-submenu>a:after { border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
header.navbar02 .dropdown-submenu:hover>a:after { border-left-color: #fff;}
header.navbar02 .dropdown-submenu.pull-left>.dropdown-menu {-webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu{background: #fff; border-radius: var(--var-borderRadius-2);border: none;}
header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item{background: transparent;}

/* ! - Login */
#loginModal{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}
#loginModal .modal-content{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: var(--var-color-4);}
#loginModal .modal-content .modal-body .form-floating .form-control{border-radius: var(--var-borderRadius-2); border: 2px solid white; background: #0000001a; color: #fff;}
#loginModal .modal-content .modal-body .btn{ border: 2px solid white; background: var(--var-color-2); color: #fff;}
header.navbar02 button.button__account { border: 2px solid #000000; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
header.navbar02 button.button__account:hover{background: var(--var-color-1)!important; border: 2px solid #000;}
header.navbar02 button.button__account img{ position: relative; left: 0; top: 0; width: 20px; height: 25px;}
/* header.navbar02 button.button__account:not(:hover) img { filter: invert(0%);} */

/* ! - azione allo scroll */
header.navbar02.navbar--sild{top: 20px;}
#Home header.navbar02:not(.navbar--sild),
#Engi header.navbar02:not(.navbar--sild),
#Team header.navbar02:not(.navbar--sild){top: 90px;}
header.navbar02:not(.navbar--sild){top: 20px;}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   header.navbar02 .navbar-toggler{/*filter: brightness(0) invert(1);*/ border: 1px solid #868686;}
   #Home header.navbar02:not(.navbar--sild),
   #Engi header.navbar02:not(.navbar--sild),
   #Team header.navbar02:not(.navbar--sild){top: 20px;}
}

/*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/cond.css*/
#Cond .PageDataDiv { margin-top: 130px; }