/*D:/aa/siti/aaa_ollytour.it/root/css/h2oviaggi/comm.css*/
/* -------------------------------------------------------------------------------- */
/* ! Global */
/* -------------------------------------------------------------------------------- */
:root{
   /* ! - palette colors */
   --color-green: #1ACD5F;
   --color-yellow: #c3eb45;

   --color-button--hover: #d7ff5636;

   --var-color-1: #d7ff56; /* Green */
   --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';}

.icon{ color: #fff; filter: drop-shadow(0 0 0px black); font-size: 1.5rem;}

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


/* -------------------------------------------------------------------------------- */
/* ! General */
/* -------------------------------------------------------------------------------- */
body:not(#Home){ position: relative; overflow-x: hidden;}
body:not(#Home)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: blur(50px)!important; z-index: -1;}

.PageDataDiv{ margin-top: 0px;}

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

img{ object-fit: cover;}

/* ! - Buttons */
button.btn, a.btn, a.button{border: none; color: #000;border-radius: var(--var-borderRadius-2);font-weight: 600;transition: all 0.25s cubic-bezier(.215, .61, .355, 1);width: fit-content;padding: 0.75rem 1.75rem;text-decoration: none;     box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 12px 20px 0px #fff; background: #ffffff5c;}
button.btn:hover, a.btn:hover, a.button:hover{color: #000; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 0px 10px 0px #ffffffb0 !important; background: #ffffff4a !important;}

/* ! - stars */
.card__stars svg {width: 20px; height: 20px; fill: #fac02f;}

/* ! - 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 */
p, a, button, .btn, input, select{ font-family: 'poppins', sans-serif;}
h1, h2, h3, h4, h5, h6{ font-family: 'eurostile', sans-serif;}
h2{ font-size: 80px;}

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


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

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

@font-face {
   font-family: 'poppins';
   src: url('/fonts/h2oviaggi_fonts/poppins-bold-webfont.woff2') format('woff2'), url('/fonts/h2oviaggi_fonts/poppins-bold-webfont.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

/* ! Eurostile */
@font-face {
   font-family: 'eurostile';
   src: url('/fonts/h2oviaggi_fonts/EurostileRegular.woff2') format('woff2'),
   url('/fonts/h2oviaggi_fonts/EurostileRegular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}


/* -------------------------------------------------------------------------------- */
/* ! Footer */
/* -------------------------------------------------------------------------------- */
footer{ position: relative; margin-top: -5px;  height: 1700px; background: #00061B; overflow-y: hidden; width: 100%; overflow-x: hidden;}

body:not(#Home) footer { position: relative; margin-top: -5px; height: 1370px; background: none; overflow-y: hidden; width: 100%; overflow-x: hidden;}
body:not(#Home) footer .section__backgrounds .background-water { background: linear-gradient(#00061b00 0%, #00EBFD 30% 100%); max-height: 90%; bottom: 0; width: 100%; }

/* ! - section__contents */
footer .section__contents{ position: absolute; bottom: 270px; left: 50%; transform: translateX(-50%); z-index: 3; width: 90%; max-width: 1200px; object-fit: contain; background: #cfe1ee94; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 32px; padding: 37px 25px 25px 25px; height: fit-content; color: #fff;}
footer .section__contents h3{ font-family: 'poppins', sans-serif; font-size: 18px; font-weight: 700;}
footer .section__contents a{ color: #fff;}
footer .section__contents a:hover{ color: #fff;}
footer .section__contents a:hover img{ filter: invert(1);}
footer .section__contents .container .col-logo{ position: absolute; bottom: 250px; left: 50px; z-index: 3;}
footer .section__contents .container .col-logo img{ width: 350px; object-fit: contain; height: 200px; left: 30%; position: relative; filter: invert(1);}
footer .section__contents .container .col-destinazioni div{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px 15px; margin-bottom: 30px;}
footer .section__contents .container .col-info{ position: absolute; bottom: -200px; display: flex; flex-wrap: wrap; flex-direction: column; color: #fff;}
footer .section__contents .container .col-link-utili ul{ list-style-type: none; padding: 0;}
footer .section__contents .container .col-link-utili ul li{ margin-bottom: 5px;}
footer .section__contents .container .col-rights-social{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin-top: 25px;}
footer .section__contents .container .col-rights-social p{ margin-bottom: 0;}

footer ul.nav-list-social li .icon-social { filter: invert(1); }

/* ! section__info */
footer .section__info{ position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); z-index: 3; width: 80%; object-fit: contain; height: fit-content; color: #fff;}
footer .section__info .col-info{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
footer .section__info p{ font-weight: 600; width: fit-content; margin-bottom: 10px; text-shadow: 0px 0px 10px #000;}

/* ! - section__backgrounds */
footer .section__backgrounds .container{ max-width: 100%; width: 100%; padding: 0;}
footer .section__backgrounds .container .row{ margin: 0; padding: 0;}
footer .section__backgrounds .container .col-backgrounds{ padding: 0; overflow-x: hidden;}
footer .section__backgrounds .background-water{ position: absolute; bottom: -70%; transform: translateX(-50%); left: 50%; z-index: 1; width: 200%; aspect-ratio: 1 / 1; background: radial-gradient(circle, #00EBFD 0%, #00061B 71%);}
footer .section__backgrounds .background-reef{ position: absolute; bottom: 0; z-index: 2; width: 100%; background: url("/image/background-footer.png") no-repeat center center fixed; background-size: cover; aspect-ratio: 1 / 0.7;}
footer .section__backgrounds .logo-wrapper{ position: absolute; bottom: 640px; z-index: 5; width: 60%; height: fit-content; left: 50%; transform: translateX(-50%); filter: invert(1);}
footer .section__backgrounds .logo-wrapper .background-logo{ filter: drop-shadow(0px 5px 5px #ffffff87);}


/* ! ___display-min-xxl */
@media (min-width: 1700px) {
   footer .section__backgrounds .background-water{ background: linear-gradient(#00061B 0%, #00EBFD 80%); max-height: 90%; bottom: 0; width: 100%; }
}

/* ! ___display-min-xxl */
@media (min-width: 1400px) {
   #Home footer .section__backgrounds .background-water { bottom: -90%;}
}

/* ! ___display-min-xxxl */
@media (min-width: 1600px) {
   #Home footer .section__backgrounds .background-water { bottom: -100%;}
}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   footer { height: 1200px;}
   footer .section__backgrounds .logo-wrapper { position: absolute; top: 260px; bottom: unset;}
   footer .section__backgrounds .background-reef{background-attachment: scroll!important;}
   body:not(#Home) footer .section__info p{ text-shadow: none;}
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   footer .section__backgrounds .logo-wrapper{top: 270px; width: 70%;}
   footer .section__contents { position: relative; top: 450px; left: 50%; transform: translateX(-50%); width: 90%;}
   footer .section__info{ position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); width: 100%;}
   body:not(#Home) footer .section__contents a{ color: #000;}
   body:not(#Home) footer h3, body:not(#Home) footer p{color: #000; text-shadow: none;}
   body#Home footer h3, body#Home footer p{color: #fff; text-shadow: none;}
   body:not(#Home) footer ul.nav-list-social li .icon-social { filter: invert(0);}
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   footer { height: 1000px; padding-top: 100px;}
   #Crue footer { height: 1100px;}
   footer .section__backgrounds .logo-wrapper { top: 80px; width: 80%;}
   footer .section__info { position: relative; top: 520px; left: 50%; transform: translateX(-50%); width: 100%; }
   footer .section__contents { top: 110px; padding: 25px 10px 15px 10px;}
   footer .section__info { top: 130px;}

   footer .section__contents a { padding: 0;}
   footer ul.nav-list-social li { margin-right: 5px; margin-left: 5px;}
}


/* -------------------------------------------------------------------------------- */
/* ! banner Cookie */
/* -------------------------------------------------------------------------------- */
.DivCook00{ position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 99999; background: #ffffff3d; backdrop-filter: blur(25px); width: 100%; height: 100%;}
.DivCook01{ width: 500px; background: #ffffff3d; backdrop-filter: blur(25px); padding: 25px; border-radius: 50px; border: 2px solid #fff; position: relative; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 99999;}
.DivCookHeader01{ font-size: 18px; font-weight: 700;}
.DivCookPbs01{ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; gap: 25px; margin-top: 25px;}
.DivCookPb00.DivCookPbNo00 .DivCookPb01.DivCookPbNo01{ text-decoration: underline;}
.DivCookPb00.DivCookPbNo00 .DivCookPb01.DivCookPbNo01:hover{ cursor: pointer;}
.DivCookPb00.DivCookPbOk00 .DivCookPb01.DivCookPbOk01{ border: none !important; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 5px 15px 0px #fff; background: #6cd4315c; color: #000; margin-right: 10px; border-radius: var(--var-borderRadius-2); font-weight: 600; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); width: fit-content; padding: 0.75rem 1.75rem; text-decoration: none; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
.DivCookPb00.DivCookPbOk00 .DivCookPb01.DivCookPbOk01:hover{ cursor: pointer; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 0px 5px 0px #fff;}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   .DivCook01{ max-width: 90%; width: 100%; padding: 25px; }
}

/* -------------------------------------------------------------------------------- */
/* ! 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);}

.modal .carousel .carousel-control-next,
.modal .carousel .carousel-control-prev{background: #ffffff; border-radius: 15px;}

.carousel button.carousel-control-prev{ top: 50%; transform: translateY(-50%); left: 25px; background: #fff; width: 50px !important; height: 50px !important; border-radius: 18px; color: transparent;}
.carousel button.carousel-control-next{ top: 50%; transform: translateY(-50%); right: 25px; background: #fff; width: 50px !important; height: 50px !important; border-radius: 18px; color: transparent;}

/* ! ___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{ 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%); }
   .modal .carousel .carousel-control-prev{ position: absolute; left: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); }
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   .carousel button.carousel-control-prev { left: 15px; width: 40px !important; height: 40px !important; border-radius: 13px;}
   .carousel button.carousel-control-next { right: 15px; width: 40px !important; height: 40px !important; border-radius: 13px;}

   .carousel .carousel-control-next-icon,
   .carousel .carousel-control-prev-icon{width: 30px; height: 30px;}
}

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



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

/* ! - all cards */
body:not(#Engi) .card, body:not(#Engi) .card .card-body{border-radius: 55px;}

body:not(#Engi) .card.struttura .card-body .card__title-1,
body:not(#Engi) .card.crociera .card-body .card__title-1,
body:not(#Engi) .card.tour .card-body .card__title-1,
body:not(#Engi) .card.veterina .card-body .card__title-1,
body#Crue .card .card-body-header-title .card__title-2,
body#Stru .card .card-body-header-title .card__title-1{ position: absolute; z-index: 1; margin-bottom: 0; background: #ffffff63; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); padding: 10px 15px; border-radius: 25px; font-size: 20px; bottom: 30px; left: 30px; width: calc(100% - 60px); -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 40px; max-height: 62px; font-weight: 600;}
body:not(#Engi) .card.struttura .card-body .card__title-2,
body:not(#Engi) .card.crociera .card-body .card__title-2,
body:not(#Engi) .card.veterina .card-body .card__title-2,
body:not(#Engi) .card.tour .card-body .card__title-2{ position: absolute; bottom: 107px; margin-bottom: 0; left: 30px; width: fit-content; background: #ffffff63; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); border-radius: 20px; padding: 8px 15px 5px 12px; z-index: 1; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; text-transform: capitalize; box-shadow: 0px 20px 15px 0px #00000021;}
body:not(#Engi) .card.struttura .card-body .card__title-2 .icon,
body:not(#Engi) .card.crociera .card-body .card__title-2 .icon,
body:not(#Engi) .card.veterina .card-body .card__title-2 .icon,
body:not(#Engi) .card.tour .card-body .card__title-2 .icon{ color: black; font-size: 22px;}
body:not(#Engi) .card .card-body:after{position: absolute; top: 25px; right: 25px; padding: 0px 8px; background: #ffffff63; border: 1px solid #ffffffc7; color: #000; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 55px; font-family: 'Material Symbols Outlined'; font-size: 30px; text-transform: lowercase; font-weight: 300;}

body:not(#Engi) .card .card-body a.card__link.btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; border: none; box-shadow: none; z-index: 2;}
body:not(#Engi) .card .card-body a.card__link.btn:hover{ background: transparent!important; border: none; color: transparent!important; box-shadow: none!important;}

body#Home .card.struttura, body#Home .card.crociera, body#Home .card.tour{width: 100%!important;}

/* ! - struttura */
body:not(#Engi) .card.struttura{ height: 450px;  overflow: hidden; background: transparent;}
body:not(#Engi) .card.struttura .card-body{ position: relative; width: 100%; height: 100%; overflow: hidden;}
body:not(#Engi) .card.struttura .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
/* body:not(#Engi) .card.struttura .card-body:hover .carousel{ transform: scale(1.1);} */
body:not(#Engi) .card.struttura .card-body .carousel .carousel-inner,
body:not(#Engi) .card.struttura .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body:not(#Engi) .card.struttura .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0; position: absolute; bottom: 107px; right: 30px; border-radius: 25px; padding: 4px 10px 2px 10px !important; background: #ffffff63; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); margin-bottom: 0;}
body:not(#Engi) .card.struttura .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0px; font-size: 18px;}
body:not(#Engi) .card.struttura .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 15px; font-weight: 300;}
body:not(#Engi) .card.struttura .card-body:after{ content: 'home_work' }

/* ! - crociera */
body:not(#Engi) .card.crociera{ height: 450px; overflow: hidden; background: transparent;}
body:not(#Engi) .card.crociera .card-body{ position: relative; width: 100%; height: 100%; overflow: hidden;}
body:not(#Engi) .card.crociera .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
/* body:not(#Engi) .card.crociera .card-body:hover .carousel{ transform: scale(1.1);} */
body:not(#Engi) .card.crociera .card-body .carousel .carousel-inner,
body:not(#Engi) .card.crociera .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body:not(#Engi) .card.crociera .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0 2px; position: absolute; bottom: 100px; right: 15px; background: #ffffffbf; backdrop-filter: blur(5px); border-radius: 12px; padding: 0px 5px !important;}
body:not(#Engi) .card.crociera .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0px; padding: 0 5px; font-size: 20px;}
body:not(#Engi) .card.crociera .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 16px; font-weight: 300;}
body:not(#Engi) .card.crociera .card-body:after{ content: 'sailing' }


/* ! - tour */
body:not(#Engi) .card.tour{ height: 450px; overflow: hidden; background: transparent;}
body:not(#Engi) .card.tour .card-body{ position: relative; width: 100%; height: 100%; overflow: hidden;}
body:not(#Engi) .card.tour .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
/* body:not(#Engi) .card.tour .card-body:hover .carousel{ transform: scale(1.1);} */
body:not(#Engi) .card.tour .card-body .carousel .carousel-inner,
body:not(#Engi) .card.tour .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body:not(#Engi) .card.tour .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0 2px; position: absolute; bottom: 100px; right: 15px; background: #ffffffbf; backdrop-filter: blur(5px); border-radius: 12px; padding: 0px 5px !important;}
body:not(#Engi) .card.tour .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0px; padding: 0 5px; font-size: 20px;}
body:not(#Engi) .card.tour .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 16px; font-weight: 300;}
body:not(#Engi) .card.tour .card-body:after{ content: 'route' }


/* ! - veterina */
body:not(#Engi) .card.veterina{ height: 450px; overflow: hidden; background: transparent;}
body:not(#Engi) .card.veterina .card-body{ position: relative; width: 100%; height: 100%; overflow: hidden;}
body:not(#Engi) .card.veterina .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
body:not(#Engi) .card.veterina .card-body .carousel .carousel-inner,
body:not(#Engi) .card.veterina .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body:not(#Engi) .card.veterina .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0; position: absolute; bottom: 85px; right: 15px; border-radius: 25px; padding: 4px 10px 2px 10px !important; background: #ffffff63; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); margin-bottom: 0;}
body:not(#Engi) .card.veterina .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0px; font-size: 18px;}
body:not(#Engi) .card.veterina .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 15px; font-weight: 300;}
/* body:not(#Engi) .card.veterina .card-body:after{ content: 'sell'; border: 2px solid #fff; color: #ffffff; background: #fcb400b3;} */
body:not(#Engi) .card.veterina .card__price{ position: absolute; top: 30px; left: 30px; z-index: 2; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 0px; border-radius: 25px; padding: 5px 10px; background: #00000063; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 2px solid #fff; color: #ffffff; background: #fcb400b3;}
body:not(#Engi) .card.veterina .card__price__value{ font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; font-weight: 300;}
body:not(#Engi) .card.veterina .card__price__label{ line-height: 1.15rem; font-weight: 300;}

/* !  - NavTabDestCardTitle */
body#Dest .card.NavTabDestCardTitle{ aspect-ratio: 1 / 1.5; border-radius: 55px; overflow: hidden; width: 300px; /*padding: 5px; background: linear-gradient(155deg, #e4e3bd, #e9db14);*/ background: #fff;}
body#Dest .card.NavTabDestCardTitle .card-body{ position: relative; width: 100%; height: 100%; border-radius: 52px; overflow: hidden;}
body#Dest .card.NavTabDestCardTitle .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
/* body#Dest .card.NavTabDestCardTitle .card-body:hover .carousel{ transform: scale(1.1);} */
body#Dest .card.NavTabDestCardTitle .card-body .carousel .carousel-inner,
body#Dest .card.NavTabDestCardTitle .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body#Dest .card.NavTabDestCardTitle .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0; position: absolute; bottom: 85px; right: 15px; border-radius: 25px; padding: 4px 10px 2px 10px !important; background: #ffffff3d; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); margin-bottom: 0;}
body#Dest .card.NavTabDestCardTitle .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0px; font-size: 18px;}
body#Dest .card.NavTabDestCardTitle .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 15px; font-weight: 300;}
body#Dest .card.NavTabDestCardTitle .card-body:after{ content: 'home_work' }


/* ! - #Crue  */
body#Crue .card{ aspect-ratio: 1 / 1; border-radius: 55px; overflow: hidden; /*width: 300px;*/ padding: 5px; background: transparent;}
body#Crue .card .card-body{ position: relative; width: 100%; height: 100%; border-radius: 52px; overflow: hidden;}
body#Crue .card .card-body-header{ position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%;}
body#Crue .card .card-body-header-title{ width: 100%;}
body#Crue .card .card-body-header-title .card__title-1{display: none;}
body#Crue .card .card-body-header-title .card__title-2{ bottom: 30px; width: max-content; left: 30px; transform: translateX(0px);}
body#Crue .card .card-body-header-text{display: none;}
body#Crue .card .card-body .carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
body#Crue .card .card-body .carousel .carousel-inner,
body#Crue .card .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body#Crue .card .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0; position: absolute; bottom: 85px; right: 15px; border-radius: 25px; padding: 4px 10px 2px 10px !important; background: #ffffff3d; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); margin-bottom: 0;}
body#Crue .card .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0px; font-size: 18px;}
body#Crue .card .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 15px; font-weight: 300;}

/* ! - #Stru */
body#Stru .card { border-radius: 55px; overflow: hidden; width: 300px; height: fit-content; padding: 5px; background: #fff;}
body#Stru .card .card-body{ position: relative; width: 100%; height: fit-content; border-radius: 52px; overflow: hidden; padding: 0px;}
body#Stru .card .card-body .carousel { position: relative; top: 0; left: 0; width: 100%; height: 250px; transform: scale(1); transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
body#Stru .card .card-body:hover .carousel{ transform: scale(1);}
body#Stru .card .card-body .carousel .carousel-inner,
body#Stru .card .card-body .carousel .carousel-inner .carousel-item{ width: 100%; height: 100%;}
body#Stru .card .card-body .card__stars{ list-style-type: none; display: flex; flex-direction: row; gap: 0; position: absolute; bottom: 85px; right: 15px; border-radius: 25px; padding: 4px 10px 2px 10px !important; background: #ffffff3d; backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); margin-bottom: 0;}
body#Stru .card .card-body ul.stars-inline .icon { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0px; font-size: 18px;}
body#Stru .card .card-body .card__stars .icon-star__number{ font-family: 'poppins', sans-serif; color: #000; font-size: 15px; font-weight: 300;}
body#Stru .card .card-body:after{ content: 'home_work' }
body#Stru .card .card-body .card__text{ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 40px; max-height: 83px; padding: 10px 20px; position: relative; top: 0px;}
body#Stru .card .card-body-header-title .card__title-1 { bottom: 100px!important;}

/* ! - #Dest */
body#Dest .card.struttura{aspect-ratio: unset; max-width: 300px; width: 100%;}
body#Dest .card.tour{aspect-ratio: unset; max-width: 300px; width: 100%;}
body#Dest .card.crociera { aspect-ratio: unset; max-width: 300px; width: 100%;}

/* ! ___display-min-lg */
@media (min-width: 992px) {
   body:not(#Engi) .card .card-body:hover .carousel{ transform: scale(1.1);}
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   body:not(#Engi) .card.crociera{ width: 100%; }
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   body:not(#Engi) .card, body:not(#Engi) .card .card-body { border-radius: 45px;}
   body:not(#Engi) .card .card-body:after{top: 20px; right: 20px;}
   body:not(#Engi) .card.struttura .card-body .card__title-1, body:not(#Engi) .card.crociera .card-body .card__title-1, body:not(#Engi) .card.tour .card-body .card__title-1, body:not(#Engi) .card.veterina .card-body .card__title-1, body#Crue .card .card-body-header-title .card__title-2, body#Stru .card .card-body-header-title .card__title-1 {border-radius: 25px; bottom: 20px; left: 20px; width: calc(100% - 40px);}
   body:not(#Engi) .card.struttura .card-body .card__title-2, body:not(#Engi) .card.crociera .card-body .card__title-2, body:not(#Engi) .card.veterina .card-body .card__title-2, body:not(#Engi) .card.tour .card-body .card__title-2 {left: 20px;}
   body:not(#Engi) .card.struttura .card-body .card__stars {right: 20px;}
   body:not(#Engi) .card.veterina .card__price { top: 20px; left: 20px;}
   body:not(#Engi) .card.veterina .card__price__label { font-size: 0.9rem;}
}

/* -------------------------------------------------------------------------------- */
/* ! Form PREVENTIVO */
/* -------------------------------------------------------------------------------- */
:root{
   --var-borderRadius-3: 25px;
}

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

.modal#preventivoModal .modal-content{background: #eaeaf2;}

.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-header .modal-title{ font-size: 1.75rem;}

.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;}


.modal#preventivoModal .modal-body .text-bold{ font-weight: bold; }
.modal#preventivoModal .modal-body .img-icon { width: 18px; height: 18px; }
.modal#preventivoModal .modal-body .col-button-next { display: flex; justify-content: flex-end; }
.modal#preventivoModal .modal-body .col-button-send { display: flex; justify-content: center; }
.modal#preventivoModal .modal-body .col-button-next button,
.modal#preventivoModal .modal-body .col-button-send button { display: flex; align-items: center; gap: 15px; }

.modal#preventivoModal .modal-body ul.setup-panel {  display: flex; justify-content: space-between; margin: 10px 20px; }
.modal#preventivoModal .modal-body ul.setup-panel li a { text-decoration: none; display: flex; flex-direction: column; align-items: center; }
.modal#preventivoModal .modal-body ul.setup-panel li.disabled a { cursor: not-allowed; opacity: 0.5;}
.modal#preventivoModal .modal-body ul.setup-panel li.disabled a .list-group-item-heading { background: transparent; }
.modal#preventivoModal .modal-body ul.setup-panel li.disabled a { cursor: not-allowed; opacity: 0.5; }
.modal#preventivoModal .modal-body ul.setup-panel li.active a .list-group-item-heading { background: #2e2ec5; color: #fff; }
.modal#preventivoModal .modal-body ul.setup-panel li a .list-group-item-heading { border: 2px solid #2e2ec5; font-size: 1.25rem; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 100%; }

.modal#preventivoModal .modal-body table thead th:first-child { width: 180px; }

.modal#preventivoModal .modal-body form.container { background: #eaeaf2; }
.modal#preventivoModal .modal-body form.container .setup-content { padding: 20px 10px; }
.modal#preventivoModal .modal-body form.container #form__step-1 div[class^="col-"] { display: flex; gap: 15px; }
.modal#preventivoModal .modal-body form.container #form__step-1 div[class^="col-"] .form-floating{ flex: 1 1 50%; }

.modal#preventivoModal .modal-body .kids-table { background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; }
.modal#preventivoModal .modal-body .kids-table .add-button,
.modal#preventivoModal .modal-body .kids-table .delete-button { margin-left: 10px; margin-bottom: 10px; }

.modal#preventivoModal .modal-body .form__field { display: flex; flex-direction: row; gap: 25px; align-items: center; }
.modal#preventivoModal .modal-body .form__field__question {}
.modal#preventivoModal .modal-body .form__field__answers {}
.modal#preventivoModal .modal-body .form__title { font-size: 1.25rem; }

/* SUMMARY */
.modal#preventivoModal .modal-body #summary__step-1, #summary__step-2, #summary__step-3, #summary__step-4{ display: flex; flex-direction: column; margin-bottom: 20px; }
.modal#preventivoModal .modal-body .summary__step-1__element, .summary__step-2__element, .summary__step-3__element, .summary__step-4__element{ display: flex; flex-direction: row; gap: 10px; }


/* ! - SECTION_scroll */
.SECTION_scroll { position: fixed; right: -260px; bottom: 15px; z-index: 99; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.SECTION_scroll.visible { right: 0; pointer-events: auto;}

.SECTION_scroll .btn:focus{background: #ffffff78; color: #000; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 12px 20px 0px #fff;}



/* ! ___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;}
}


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

/* ! - Cook (cookie), Priv (privacy), Cond (condizioni di vendita) */
#Cook main.PageDataDiv,
#Priv main.PageDataDiv,
#Cond main.PageDataDiv{ padding: 0px 30px; word-wrap: break-word; max-width: 750px; margin: 150px auto; color: black;}

#Cook .text-big { text-align: center; width: 100%; display: block; font-size: 2rem;}

/* ! -- menu */
#Cook header.navbar02 nav ul li .nav-link,
#Priv header.navbar02 nav ul li .nav-link,
#Cond header.navbar02 nav ul li .nav-link { color: #000;}

#Cook header.navbar02 nav a.navbar-brand .logo,
#Priv header.navbar02 nav a.navbar-brand .logo,
#Cond header.navbar02 nav a.navbar-brand .logo { filter: invert(0);}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   #Cook main.PageDataDiv,
   #Priv main.PageDataDiv,
   #Cond main.PageDataDiv{margin: 110px auto;}
}



/* -------------------------------------------------------------------------------- */
/* ! Confirm Send Modal */
/* -------------------------------------------------------------------------------- */
.jconfirm{
   background: #22355657;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}

.jconfirm .container{
   height: 100%;
}
.jconfirm .container .row {
   height: 100%;
   align-items: center;
   justify-content: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box {
   margin-top: 0!important;
   background-color: #ffffff91;
   border: 2px solid #fff;
   border-radius: 25px;
   padding: 40px 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c,
.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane,
.jconfirm.jconfirm-supervan .jconfirm-box div.content{
   color: #000!important;
}

.jconfirm .jconfirm-box .buttons {
   padding-bottom: 0px;
   color: #000;
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button{
   background: unset;
   border-radius: 15px;
   color: #000;
}

/* ! ___display-max-md */
@media (max-width: 767.98px) {
   .jconfirm .jconfirm-box div.title-c .title{
      line-height: 1.5rem;
      font-size: 1.5rem;
      font-weight: 500;
   }
}
/*D:/aa/siti/aaa_ollytour.it/root/css/h2oviaggi/menu.css*/
/* -------------------------------------------------------------------------------- */
/* ! Navbar02 */
/* -------------------------------------------------------------------------------- */

/* ! - general */
header.navbar02{ background: transparent;}
header.navbar02 nav{ padding: 10px 0px 10px 20px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 35px; box-shadow: -1px -1px 10px 0px #0000000a, inset 1px 1px 4px 0px #ffffffb3, 3px 0px 5px 0px #655d7021, 1px 1px 0px 0px #ffffff42; background: #ffffff5c;}
header.navbar02 nav a.navbar-brand{margin-right: 50px; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); filter: invert(0);}
header.navbar02 nav a.navbar-brand:hover{ filter: invert(0);}
#Home header.navbar02 nav a.navbar-brand:hover{ filter: invert(1);}
header.navbar02 nav a.navbar-brand .logo{width: 85px; height: 64px; background-size: contain !important; background-repeat: no-repeat !important; margin-top: -18px; left: 0px; position: absolute; filter: invert(0);}
#Home header.navbar02 nav a.navbar-brand .logo{ filter: invert(1);}

header.navbar02 nav ul li .nav-link{color: #000; font-size: 18px; text-transform: uppercase;}
#Home header.navbar02 nav ul li .nav-link{color: #fff;}

header.navbar02 nav ul li .nav-link:hover{ color: #000000 !important; text-shadow: 0px 0px 15px #ffffff;}
#Home header.navbar02 nav ul li .nav-link:hover{color: #000;}
header.navbar02 nav a.btn{border: none !important; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 12px 20px 0px #fff; background: #ffffff5c; color: #000; margin-right: 10px;}
header.navbar02 nav a.btn:hover{box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 0px 10px 0px #ffffffb0 !important; background: #ffffff00 !important;}
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; }
}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   header.navbar02 nav ul li .nav-link{color: #000;}
}


/* ! - 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{ border: none; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 20px; box-shadow: -1px -1px 10px 0px #0000000a, inset 1px 1px 4px 0px #ffffffb3, 3px 0px 5px 0px #655d7021, 1px 1px 0px 0px #ffffff42; }
header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item{background: transparent; color: #000 !important; text-transform: capitalize;}

/* ! - 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: none !important; box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 12px 20px 0px #fff; background: #ffffff5c; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}
header.navbar02 button.button__account:hover{box-shadow: -1px -1px 0px 1px #fff, 1px 1px 0px 1px #ffffffa8, 2px -2px 5px 1px #00000017, -2px 2px 5px 1px #02020217, inset 0px 0px 10px 0px #ffffffb0 !important; background: #ffffff00 !important;}
header.navbar02 button.button__account img{ position: relative; left: 0; top: 0; width: 20px; height: 25px;}

/* ! - 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: 25px;}
header.navbar02:not(.navbar--sild){top: 20px;}

/* ! ___display-max-lg */
@media (max-width: 991.98px) {
   header.navbar02 .navbar-toggler{ border: 1px solid #868686;}
   #Home header.navbar02:not(.navbar--sild),
   #Engi header.navbar02:not(.navbar--sild),
   #Team header.navbar02:not(.navbar--sild){top: 20px;}
   header.navbar02 nav .container-fluid .collapse ul, header.navbar02 nav .container-fluid .collapsing ul{background: #ffffff6b; border-radius: 35px; }
   header.navbar02 nav .container-fluid .collapse ul .dropdown-menu.dd-lv1{ background: #ffffff33; }
   header.navbar02 nav .container-fluid .collapse ul .dropdown-menu.dd-lv1 .dd-lv2{ background: #ffffff8f; }

   header.navbar02 nav { padding: 12px 0px 12px 3px; border-radius: 27px; }
   header.navbar02 .navbar-toggler { border-radius: 13px; }
}

/* ! ___display-max--sm */
@media (max-width: 575.98px) {
   header.navbar02 { width: 90%; }
   
   header.navbar02 nav .navbar-collapse__contenuto-a-destra { margin-top: 15px; margin-bottom: 4px; }
   header.navbar02 nav .container-fluid .collapse ul, header.navbar02 nav .container-fluid .collapsing ul{margin-top: 15px; border-radius: 15px;}
   header.navbar02 nav ul li .nav-link { color: #000000!important; padding: 5px 0px;}
   header.navbar02 nav .container-fluid .collapse ul .dropdown-menu.dd-lv1 { background: transparent; margin: 0; padding: 7px 15px !important; }
   header.navbar02 nav .container-fluid .collapse ul .dropdown-menu.dd-lv1 .dd-lv2 { margin-top: 5px; margin-bottom: 10px; background: #ffffffde; box-shadow: none; padding: 5px 15px !important; }
}
/*D:/aa/siti/aaa_ollytour.it/root/css/h2oviaggi/cook.css*/
/* #Cook main.PageDataDiv{ padding: 0px 30px; word-wrap: break-word; max-width: 750px; margin: 150px auto; color: black;}
#Cook .text-big { text-align: center; width: 100%; display: block; font-size: 2rem;} */