@font-face {
    font-family: 'Gotham Pro';
    src: url('../webfonts/GothamPro.eot');
    src: url('../webfonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('../webfonts/GothamPro.woff2') format('woff2'), url('../webfonts/GothamPro.woff') format('woff'), url('../webfonts/GothamPro.ttf') format('truetype'), url('../webfonts/GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../webfonts/GothamPro-Medium.eot');
    src: url('../webfonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), 
    url('../webfonts/GothamPro-Medium.woff2') format('woff2'), 
    url('../webfonts/GothamPro-Medium.woff') format('woff'), 
    url('../webfonts/GothamPro-Medium.ttf') format('truetype'), 
    url('../webfonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../webfonts/GothamPro-Bold.eot');
    src: url('../webfonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/GothamPro-Bold.woff2') format('woff2'),
        url('../webfonts/GothamPro-Bold.woff') format('woff'),
        url('../webfonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Pro';
    src: url('../webfonts/GothamPro-Black.eot');
    src: url('../webfonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/GothamPro-Black.woff2') format('woff2'),
        url('../webfonts/GothamPro-Black.woff') format('woff'),
        url('../webfonts/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../webfonts/GothamPro.eot');
    src: url('../webfonts/GothamPro.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/GothamPro.woff2') format('woff2'),
        url('../webfonts/GothamPro.woff') format('woff'),
        url('../webfonts/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'icomoon';
    src: url('../webfonts/icomoon.eot?lq30ja');
    src: url('../webfonts/icomoon.eot?lq30ja#iefix') format('embedded-opentype'),
        url('../webfonts/icomoon.ttf?lq30ja') format('truetype'),
        url('../webfonts/icomoon.woff?lq30ja') format('woff'),
        url('../webfonts/icomoon.svg?lq30ja#icomoon') format('svg');
    font-weight: normal;  font-style: normal;  font-display: block;}
/* ------------------------- */
@font-face {
    font-family: 'Font Awesome 6 Free';  font-style: normal;  font-weight: 400;  font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
}
/* ------------------------- */

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;  /* speak: never; */  font-style: normal;  font-weight: normal;  font-variant: normal; text-transform: none; line-height: 1;
/* Better Font Rendering =========== */   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-bars-filter:before { content: "\e900";  color: #0c8ae4;}
.icon-bed-front:before { content: "\e901"; color: #0c8ae4;}
.icon-bus-simple:before { content: "\e902"; color: #0c8ae4;}
.icon-calendar-days:before {content: "\e903"; color: #0c8ae4;}
.icon-camera:before {content: "\e904"; color: #0c8ae4;}
.icon-car:before {content: "\e905"; color: #0c8ae4;}
.icon-city:before { content: "\e906";  color: #0c8ae4;}
.icon-comment-question:before { content: "\e907";  color: #0c8ae4;}
.icon-comments-bottom:before { content: "\e908";  color: #f46d00;}
.icon-comments-question:before { content: "\e909";    color: #0c8ae4;}
.icon-delete:before { content: "\e90a"; color: #f46d00;}
.icon-flight-hotel:before {content: "\e90b"; color: #0c8ae4;}
.icon-heart:before {content: "\e90c";  color: #d95555;}
.icon-hotel:before {content: "\e90d";  color: #0c8ae4;}
.icon-lightbulb-on:before {content: "\e90e";  color: #0c8ae4;}
.icon-map-location-dot:before {content: "\e90f"; color: #0c8ae4;}
.icon-mug-hot:before {content: "\e910"; color: #0c8ae4;}
.icon-plane-up:before {content: "\e911"; color: #0c8ae4;}
.icon-supprt:before {content: "\e912"; color: #008aeb;}
.icon-train:before {content: "\e913"; color: #0c8ae4;}
.icon-user:before {content: "\e914"; color: #0c8ae4;}
:root {
     --color-default: #0B1A53;
    --color-primary: #0B1A53;
    --color-blue: #098AE4;
    --color-blue1: #0C8AE4;
    --color-white: #ffffff;
    --color-light-gray: #B7BABE;
    --color-dark: #191919;
    --color-gray-bg: #F1F1F9;
    --color-footer-text: #9DA3BA;
    --text-color-black: #231F20;
    --text-black: #000000;
    --text-lightblue: #0B1A53;
    --text-gray: #676767;
    --text-light-gray: #F6F6F6;
    --text-seffron: #FF8000;
    --color-blue-light: #f1f8ff;
    --color-blue-dark: #238AFF59;

    --font-12rem: 0.75rem;
    --font-14rem: 0.875rem;
    --font-15rem: 0.938rem;
    --font-16rem: 1rem;
    --font-18rem: 1.125rem;
    --font-20rem: 1.25rem;
    --font-22rem: 1.375rem;
    --font-20rem: 1.25rem;
    --font-24rem: 1.5rem;
    --font-26rem: 1.625rem;
    --font-28rem: 1.75rem;
    --font-30rem: 1.875rem;
    --font-32rem: 2rem;
    --font-34rem: 2.125rem;
    --font-36rem: 2.25rem;
    --font-38rem: 2.375rem;
    --font-40rem: 2.5rem;
    --font-42rem: 2.625rem;
    --font-44rem: 2.75rem;
    --font-46rem: 2.875rem;
    --font-48rem: 3rem;
    --font-50rem: 3.125rem;
    --font-52rem: 3.25rem;
    --font-54rem: 3.375rem;
    --font-56rem: 3.5rem;
    --font-58rem: 3.625rem;
    --font-60rem: 3.75rem;
    --font-62rem: 3.875rem;
    --font-64rem: 4rem;
    --font-66rem: 4.125rem;
    --font-68rem: 4.28rem;
    --font-70rem: 4.375rem;
    --font-72rem: 4.5rem;
    --font-75rem: 4.688rem;
    --font-80rem: 5rem;
    --font-82rem: 5.125rem;
    --font-92rem: 5.75rem;
    --font-102rem: 6.375rem;
    --font-152rem: 9.5rem;
    scroll-behavior: smooth;

}
/*html, body {touch-action: none;overscroll-behavior: none;}*/
body {font-size: 14px; font-style: normal;  line-height: 1.19;  letter-spacing: normal;  margin: 0;  padding: 0; font-family: 'Gotham Pro';}
.white {color: var(--color-white)!important;}
.skyblue { color: var(--color-secondary);}
.gray { color: var(--text-gray);}
.black {color: var(--text-black) !important;}
.sefrron {color: var(--text-seffron);}
.sefrron-bg { background: var(--text-seffron);}
.fontfamily{font-family: 'Gotham Pro';}
.fontfamily2{ font-family: 'gothamregular'; font-weight: 500;}
.border-50{border-radius: 50px!important;}
.skyblue-bg {background: var(--color-secondary);}
.btn-hover:hover{background: var(--color-blue); color: var(--color-blue-light);}
.blue-drk {background-color: var(--color-blue-dark);}
.dark-bg {background-color: var(--color-dark) !important;}
.bg-none {background-color: transparent !important;}
.blue {color: var(--color-blue);}
.white-bg{background-color: var(--color-white);}
.blue-bg {background: var(--color-blue);}
.light-blue {background-color: var(--color-blue1);}
.color-blue {color: var(--color-blue1);}
.color-black {color:#000; font-size: 14px;}
.color-black2 {color:#050505; font-size: 14px;}
.d-color{color:#D95757!important;}
.color-orange{color:#F46D01!important;}
.outline{outline: none;}
.f-size11{font-size:11px;}
a, a:hover {text-decoration: none}
* {-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   outline: none;}

a,
a:hover,
h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a,
h6 a:hover,
p a,
p a:hover {
    color: inherit
}

h2,
p {color: #000}
h2 {font-size: 40px; line-height: 50px}
h1,
h2,
h3,
h4,
h5,
h6 {margin: 0px; padding: 0px;}
p {font-size: 16px; line-height: 26px; margin-bottom: 16px}
img {max-width: 100%; height: auto}
ul {padding-left: 0px}
.font-primary,
h1,
h2,
h3,
h4,
h5,
h6 {font-family: var(--font-primary)}
.font-regular {font-family: var(--fontfamily-primary)}
.font-medium {font-family: var(--fontfamily-medium)}
.font-MediumItalic {font-family: var(--fontfamily-MediumItalic)}
.font-Bold {font-family: var(--fontfamily-Bold)}
.font-BoldItalic {font-family: var(--fontfamily-BoldItalic)}
.font-Black {font-family: var(--fontfamily-Black)}
.text-size12 {font-size: var(--font-12rem)}
.text-size14 {font-size: var(--font-14rem)}
.text-size15 {font-size: var(--font-15rem)}
.text-size16 {font-size: var(--font-16rem)}
.text-size18 {font-size: var(--font-18rem)!important;}
.text-size20 {font-size: var(--font-20rem)}
.text-size22 {font-size: var(--font-22rem)}
.text-size22,
.text-size24 {font-size: var(--font-24rem)}
.text-size26 {font-size: var(--font-26rem)}
.text-size28,
h6 {font-size: var(--font-28rem)}
.text-size32, h5 {font-size: var(--font-32rem)}
.text-size34,
h4 {font-size: var(--font-34rem)}
.text-size42 {font-size: var(--font-42rem)}
.font-size52,
.text-size52,
h2 {font-size: var(--font-52rem)}
.text-size72 {font-size: var(--font-72rem)}
.text-size80 {font-size: var(--font-80rem)}
.text-size82 {font-size: var(--font-82rem)}
.text-size92,
h1 {font-size: var(--font-54rem)}
.line-height26 {line-height: 1.75rem}
.line-height28 {line-height: 2.5rem}
.line-height52 {line-height: 3.25rem}
.line-height72 {line-height: 5.125rem}
.lh-62 {line-height: 62px}
.lh-32 {line-height:32px}

.opacity3 {
    opacity: .3
}

.opacity4 {
    opacity: .4
}

.opacity5 {
    opacity: .5
}

.opacity6 {
    opacity: .6
}

.opacity7 {
    opacity: .7
}

.opacity8 {
    opacity: .8
}

.opacity9 {
    opacity: .9
}

.bg-color-default {
    background-color: var(--color-default)
}

.bg-color-primary {
    background-color: var(--color-primary)
}

.bg-color-secondary {
    background-color: var(--color-secondary)
}

.bg-color-white {
    background-color: var(--color-white)
}

.bg-color-light-gray {
    background-color: var(--color-light-gray)
}

.bg-color-dark {
    background-color: var(--color-dark)
}

.bg-color-gray-bg {
    background-color: var(--color-gray-bg)
}

.blurcolor,
.text-color-default {
    color: var(--color-default)
}

.text-color-primary {
    color: var(--color-primary)
}

.text-color-secondary {
    color: var(--color-secondary)
}

.text-color-white {
    color: var(--color-white) !important
}

.text-color-light-gray {
    color: var(--color-light-gray)
}

.text-color-dark,
a:hover {
    color: var(--color-dark)
}

.text-color-black {
    color: var(--color-color-black)
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.section-header,
.text-center {
    text-align: center
}

.section-full-height {
    height: 100vh
}

.pt-80 {
    padding-top: 80px
}
.w-48{width: 48% !important;}

.w-spec{white-space:nowrap;}


.btn,
a {
    color: var(--color-primary)
}

.btn {
    border-radius: 0;
    padding: 15px 0;
    font-family: var(--font-default);
    font-weight: 500
}
.height-5{
    box-shadow: 0px 3px 6px #0000004D;
    border:1.5px solid #FFFFFF;
}

a {
    transition: .3s; outline:none;
}

h3 {
    font-size: var(--font-48rem)
}

.font-w200 {
    font-weight: 200
}

.font-w300 {
    font-weight: 300
}

.font-w400 {
    font-weight: 400
}
.font-normal {font-weight:normal!important; }
.font-bold {font-weight: bold!important;}


.font-w500 {
    font-weight: 500 !important
}

.font-w900{
    font-weight:900!important;}

.section-header {
    padding-bottom: 30px
}

.bdr-bottom {
    border-bottom: 1px solid #ced1dd
}

.bdr-top {
    border-top: 1px solid #ced1dd
}

.bdr-blue {
    border: 1px solid #4AB0FF !important
}
.border-blue{border-color:#4AB0FF!important;}


.nobdr {
    border: 0 !important
}

.border-radius {
    border-radius: 0;
}

.border-25 {
    border-radius: 25px;
}

.border-20 {
    border-radius:20px;
}


.m-b25 {
    margin-bottom: 25px
}

.m-t25,
.mt-25 {
    margin-top: 25px
}

.mt-40 {
    margin-top: 40px
}
.mt-45 {
    margin-top: 45px
}
.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top:60px
}
.mt-65 {
    margin-top:65px
}

.mt-70 {
    margin-top:70px
}

.mt-85 {
    margin-top:85px
}


.mb-40,
.mb-40 {
    margin-bottom: 40px
}

.mb-36 {
    margin-bottom: 36px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-130 {
    margin-bottom: 130px
}
.mb-150 {
    margin-bottom:150px
}
.mb-250 {
    margin-bottom:250px
}

.nomargin {
    margin: 0 !important
}

.mt-20 {
    margin-top: 20px
}

.mb-15 {margin-bottom:15px}
.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-10 {
    margin-bottom: 10px!important;}

.mb-15 {
    margin-bottom: 15px
}

.mt-15 {
    margin-top: 15px
}

.mb-80 {
    margin-top: 80px
}

.mt-80 {
    margin-top: 80px
}

.mt-10 {
    margin-top:10px!important
}
.mt-20 {
    margin-top:20px
}
.mt-25 {
    margin-top:25px
}
.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mt-65 {
    margin-top: 65px
}

.mb-35 {
    margin-bottom: 35px
}

.mr-10 {
    margin-right: 10px
}
.mr-15 {
    margin-right: 15px
}
.mr-20 {
    margin-right:20px
}
.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right:30px
}

.mr-50 {
    margin-right:50px
}

.mr-65 {
    margin-right:65px
}

.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top:30px;
}

.pl-15 {
    padding-left:15px;
}
.pl-20 {
    padding-left:20px;
}
.pl-25 {
    padding-left:25px;
}
.pl-30 {
    padding-left:30px;
}

.pl-35 {
    padding-left:35px;
}
.pl-40 {
    padding-left:40px;
}

.pl-45 {
    padding-left:45px;
}

.pl-100 {padding-left:100px;}

.pt-12{padding-top: 12px;}
.pb-12{padding-bottom:12px;}

.fs-7 {
    font-size: 14px !important;
}

.fs-8 {
    font-size: 12px !important;
}

.fs-9 {
    font-size:10px !important;
}

.w-35 {
    max-width: 482px;
}

.w-21 {
    width: 21% !important;
}

.w-58 {
    width: 58% !important;
}

.w-42 {
    width: 42% !important;
}

.w-85{
    width:85%!important;

}

.pe-6{padding-right:4rem !important;}

.gradient {
    position: relative;
}



.p-35{padding: 35px;}
.p-22{padding:22px;}
.p-25{padding:25px;}
.p-20{padding:20px!important;}
.p-15{padding:15px;}
.p-10{padding:10px;}


.pl-20{padding-left:20px!important;}
.pr-20{padding-right:20px!important;}
.pt-38{padding-top:38px!important;}
.pb-38{padding-bottom:38px!important;}

.green-color{color: #03AF7B;}
.red-color {color: #D95555;}
.orange-color{color: #F46D00;}
.blue-color {color: #0C8AE4 !important;}

.denger-color{color:#D95555!important;}
.green-bg{background-color: #03AF7B;}
.red-bg{background-color: #f00;}

.orange-bg{background-color:#F46D00;}
.orange-bg:hover{background-color: #0C8AE4;}
.blue-bg1{background-color:#0C8AE4!important;}
.blue-bg1:hover{background-color: #F46D00!important;}
.blue-bg{background-color:#0C8AE4;}
.denger-bg{background-color:#D95555;}

.button-blue{
    background:var(--color-blue);
    border-radius: 50px;
    height: 42px;
    font-size:15px;
    color: #fff;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    line-height: 38px;
    text-transform: uppercase;
    padding:0 15px 0 15px;
}

.button-orange{
    background-color:#F46D00;
    border-radius: 50px;
    width:auto;
    height:42px;
    font-size:15px;
    color:#fff;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    line-height: 38px;
    text-transform: uppercase;
    padding:0 15px 0 15px;
}



.h-150{height: 110px!important;}

header {
    background: #fff;
    padding: 10px 0 6px 0;
}

header .logo-main {
    display: flex;
    align-items: center;
}

header .logo-main a img {
    max-width: 183px;
    outline: none;
}

header .left-part-ofmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 860px;
    max-width: 860px;
    padding: 0 0px 0 0;
}

.menuright-tp {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menuright-tp a i {
    font-size: 30px;
    color: #0C8AE4;
}

.lanright-up {
    display: none;
}

.menuright-tp {
    display: none;
}

/* header .left-part-ofmenu{display: flex;} */
header .left-part-ofmenu .main-nav {
    display: flex;
    margin: 0 0px 0 0;
    width: 498px;
    justify-content: flex-end;
}

.logotp-left {
    display: flex;
}

header .left-part-ofmenu .main-nav ul {
    display: inline-block;
    align-items: center;
    margin: 0px;
}

header .left-part-ofmenu .main-nav ul li {
    list-style: none;
    padding: 0px;
    margin: 0px 0 0 6px;
    text-align: center;
    display: inline-block;
    
}

/* header .left-part-ofmenu .main-nav ul li:hover {
   
} */

header .left-part-ofmenu .main-nav ul li:hover a {
    color: #fff;
}

header .left-part-ofmenu .main-nav ul li:hover .icon-plane-up:before {
    color: white;
}

header .left-part-ofmenu .main-nav ul li:hover span:before {
    color: #fff;
}

/* header .left-part-ofmenu .main-nav ul li.active {
    background: #0c8ae4;
    box-shadow: 0px 3px 6px #00000080;

} */

/* header .left-part-ofmenu .main-nav ul li.active a {
    color: #fff;
} */

header .left-part-ofmenu .main-nav ul li a.active .m-icons::before {color: #fff!important;}
/* header .left-part-ofmenu .main-nav ul li a.active .icon-plane-up::before {color: #fff;}
header .left-part-ofmenu .main-nav ul li a.active .icon-flight-hotel::before {color: #fff;}
header .left-part-ofmenu .main-nav ul li a.active .icon-flight-hotel::before {color: #fff;} */



header .left-part-ofmenu .main-nav ul li span {
    display: block;
    font-size: 22px;
    padding-bottom: 5px;
}

header .left-part-ofmenu .main-nav ul li:first-child {
    margin: 0px;
}

header .left-part-ofmenu .main-nav ul li a {
    padding: 11px 13px 4px 13px;
    border-radius: 10px;
    margin: 0px;
    color: #050505;
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight: 400;
    white-space:nowrap;
    display: block;

}

header .left-part-ofmenu .main-nav ul li a:hover {
    color: #fff;
    background: #0c8ae4;
    box-shadow: 0px 3px 6px #00000080;
}

header .left-part-ofmenu .main-nav ul li a.active{
background: #0c8ae4;
box-shadow: 0px 3px 6px #00000080;
color: #fff;
}



/*------right side top------------*/


.right-tp-ui {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 0 0px 0 0;
}

.right-tp-ui .support {
    display: flex;
}

.right-tp-ui .support .right-tp-ui .faqqs {
    border-left: 3px solid #0C8AE4;
    width: 100%;
}

.support .dropdown-toggle::after {
    display: none;
}

.support .dropdown-toggle {
    white-space: nowrap;
    font-size: 12px;
    font-weight:400;
    font-family: 'Gotham Pro';
    background: transparent;
    border: 0px;
    margin: 0 0 0 0;
    padding: 0;
}

.support {margin: 5px 0 0px 0px; padding:0;}


.support .dropdown-toggle i {
    font-size: 12px;
    margin: 1px 0 0 3px;
}


.support .dropdown-toggle:focus-visible {
    outline: none;
}

.support .dropdown-toggle span {
    display: inline-block;
    margin-right: 0;
    font-size: 24px;
    height: 30px;
    margin: 0 0 2px 0;
}

.supp {
    text-transform: capitalize;
}

.supp i {
    font-size: 20px;
    margin: 0px 0 0 7px;
}

.supp-FAQ i {
    font-size: 12px;
    margin:1px 0 0 3px;
}

.travler-desc {
    padding: 0 0 0 22px;
    margin: 0px;
    background: #fff;
    right: 0px;
    position: relative;
    z-index: 9;
    border: 0px;
    border-radius: 0;
    width: 214px;
    overflow: hidden;
}

.support .dropdown-menu.show {
    display: block;
    transform: translate(-137px, 50px) !important;
    overflow: hidden;
    left: inherit;
    border: 0px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    padding: 30px 0 10px 0;
}

.support .support-call {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.support .support-call a {
    font-size: 13px;
    color: #050505;
    font-family: 'Gotham Pro';
    display: inline-block;
    margin-left: 15px;
    font-weight:normal;
}

.support .support-call span {
    max-width: 52px;
    display: inline-block;
}

.support .support-call span i {
    font-size: 15px;
    color: #098AE4;
}

/*------right side top------------*/

/*------right faq top------------*/
.support-section-uitp {
    display: flex;
    padding: 0px 0 0 0px;
    margin: 0 -5px 0 0px;
    align-items: center;
    position: relative;
    width: 360px;
    justify-content: flex-end;
}

.support-section-uitp::before {
    position: absolute;
    left: 0px;
    height: 46px;
    width: 1px;
    content: '';
    background: var(--color-blue1);
}

.faq-topright {
    justify-content: flex-end;
}

.lingupart {
    justify-content: flex-end;
}

.loggin-ACCEDI .dropdown-toggle {
    white-space: nowrap;
    font-size: 12px;
    font-weight:400;
    font-family: 'Gotham Pro';
    background: transparent;
    border: 0px;
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
}


.faq-topright .faq-support {
    display: flex;
    margin: 5px 0 0 37px;
}

.faq-topright .faqqs {
    border-left: 3px solid #0C8AE4;
    width: 100%;
}

.faq-support .dropdown-toggle::after {
    display: none;
}

.faq-support .dropdown-toggle {
    white-space: nowrap;
    font-size: 12px;
    font-weight:400;
    font-family: 'Gotham Pro';
    background: transparent;
    border: 0px;
    padding: 0;
    margin: 0px;
}

.faq-support .dropdown-toggle .supp-FAQ {
    margin:4px 0 0 0;
}

.faq-support .dropdown-toggle:focus-visible {
    outline: none;
}

.faq-support .dropdown-toggle span {
    display: inline-block;
    margin-right: 0px;
    font-size: 22px;
    height: 30px;

}

.faq-support .travler-desc {
    padding: 24px 0 0 0;
    margin: 0px;
    background: #fff;
    right: 0px;
    border: 0px;
    width: 148px;

}

.faq-support .dropdown-menu.show {
    display: block;
    transform: translate(-130px, 55px) !important;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    left: 0px !important;
    border: 0px;
    padding: 0 0 0 26px;
    position: relative;
}

.faq-support .travler-desc ul {
    padding: 0px;
    margin: 6px 0 0 0;
    display: flex;
    flex-direction: column;
}

.faq-support .travler-desc ul li {
    padding: 0px;
    margin: 0px 0 19px 0;
    list-style: none;
}

.faq-support .travler-desc ul li a {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:normal;
    display: block;
    margin-left: 0px;
    
}

.faq-support .travler-desc ul li a:hover {
    color: #098AE4;
}

/*------right faq top------------*/

/*------right login top------------*/
.faq-topright .loggin-ACCEDI {
    display: flex;
}

.faq-topright .loggin-ACCEDI .dropdown {
    display: flex;
}

.loggin-ACCEDI .dropdown-toggle::after {
    display: none;
}



.loggin-ACCEDI {
    margin:7px 0px 0 37px;
}

/* .loggin-ACCEDI .dropdown-toggle {
    white-space:nowrap;
    font-size: 12px;
    font-weight:500;
    font-family: 'gothambook';
    background: transparent;
    border: 0px;
    display: flex;
    align-items: center;
} */


.loggin-ACCEDI .dropdown-toggle .shadows .icon-user:before {
    color: #fff;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.loggin-ACCEDI .dropdown-toggle .shadows span {
    padding: 0px;
    margin: 0px 0 7px 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    background: #008aeb;
    line-height: 30px;
}

.loggin-ACCEDI .dropdown-toggle:focus-visible {
    outline: none;
}

.loggin-ACCEDI .dropdown-toggle span {
    display: inline-block;
    margin-right: 6px;
}

.loggin-ACCEDI .travler-desc {
    padding: 15px 20px 10px 35px;
    margin: 0px;
    background: #fff;
    right: 0px;
    position: relative;
    z-index: 9;
    border: 0px;
    border-radius: 2px;
    width: 234px;
    overflow: hidden;
}

/* .loggin-ACCEDI .dropdown-menu.show {display: block;  transform:translate(-112px, 44px)!important; border-radius: 30px; 
overflow: hidden; box-shadow: 0px 0px 15px #000000BF; left:0px!important; border:0px;} */
.loggin-ACCEDI .dropdown-menu.show {
    display: block;
    transform: translate(-9px, 44px) !important;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000080;
    left: inherit;
    border: 0px;
    top: 5px !important;
    width: 432px;
    right: -15px !important;
    position: relative;
    left: inherit !important;
}

a.mdl-ujh {
    position: absolute;
    right: 13px;
    color: #000;
    font-size: 16px;
    z-index: 99;
    top: 10px;
}

.autocomple-section a.mdl-ujh {right: 63px; font-size: 13px; top: 35px;}


.loggin-ACCEDI .dropdown-toggle .shadows {
    padding: 0px;
    /* width:76px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 0px;
    background: #fff;
    flex-direction: column;

}

.loggin-ACCEDI .dropdown-toggle .shadows i {
    font-size: 12px;
    position: relative;
    top: 0px;
    margin-left: 3px;
}



.loggin-ACCEDI .log-in-ui {
    width: 100%;
    padding: 0px 35px 0 35px;
    margin: 0px;
    display: flex;
    flex-direction: column;
}

.loggin-ACCEDI .log-in-ui .mb-3 {
    margin-bottom: 14px !important;
}

.loggin-ACCEDI .log-in-ui .reg-title {
    font-size: var(--font-18rem);
    color: #008aeb;
    line-height: normal;
    padding:8px 0 4px 0 !important;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.ragister-ui .reg-title {
    padding: 0px !important;
}


.loggin-ACCEDI .log-in-ui .form-label {
    font-family: 'Gotham Pro';
    color:#050505;
    font-size:14px;
    display: block;
    padding: 0 0 0 12px;
    margin: 0 0 5px 0;
    font-weight:normal;
}

.loggin-ACCEDI .log-in-ui input {font-family: 'Gotham Pro'; color:#050505;  font-size: 14px;  height: 46px;  box-shadow: 0px 3px 6px #00000080;  border-radius: 10px;  font-weight:400;  border: 0px;}
.loggin-ACCEDI .log-in-ui input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #A3ABB1;  opacity: 1; font-weight:400; font-family: 'Gotham Pro';  font-size: 14px;}
.loggin-ACCEDI .log-in-ui input::-moz-placeholder {
    /* Firefox 19+ */  color: #A3ABB1;  opacity: 1; font-weight:400; font-family: 'Gotham Pro';  font-size: 14px;}
.loggin-ACCEDI .log-in-ui input:-ms-input-placeholder { /* IE 10+ */
color: #A3ABB1;  opacity: 1; font-weight:400; font-family: 'Gotham Pro';  font-size: 14px;}
.loggin-ACCEDI .log-in-ui input:-moz-placeholder {color: #A3ABB1;  opacity: 1; font-weight:400; font-family: 'Gotham Pro';  font-size: 14px;}
.loggin-ACCEDI .log-in-ui input:focus {border-color: #fff; outline: none;}


.form-xcvbng {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0px;
    right: 0px;
    max-width: 1230px;
    margin: 0px auto;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -31px;
    position: relative;
    z-index: 2;
    color: #0C8AE4;
    font-size: 20px;
}

.Sign-btn {
    background: #F46D00;
    border-radius: 30px;
    font-size:15px;
    color: #fff;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    padding: 0px 17px;
    height: 40px;
    margin: 2px 0 0 0;
}

.accedere {
    color: #050505;
    border-bottom: solid 1px #828282;
    padding: 12px 0 19px 0;
    margin-bottom: 10px;
    line-height: 15px;
    font-family: 'Gotham Pro';
    font-size: 12px;
    font-weight: normal;
}

.accedere a {
    color: #008aeb;
}

.ragister-ui {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
}

.ragister-ui h2 {
    padding: 20px 0 0 0;
    margin: 0px 0 6px 0;
}

.ragister-ui p {
    font-family: 'Gotham Pro';
    font-size: 12px;
    font-weight:500;
    color: #050505;
    padding: 0px 0 0px 0;
    line-height: normal;
}


.loggin-ACCEDI .travler-desc ul {
    padding: 0px;
    margin: 6px 0 0 0;
    display: flex;
    flex-direction: column;
}

.loggin-ACCEDI .travler-desc ul li {
    padding: 0px;
    margin: 0px 0 10px 0;
    list-style: none;
}

.loggin-ACCEDI .travler-desc ul li a {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #050505;
    font-family: 'Gotham Pro';
    display: block;
    margin-left: 0px;
    font-weight:normal;
}

.loggin-ACCEDI .travler-desc ul li a:hover {
    color: #098AE4;
}

.loggin-ACCEDI .dropdown-toggle::after {
    display: none;
}

/*------right faq top------------*/
.banner-ui {
    width: 100%;
    position: relative;
}

/* .banner-ui .volaeasy-right {
    position: relative;
    right: 0px;
    width: 440px;
} */

/* .banner-ui .eadry-logo {
    position: absolute;
    right: 0px;
    width: 152px;
} */

/* .banner-ui .easy-img {
    position: absolute;
    right: 82px;
    top: 15px;
} */

/* hotel box banner up */
.hotel-booking-ui {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    max-width: 475px;
    min-width: 475px;
    border-radius: 40px;
    margin-top: 48px;
    box-shadow: 0px 3px 6px #00000080;
    margin-left: 12px;

}

.hotel-booking-ui .icon-hotel-ui {
    width: 100%;
    margin: 0px;
    display: flex;
    padding: 0px;
    align-items: flex-end;
    padding: 6px 0 0 39px;
}

.icon-hotel-ui .icon-hotel {
    position: relative;
    top: 4px;
    margin-left: 15px;
}

.hotel-booking-ui .icon-hotel-ui label {
    color: var(--color-blue1);
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight:900;
    font-size: 20px;
    position: relative;
    top:6px;

}

.hotel-booking-ui .icon-hotel-ui .icon-hotel:before {
    color: var(--color-blue1);
    font-size: 20px;
}


.avanzata-cersa-ui {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0 9px 0;
}

.avanzata-cersa-ui .avanzata-btn {
    width: 192px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #84c4f1;
    border-radius: 50px;
    font-size: 14px;
    color: #0C8AE4;
    font-family: 'Gotham Pro';
    font-weight:500;
    
}
    .avanzata-cersa-ui .avanzata-btn i {
        margin-left:10px;
        font-size:16px;
        position: relative;
        top: 1px;
    }

    .avanzata-cersa-ui .cerca-btn {
        width: 147px;
        height: 40px;
        background: #F46D00;
        border: 0px solid #098AE4;
        border-radius: 50px;
        font-size: 16px;
        color: #fff;
        font-family: 'Gotham Pro';
    font-weight:500;
    }

    .avanzata-cersa-ui .cerca-btn:hover{background: #098AE4;}

        .avanzata-cersa-ui .cerca-btn i {
            font-size: 18px;
            margin: 0 10px 0 0;
            position: relative;
            top:1px;
        }


      .avanzata-cersa-ui .flight-btn {
            width:100%;
            height:40px;
            background: #F46D00;
            border: 0px solid #098AE4;
            border-radius: 50px;
            font-size: 16px;
            color: #fff;
            font-family: 'Gotham Pro';
        font-weight:500;
        }
    
        /* .avanzata-cersa-ui .flight-btn:hover{background:#037fd8;} */
        .avanzata-cersa-ui .flight-btn i {font-size: 18px; margin: 0 10px 0 0; position: relative; top:1px;}

/*----------autocompleter----------*/


.innderheader {
    background: rgba(25, 25, 25, 0.8);
}


.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0px;
    max-height: 200px;
    overflow-y: scroll;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/*-------Dove vuoi andare?---*/

.vuoiandare-find {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000059;
    border-radius: 20px;
    padding: 12px 0 15px 23px;
    position: relative;
    margin-top: 3px;
}

.vuoiandare-find .me-3 {
    margin-right: 12px !important;
}

.vuoiandare-find span i {
    font-size: 20px;
    color: #098AE4;

}

.Dovevuoi_Citt label {
    padding: 0px;
    margin: 0px 0 8px 0;
    font-size: 12px;
    color: #098AE4;
    font-family: 'Gotham Pro';
    font-weight:500;

}

.auto-complete-ui {
    width: 96%;
    padding: 0;
    margin: 0px 0 0 0;
    background: transparent;
}

.auto-complete-ui input {
    margin: 0px;
    border-radius: 0px;
    box-shadow: none;
    outline: 0px;
    border-color: transparent;
}

.auto-complete-ui button {
    border: 0px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    right: 10px;
    top: 13px;
}

.auto-complete-ui button img {
    width: 10px;
}



.autocomple-section input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #707071;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
}

.autocomple-section input::-moz-placeholder {
    /* Firefox 19+ */
    color: #707071;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
}

.autocomple-section input:-ms-input-placeholder {
    /* IE 10+ */
    color: #707071;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
}

.autocomple-section input:-moz-placeholder {
    color: #707071;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
}

.autocomple-section input {
    border: 0px;
    padding: 0px 45px 0 0;
    font-size: 16px;
    color:#050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    background: url(../images/arrow-down.png) no-repeat 94% 3px;
    background-size: 12px;
}

.autocomple-section input:focus {
    border-radius: 0px;
    box-shadow: none;
    outline: 0px;
    border-color: transparent;
    background: url(../images/arrow-down.png) no-repeat 94% 3px;
    background-size: 12px;
}

.autocomplet-box {
    width: 100%;
    height: 310px;
    overflow-y: scroll;
    background: #fff;
    padding: 0px 9px 0 0px;
}

.autocomplet-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #DDEDFB;
    margin-right: 15px;
    padding-right: 15px;
}

.autocomplet-box::-webkit-scrollbar {
    width: 5px;
    margin-right: 15px;
    padding: 15px;
    position: relative;
    right: 20px;
}

.autocomplet-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-blue1);
    padding-right: 15px;
}

.autocomplet-box .autocomplet-list {
    width: 100%;
    display: flex;
    border-bottom: solid #828282 1px;
    align-items:center;
    padding: 14px 0 14px 15px;
    margin-bottom: 0;
}

.autocomplet-box .autocomplet-list .place-icon {
    display: flex;
    flex-direction: column;
    margin: 0 3px 0 0;
    width: 35px;
}

.autocomplet-box .autocomplet-list .place-icon span {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 20px;
    position: relative;
    
}

.autocomplet-box .autocomplet-list .place-icon label {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    margin: 0px;
    padding-top: 7px;
}

.autocomplet-box .city-name-ui {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    width: calc(100% - 35px);
}

.autocomplet-box .city-name-ui label {
    padding: 0px;
    margin: 0px 0 2px 0;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';    
    font-weight: 500;
}

.autocomplet-box .city-name-ui p {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: 'Gotham Pro';
    line-height: normal;
}

.autocomple-section .dropdown-menu.show {
    padding: 15px 5px 15px 0px;
    right: 0px !important;
    width: 434px;
    inset: inherit !important;
    transform: translate(3px, 10px) !important;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    border: 0;
}

/*-------Dove vuoi andare?---*/

/*--------camerea-----*/
.opti-camera {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000059;
    border-radius: 20px;
    padding: 13px 0 10px 23px;
    position: relative;
}

.place-icon.icon-bed-front {
    font-size: 18px;
    top:5px;
    position: relative;
}

.opti-camera .optisction {
    border-right: solid 1px var(--color-blue1);
    width: 58%;
}

.opti-camera .optisction .place-icon i {
    font-size: 20px;
    color:#0C8AE4;
    top: 3px;
    position: relative;
}


.optisction .place-Ospiti {
    padding: 0 0px 0 13px;
    position: relative;
    margin: 0px;
}

.optisction .place-Ospiti label {
    padding: 0px;
    margin: 0px 0 0px 0;
    font-size: 12px;
    color: #098AE4;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.optisction .place-Ospiti input {border: 0px; box-shadow: none; padding: 0px; font-family: 'Gotham Pro';
font-weight:500; font-size:16px;  color: #050505;  border-radius: 0px; height: 30px;}
.optisction .place-Ospiti input::-webkit-input-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.optisction .place-Ospiti input::-moz-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.optisction .place-Ospiti input:-ms-input-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.optisction .place-Ospiti input:-moz-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.addguestt-scroll {
    overflow-y: auto;
    min-height: 100px;
    max-height: 300px;
    overflow-x: hidden;
    padding: 0 4px 0 0;
}
    .addguestt-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .addguestt-scroll::-webkit-scrollbar {
        width:6px;
        background-color: #F5F5F5;
    }

    .addguestt-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }




.cameresction .place-Camere {
    width: auto;
    padding: 0 0 0 0px;
}

.cameresction .place-Camere label {
    padding: 0px;
    margin: 0px 0 10px 0;
    font-size: 16px;
    color: #098AE4;
    font-family: 'Gotham Pro';
}

.cameresction .place-Camere input {
    border: 0px;
    box-shadow: none;
    padding: 0px;
    font-family: 'Gotham Pro';
    font-weight: 500;
    font-size:14px;
    color: #050505;
    border-radius: 0px;
    height: 20px;
    width: 24px;
    background: #fff;
    text-align: center;
}

.cameresction .place-Camere input:focus-visible {
    outline: none;
}

.cameresction{position: relative;  top: 4px;}


.cameresction .place-Camere .btn-secondary {
    border: 0px;
    font-size: 14px;
    color: #707071;
    font-family: 'Gotham Pro';
    font-weight:500;
    background: #fff url(../images/arrow-down.png) no-repeat 90% 3px;
    padding: 0 30px 0 5px;
    outline: none;
    background-size: 12px;
}

.qty-container .qty-btn-minus {
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 25px;
    height: 30px;
    border-radius: 0px;
    background: #fff;
}

.qty-container .qty-btn-plus {
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 30px;
    height: 30px;
    border-radius: 0px;
    background: #fff;
}


.cameresction .place-Camere .btn-secondary:focus-visible {
    outline: none;
}

.cameresction .place-Camere .dropdown-toggle::after {
    display: none;
}

.cameresction .place-Camere .btn-secondary .fa-angle-down::before {
    color: #000;
}

.cameresction .place-Camere .btn-secondary i {
    margin-left: 20px;
}

.cameresction .place-Camere input::-webkit-input-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.cameresction .place-Camere input::-moz-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.cameresction .place-Camere input:-ms-input-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.cameresction .place-Camere input:-moz-placeholder {
    color: #050505;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.usernumbera {
    font-size: 20px;
    color: var(--color-blue1);
    padding: 0 0 0 20px;
}

.cam-bhsgf {
    position: absolute;
    left: inherit !important;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    padding:26px 10px 0 16px;
    width: 290px;
    right:-20px !important;
}

.cam-bhsgf a.mdl-ujh {
    position: absolute;
    right: 10px;
    top: 8px;
}

.cam-bhsgf .travler-desc {
    padding: 0;
    margin:20px 0 0 0;
    background: #fff;
    right: 0px;
    position: relative;
    z-index: 9;
    border: 0px;
    border-radius: 0;
    width: 100%;
    overflow: inherit;
}



.bambino-title .dropdown-menu.show {
    margin: 12px 0 0 0 !important;
    right: inherit !important;
    transform: translate(-18px, 10px) !important;
    width: 110px;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    border: 0px;
    overflow: inherit;
    padding: 0px;
    --bs-dropdown-min-width: auto;
}

.bambino-title .dropdown-menu.show .travler-desc {
    width: 100%;
    padding: 33px 20px 0 20px;
}

.bambino-title .dropdown-menu.show .travler-desc {
    width: 100%;
    padding: 33px 20px 0 20px;
}

.bambino-title ul.nanniadd {
    width: 94%;
    height: 150px;
    overflow-y: scroll;
    background: #fff;
    padding: 0px 0 0 0 !important;
    margin: 15px 0px 15px 0 !important;
    border-bottom: 0px !important;
}

.bambino-title ul.nanniadd li a {
    font-size: 12px !important;
    color: #050505 !important;
    font-weight: 500 !important;
    font-family: 'gothammedium' !important;
}

.bambino-title ul.nanniadd::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #DDEDFB;
    margin-right: 15px;
    padding-right: 15px;
}

.bambino-title ul.nanniadd::-webkit-scrollbar {
    width: 5px;
    margin-right: 15px;
    padding: 15px;
    position: relative;
    right: 20px;
}

.bambino-title ul.nanniadd::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-blue1);
    padding-right: 15px;
}

.travler-desc .cameran1-ui {
    opacity: 1;
    background: #fff;
    padding: 0px;
    margin: 0px;
}

.travler-desc .cameran1-ui ul {
    border-bottom: 1px solid #84c4f1;
    align-items: center;
    padding: 0 0 3px 0;
    margin: 0px 0 5px 0;
}

.travler-desc .cameran1-ui ul li {
    list-style: none;
    font-size: 14px;
    color: #0C8AE4;
    font-family: 'Gotham Pro';
    font-weight:500;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.travler-desc .cameran1-ui ul li a i {
    margin-right: 5px;
}

.travler-desc .cameran1-ui ul li a {
    font-size: 12px;
    color: #F46D00;
    font-family: 'Gotham Pro';
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.travler-desc .uitk-grid-gcw-step-gcw-component-initialized {
    background: #fff;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    line-height: 33px;
    margin: 0 0 0px 0;
}

.all-col-shrink .step-input-outside input.qtyminus {
    border-radius: 0;
    width: 18px;
    height: 13px;
    font-size: 0px;
    background: url(../images/minus-green-icon.png) no-repeat center 0px;
    border-radius: 0px;
    border: 0px;
}

.all-col-shrink .step-input-outside input.quantity:focus-visible {
    outline: none;
}

.all-col-shrink .step-input-outside input.quantity {
    font-size: 14px;
    color: #050505;
    width: 24px;
    position: relative;
    top: -4px;
    border: 0;
    height: 18px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight: 600;

}

.room-selection {
    padding: 0 10px 0 10px;
}

.all-col-shrink .step-input-outside input.qtyplus {
    border-radius: 0px;
    width: 14px;
    height: 16px;
    font-size: 0px;
    background: url(../images/plus-green-icon.png) no-repeat center 1px;
    border-radius: 2px;
    border: 0px;
}

.travler-desc .room-selection label {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight: 500;
}

.bambino-title span {
    font-family: 'Gotham Pro';
    font-weight:500;
    display: block;
    font-size: 12px;
    color: #050505;
    
}

.add-mbino select {
    padding: 0px 0px 0 15px;
    border: 0px;
    border-radius: 0px;
    font-weight:500;
    font-family: 'Gotham Pro';
    font-size: 12px;
    width: 105px;
}

.add-mbino .form-select:focus {
    box-shadow: none;
    outline: none;
    border: 0px;
}

.bambino-title span i {
    color: var(--color-blue1);
    font-size: 15px;
    margin-right: 5px;
}

.bambino-title .dropdown .btn-secondary {
    border: 0px;
    font-size: 13px !important;
    color: #050505;
    background: #fff url(../images/arrow-down.png) no-repeat 90% 4px;
    padding: 0 18px 0 0;
    outline: none;
    font-family: 'Gotham Pro';
    font-weight:500;
    background-size: 12px;
    width: 75px;
    text-align: left;
}

.bambino-title {
    margin-bottom: 10px;
}

.bambino-title .dropdown {
    margin-left: 20px;
}

.cameran2-ui {
    margin: 12px 0 0 0 !important;
    padding: 0px;
}

.gicamera {
    margin-top: 8px;
    border-top: solid 1px var(--color-blue1);
    padding: 15px 0 20px 0;
}

.gicamera a {
    font-family: 'Gotham Pro';
    font-size: 14px; font-weight: 400;
    padding: 0px;
    color: #098AE4;
    display: flex;
    max-width: 125px;
    text-align: left;
    align-items: center;
}

.gicamera a i {
    margin-right: 10px;
    font-weight: bold;
    font-size: 15px;
}

.salva-btn {
    background: #F46D00;
    border-radius: 50px;
    width: 120px;
    height: 42px;
    font-size: 16px;
    color: #fff;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: 38px;
    text-transform: uppercase;
}

.cmr-close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.cmr-close i {
    font-size: 30px;
    color: #000000;
}

.hotel-deta-list {
    width: 723px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    padding: 22px 0 18px 0px;
    position: absolute;
    left: 0px;
    margin: 0px 0 0 0;
}

.struttura-chck {
    padding: 0px;
    margin: 0px;
    background: #FFFFFF;

}

.struttura-chck label {
    padding: 0px 0 0px 0;
    margin: 0px;
    font-size: 16px;
    color: #098AE4;
    line-height: normal;
    font-weight: 500;
}

/* .struttura-chck ul {
    padding: 0px;
    margin: 20px 0 0 0;
    width:100%; background: red;
} */

    .struttura-chck .hotel-uia ul {
        padding: 0px;
        margin: 12px 0 0 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    
    }

/* .struttura-chck ul:last-child {
    width: 35%;
} */

.struttura-chck ul li {
    padding: 0px;
    margin: 0px 0 0px 0;
    list-style: none;
    width:50%;
    height: 25px;
    
}

ul.suggerimenti-ui li {
    padding: 0px;
    margin: 0px 0 0px 0;
    list-style: none;
    width: 100%;
    height:25px;
    
}


.suggerimenti-ui .eccellenteui ul li {
    padding: 0px 5px 0 0;
    margin: 0px 0 0px 0!important;
    list-style: none;
    width: auto;
    
}




.struttura-chck ul .form-check {
    display: block;
    min-height:inherit;
    padding-left: 1.5em;
    margin-bottom:0;
}


.struttura-chck ul li label {
    padding: 0px;
    margin: 0px 0 0 3px;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:normal;
    top: 2px;
    position: relative;
    ;
}

.struttura-chck ul li input.form-check-input {
    border: 1px solid #d5d9dc;
    width: 15px;
    height: 15px;
    border-radius: 0px;
    position: relative;
    top: 0px;
}

.recensioni-nhd input.form-check-input {
    top: -3px !important;
}

.recensioni-nhd .eccellenteui ul {margin:0px 0 0 0!important;}


.struttura-bgs {
    width: 360px;
    padding-left: 29px;
}

.recensioni-nhd {
    width: 168px;
    border-left: solid var(--color-blue1) 1px;
    padding: 0 0 0 21px;
}

.recensioni-nhd ul {
    width: 100% !important;
    margin: 12px 0 0 0;
    
}

.recensioni-nhd ul .form-check {
    min-height: inherit; padding-left: 1.5em; margin-bottom:0px;}

.trattamento-bgs {
    width: 195px;
    border-left: solid var(--color-blue1) 1px;
    padding: 0 0 0 21px;
}

.trattamento-bgs ul {
    width: 100% !important;
    margin: 12px 0 0 0;
}
.trattamento-bgs ul li {
    width: 100% !important;
    
}



.trattamento-bgs ul .form-check {
    min-height: inherit; padding-left: 1.5em; margin-bottom:0px;}

.struttura-chck ul li input.form-check-input:focus {
    border-color: #F46D00;
    outline: 0;
    box-shadow: none;
}

.hotel-deta-list .salva-btn {
    background: #F46D00;
    border-radius: 50px;
    width: 190px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: 38px;
    text-transform: uppercase;
    margin-top: 20px;

}

.struttura-chck ul li .form-check-input:checked {
    background-color: #F46D00;
    border-color: #F46D00;
}

.tratt .w-65 {
    width: 56%;
}

.tratt ul {
    width: 100% !important;
}

.tratt .w-35 {
    width: 40%;
}

.rating {
    margin: 2px 0 0 0 !important;
    padding: 0px !important;
}

.rating li.green {
    width: 13px !important;
    height: 13px;
    background: #07AF7B;
    border-radius: 50%;
    margin: 0px 2px 0 0 !important;
    border: solid 1px #07AF7B;
}

.rating li.white-bdr {
    width: 13px !important;
    height: 13px;
    background: #fff;
    border-radius: 50%;
    margin: 0px 2px 0 0 !important;
    border: solid 1px #07AF7B;
}

.btn-selva {
    background: #F46D00;
    font-size: 20px;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #fff;
    width: 129px;
    height: 47px;
}

.hotel-deta-list .accordion-body {
    padding: 0px;
}

.hotel-deta-list .accordion-item {
    border: 0px;
}

.hotel-deta-list .accordion-button::after {
    display: none;
}

.hotel-deta-list .accordion-button i {
    color: #008aeb;
    transform: inherit;
    left: 10px;
    position: relative;
    top: 3px;
}

.hotel-deta-list .accordion-button {
    font-family: 'Gotham Pro';
    font-weight:500;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    padding: 0;
    margin: 0 0 12px 0;
    font-size: 20px;
    color: #0C8AE4;
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;

}

.hotel-deta-list .accordion-button:focus {
    box-shadow: none;
}

.hotel-deta-list .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}


/*-------------------camerea-----------*/
/*-------------------calender css-----------*/
.calender-uis {
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 20px;
    border-radius: 20px;
    padding: 13px 0 10px 22px;
    position: relative;
    background: #fff;
}

.calender-uis .optisction .place-Ospiti {
    width: 100%;
    padding: 0 0px 0 3px;
    position: relative;
    margin: 0px;
}

.calender-uis .optisction {
    width: 50%;
}

.calender-uis .optisction .place-icon {
    width: auto;
    margin-right: 14px;
}

.calender-uis .optisction .place-icon i {
    font-size:20px;
    color: #0C8AE4;
}

.calender-uis .optisction:last-child .place-Ospiti::before {
    display: none;
}

.calender-uis .place-Ospiti input {
    border: 0px;
    box-shadow: none;
    padding: 0px;
    font-family: 'Gotham Pro';
    font-size: 15px;
    color:#707071;
    border-radius: 0px;
    height: 30px;
    width: 95%;
}

.calender-uis .place-Ospiti input::-webkit-input-placeholder {
    color: #707071;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.calender-uis .place-Ospiti input::-moz-placeholder {
    color: #707071;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.calender-uis .place-Ospiti input:-ms-input-placeholder {
    color: #707071;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.calender-uis .place-Ospiti input:-moz-placeholder {
    color: #707071;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.calender-uis .place-Ospiti::before {
    width: 1px;
    height: 50px;
    position: absolute;
    right: 8px;
    content: '';
    top: -3px;
    background: #098AE4;
}

.checkout-a {
    margin-left: 15px !important;
}

.checkout-a .place-Ospiti::before {
    display: none;
}


/*-------------------calender css-----------*/







/*----------autocompleter----------*/

/* hotel box banner up */

.middle-section-inhme {
    padding-top: 0px;
    background: #fff;
}

.middle-section-inhme .wrapper {
    margin-bottom: 22px;
    border-radius: 10px;
    opacity: 1;
}

.middle-section-inhme .wrapper span {
    text-align: center;
    padding: 73px 0 0px 0;
    margin: 0px 0 20px 0;
    font-size: var(--font-30rem);
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #0C8AE4;
    line-height: normal;
    display: block;
}

.middle-section-inhme .wrapper img {
    border-radius: 15px;
}

.container {
    max-width: 1246px;
}

footer {
    background: #0C8AE4;
    margin-top: 0px;
    position: relative;
    padding-bottom: 25px;
}

.commnet-icon {
    position: absolute;
    right: 15px;
    top: -44px;
}

.commnet-icon a i {
    font-size: 50px;
    color: #F46D00;
}

footer .propriet {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

footer .propriet a {
    padding: 0px;
    margin: 35px 0 0 0;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}


footer .propriet p {
    font-size: var(--font-14rem);
    color: #fff;
    font-family: 'Gotham Pro';
    line-height: 22px;
    font-weight:normal;
    padding: 0px 0 3px 0;
    margin: 0px;
}

footer .propriet p:first-child {
    margin: 30px 0 0 0;
}


footer .f-toor-link {
    border-left: solid 2px white;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    padding-left: 11px;
}

footer .f-toor-link ul {
    padding: 0px;
    margin: -2px 0 0 0;
}

footer .f-toor-link ul li {
    padding: 0px;
    margin: 0px 0 14px 0;
    list-style: none;
}

footer .f-toor-link ul li:last-child {
    margin: 0px 0 0px 0;
}

footer .f-toor-link ul li a {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #fff;
    font-weight:normal;
    font-family: 'Gotham Pro';
}

footer .f-toor-link ul li a:hover {
    color: #000000;
    text-decoration: none;
}


/*------------language css--------------*/

/* listine page css */


.shadow-ui {
    box-shadow:0px 0px 12px #000000BF;
    border-radius: 30px;
}



.filter-find {
    padding: 10px 0px 10px 10px;
}

.modi-ricear-mdx {
    width: 17%;
}

.modi-ricear-mdx .cerca-btn {
    width: 100%;
    height: 44px;
    background: #F46D00;
    border: 0px;
    border-radius: 50px;
    font-size: 17px;
    color: #fff;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: 44px; text-align: center;
}
    .modi-ricear-mdx .cerca-btn i {margin-right:5px;
    }


    .modi-ricear-mdx .cerca-btn:hover {
        background:#0C8AE4;
    }

.map-view {
    border-radius: 30px;
    overflow: hidden;
    height: 200px;
    position: relative;
    box-shadow: 0px 3px 6px #000000BF;
    width: 300px;
    position: relative;
    bottom: -27px;
}

.mapviewbtn {
    background: #0C8AE4;
    border-radius: 50px;
    width:145px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0px auto;
    border: 0px;
    color: #fff;
    font-family: 'Gotham Pro';
    font-weight:500;
    height: 44px;
    font-size: 12px;
    z-index: 99;
    
}

.mapviewbtn:focus-visible {
    outline: none;
    border: 0px;
}

.mapviewbtn:hover {
    background: #F46D00;
}

.map-view iframe {
    height: 100%;
}

.resarch-ui-rxse {
    width: 892px;
    padding: 27px 0 0 0;
    margin: 0px;
}

.resarch-ui-rxse h2 {
    font-size: 38px;
    color: var(--color-blue1);
}

    .resarch-ui-rxse a.Ordina-uibbsdg {
        font-size:14px;
        color: #000;
        padding: 0px;
        margin: 40px 0 0 0;
        font-family: 'Gotham Pro';
        font-weight: 500;
    }

.resarch-ui-rxse a.Ordina-uibbsdg i {
    font-size: 20px;
    color: #008aeb;
    position: relative;
    top: 3px;
    margin-right:4px;
}

.popolarit-uixs ul {
    padding: 0px 0 8px 0;
    margin: 20px 0 0 0;
    border-bottom: solid #c3e2f8 6px;
}

.popolarit-uixs ul li {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 0 22px 0 0;
}

.popolarit-uixs ul li:last-child {
    margin: 0px;
}

.popolarit-uixs ul li a {
    padding: 0px;
    font-size: 14px;
    color: #000000;
    font-family: 'Gotham Pro';
    font-weight:500;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.shadow1 {box-shadow: 0px 3px 8px #000000BF; position: relative;}
/* listine page css */
.dropdown-langu {display: flex; margin:0px 3px 0px 25px; position: relative;  background-size: 9px; padding: 0 0px 0 0px;  z-index: 3;}

/* .dropdown-langu .flagimg{position: relative; top:-11px;} */
.dropdown-langu .flagimg {position: relative; top: -5px; border-radius: 50px; height:21px; width:21px;}
.dropdown-langu .dropdown-menu.show { transform: translate(-100px, 31px)!important; border: 0px; box-shadow: 0px 3px 6px #00000080;border-radius: 10px;}
.dropdown-langu .travler-desc {padding:10px 0px 5px 15px; width: auto;}
.dropdown-langu .travler-desc ul {padding: 0px; margin: 8px 0 0 0; display: flex; gap: 10px; flex-direction: column;}
.dropdown-langu .travler-desc ul li{padding: 0px; margin: 0px; list-style: none;}
.dropdown-langu .travler-desc ul li a{padding: 0px; margin: 0px; list-style: none; display: flex; gap: 10px; font-family: 'Gotham Pro'; 
font-weight: normal; font-size: 12px; color: #050505;}





/* .dropdown-langu::before {
    position: absolute;
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-size: 12px;
    font-weight: bold;
    right: -3px;
    bottom:0;
} */

.dropdown-langu .dropdown-toggle::after{display: none;}

.dropdown-langu .dropdown-toggle {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    background: transparent;
    border: 0px;
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
}










/* listine page css */
dl.dropdown-langu {
    display: flex;
    margin: 0px 0 0px 28px;
    position: relative;
    background-size: 9px;
    padding: 0 0px 0 0px;
    z-index: 3;
}
dl.dropdown-langu::before {
    position: absolute;
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-size: 12px;
    font-weight: bold;
    right: -3px;
    bottom:0;
}


.dropdown-langu dd,
.dropdown-langu dt,
.dropdown-langu ul {
    margin: 0px;
    padding: 0px;
}

.dropdown-langu dt a {
    position: relative;
    display: block;
    overflow: hidden;
    border:0;
    width: auto;
    padding: 0 8px 0 0;
}

.dropdown-langu a,
.dropdown-langu a:visited {
    color: #4a535f;
    text-decoration: none;
    outline: none;
}

.dropdown-langu dt a span {
    cursor: pointer;
    display: flex;
    /* padding: 0px 16px 0 0; */
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
    font-weight:400;
    font-family: 'Gotham Pro';
    color:#050505;
    flex-direction: column;
    position: relative;
    width:50px;

}

.dropdown-langu dt a span i {
    position: absolute;
    right:-8px;
    top: 29px;
}

.dropdown-langu dt a span strong {
    font-weight:400;
}

.dropdown-langu dt a span span:first-child {
    margin: 0 0 13px 0 !important;
}

.dropdown-langu dd ul li a span:first-child{width:28px!important;}


.dropdown-langu dd ul li a span:first-child,
.dropdown-langu dt a span span:first-child {
    background-image: url('../images/flage.png');
    background-repeat: no-repeat;
    width:33px;
    height:20px;
    display: inline-block;
    margin: 0px 10px 0 0;
    vertical-align: top;
}

.dropdown-langu dd {
    position: absolute;
    left: 0;
    display: flex;
    width: 100%;
    top: 22px;
}

.dropdown-langu dd ul {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px #000000BF;
    display: none;
    left: -58px;
    padding: 27px 0 14px 15px;
    position: absolute;
    width: 127px;
    list-style: none;
    top: 21px;
    z-index: 2;
    border-radius: 5px;
}


.dropdown-langu dd ul li {
    margin-bottom: 15px;
}

.dropdown-langu dd ul li:last-child {
    margin-bottom: 0px;
}


.dropdown-langu dd ul li a {
    padding: 0px;
    display: flex;
    font-size: 20px !important;
    align-items: center;
    margin-bottom: 2px;
    font-family: 'Gotham Pro';
    font-weight: 400;
}

.dropdown-langu a,
.dropdown-langu a:visited {
    color: #4a535f;
    text-decoration: none;
    outline: none;
}


.dropdown-langu dd ul li a span:first-child,
.dropdown-langu dt a span span:first-child {
    background-image: url('../images/eglish-flag.jpg');
    background-repeat: no-repeat;
    width: 22px;
    height: 14px;
    display: inline-block;
    margin: 0px 0px 10px 0;
    vertical-align: top;
}

.lang-font {
    font-size: 12px !important;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #050505;
    /* padding: 0 0 0 12px; */
}


.middilegradien {
    background: transparent linear-gradient(180deg, #a7d3f3 0%, #E8F4FD 100%) 0% 0% no-repeat padding-box;
    padding-top: 40px;
    padding-bottom: 100px;
/*    box-shadow: 5px 5px 6px #000000BF;*/
}


.middle-left-part-ui {
    padding: 28px 24px 20px 24px;
    background: #fff;
    box-shadow: 0px 0px 15px #00000080;
    border-radius: 30px;
    position: relative;
    visibility: visible;
    transform: translateX(0%) !important;
    width: 300px !important;
    height: 100%;
    z-index: 2;
}

.your-document{ width: 100%; padding:16px 15px 16px 22px; margin:0px 0 13px 0; box-shadow: 0px 0px 15px #00000080; 
border: 1px solid #F46D00; border-radius: 20px; background: #F5DAC4;}
.your-document p{font-size: 12px; line-height: normal; padding: 0px; margin: 0px; font-weight: 500;}

.middle-right-part-ui {width: 893px;}
.left-fedlet-accordian .struttura-bgs {
    width: 100%;
    padding-left: 0px;
}

/* .left-fedlet-accordian .struttura-chck ul {
    width: 100%;
    margin: 13px 0 0 0;
} */

.left-fedlet-accordian .struttura-chck ul label {
    top: 2px;
    position: relative;
}

.left-fedlet-accordian .accordion-button {
    padding: 0px;
    font-size: 14px;
    color: var(--color-blue1);
    text-align: left;
    background-color: transparent;
    font-family: 'Gotham Pro';
    font-weight:500;
    box-shadow: none;
}

.left-fedlet-accordian .accordion-header {
    margin-bottom: 0;
    padding: 0px;
    line-height: normal;
}

.left-fedlet-accordian .struttura-chck ul li {margin:0px 0 5px 0;}
.recensioni-nhd ul li {margin: 0 2px 0px 0!important; width: auto; height:28px;}
.left-fedlet-accordian .accordion-body { padding: 0px;}
.left-fedlet-accordian .accordion-item:first-of-type { border-top-left-radius: 0px;  border-top-right-radius: 0px;}
.left-fedlet-accordian .accordion-item { color: transparent; background-color: transparent; border: 0px;  padding: 5px 0 5px 0;}
.left-fedlet-accordian .accordion-button:not(.collapsed)::after { position: relative; left:6px !important;}
.filderdiv { display: flex; flex-direction: column;    border-bottom: solid var(--color-blue1) 1px;
    padding-bottom: 12px;
    margin-top:10px;
}

.filderdiv p {
    padding: 0px;
    font-size: 16px;
    /* font-weight: 600; */
    font-family: 'Gotham Pro';
    font-weight:500;
    color: var(--color-blue1);
    margin-bottom: 30px !important;
}

.filderdiv p i {
    padding: 0px;
    font-size:24px;
    margin-right:8px;
}

.filderdiv p.title {
    padding: 0px;
    font-size: 14px;
    /* font-weight: 600; */
    color: var(--color-blue1);
    font-family: 'Gotham Pro';
    font-weight:500;
    margin: 0 !important;
    
}

.slider-rangeupto{
    font-family: 'Gotham Pro'!important;
    font-weight:500!important;

}

.slider-rangeupto span {
    word-break: break-all;
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.left-fedlet-accordian .slider-rangeupto{padding-bottom:5px;}


.filderdiv p.title i {
    padding: 0px;
    font-size: 20px;
    margin-right: 8px;
}

.filderdiv .struttura-bgs {
    width: 100%;
    padding-left: 0px;
}

.filderdiv ul {
    width: 100% !important;
    margin: 8px 0 0 0;
}

.filderdiv .form-check {
    min-height: 1.2rem;
    padding-left: 1.5em;
    margin-bottom: 0px;
    position: relative;
}

.filderdiv .form-check span {
    position: absolute;
    right: 0px;
    padding: 0px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #707071;
    font-size: 13px;
}

.left-fedlet-accordian .accordion-button::after {
    background-size: 14px !important;
    font-weight: 600;
    background-position: right;
}

.left-fedlet-accordian {
    padding-top: 15px;
}
.left-fedlet-accordian .eccellenteui ul {
    padding: 0px; margin: 0px 0 0 0!important;}

.prezzo-section {width: 100%;}
.prezzo-section label {padding: 8px 0 15px 0; margin: 0px; line-height: normal; color: #050505;
font-size: 12px;  font-weight:500; font-family: 'Gotham Pro';}

.distanza-da {width: 100%; padding: 0px; margin: 0px;}
.distanza-da span {
    padding: 0px;
    margin:10px 0 5px 0;
    line-height: normal;
    color: #050505;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    display: block;
}

.distanza-da select {
    box-shadow: 0px 3px 6px #00000059;
    border-radius: 10px;
    padding: 0 0 0 12px;
    height: 30px;
    border: 0px;
    font-size: 12px;
    color:#707070;
    font-weight:normal;
    font-family: 'Gotham Pro';
}

.distanza-da select:focus {
    box-shadow: 0px 3px 6px #00000059;
    border: 0px;
    outline: none;
}

.distanza-da a {
    padding: 0px;
    margin: 24px 0 0 0;
    line-height: normal;
    color: #050505;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    display: block;
}

.distanza-da a i {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: var(--color-blue1);
}

.azzera-cs {
    padding: 0px;
    margin-top:30px;
}

.btn-ui {
    padding: 0px 18px;
    margin: 0px;
    color: #fff;
    font-size: 16px;
    background: var(--color-blue1);
    border-radius: 50px;
    border: 0px;
    font-family: 'Gotham Pro';
    height: 40px;
}

.btn-blue {
    padding: 0px 18px;
    margin: 0px;
    color: #fff;
    font-size:16px;
    background: #F46D00;
    border-radius: 50px;
    border: 0px;
    font-family: 'Gotham Pro';
    line-height: 16px;
    height: 40px;
}

.vizi-title .hotel-uia {
    border-bottom: solid var(--color-blue1) 1px;
    margin-bottom:6px;
    padding: 0 0 10px 0;
}

.vizi-title .hotel-uia a {
    color: #008aeb;
    font-size: 12px;
    font-weight:500;
    font-family: 'Gotham Pro';
    margin-bottom: 15px;
    display: block;
    margin-top: 8px;
}

.range-slider {
    width: 100%;
}

.coutnvalue span {
    font-size: 14px;
    color: #050505;
    font-weight: 600;
    font-family: 'Gotham Pro';
}

.hotel-boutique {
    background: #fff;
    padding: 20px 22px 45px 22px;
    box-shadow: 0px 0px 15px #00000080;
    border-radius: 30px;
    position: relative;
    margin-bottom: 30px;
}



a.dettli-p {
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham Pro';
    font-weight:500;
    padding:7px 10px 7px 10px;
    position: absolute;
    bottom:-20px;
    right: 40px;
    text-align:center;
    max-width: 100px;
    line-height: normal;
}

a.dettli-p:hover {color: #fff;}

/*--------------*/
.water-slider .range-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.water-slider .range-slider input[type=range] {
    -webkit-appearance: none;
    /* Hides the slider so that custom slider can be made */
    width: 100%;
    /* Specific width is required for Firefox. */
    background: transparent;
    /* Otherwise white in Chrome */
}

.water-slider .range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.water-slider .range-slider input[type=range]:focus {
    outline: none;
    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.water-slider .range-slider input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.water-slider .range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    outline: none;
    padding: 0;
    margin: 10px 0px 8px 0px;
    z-index: 100;
}

.water-slider .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0C8AE4;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    border: solid 3px #fff;
    box-shadow: 2px 1px 4px #00000029;
}

.water-slider .range-slider__range::-webkit-slider-thumb:hover {
    background: #0C8AE4;
}

.water-slider .range-slider__range:active::-webkit-slider-thumb {
    background: #0C8AE4;
}

.water-slider .range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #0C8AE4;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.water-slider .range-slider__range::-moz-range-thumb:hover {
    background: #0069B2;
}

.water-slider .range-slider__range:active::-moz-range-thumb {
    background: #0069B2;
}


.water-slider .range-slider__value {
    text-align: center;
    padding: 0px;
    color: #050505;
    font-weight: 600;
    font-family: 'Gotham Pro';
    position: relative;
    padding-right: 12px;
}

.water-slider .range-slider__value::before {
    content: '€';
    font-weight: 600;
    font-family: 'Gotham Pro';
    position: absolute;
    right: 0px;
    font-size: 14px;
    color: #050505;
}


.water-slider ::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

.water-slider input::-moz-focus-inner,
.water-slider input::-moz-focus-outer {
    border: 0;
}

.water-slider .range-slider label strong {
    padding: 0px;
    margin: 0px;
    color: #000;
    font-weight: 600;
    font-family: 'Gotham Pro';
}

.water-slider .range-slider label {
    padding: 0px;
    margin: 0px;
    color: #000 !important;
    font-weight: 600;
    font-family: 'Gotham Pro';
}


.km-ui .water-slider .range-slider__value {
    text-align: center;
    color: #050505;
    font-weight:500;
    font-family: 'Gotham Pro';
    position: relative;
    padding-right:25px;
    margin: 0px;
    font-size:12px;
}

.km-ui .water-slider .range-slider__value::before {
    content: 'KM';
    font-weight:500;
    font-family: 'Gotham Pro';
    position: absolute;
    right: 0px;
    font-size:12px;
    color: #050505;
}

.water-slider .range-slider2 label strong {
    padding: 0px;
    margin: 0px;
    color: #000;
    font-weight: 500;
    font-family: 'Gotham Pro';
}

.water-slider .range-slider2 label {
    padding: 0px;
    margin: 0px;
    color: #000 !important;
    font-weight: 500;
    font-family: 'Gotham Pro';
    font-size: 12px;
}

.range-slider2 {
    padding-top:20px;
}


/*--------------*/
.hotel-boutique .thumbslider {
    width:260px;
    position: relative;

}

.hotel-detail-ui {
    padding: 0 0 0 20px;
    width: 420px;

}

    .hotel-detail-ui .hotel-titles {
        padding:0px 0 5px 0;
        margin: 0px;
        font-size: 18px;
        color: var(--color-blue1);
        font-family: 'Gotham Pro';
        font-weight:500;
    }

.barberini {
    font-family: 'Gotham Pro';
    color: #050505;
}

    .barberini p {
        position: relative;
        font-size:12px;
        padding:5px 8px 6px 0px;
        margin:0 6px 0 0;
        line-height: normal;
        font-weight: normal;

    }

.barberini p:last-child::before {
    display: none;
}

.barberini p::before {
    height: 12px;
    width: 1px;
    background: #000;
    position: absolute;
    right: 0px;
    top: 7px;
    content: '';
}

.maptlock {
    display:inline-flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.maptlock p {
    padding: 0px;
    margin: 0px 0 0 5px;
    color:#050505;
    font-size: 12px;
    font-weight:normal;
}

/* .maptlock p span {
    padding: 0px;
    margin: 0px;
    color:#050505;
    font-family: 'Gotham Pro'; 
} */

    .maptlock i {
        font-size:15px;
        margin-right:6px;
        color: #0C8AE4
    }
.rightcamerapart .eccellenteui {
    flex-direction: column;
    
}

.bookigconfrm .cehck-sign { flex-direction: column; gap: 0px;}
.bookigconfrm .cehck-sign li {font-family: 'Gotham Pro'; font-weight:500;}
.bookigconfrm .cehck-sign li i { margin:1px 8px 0 0; font-size: 14px;}


.eccellenteui {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column-reverse;
}

    .eccellenteui strong {
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        color: #050505;
        font-family: 'Gotham Pro';
    font-weight:500;
    }

        .eccellenteui strong span {
            color: #707071;
            font-family: 'Gotham Pro';
            font-weight:normal;
            margin: 0 0 0 3px;
            font-size: 12px;
        }

.eccellenteui ul {
    padding: 0px;
    margin: 5px 0 0 0;
}

/* .eccellenteui ul label li {
    padding: 0px;
    margin: 0px 2px 0 0;
    list-style: none;
} */

.eccellenteui ul label li  {
    padding: 0px;
    margin:0px!important;
    background: #07af7b;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    display: inline-block;
}

.eccellenteui ul label li.fill-gren {
    background: #07af7b;
}

.eccellenteui ul label li.fill-half {
    position: relative;
    border: solid #07af7b 1px;
    background: white;
    overflow: hidden;
}

.eccellenteui ul  label li.fill-half::before {
    width: 55%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    background: #07af7b;
    border-radius: 0px;
}

.eccellenteui ul label li.fill-empty {
    background: #fff;
    border: solid #07af7b 1px;
}

.eccellenteui ul {
    padding: 0px;
    margin: 5px 0 0 0;
}
.eccellenteui ul li  {
    padding: 0px;
    margin:0px 3px 0 0;
    background: #07af7b;
    width:12px;
    height:12px;
    border-radius: 50px;
    display: inline-block;
}

.eccellenteui ul li.fill-gren {
    background: #07af7b;
}

.eccellenteui ul li.fill-half {
    position: relative;
    border: solid #07af7b 1px;
    background: white;
    overflow: hidden;
}

.eccellenteui ul li.fill-half::before {
    width: 55%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    background: #07af7b;
    border-radius: 0px;
}

.eccellenteui ul li.fill-empty {
    background: #fff;
    border: solid #07af7b 1px;
}



.ottima-pulizia-u {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.ottima-pulizia-u ul {
    padding: 0px;
    margin: 12px 0 0 0;
}

.ottima-pulizia-u ul li {
    display: flex;
    margin-bottom: 8px;
}

.ottima-pulizia-u ul li:last-child {
    margin-top:20px;
}

.ottima-pulizia-u ul li i {
    color: var(--color-blue1);
    font-size: 15px;
}

    .ottima-pulizia-u ul li span {
        padding: 0px 0 0 11px;
        margin: 0px;
        font-size: 12px;
        font-family: 'Gotham Pro';
        font-weight:normal;
        color: #050505;
    }

.non-refund-title {
    font-size: 14px;
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #E31F1F;
    
}

.refundable-title {
    font-size: 14px;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.gltd-ui {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight: 500;
}

.ticket-price-people {
    height: 100%;
    width: 160px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    border-left: solid 1px var(--color-blue1);
    padding: 0 0 0 12px;

}

.ticket-price-people ul {
    padding: 0px;
    margin: 0px 0 15px 0;
}

.ticket-price-people ul:last-child {
    margin: 0px;
}

.ticket-price-people ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.notti {
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight: 500;
}

.price-uyi {
    padding: 0px;
    margin: 0px;
}

    .price-uyi span {
        font-size: 20px;
        font-family: 'Gotham Pro';
    font-weight:500;
        color: var(--color-blue1);
        white-space: nowrap;
    }

    .price-uyi p {
        font-size: 12px;
        color: #050505;
        font-family: 'Gotham Pro';
        font-weight: 500;
        padding: 0;
        margin: 0;
        line-height: normal;
    }

.prics-passenger {
    margin-bottom: 25px;
    width: 100%;
}

.prics-passenger:last-child {
    margin-bottom: 0px;
}

.adulti {
    font-size:0px;
    color: #5A5858;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 3px;
}

.adulti i {margin-right:0px; font-size:15px;}
.adulti span {font-size: 12px; color: #050505;  font-family: 'Gotham Pro';
    font-weight:500;}

.non-gltd-ui {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight: 600;
}

.more-detail {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 50px;
    margin: 0px auto;
    font-size: 14px;
    color: #008aeb;
    padding: 15px 30px 15px 30px;
    display: block;
    width: 280px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.more-detail:hover {
    background: #008aeb;
    color: #fff;
}


.discout {
    position: absolute;
    z-index: 1;
    background: #F5DAC4;
    border: 1px solid #F46D00;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 7px 13px 7px 40px;
    top: -13px;
    left: -13px;
    color: #F46D00;
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.discout span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F46D00;
    position: absolute;
    left: 0px;
    font-size: 18px;
    color: #fff;
}

.discout-offer {
    position: absolute;
    z-index: 1;
    background: #DCF4EC;
    border: 1px solid #03AF7B;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 7px 13px 7px 40px;
    top: -13px;
    left: -13px;
    color: #03AF7B;
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.discout-offer span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #03AF7B;
    position: absolute;
    left: 0px;
    font-size: 18px;
    color: #fff;
}

.rating-flight {
    display: flex;
    width: 100%;
}

    .rating-flight ul {
        display: flex;
        margin: -3px 0 3px 0;
    }

.rating-flight ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}


.rating-flight ul li i {
    font-size:10px; 
    color: #FFDB14;
    padding:0px;
    margin:0px;
    list-style: none;
}

.grayclr{
    color: #C4CAD0 !important;
}

.resarch-ui-rxse .fs-5 {
    padding: 0px;
    font-size: 20px;
    /* color: #008aeb; */
    line-height: normal;
    font-weight:900;
}

.resarch-ui-rxse p {
    padding: 5px 0 0 0;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:normal;
    margin: 0px;
    line-height: normal;
}

    .resarch-ui-rxse p strong {
        font-family: 'Gotham Pro';
        font-weight:normal;
    }




.bigmapview .modal-dialog {
    max-width: 905px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}

.bigmapview .modal-dialog .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 12px;
    color: #050505;
    box-shadow:none;
    outline:none;
    opacity:1;
}

.bigmapview .modal-dialog iframe {
    min-height: 703px;
    border-radius: 30px;
}

.bigmapview .modal-dialog .modal-content {
    padding: 35px;
    border-radius: 30px;
}

.smallmapview .modal-dialog {
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}

.smallmapview .modal-dialog .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #050505;
    box-shadow: none;
    outline: none;
}

.smallmapview .modal-dialog iframe {
    min-height: 350px;
    border-radius: 30px;
}

.smallmapview .modal-dialog .modal-content {
    padding: 15px;
    border-radius: 30px;
}

.popolarit-uixs .hstack i {
    font-size: 24px;
    color: var(--color-blue1);
    padding: 0px;
    margin: 0px 5px 0 0;
}
.popolarit-uixs .hstack a {
    display: flex;
    align-items: center;
}
.popolarit-uixs .hstack .p2 {
    font-size: 12px;
    color: #050505;
    padding: 0px 0 4px 0;
    margin: 0px;
    max-width: 145px;
    font-family: 'Gotham Pro';
    font-weight:500;
}



.popolarit-uixs .hstack {
    border-bottom: solid 5px #cfe8fa;
}

.popolarit-uixs .hstack .active {
    position: relative;
}

.popolarit-uixs .hstack .active:before {
    border-bottom: solid 5px #0C8AE4;
    position: absolute;
    left: 0px;
    bottom: -5px;
    content: '';
    height: 5px;
    width: 100%;
}

.popolarit-uixs {
    margin-top: 8px;
}

.wishlist {
    font-size:12px;
    color: #050505;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.wishlist i {
    color: #D95555;
    font-size: 20px;
    margin-left: 10px;
}

.filter-logo-main {
    display: none;
}
.btn-close-custom {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 16px;
    padding: 0;
    display: none;
    box-shadow: none !important;
}

ul.luxury-Hotel {
    margin: 0px;
    padding: 0px;
}

    ul.luxury-Hotel li {
        margin: 0px 25px 0 0;
        padding: 0px;
        font-size: 12px;
        list-style: none;
        font-weight: 500;
        font-family: 'Gotham Pro';
        color: #0C8AE4;
        position: relative;
        
    }

        ul.luxury-Hotel li a {
         margin: 0px;

        }

ul.luxury-Hotel li:last-child::before {
    display: none;
}

ul.luxury-Hotel li::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size: 13px;
    opacity: 1;
    color: #050505;
    font-weight: bold;
    width: 8px;
    height: 14px;
    position: absolute;
    right: -16px;
    top: 0px;
   
}

.pref {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
}

/* .pref i {
    font-size: 20px;
    color: #D95555;
    margin-left: 10px;
} */

.creadcrm {padding: 10px 0 10px 0;}

.dintorani-section {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 15px #00000059;
    padding: 19px 22px 22px 22px;
}

.dintorani-section span.torni-title {
    padding: 0px;
    margin-left: 30px;
    color: #050505;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight:500;
    display: block;
}

.dintorani-section span.storico-title {
    padding: 0px;
    margin:15px 0 10px 70px;
    color: #050505;
    font-size: 14px;
    font-family: 'Gotham Pro';
    font-weight:500;
    display: block;
}

.bdr {
    border: 1px solid #A2ABB1;
    border-radius: 20px;
}

.vederenzona {
    padding: 27px 23px 20px 23px;
}

.vederenzona span.ti-ui {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.vederenzona span.ti-ui i {
    padding: 0px;
    margin: 0px 8px 0 0;
    color: var(--color-blue1);
    font-size: 20px;
}

.vederenzona ul {
    padding: 0px;
    margin-left: 31px;
}

.vederenzona ul li {
    padding: 0px 40px 0px 0;
    margin: 0px;
    list-style: none;
    font-weight:400;
    font-family: 'Gotham Pro';
    color: #050505;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 24px;
}

.vederenzona .vedere-zona:first-child {padding-left: 0px;}
.vederenzona .vedere-zona {width: 33%;  border-right: solid #098AE4 2px; padding-left: 50px;}

.vederenzona .vedere-zona:last-child {
    border-right: solid #098AE4 0px;

}

.pl-50 {
    padding-left: 55px;
}

.cehckmanleft {
    width: 48%;
}

.cehckmanright {
    width: 48%;
}

.checkin {width: 100%; border-bottom: solid #098AE4 1px; padding-bottom:0px; gap: 8px;}
.checkout-in-out{padding: 0px; display: flex; gap: 10px;  font-size: 14px; color: #050505; align-items: center; 
    font-family: 'Gotham Pro';
    font-weight:500; } 
.checkout-in-out span{font-family: 'Gotham Pro'; font-size:12px;}



.checkin span.title {
    padding: 0;
    margin: 0px;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    width: 22px;
}

.checkin span.title i {
    padding: 0;
    margin: 0px 5px 0 0;
    font-size: 20px;
    color: var(--color-blue1);
}

.checkin span.title span {
    padding: 0px;
    margin: 0px 0 0 20px;
    font-weight:normal;
    font-family: 'Gotham Pro';
    font-size: 12px;
}

.checkin p {
    padding: 0px;
    margin:5px 0 10px 0px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    font-size: 12px;
    line-height: normal;
}


.cehckmanleft .checkin p {
    font-weight: normal;
}

.flip {
    transform: rotateY(180deg);
}

.golamenti {
    padding: 20px 22px 5px 22px;
}

.Pagamenti {
    width: 100%;
    border-bottom: solid #098AE4 1px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.Pagamenti.ambini {
    padding: 0 0 8px 0;
}

.Pagamenti.ambini span.title {
    padding: 0 0 5px 0;
    display: block;
}



.Pagamenti span.title {
    padding: 0;
    margin: 0px;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.Pagamenti span.title i {
    padding: 0;
    margin: 0px 5px 0 0;
    font-size: 20px;
    color: var(--color-blue1);
    position: relative;
    top: 3px;
}

.Pagamenti span.title span {
    padding: 0px;
    margin: 0px 0 0 20px;
    font-weight: 600;
    font-family: 'Gotham Pro';
    font-size: 12px;
}

.Pagamenti p {
    padding: 0px;
    margin:5px 0 10px 32px;
    font-weight:normal;
    font-family: 'Gotham Pro';
    font-size: 12px;
    line-height: normal;
}

.ambini p {
    padding: 0px;
    margin:0px 0 0 28px !important;
    font-weight:normal;
    font-family: 'Gotham Pro';
    font-size: 12px;
    line-height: normal;
}

.cancellazioni {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 15px;
}

.cancellazioni span.title {
    padding: 0;
    margin: 0px;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.cancellazioni span.title i {
    padding: 0;
    margin:0px 5px 0 0;
    font-size: 20px;
    color: var(--color-blue1);
    position: relative;
    top: 3px;
}

.cancellazioni span.title span {
    padding: 0px;
    margin: 0px 0 0 20px;
    font-weight: 600;
    font-family: 'Gotham Pro';
    font-size: 12px;
}

.cancellazioni p {
    padding: 0px;
    margin:5px 0 10px 32px;
    font-weight:normal;
    font-family: 'Gotham Pro';
    font-size: 12px;
    line-height: normal;
}

.hotel-list-detail {
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 0px 15px #00000059;
    padding: 10px 25px 20px 25px;
}

.btique .hotel-names {
    padding: 0;
    margin: 0px;
    font-size: 25px;
    color: #008aeb;
    font-family: 'Gotham Pro';
    font-weight:500;
    display: flex;
}

.btique .hotel-names ul {
    display: flex;
    align-items: center;
    margin: 0 0 0 6px;
}
.btique .hotel-names ul li{padding: 0px; margin: 0px; list-style: none;}
.btique .hotel-names ul li i {color:#FFDB14; font-size: 11px;}
.btique .hotel-names ul li i.gray-color {color:#C4CAD0;}



.btique ul {
    padding: 0;
    margin: 0px;
}

.btique ul li {
    padding: 0;
    margin: 0px 0 0 15px;
    list-style: none;
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.btique {
    margin-bottom: 10px;
}

.btique ul li a {
    padding: 0;
    margin: 0px;
    list-style: none;
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.btique ul li a i {padding: 0; margin: 0px 0 0 10px; list-style: none; 
font-size: 20px; color: #008aeb;}
.btique ul li a i.fa-regular {color: #D95456;}
.detail-left {max-width: 735px;}
.struttura {position: relative; }
.struttura a{ width: 0px; height: 0px; border-style: solid; border-width:15px 0 15px 30px;
    border-color: transparent transparent transparent #0C8AE4; transform: rotate(0deg); position: absolute; 
    left: 0px; top: 0px; right: 0px; bottom: 0px; margin:auto; border-radius: 4px; z-index:1;}

.detail-left-img{width: 486px; overflow: hidden; border-radius: 25px;}
.detail-right-img{width:235px;}
.detail-left-img {padding:0px!important;}
.detail-left-img img {width: 100%;  position: absolute;    top: 50%;
left: 50%;   min-height: 100%;   min-width: 100%;   transform: translate(-50%, -50%);}

.detail-right-img {padding:0px!important;}
.detail-right-img img {width: 100%;}


.struttura img{border-radius: 25px;}
.struttura span {
    font-weight: 500;
    font-family: 'Gotham Pro';
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 65px;
    height: 65px;
    background: #008aeb;
    border-radius: 100px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 1;

}

.detail-right-img .struttura:first-child {
    margin: 0 0 15px 0;
    
}

.detail-right-img .struttura{position: relative; overflow: hidden; border-radius: 25px; height: 165px; width:100%;}

.detail-right-img .struttura img{position: relative;  top: 50%;
    left: 50%;   min-height: 100%;   min-width: 100%;   transform: translate(-50%, -50%); display: block; width: 100%; }


.camerea-wsection {
    width: 100%;
    display: flex;
    background: #fff;
    border-radius: 30px;
    padding: 22px;
    flex-direction: column;
    box-shadow: 0px 0px 15px #00000059;
}

.camerea-wsection span.title {
    display: block;
    padding:10px 0 25px 30px;
    margin-left: 0px;
    color: #050505;
    text-transform: uppercase;
    font-size:20px;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: normal;

}

.panoraminc-tabsction {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-bottom: #098ae4 solid 1px;
    padding-bottom: 18px;
}

.panoraminc-tabsction .nav-tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: #098AE4 solid 1px;
    padding: 38px 0 3px 0;
}

.panoraminc-tabsction .nav-tabs .nav-link {
    border: 0px;
    padding: 0px;
    background: transparent !important;
    font-size: 12px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.panoraminc-tabsction .nav-tabs .nav-link.active {
    position: relative;
}

.panoraminc-tabsction .nav-tabs .nav-link.active::before {
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: '';
    background: #098AE4;
}

.esperienza {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 0 0 0;
}

.esperienza p {
    font-size: 14px;
    color: #050505;
    padding: 0px;
    margin: 0px 0 15px 0;
    font-weight:normal;
    font-family: 'Gotham Pro';
    line-height: 16px;
}

.esperienza p:first-child {
    color: #050505;
    font-weight:500;
}


.link-a {
    text-align: right;
    padding: 10px 20px 0 0;
}

.link-a a {
    color: #0C8AE4;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight:normal;
    position: relative;
}

.link-a a:hover {
    color: #000;
}
.link-a a:before {
    width: 10px;
    height: 12px;
    position: absolute;
    right:-12px;
    top:1px;
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size: 12px;
    opacity: 1;
    color: #050505;
    font-weight: bold;
}


.service-secionleft {
    width: 100%;
    padding: 0px;
    margin: 0px;

}

.service-secionleft span.ser {
    padding: 0px 0 0 27px;
    margin: 0px;
    color: #050505;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Gotham Pro';
    font-weight:500;
    display: block;
    line-height: 50px;
}

.service-secionleft ul {
    padding: 0px;
    margin: 0px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.service-secionleft ul li {
    padding: 7px 12px 7px 12px;
    margin: 0px 10px 15px 0;
    list-style: none;
    font-weight:normal;
    font-family: 'Gotham Pro';
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
}


.service-secionleft ul li i {
    font-size: 20px;
    color: #008aeb;
    margin-right: 5px;
}

.service-secionleft ul li .fa-solid.fa-circle {
    font-size:12px;
    color: #008aeb;
    margin-right: 5px;
}



.detail-right {
    width: 390px;
}

.rightcamerapart {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px #00000080;
    border-radius: 30px;
    opacity: 1;
    padding: 20px 24px 24px 27px;
    width: 100%;
}

.ctyiview-left span.titel {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #050505;
}

.ctyiview-left p {
    padding: 0px 0 0 15px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.ctyiviewright {
    width:37%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

}

.ctyiviewright div {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    color: #0C8AE4;
    font-family: 'Gotham Pro';
    font-weight:500;
    text-align: right;
}

.ctyiviewright span {
    padding: 0px 0 0 5px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal; 
    text-align: right;
    white-space:nowrap;
}

.greenccolor {
    color: #03AF7B;
    font-weight:500;
    font-family: 'Gotham Pro';
    font-size: 12px;
    display: block;
    text-align: right;
}

.ctyiview {
    margin-top: 17px;
    width: 100%;
}

.totale-bdr {
    background: #FFFFFF;
    border: 1px solid #098AE4;
    border-radius: 10px;
    align-items: center;
    padding:4px 20px 4px 20px;
    margin-top: 13px;
}

    .totale-bdr span {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        font-family: 'Gotham Pro';
    font-weight:500;
        color: #050505;
    }

.totale-bdr p {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.totale-bdr .pricse {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    color: #0C8AE4;
    font-family: 'Gotham Pro';
    font-weight:500;
    text-align: right;
    white-space:nowrap;
}

.luglio span {
    /* color: #03AF7B; */
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 14px;
    display: block;
    text-align: left;
}

/* .green-color{color: #03AF7B;}
.red-color{color: #f00;}
.orange-color{color: #F46D00;}
.blue-color{color:#0C8AE4;}
.denger-color{color:#D95555;}

.green-bg{background-color: #03AF7B;}
.red-bg{background-color: #f00;}
.orange-bg{background-color: #F46D00;}
.blue-bg{background-color:#0C8AE4;}
.denger-bg{background-color:#D95555;} */

.luglio p {
    padding: 0px;
    margin: 6px 0 0 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
    display: flex;
    align-items: center;
}

.guard-ui {
    align-items: center;
    margin-top: 25px;
}


.guard-ui a {
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #fff;
    line-height: 30px;
    display: inline-block;
    border-radius: 50px;
    opacity: 1;
    padding: 0 10px 0 10px;
    font-size:14px;
}

.guard-ui span {
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: normal;
    font-size: 14px;
}

/* slick slider css start */
.slick-loading .slick-list {background: none;
 
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: 0;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-slider {margin-bottom:20px;}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black
}

.carousel {
    width: 100%;
    margin: 0px auto;
}

.slick-slide {
    margin: 10px;
}

.slick-slide img {
    width: 100%;
    border: 2px solid #fff;
}

/*---------slider 01-------*/
.wrapper .slick-dots li button:before {
    font-size: 20px;
    color: white;
}

/* .middle-section-inhme .wrapper img {
    border-radius: 30px;
    box-shadow: 0px 0px 10px #000000F8;
} */

.middle-section-inhme .mete-pi-slider .slick-slide img {
    width: 100%;
    border: 0px;
    min-height: 280px;
    max-height: 280px;
    object-fit: cover;
}

.middle-section-inhme .mete-pi-slider .slick-slide {
    margin: 0px 20px 8px 20px;
    position: relative;
    padding: 0px 0 23px 0;
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 40px;
    opacity: 1;
}

.middle-section-inhme .mete-pi-slider .slick-slide label {
    position: absolute;
    left: 0;
    top: inherit;
    color: #0C8AE4;
    font-size: 20px;
    bottom: 0;
    width: 100%;
    background: #fff;
    font-family: 'Gotham Pro';
    font-weight:500;
    text-align: center;
    padding: 10px 0 10px 0;
}

.middle-section-inhme .mete-pi-slider {
    padding-bottom: 0px;
    padding-left: 28px;
    padding-right: 28px;
    max-width: 1500px;
    margin: 0px auto 0px 8px;
}

/* .middle-section-inhme .mete-pi-slider .slick-next {
    right: -11px;
    background: url(../lib/images/right-arw.svg);
    background-position: center center;
} */

/* .middle-section-inhme .mete-pi-slider .slick-next:hover {
    opacity: 0.5;
} */

/* .middle-section-inhme .mete-pi-slider .slick-prev {
    left: -11px;
    background: url(../lib/images/left-arw.svg);
    background-position: center center;
} */

/* .middle-section-inhme .mete-pi-slider .slick-prev:hover {
    opacity: 0.5;
} */

.middle-section-inhme .mete-pi-slider .slick-next::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #0C8AE4;
    font-weight: bold;
}

.middle-section-inhme .mete-pi-slider .slick-prev::before {
    content: "\f053";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #0C8AE4;
    font-weight: bold;
}














.middle-section-inhme .mete-pi-slider .slick-prev,
.middle-section-inhme .mete-pi-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 35px;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    z-index: 0;
}

/*---------slider 01-------*/


/*---------slider 02-------*/
.middle-section-inhme .resort-slider .slick-slide img {
    width: 100%;
    border: 0px;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 60px;
}

.middle-section-inhme .resort-slider .slick-slide {
    margin: 0px 10px 0 10px;
    padding: 10px 0 10px 0;
    position: relative;
}

.middle-section-inhme .resort-slider .slick-slide .hotoltitle {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 62px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight: 900;
}

.middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 48px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight: 900;
}

.middle-section-inhme .resort-slider {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    max-width: 1645px;
    margin: 0px auto;
}

/* .middle-section-inhme .resort-slider .slick-next { right: 30px; background: url(../lib/images/white-right-arw.svg); background-position: center center;}
.middle-section-inhme .resort-slider .slick-prev {left: 30px; background: url(../lib/images/white-left-arw.svg); background-position: center center; z-index: 1;} */


.middle-section-inhme .resort-slider .slick-next::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.middle-section-inhme .resort-slider .slick-prev::before {
    content: "\f053";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.middle-section-inhme .resort-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 35px;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    left: 25px;
    z-index: 1;
}


.middle-section-inhme .resort-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 35px;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    right: 25px;
    z-index: 1;
}

/*---------slider 02-------*/

/*---------slider 03-------*/
.middle-section-inhme .voli-slider .slick-slide img {
    width: 100%;
    border: 0px;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 60px;
}

.middle-section-inhme .voli-slider .slick-slide {
    margin: 0px 10px 0 10px;
    padding: 10px 0 10px 0;
    position: relative;
}

.middle-section-inhme .voli-slider .slick-slide .hotoltitle {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 31px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-family: 'Gotham Pro';
    font-weight: 900;
}

.middle-section-inhme .voli-slider .slick-slide h3.hotol-CONVENIENTE {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 38px;
    color: #fff;
    font-size: 60px;
    text-align: center;
    
}

.middle-section-inhme .voli-slider {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    max-width: 1645px;
    margin: 0px auto;
}

/* .middle-section-inhme .voli-slider .slick-next {
    right: 30px;
    background: url(../lib/images/white-right-arw.svg);
    background-position: center center;
}
.middle-section-inhme .voli-slider .slick-prev {
    left: 30px;
    background: url(../lib/images/white-left-arw.svg);
    background-position: center center;
    z-index: 1;
} */


.middle-section-inhme .voli-slider .slick-next::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.middle-section-inhme .voli-slider .slick-prev::before {
    content: "\f053";
    font-family: 'Font Awesome 6 Free';
    font-size: 38px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.middle-section-inhme .voli-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 35px;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    left: 25px;
    z-index: 1;
}



.middle-section-inhme .voli-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 35px;
    margin-top: 0px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    right: 25px;
    z-index: 1;
}

/*---------slider 03-------*/

/*---------mian slider-------*/
.bannerslider-ui {
    width: 100%;
}

.bannerslider-ui .main-slider .slick-slide img {
    width: 100%;
    border: 0px;
}

.bannerslider-ui .main-slider .slick-slide {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.bannerslider-ui .main-slider .slick-slide h3.hotoltitle {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 31px;
    color: #fff;
    font-size: 60px;
    text-align: center;
}

.bannerslider-ui .main-slider .slick-slide h3.hotol-CONVENIENTE {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 38px;
    color: #fff;
    font-size: 60px;
    text-align: center;
}

.bannerslider-ui .main-slider {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    margin: 0px auto;
}

.bannerslider-ui .main-slider .slick-next {
    right: 30px;
    background: url(../../../lib/images/left-arws.svg);
    background-position: center center;
}

/*.bannerslider-ui .main-slider .slick-next:hover {opacity: 0.5;} */
.bannerslider-ui .main-slider .slick-next::before {
    display: none;
}

.bannerslider-ui .main-slider .slick-prev {
    left: 30px;
    background: url(../../../lib/images/right-arws.svg);
    background-position: center center;
    z-index: 1;
}

/*.bannerslider-ui .main-slider .slick-prev:hover {opacity: 0.5;} */
.bannerslider-ui .main-slider .slick-prev::before {
    display: none;
}

.bannerslider-ui .main-slider .slick-prev,
.bannerslider-ui .main-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 28px;
    height: 46px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
}

.bannerslider-ui .main-slider .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.bannerslider-ui .main-slider .slick-dots li button::before {
    display: none;
}

.bannerslider-ui .main-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin:0 5px;
    padding: 0;
    cursor: pointer;
    z-index:1;
}

.bannerslider-ui .main-slider .slick-dots li.slick-active button {
    background: #F46D00;
}

.bannerslider-ui .main-slider .slick-dots li button {
    margin: 0 5px 0 5px;
}

.bannerslider-ui .main-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 14px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50px;
}

/*---------main slider-------*/
.bannerslider-ui .main-slider .slick-list {
    height: 365px;
    overflow: hidden;
}

.slick-slider { max-width: 260px;}
.thumbslider .slider-content .slick-slide{position: relative; overflow: hidden; border: 0px solid #fff;  border-radius: 24px; height: 180px; opacity:1;}
.thumbslider .slider-content .slick-slide img {
    border: 0;
    opacity: 1;
    width: 100%;
    position: relative;
    min-height: 100%;
    min-width: 100%; object-fit:cover}
.thumbslider .slider-thumb .slick-slide img {
    border: 0px solid #fff;
    border-radius: 10px;
    height: 58px;
    object-fit:cover;
}

.thumbslider .slider-thumb .slick-slide {
    padding-right: 8px;
}

.thumbslider .slider-thumb .slick-slide:last-child {
    padding-right: 0px;
}
.slider-thumb .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
}

.thumbslider .slick-slider {
    max-width: 260px;
    margin-bottom: 10px;
}

.thumbslider .slick-initialized .slick-slide {
    margin: 0px;
    position: relative;
}
.thumbslider .slick-initialized .slick-slide:last-child {margin:0px;}


/* thum slider */
@media (max-width:1685px) {}

@media (max-width:1445px) {
    .bannerslider-ui .main-slider .slick-slide {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }

    .bannerslider-ui .main-slider .slick-slide img {
        width: 100%;
        height: 335px;
        object-fit: cover;
    }

    .mete-pi-slider .slick-list {
        width: 92%;
        margin: 0px auto;
    }

    .middle-section-inhme .mete-pi-slider {
        padding-bottom: 0px;
        padding-left: -15px;
        padding-right: -15px;
        width: 88%;
        margin: 0px auto;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev {
        left: 34px;
    }

    .middle-section-inhme .mete-pi-slider .slick-next {
        right: 34px;
    }

    .middle-section-inhme .mete-pi-slider .slick-slide {
        margin: 0px 15px 8px 15px;
        padding: 0;
    }

    .middle-section-inhme .wrapper h2 {
        padding: 56px 0 0px 0;
        margin: 0px 0 12px 0;
        font-size: var(--font-28rem);
    }

    .middle-section-inhme .mete-pi-slider .slick-slide label {
        font-size: 16px;
        background: rgba(255, 255, 255, 0.9);
        padding: 8px 0 8px 0;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotoltitle {
        top: 30px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
        bottom: 28px;
    }
}

@media (max-width:1370px) {
    .middle-section-inhme .resort-slider .slick-slide {
        margin: 0px 0px 0 0px;
        overflow: hidden;
        padding: 5px;
    }

    .middle-section-inhme .resort-slider .slick-slide img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 30px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotoltitle {
        top: 25px;
        font-size: 25px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
        font-size: 25px;
        bottom: 25px;
    }



    .middle-section-inhme .voli-slider .slick-slide {
        margin: 0px;
        padding: 5px;
        position: relative;
    }

    .middle-section-inhme .voli-slider .slick-slide img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 30px;
    }

    .middle-section-inhme .voli-slider .slick-slide .hotoltitle {
        top: 25px;
        font-size: 25px;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev,
    .middle-section-inhme .mete-pi-slider .slick-next {
        background-size: 18px;
        background-repeat: no-repeat;
    }


    .middle-section-inhme .resort-slider .slick-prev,
    .middle-section-inhme .resort-slider .slick-next {
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .middle-section-inhme .voli-slider .slick-prev,
    .middle-section-inhme .voli-slider .slick-next {
        background-size: 18px;
        background-repeat: no-repeat;
    }
}


@media (max-width:1300px) {
    .middle-section-inhme .resort-slider .slick-slide .hotoltitle {
        top: 20px;
        font-size: 22px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
        font-size: 22px;
        bottom: 20px;
    }

    .middle-section-inhme .voli-slider .slick-slide .hotoltitle {
        top: 20px;
        font-size: 22px;
    }
}



@media (max-width:1200px) {
    .middle-section-inhme .mete-pi-slider {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .middle-section-inhme .mete-pi-slider .slick-slide label {
        font-size: 15px;
        padding: 7px 0 7px 0;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev,
    .middle-section-inhme .mete-pi-slider .slick-next {
        z-index: 0;
        top: 40%;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev {
        left: 0px;
    }

    .middle-section-inhme .mete-pi-slider .slick-next {
        right: 0px;
    }

    .thumbslider .slick-slider {
        max-width: 200px;
        margin-bottom: 10px;
    }
}





@media (max-width:992px) {
    .middle-section-inhme .voli-slider .slick-prev {
        left: 15px;
        background-size: 17px;
        width: 18px;
        height: 28px;
    }

    .middle-section-inhme .voli-slider .slick-next {
        right: 15px;
        background-size: 17px;
        width: 18px;
        height: 28px;
    }


    .middle-section-inhme .resort-slider .slick-prev {
        left: 15px;
        background-size: 17px;
        width: 18px;
        height: 28px;
    }

    .middle-section-inhme .resort-slider .slick-next {
        right: 15px;
        background-size: 17px;
        width: 18px;
        height: 28px;
    }


    .middle-section-inhme .resort-slider .slick-slide img {
        height: auto;
        object-fit: cover;
    }

    .middle-section-inhme .voli-slider .slick-slide img {
        height: auto;
        object-fit: cover;
    }

    .bannerslider-ui .main-slider .slick-dots {
        display: none !important;
    }

    .bannerslider-ui .main-slider .slick-list {
        height: 375px;
    }

    .bannerslider-ui .main-slider .slick-slide img {
        height: 375px;
        object-fit: cover;
    }

    .form-xcvbng {
        max-width: 1148px;
        flex-direction: column-reverse;
    }

    .hotel-booking-ui {
        max-width: 415px;
        min-width: 415px;
        margin: 0px auto;
        bottom: -90px;
    }
}


@media (max-width:767px) {
    .middle-section-inhme .mete-pi-slider .slick-slide {
        margin: 0px 10px 8px 10px;
        border-radius: 20px;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev,
    .middle-section-inhme .mete-pi-slider .slick-next {
        top: 40%;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev,
    .middle-section-inhme .mete-pi-slider .slick-next {
        background-size: 15px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotoltitle {
        top: 15px;
        font-size: 20px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
        font-size: 20px;
        bottom: 15px;
    }

    .middle-section-inhme .voli-slider .slick-slide .hotoltitle {
        top: 15px;
        font-size: 20px;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev::before {
        font-size: 20px;
    }

    .middle-section-inhme .mete-pi-slider .slick-next::before {
        font-size: 20px;
    }

    .middle-section-inhme .resort-slider .slick-prev::before {
        font-size: 20px;
    }

    .middle-section-inhme .resort-slider .slick-next::before {
        font-size: 20px;
    }

    .middle-section-inhme .voli-slider .slick-prev::before {
        font-size: 20px;
    }

    .middle-section-inhme .voli-slider .slick-next::before {
        font-size: 20px;
    }

    .middle-section-inhme .resort-slider .slick-prev {
        top: 43%;
    }

    .middle-section-inhme .resort-slider .slick-next {
        top: 43%;
    }

}


@media (max-width:580px) {
    .middle-section-inhme .resort-slider .slick-slide img {
        height: 145px;
        object-fit: cover;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotoltitle {
        top: 18px;
        font-size: 16px;
    }

    .middle-section-inhme .resort-slider .slick-slide .hotol-CONVENIENTE {
        font-size:14px;
        bottom: 15px;
    }

    .middle-section-inhme .voli-slider .slick-slide img {
        height: 145px;
        object-fit: cover;
    }

    .middle-section-inhme .voli-slider .slick-slide .hotoltitle {
        top: 15px;
        font-size: 16px;
    }

    .middle-section-inhme .mete-pi-slider .slick-prev,
    .middle-section-inhme .mete-pi-slider .slick-next {
        top: 35%;
    }

    .middle-section-inhme .mete-pi-slider .slick-slide label {
        font-size: 12px;
    }

    .hotel-boutique .thumbslider {
        max-width: 100%;
    }

    .middle-section-inhme .resort-slider .slick-prev {
        top: 40%;
    }

    .middle-section-inhme .resort-slider .slick-next {
        top: 40%;
    }

    .middle-section-inhme .voli-slider .slick-prev {
        top: 40%;
    }

    .middle-section-inhme .voli-slider .slick-next {
        top: 40%;
    }



}

/* slick slider css end */


.field-error, .field-error .highlight-field-error {
    border: 1px solid #fc9797 !important;
    background-color: #fc979745;
}

.field-error input[type='text'] {
    background: transparent;
}

.field-error [data-bs-toggle='dropdown'] {
    background-color: transparent !important;
}


.excelent-section {
    padding: 0px 0 18px 0;
    margin: 0px;
    border-bottom: solid #6ab8ee 1px;
}

.excelent-section h5 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Gotham Pro';
    color: #050505;
}

.excelent-section h5 span {
    padding: 0px;
    margin: 0px 0 0 5px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
}

.excelent-section p {
    padding: 8px 0 5px 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.excelent-section ul {
    padding: 0px;
    margin: 3px 0 0 0;
}

.excelent-section ul li {
    padding: 0px;
    margin: 0px 2px 0 0;
    list-style: none;
}

.excelent-section ul li label {
    padding: 0px;
    margin: 0px;
    background: #07af7b;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    display: inline-block;
}

.lente .ctyiview-left span.titel {
    padding: 0px;
    margin:12px 0 0px 0;
    font-size:14px;
    font-family: 'Gotham Pro';
    font-weight:500;
    color: #050505;
    display: block;
}


.lente .ctyiview-left p {
    padding: 0px 0 0 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.mapleft {
    overflow: hidden;
    position: relative;
    width: 163px;
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mapleft button {
        position: absolute;
        margin: 0px auto;
        background: #0C8AE4;
        border-radius: 50px;
        width:120px;
        margin:0px auto;
        border: 0px;
        color: #fff;
        font-family: 'Gotham Pro';
    font-weight:500;
        height: 35px;
        font-size: 12px;
        padding: 0 15px 0 15px;
        z-index: 9;
        left: 0;
        right: 0;
        top: 15px;
     
    }

button.dismissButton {
    top: 57px;
}


.mapleft button:hover {
    background: #F46D00;
}




.mapleft img {
    width: 100%;
}

.intresse {
    padding:0 0 0 8px;
}

    .intresse span {
        padding: 0px 0 7px 0px;
        margin: 0px 0 0px 0;
        font-size:12px;
        font-family: 'Gotham Pro';
    font-weight:500;
        color: #098AE4;
        opacity: 1;
        display: inline-block;
    }

.intresse ul {
    padding: 0px 0 0 0px;
    margin: 0px;
}

.intresse ul li {
    padding: 0px;
    margin: 0px 0 5px 0;
    font-size: 12px;
    font-weight:normal;
    font-family: 'Gotham Pro';
    color: #050505;
    list-style: none;
    line-height: normal;
    display: flex;
    align-items: flex-start;
}
.intresse ul li mark{background: white;}


.intresse ul li i {
    padding: 0px;
    margin: 0px 5px 0 0;
    font-size:15px;
    
}

.regist-attraverso {
    font-family: 'Gotham Pro';
    font-size: 11px;
    color: #050505;
    line-height: 13px;
    max-width: 332px;
    margin: 0px auto;
}
.regist-attraverso a{font-family: 'Gotham Pro'; font-size:12px; line-height: 13px; font-weight: 500;}
.oralink {
    font-size: 14px;
    font-weight:500;
    font-family: 'Gotham Pro';
    background: #F46D00;
    border-radius: 50px;
    opacity: 1;
    color: #fff;
    margin: 20px auto 0px auto;
    width: 217px;
    justify-content: center;
    display: flex;
    line-height: 35px;
}

.oralink:hover {
    background: #008aeb;
    color: #fff;
}
.oralink:focus-visible {
    background: #F46D00;
    color: #fff;
}


.shadow-3 {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px #00000059;
    border-radius: 30px;
}

.shadow-4 {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px #00000059;
    border-radius:20px;
}

.hotle-detail {
    border: 1px solid #A2ABB1;
    border-radius: 20px;
    width: 100%;
    padding: 11px;
}

.room-slider {
    width: 186px;
    border-radius: 20px;
}

.left-hotel-view {
    width: 80%;
    padding: 0px;
    margin: 0px;
}

.deluxe-City {
    padding: 0px 0 0 37px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    width: 65%;
}

.deluxe-City span.view-title {
    padding: 0px;
    margin: 0px 0 20px 0;
    font-size:14px;
    font-weight:500;
    color: #050505;
    font-family: 'Gotham Pro';
}

.deluxe-City ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    width: 370px;
}

    .deluxe-City ul li {
        padding: 0px;
        margin:0px 0 5px 0;
        list-style: none;
        font-weight: normal;
        font-family: 'Gotham Pro';
        color: #050505;
        width: 50%;
        line-height: 24px;
        display: flex;
        flex-direction: row;
        font-size: 12px;
    }
.deluxe-City ul li span{font-size:12px; line-height: normal; min-width: 25px;}
.deluxe-City ul li i {
    padding: 0px;
    margin: 0px;
    margin-right: 0;
    text-align: left;
    font-size: 15px;
}

.deluxe-City ul li i.fa-check {
    color: #07af7b;
    position: relative;
    top: 2px;
}



.hotl-price {
    width: 20%;
    padding: 0px 0 10px 25px;
    margin: 0px;
    border-left: solid #d0d5d8 2px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
}

.hotl-price p {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.hotl-price p span {
    display: block;
}

.hotl-price .pricse {
    font-family: 'Gotham Pro';
    color: #050505;
    font-weight: 500;
    margin: 0px;
    padding: 5px 0 0px 0;
    font-size: 20px;
    font-weight: 500;
}

.prenota-detail-main {
    margin-top: 15px;
    align-items: center;
}

.camere-scelte{font-size: 14px; font-family: 'Gotham Pro'; font-weight:900;}
.luglio {
    font-family: 'Gotham Pro';
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.detta-ui {
    border: 1px solid #098AE4;
    border-radius: 20px;
    width: 80%;
    padding: 8px 0 8px 0;
}

.detta-ui {
    text-align: center;
    align-items: center;
}

.detta-ui .link-a {
    width: 25%;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

    .detta-ui .none-ui {
        width: 40%;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #D95555;
        font-family: 'Gotham Pro';
    font-weight:500;
        padding-left: 12px;
    }

    .detta-ui .none-ui a{}


.detta-ui .none-ui span {
    color: #fff;
    font-family: 'Font Awesome 6 Free';
    width: 15px;
    height: 17px;
    border-radius: 2px;
    background: #008aeb;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    line-height: 18px;
    transform: rotate(180deg);
    margin-right: 8px;
    text-align: center;
}

.detta-ui .count-people {
    width: 24%;
    border-left: solid #d0d5d8 2px;
    text-align: left;
    line-height: normal;
    padding: 5px 0 5px 20px;
}

.detta-ui .count-people p {
    font-family: 'Gotham Pro';
    font-weight:500;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 12px;
}

.detta-ui .count-people p span {
    display: block;
    padding: 0px;
    margin: 0px;
}

.detta-ui .inclusi-view {
    width: 25%;
    text-align: left;
    padding: 0 0 0 25px;
}

.detta-ui .inclusi-view .pricse {
    padding: 0px;
    margin: 0px;
    font-size: 24px;
    font-family: 'Gotham Pro';
    font-weight:500;

}

.detta-ui .inclusi-view p {
    font-weight:400;
    font-family: 'Gotham Pro';
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 12px;
}


.modal-content .detta-ui {
    border: 1px solid #A2ABB1;
    border-radius: 20px;
    width: 100%;
    padding: 8px 0 8px 0;
    text-align:right;
    justify-content:flex-end;
    align-items:center;
}

.modal-content .detta-ui .count-people {
    width: 31%;
    border-left: solid #d0d5d8 0px;
    text-align: left;
    line-height: normal;
    padding:0px 0 5px 0px;
}


.modal-content .detta-ui .count-people p {
    font-weight:500;
    font-family: 'Gotham Pro';
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size:14px;
}

.modal-content .detta-ui .count-people p span {
    display: block;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.modal-content .detta-ui .inclusi-view {
    width: 25%;
    text-align: left;
    padding: 0 0 0 25px;
}

.modal-content .detta-ui .inclusi-view .pricse {
    padding: 0px;
    margin: 0px;
    font-size:20px;
    color: #0C8AE4;
    font-weight:600;
    font-family: 'Gotham Pro';
}

.modal-content .detta-ui .inclusi-view p {
    font-weight: 500;
    font-family: 'Gotham Pro';
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 12px;
}




.right-prenota {
    width: 20%;
    padding: 0 0 0 20px;
}

.right-prenota .oralink {
    margin: 0px auto 0px auto;
    width: 100%;
}

.color-green {
    color: #03AF7B !important;
}

.deluxe-City .link-a {
    text-align: right;
    padding: 0px 20px 0 0;
}

.oralink-big {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Gotham Pro';
    background: #F46D00;
    border-radius: 50px;
    opacity: 1;
    color: #fff;
    margin: 5px auto 0px auto;
    justify-content: center;
    display: flex;
    line-height: 40px;
    max-width: 430px;
}

.oralink-big:hover {
    background: #008aeb;
    color: #fff;
}

.camerea-wsection1 {
    width: 100%;
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 7px 20px 7px 20px;
    box-shadow: 0px 0px 15px #00000059;
    align-items: center;
    justify-content: space-between;
}

.Cambia-date {
    width: 25%;
}

.Cambia-date span.title {
    padding: 0px;
    margin: 0px 0 0px 0;
    font-size: 16px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    line-height: normal;
}


.Cambia-date p {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 12px;
    font-weight:normal;
    font-family: 'Gotham Pro';
    color: #050505;
    line-height: normal;
}

.gio-section-ui {
    border-radius: 10px;
    box-shadow: 0px 0px 15px #00000059;
    padding: 8px 15px 8px 15px;
    width:50%;
    justify-content: space-between;
}

.gio-section-ui label {
    font-size: 14px;
    padding: 5px 0;
    font-weight:500;
	font-family:'Gotham Pro';
    width: 50%;
    border-right: solid 2px #0069B2;
}

.gio-section-ui select:focus {
    outline: none;
    box-shadow: none;
}

.gio-section-ui select {
    border-radius: 0px;
    border: 0px;
    font-weight:500;
	font-family: 'Gotham Pro';
    font-size: 14px;
    width: 50%;
    padding: 0px 0 0 10px;
    background-position: right 5px;
}

.gio-section-ui select option {
    border-radius: 0px;
    border: 0px;
    font-weight:500;
	font-family: 'Gotham Pro';
    font-size: 14px;
    padding: 0px;
}

.gio-section-ui2 {
    border-radius: 10px;
    margin-left: 20px;
    box-shadow: 0px 0px 15px #00000059;
    padding: 8px 15px 8px 15px;
    width:50%;
    justify-content: space-between;
}
.passen-ui {width: 50%;}

.gio-section-ui2 label {
    font-size: 14px;
    padding: 5px 0;
    font-family: 'Gotham Pro';
    font-weight:500;
    width: 60%;
    border-right: solid 2px #0069B2;
}

.gio-section-ui2 select:focus {
    outline: none;
    box-shadow: none;
}

.gio-section-ui2 select {
    border-radius: 0px;
    border: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 14px;
    width: 86px;
    padding: 0px 0 0 10px;
    background-position: right 4px;
    
}

.gio-section-ui2 select option {
    border-radius: 0px;
    border: 0px;
    font-weight:500;
	font-family: 'Gotham Pro';
    font-size: 14px;
    padding: 0px;
}

.aggiorna-ui {
    width: 198px;
    height: 38px;
    border-radius: 50px;
    text-align: center;
}

.aggiorna-ui a {
    font-size: 14px;
    color: #fff;
    background: #008aeb;
    border-radius: 30px;
    display: inline-block;
    font-family: 'Gotham Pro';
    line-height: 16px;
    padding: 4px 0 4px 0;
    font-weight:400;
}

.room-slider .single-slider {
    background: #fff;
}
.room-slider .single-slider img{border-radius:12px;}

.room-slider .single-slider .slick-slide{overflow: hidden;  border-radius: 18px; position: relative; height:140px;}
.room-slider .single-slider .slick-slide img {
    border: 0px solid #fff;
    /* border-radius: 18px; */
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    display: block;


}

.room-slider .single-slider .slick-slide {
    margin: 0px;
}

.room-slider .single-slider .slick-prev {
    left: 6px;
    z-index: 9;
    opacity: 1;
    font-size: 0px;
    width: auto;
    height: auto;
    
}

.room-slider .single-slider .slick-prev:before {
    content: "\f053";
    font-family: 'Font Awesome 6 Free';
    font-size:14px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    opacity: 1;
    top: 3px;
}

.room-slider .single-slider .slick-next:before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
    font-size:14px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
    
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0px;
    opacity: 1;
    top: 3px;
}

.room-slider .single-slider .slick-next {
    right: 6px;
    z-index: 9;
    opacity: 1;
    font-size: 0px;
    width: auto;
    height: auto;
}

.share-ponnt {
    padding: 35px 0 11px 22px;
    margin: 0px;
    background: #fff;
    right: 0px;
    position: relative;
    z-index: 9;
    border: 0px;
    border-radius: 0;
    width: 237px;
    overflow: hidden;
    box-shadow: 0px 0px 15px #00000080;
    border-radius: 10px;
    opacity: 1;
}

.share-ponnt ul {
    padding: 0;
    margin: 0px;
}

.share-ponnt ul li {
    padding: 0px;
    margin: 0px 0 10px 0;
    list-style: none;
}

.share-ponnt ul li span {
    padding: 0;
    margin: 0px 12px 0 0;
    list-style: none;
    display: inline-block;
    width: 25px;
    text-align: center;
}

.share-ponnt ul li span i {
    padding: 0;
    margin: 0px;
    color: #0C8AE4;
    font-size: 20px;
}

.share-ponnt ul li a {
    padding: 0;
    margin: 0px;
    list-style: none;
    font-weight: 600;
    font-family: 'Gotham Pro';
    font-size: 12px;
    display: flex;
    align-items: center;
}

.shareview .dropdown-menu.show {
    display: block;
    padding: 0;
    border: 0;
    transform: translate(-141px, 26px) !important;
}

.shareview li {
    position: relative;
}

.room-slider .single-slider {
    position: relative;
}

.room-slider .single-slider .slick-counter {
    background: transparent;
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 67%;
    color: white;
    font-weight: 200;
    font-family: 'Gotham Pro';
}

/*.srvicmodal{max-width: 736px; margin:0px auto;} */
.srvicmodal .modal-dialog {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

.srvicmodal .modal-content {
    padding: 42px 94px 50px 94px;
    position: relative;
    border-radius: 30px;
    box-shadow: 0px 0px 15px #00000059;
}

.srvicmodal .modal-content .btn-close {
    position: absolute;
    right: 22px;
    top: 20px;
    opacity: 1;
    width: 10px;
    height: 10px;
    background-size: 10px;
    box-shadow: none;
    outline: none;
}

.srvicmodal .modal-content span.title {
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0 23px 0;
    font-size: 20px;
}

.srvicmodal .modal-content .richiesti {
    width: 100%;
    padding: 0px 0 9px 0;
    margin: 0px 0 20px 0;
    border-bottom: solid #0c8ae4 1px;
}

.srvicmodal .modal-content .richiesti span.title-pi {
    padding: 0px;
    margin: 0px 0 20px 0;
    font-size: 18px;
    font-weight: 500;
    color: #050505;
    font-family: 'Gotham Pro';
    display: block;
}

.srvicmodal .modal-content .richiesti ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.srvicmodal .modal-content .richiesti ul li {
    padding: 0px;
    margin: 0px 0 10px 0;
    display: flex;
    width: 50%;
    list-style: none;
}

.srvicmodal .modal-content .richiesti ul li a {
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #050505;
    display: flex;
    align-items: center;
}

.srvicmodal .modal-content .richiesti ul li a span {
    display: inline-block;
    text-align: center;
    margin-right:10px;
    margin-left:0px;
}

.srvicmodal .modal-content .richiesti ul li a span i {
    font-size:12px;
    color: #0C8AE4;
}

.food-rink-ui {
    padding: 0px;
    margin: 0px 0 15px 0;
    width: 50%;
}

.food-rink-ui span.title-serv {
    padding: 0px;
    margin: 0px 0 14px 0;
    font-size: 18px;
    font-weight: 500;
    color: #050505;
    font-family: 'Gotham Pro';
    display: block;
}

.food-rink-ui ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.food-rink-ui ul li {
    padding: 0px;
    margin: 0px 0 10px 0;
    width: 100%;
    list-style: none;
}

.food-rink-ui ul li a {
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #050505;
    display: flex;
    align-items: center;
}

.food-rink-ui ul li a span {
    display: inline-block;
    text-align: center;
    margin-right:5px;
    margin-left: 10px;
}

.food-rink-ui ul li a span i {
    font-size: 20px;
    
}


.roomview-detail {
    width: 665px;
    border-radius: 20px;
}

.roomview-detail .roomview-slider {
    max-width: 665px;
    height: 450px;
}

.roomview-detail .roomview-slider .slick-slide {
    margin: 0px;
    border-radius: 30px;
    overflow: hidden;
    height:450px;
    position: relative;

}

.roomview-detail .roomview-slider .slick-slide img {
    width: 100%;
    border: 0px solid #fff;
    border-radius: 30px;

    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);

}

.roomview-detail .roomview-slider .slick-prev {
    left: 6px;
    z-index: 9;
    opacity: 1;
    font-size: 0px;
    width: auto;
    height: auto;
}

.roomview-detail .roomview-slider .slick-prev:before {
    background: url(../images/white-left.svg) no-repeat center center;
    font-size: 0px;
    width: 20px;
    height: 30px;
    content: '';
    position: absolute;
    left: 0px;
    opacity: 1;
    top: 3px;
}

.roomview-detail .roomview-slider .slick-next:before {
    background: url(../images/white-right.svg) no-repeat center center;
    font-size: 0px;
    width: 20px;
    height: 30px;
    content: '';
    position: absolute;
    right: 0px;
    opacity: 1;
    top: 3px;
}

.roomview-detail .roomview-slider .slick-next {
    right: 6px;
    z-index: 9;
    opacity: 1;
    font-size: 0px;
    width: auto;
    height: auto;
}

.roomviewmodal .modal-dialog {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

.roomviewmodal .modal-content {
    padding: 25px 45px 40px 45px;
    position: relative;
    border-radius: 30px;
    box-shadow: 0px 0px 15px #00000059;
}

.roomviewmodal .modal-content .btn-close {
    position: absolute;
    right: 22px;
    top: 20px;
    opacity: 1;
    width: 10px;
    height: 10px;
    background-size: 10px;
    box-shadow: none;
    outline: none;
}

.roomviewmodal .modal-content span.title {
    font-size: 20px;
    color: #050505;
    font-weight: bold;
	font-family: 'Gotham Pro';
    padding-left: 28px;
    line-height: 50px;
}


.roomviewmodal .hotel-img img {
    width: 100%;
    border-radius: 30px;
}

.moniale {
    margin-top: 25px;
    padding-left:17px;
}

.moniale ul li {
    list-style: none;
}

.moniale ul li span {
    display: inline-block;
    text-align: center;
    margin-right: 10px; margin-left: 10px;
}

.moniale ul li span i {
    font-size: 20px;
    color: #0C8AE4;
}

.moniale ul li {
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #050505;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.clienti {
    margin-top: 10px;
    padding-left: 0px;
}

.clienti .dotazioni label.dot-title {
    margin: 0 0 3px 0;
    padding: 0px;
    color: #050505;
    font-weight: bold;
	font-family: 'Gotham Pro';
    font-size: 14px;
}

.clienti .dotazioni .ser-title {
    margin: 0 0 0px 0;
    padding: 0px;
    color: #050505;
    font-weight: bold;
	font-family: 'Gotham Pro';
    font-size: 20px;
    display: block;
}

.clienti .dotazioni .client-title {
    margin: 0 0 5px 0;
    padding: 0px;
    color: #050505;
    font-weight: 500;
    font-family: 'Gotham Pro';
    font-size: 14px;
    display: block;
}

.clienti .dotazioni ul li span {
    display: inline-block;
    text-align: center;
    margin-right:5px;
    margin-left:0px;
}
.clienti .dotazioni ul li span i {
    font-size: 15px;
}

.clienti .dotazioni ul li {
    padding: 0px;
    margin: 0px 0 8px 0;
    display: flex;
    align-items: center;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Gotham Pro';
    color: #050505;
}

/* .modal-content .detta-ui {border: 1px solid #A2ABB1; border-radius: 20px;  width: 100%; padding: 8px 0 8px 0; text-align: right; justify-content: flex-end;} */



/*-----wishlist---*/
.hotel-boutique .thumbslider .wish-heart {
    margin: 0px;
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
    z-index: 9;
    height: 19px;
    width: 19px;
}

.auto-complete-main {
    width: 82%;
}

.find-state-ui {width:38%;}
.find-state-ui .find-city-ui {
    width: 100%;
    padding: 0 0 0 0px;
}

.add-person-mains {
    width:62%;
}
.find-state-ui .find-city-ui span {
    font-size: 20px;
    color: var(--color-blue1);
    margin: 0 9px 0 8px!important;
}

.find-state-ui .find-city-ui .autocomple-section input {
    border: 0px;
    padding: 0px 10px 0 0;
    font-size: 16px;
    color:#050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    background: none;
    height: 40px;
    text-overflow: ellipsis;
}


.find-state-ui .find-city-ui .autocomple-section .dropdown-menu.show {
    padding: 15px;
    border-radius: 15px;
    right: -0px !important;
    width: 352px;
    inset: inherit !important;
    transform: translate(0px, 8px) !important;
    box-shadow: 0px 0px 15px #000000BF;
    border: 0;
    z-index: 9999;
}

.find-state-ui .find-city-ui .autocomple-section span {
    font-size: 22px;
    color: var(--color-blue1);
}

.find-state-ui .find-city-ui .autocomplet-box .autocomplet-list .place-icon {
    margin: 0 10px 0 0;
    width: 30px;
}

.find-state-ui .find-city-ui .autocomplet-box .city-name-ui label {
    padding: 0px;
    margin: 0px 0 0px 0;
    font-size: 14px;
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight:500;
}

.find-state-ui .find-city-ui .autocomplet-box .city-name-ui p {
    font-size: 12px;
    font-family: 'Gotham Pro';
    font-weight:normal;
}

.find-state-ui .find-city-ui .autocomplet-box {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    background: #fff;
    padding: 0px 10px 0 0px;
}


.find-state-ui .find-city-ui .autocomplet-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #DDEDFB;
    margin-right: 15px;
    padding-right: 15px;
}

.find-state-ui .find-city-ui .autocomplet-box::-webkit-scrollbar {
    width: 7px;
    margin-right: 15px;
    padding: 15px;
    position: relative;
    right: 20px;
}

.find-state-ui .find-city-ui .autocomplet-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #F46D00;
    padding-right: 15px;
}

.find-state-ui .find-city-ui .autocomplet-box .autocomplet-list {
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.find-state-ui .find-city-ui .autocomple-section input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.find-state-ui .find-city-ui .autocomple-section input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.find-state-ui .find-city-ui .autocomple-section input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.find-state-ui .find-city-ui .autocomple-section input:-moz-placeholder {
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person-mains .tour-cal-ui-xsa {
    border-left: 1px solid #0C8AE4;
    padding-left: 10px;
    width:55%;
}

.add-person-mains .tour-cal-ui-xsa i {
    font-size: 20px;
    color: var(--color-blue1);
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input {
    border: 0px;
    padding: 0px 0 0 10px;
    font-size: 16px;
    color:#050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    height: 40px;
    background:#fff;
    border-radius: 0px;
    width: 120px;
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input:focus {
    outline: none;
    box-shadow: none;
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-moz-placeholder {
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person {
    width: 62%;
}


.add-person .vist-opti-ui-sdf {
    border-left: 1px solid #0C8AE4;
    padding:0px 10px 0 10px;
    width: 50%;
}

.add-person .vist-opti-ui-sdf i {
    font-size: 20px;
    color: var(--color-blue1);
}

.add-person .vist-opti-ui-sdf .place-Ospiti input {
    border: 0px;
    padding: 0px 0 0 10px;
    font-size: 16px;
    color:#050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    background: none;
    height: 40px;
    border-radius: 0px;
    width:48px;
}

.add-person .vist-opti-ui-sdf .place-Ospiti label{color:#000; 
    font-family: 'Gotham Pro';
    font-weight:500;
    font-size: 16px; padding:0 0 0 6px; text-transform:capitalize;}
    .add-person .room-cam-ui-cax .place-Ospiti label {
        color: #000;
        font-family: 'Gotham Pro';
    font-weight:500;
        font-size: 16px;
        padding: 0 0 0 6px;
        text-transform: capitalize;
    }

.add-person .vist-opti-ui-sdf .place-Ospiti input:focus {
    outline: none;
    box-shadow: none;
}

.add-person .vist-opti-ui-sdf .place-Ospiti input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .vist-opti-ui-sdf .place-Ospiti input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .vist-opti-ui-sdf .place-Ospiti input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .vist-opti-ui-sdf .place-Ospiti input:-moz-placeholder {
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}


.add-person .room-cam-ui-cax {
    border-left: 1px solid #0C8AE4;
    padding-left: 10px;
    width:45%;
}

.add-person .room-cam-ui-cax .icon-bed-front {
    font-size: 20px;
    color: var(--color-blue1);
}

.add-person .room-cam-ui-cax .place-Ospiti input {
    border: 0px;
    padding:0px 6px 0 5px;
    font-size: 16px;
    color:#050505;
    font-family: 'Gotham Pro';
    font-weight:500;
    background: none;
    height: 40px;
    border-radius: 0px;
    width:48px;
}

.add-person .room-cam-ui-cax .place-Ospiti input:focus {
    outline: none;
    box-shadow: none;
}

.add-person .room-cam-ui-cax .place-Ospiti input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .room-cam-ui-cax .place-Ospiti input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .room-cam-ui-cax .place-Ospiti input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

.add-person .room-cam-ui-cax .place-Ospiti input:-moz-placeholder {
    color: #000;
    font-size: 17px;
    opacity: 1;
    font-weight: 500;
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.15;
        position: relative;
    }

    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
    }
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    height: 18px;
    width: 18px;
    transition: all 0.15s ease-out 0s;
    background: url(../images/heart.png) no-repeat center center;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0px;
    outline: none;
    position: relative;
    z-index: 1000;
}

.option-input:checked {
    background: transparent;
}

.option-input:checked::before {
    height: 18px;
    width: 18px;
    position: absolute;
    content: '';
    display: inline-block;
    text-align: center;

}

.option-input:checked::after {
    -webkit-animation: click-wave 0.25s;
    -moz-animation: click-wave 0.25s;
    animation: click-wave 0.25s;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    background: url(../images/heart2.png) no-repeat center center;
    width: 18px;
    height: 18px;

}

/********/

.option-input2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    height: 16px;
    width: 18px;
    transition: all 0.15s ease-out 0s;
    background: url(../images/like.png) no-repeat center center;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    outline: none;
    position: relative;
    z-index: 1000;
    margin-left: 5px;
}


.option-input2:checked {
    background: transparent;
}

.option-input2:checked::before {
    height: 16px;
    width: 18px;
    position: absolute;
    content: '';
    display: inline-block;
    text-align: center;
    top: 0px;
}

.option-input2:checked::after {
    -webkit-animation: click-wave 0.25s;
    -moz-animation: click-wave 0.25s;
    animation: click-wave 0.25s;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    background: url(../images/like2.png) no-repeat center center;
    width: 18px;
    height: 16px;
}

.filtermobile {display: none;}
.mapobutton {display: none;}
.filter-mobile ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 40px 0 6px 0;
}

.filter-mobile ul li {
    list-style: none;
}


.hdn-chk-ctrl {
    display: none;
}

.hdn-chk-ctrl+label:before {
    content: "\f004";
    /* Bars */
    color: #D95454;
    font-size: 18px;
}

.hdn-chk-ctrl:checked+label:before {
    content: "\f004";
    font-weight: 900;
    color: #D95454;
    font-size: 18px;
}

.hdn-chk-ctrl2 {
    display: none;
}

.hdn-chk-ctrl2+label:before {
    content: "\f004";
    /* Bars */
    color: #D95454;
    font-size: 18px;
}

.hdn-chk-ctrl2:checked+label:before {
    content: "\f004";
    font-weight: 900;
    color: #D95454;
    font-size: 18px;
}

.left-fedlet-accordian .recensioni-nhd {
    width: 100%;
    border-left:0px;
    padding: 0 0 0 0px;
}
/* .left-fedlet-accordian .recensioni-nhd  ul{margin:5px 0 0 0;}
.left-fedlet-accordian .recensioni-nhd  ul li{margin:0px 3px 0 0;} */
.persona-ui{margin: 0 0 10px 0;}
.persona-ui span{font-size: 14px; color:#050505;     font-weight: 600; font-family: 'Gotham Pro';}
.noresulte-title{padding:60px 0 0 0; margin: 0px; font-size: 20px; text-transform: uppercase; 
font-weight:500;  text-align: center; font-family: 'Gotham Pro';}



.noresulte-p {font-family: 'Gotham Pro';  color: #050505;  font-weight: 500;  padding: 38px 0 46px 0;  margin: 0px; text-align: center;}
.result-desct{padding:12% 0 12% 0;}
.indi-link{padding: 0px; margin: 0px 0 0px 0; font-size:20px; color: #050505; font-weight:500;	font-family: 'Gotham Pro'; line-height: normal;}
.indi-link a:hover{color: #008aeb;}
.supporto-ui{padding: 0px; margin: 0px 0 0px 0; font-size: 16px;color: #050505; font-weight:normal; font-family: 'Gotham Pro'; }
.supporto-ui a:hover { color: #000; }
.supporto-ui a{ color: #008aeb;}
.indi-link a i{margin-right:10px}
.noresult-section{padding-bottom: 45px;}
.noresult-section ul{margin-left: 60px; margin-right: 60px; }
.noresult-section ul li{list-style: none; padding: 0px; margin: 0px;}
.noresult-section .modi-ricear-mdx {width: 204px;}
.result-desct span img{width:254px;}
.new-btn{height: 40px; font-weight:500; min-width: 204px; text-align: center; line-height: 40px;}
.new-btn:hover{background:#0C8AE4; color: #fff;}
.new-btn i{position: relative; top:3px;}

/* range slider  */

/*-------chck out css---------*/
.cehckout-detail {border-radius: 30px; background: #fff; box-shadow: 0px 0px 15px #00000059; 
padding:25px 55px 20px 55px; position: relative; overflow: hidden;}


.iconclr{width: 31px; height: 31px; border-radius: 50px; background: var(--color-blue); color: white; line-height: 31px; display: flex; 
justify-content: center; align-items: center;}
.iconclr i{font-size: 14px;}
.border-1{border: 1px solid #A2ABB1;}
.hotel-detail-ui-section {padding:0 0px 18px 0px; border-bottom:solid 1px #008aeb; margin:38px 0px 0 35px;}
.hotel-detail-ui-section .rating-flight ul{margin-left: 10px;}
.hotel-detail-ui-section .rating-flight ul li {height: 13px;  line-height: 12px;}

/* .hotel-detail-ui-section .rating-flight ul li i {font-size: 10px; color: #FFDB14; padding: 0px;
margin: 0px; list-style: none;} */

.hotel-detail-ui-section ul li i.gray-color { color: #C4CAD0;}
.hotel-detail-ui-section .rating-flight {display: flex;  width:auto;}
.hotel-detail-ui-section .hotel-titles {padding: 0px; margin: 0px; font-size:20px; font-family: 'Gotham Pro'; font-weight: 500;}

.cehck-sign {padding: 5px 0 0 0; margin: 0px; display: flex; gap: 10px;   width: 100%;}
.cehck-sign li {padding: 0px; margin: 0px; list-style: none; font-size: 12px; font-family: 'Gotham Pro'; font-weight: 500;  color: #050505;
    line-height: 22px; display: flex; align-items: flex-start; justify-content: flex-start;}
.cehck-sign li i{padding:0px; margin:0px 8px 0 0; list-style: none; font-size:15px;}
.mtt-25{margin-top:-25px;}
.utili {float: right; padding: 0 10px 17px 0;}    
.utili a{color: #000000;}
.utili a:before {content: "\f078"; font-size:15px; position: absolute; top:-2px;}
.guest-status-ui{padding:25px 0px 0px 45px;}
.guest-status-ui .row:last-child .mb-3{margin-bottom:0!important;} 
.guest-title {color: #0C8AE4; font-family: 'Gotham Pro'; font-weight:500; margin: 0 0 25px 0; display: block;}
.camera-Club{padding: 0px; margin: 0px; font-family: 'Gotham Pro'; font-weight:500; font-size: 14px; color: #050505;}
.gust-title {font-family: 'Gotham Pro'; font-weight: 500; display: flex;  align-items: center;}
.gust-title i{font-size:15px; color: #5A5858;}
.gust-title strong{font-weight:bold; color:#0C8AE4; font-size:14px; font-family: 'Gotham Pro'; font-weight:500;}
.gust-input:focus {outline: none;  box-shadow: 0px 3px 6px #00000080;}
.gust-input:focus-visible {outline: none; box-shadow: 0px 3px 6px #00000080;}
.gust-input {border: 0px; padding:0px 0 0 12px;  font-size:14px;  color:#050505;  font-family: 'Gotham Pro';
font-weight:400; background: none; height: 40px;  background: #FFFFFF; box-shadow: 0px 3px 6px #00000080; border-radius: 10px; opacity: 1; }
.gust-input::-webkit-input-placeholder {   /* Chrome/Opera/Safari */
color:#A3ABB1; font-size:14px;  opacity: 1;  font-family: 'Gotham Pro'; font-weight: 400;}
.gust-input::-moz-placeholder {  /* Firefox 19+ */
color:#A3ABB1;  font-size:14px;  opacity: 1; font-family: 'Gotham Pro'; font-weight: 400; }
.gust-input:-ms-input-placeholder {/* IE 10+ */ color:#A3ABB1;  font-size:14px;  opacity: 1;  font-family: 'Gotham Pro'; font-weight: 400;}
.gust-input:-moz-placeholder {color:#A3ABB1; font-size:14px; opacity: 1; font-family: 'Gotham Pro'; font-weight: 400;}
.right-request-ui{border-left: solid 1px #0C8AE4; margin-top:40px;}
.chieck-right-section {width: 100%; padding:0 25px 0 25px;}
.chieck-right-section ul{padding: 0px; margin: 0px;}
.chieck-right-section ul li{padding: 0px; margin:0px 0 6px 0; list-style: none; font-family: 'Gotham Pro'; font-size: 12px; font-weight:600;}
.chieck-right-section ul li span{text-align:left; min-width:25px; display:inline-block;}
.chieck-right-section ul li i{font-size: 15px;}
.chieck-right-section ul li:last-child a{color:#03AF7B;}

.chieck-right-section ul li mark{background:#fff; font-family: 'Gotham Pro'; font-weight:500; padding: 0px;}
.font-nomal{font-weight: normal!important;}

/* .h-90 {height:98%!important;} */
.h-90 {height:calc(100% - 35px);}
.h2-90 {height:calc(100% - 40px);}

.chieck-right-section .inclusi-view {text-align: left; padding: 0 0 0 0px; line-height: 24px;}
.chieck-right-section .inclusi-view .pricse {padding: 0px; margin: 0px; font-size:18px; color: #0C8AE4; font-family: 'Gotham Pro'; font-weight: 500;}
.chieck-right-section .inclusi-view p {font-weight:400; font-family: 'Gotham Pro'; padding: 0px; margin: 0px; line-height: normal; font-size: 12px;}
.bookigconfrm .b-link {font-size: 14px; font-family: 'Gotham Pro'; font-weight:400; background:#0C8AE4; 
border-radius: 50px; opacity: 1;  color: #fff;  margin:0px;  justify-content: center;  display: flex;  line-height: 35px;  padding:0px 20px 0 20px; }
.b-link {font-size: 14px; font-weight:500; font-family: 'Gotham Pro';
    /* background:#0C8AE4; */
border-radius: 50px; opacity: 1;  color: #fff;  margin:0px;  justify-content: center;  display: flex;
line-height: 35px;  padding:0px 20px 0 20px;}

.b-link:hover{background: #000; color: #fff;}
.struttura p {padding: 0px 0 0 10px; margin: 0px 0 0 0px; font-weight: bold;
font-family: 'Gotham Pro'; color: #050505; font-weight:bold;}
.codice-title{color: #050505; font-family: 'Gotham Pro';
font-weight:500;}
.checkoutdetails .struttura p {padding: 0px 0 0 10px; margin: 0px 0 0 0px; font-family: 'Gotham Pro';
font-weight:500; color: #050505;}
.codicesconto{align-items: flex-start;}
.gust-textare {  border: 0px;
    padding:10px 0 0 20px;
    font-size:14px;
    color:#050508;
    font-family: 'Gotham Pro';
    font-weight:normal;
    background: none;
    height:70px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000080;
    border-radius:20px;
    opacity: 1;
    resize: none;
    

    }
.gust-textare::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color:#A3ABB1;
    font-size:14px;
    opacity: 1;
    font-family: 'Gotham Pro';
    font-weight:normal;
}

.gust-textare::-moz-placeholder {
    /* Firefox 19+ */
    color:#A3ABB1;
    font-size:14px;
    opacity: 1;
    font-family: 'Gotham Pro';
    font-weight:normal;
}

.gust-textare:-ms-input-placeholder { /* IE 10+ */
color:#A3ABB1; font-size:14px; opacity: 1;  font-family: 'Gotham Pro';  font-weight:normal;}
.gust-textare:-moz-placeholder { color:#A3ABB1; font-size:14px;  opacity: 1;  font-family: 'Gotham Pro';  font-weight:normal;}
.gust-textare:focus {outline: none;  box-shadow: 0px 3px 6px #00000080;}
.gust-textare:focus-visible {outline: none; box-shadow: 0px 3px 6px #00000080;}
.checkoutdetails{padding-bottom:25px; margin-bottom:15px; }
.checkoutdetails:last-child{margin-bottom:0px;}
.left-cechkout-ui{width:auto; padding-left:38px; display: flex; align-items: center;}
.left-cechkout-ui .white-space{margin-right:15px!important;}
.left-cechkout-ui .gust-input{width:257px;}
.right-cechkout-ui{width:325px;}
.right-cechkout-ui span{padding: 0px; margin:2px 25px 0 0; color: #050505; display: block; font-family: 'Gotham Pro'; font-size: 14px; font-weight: 500;} 
.right-cechkout-ui .inclusi-view {text-align: left; padding: 0 0 0 0px;}
.right-cechkout-ui .inclusi-view .pricse {padding: 0px; margin: 0px; font-size:24px; color: #0C8AE4; font-family: 'Gotham Pro'; font-weight: 500;}
.right-cechkout-ui .inclusi-view p { padding: 0px; margin: 0px; line-height: normal; font-size: 12px; font-family: 'Gotham Pro';}

.paymentmethod{width: 100%; display: flex; flex-direction: column; margin-bottom: 40px;}
.paymentmethod span{padding: 0px; margin: 0px; color: #008aeb; font-family: 'Gotham Pro';
    font-weight:500; margin-bottom: 20px; font-size: 16px;}
.paymentmethod span i{font-size: 20px; margin-right:5px;}
.paymentmethod p{color: #050505; line-height: normal; font-family: 'Gotham Pro';
    font-weight:500;}

.carte-credito{padding:0px; margin:0px 0 6px 0; font-size: 12px; font-family: 'Gotham Pro'; font-weight: 500;}

/* .method-ui .col-md-4{display: flex; grid-gap:15px;} */


.method-ui .row{display:flex;}
.credito{padding:30px 0 30px 0;}
.credito span {font-family: 'Gotham Pro';
    font-weight:500;
     padding: 0px; margin: 0px 0 30px 0; display: block;}
.credito .form-check {display: flex; min-height: inherit; padding-left: 1.5em; margin-bottom: 0; vertical-align: middle; align-items: center;}
.credito .form-check .form-check-input {width:15px; height:15px; margin-top:0; border-radius:0px; box-shadow:none; 
margin-right: 10px; background-image: none;}
.method-ui .oralink {width: auto; padding: 0 22px 0 22px;}
/* .privacy-ai{} */

.privacy-ai .form-check .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 0;
    border-radius: 0px;
    box-shadow: none;
    margin-right: 8px;
    top: 1px;
    position: relative;
}
.privacy-ai .form-check-label{
padding: 0px; margin: 0px 0 0 0px;  font-size: 12px;  color: #000;  position: relative;}
.privacy-ai .form-check-label a{color: #0C8AE4;}

.right-link{line-height: normal; font-family: 'Gotham Pro'; font-weight: 500; font-size: 20px;}
.right-link i {margin-right:5px; font-size:16px;}

.acces-uia .oralink {font-size:16px; font-family: 'Gotham Pro';
    font-weight:500; border-radius: 50px; opacity: 1; color: #fff; margin: 0px; width: auto; justify-content: center; display: flex; 
line-height: 35px; padding: 0 17px;}
.acces-uia span {font-family: 'Gotham Pro'; font-weight:500; padding: 0px;  margin:0px; display: block;}
.acces-uia{padding:35px 25px 35px 25px; border: solid #000 1px;}
.un-account .oralink {font-size:16px; font-family: 'Gotham Pro';
    font-weight:500;
    border-radius: 50px; opacity: 1; color: #fff; margin:0px;  width:auto;  justify-content: center;
    display: flex; line-height: 35px; padding:0 17px;}
.un-account span {font-family: 'Gotham Pro'; font-weight:500; padding: 0px;  margin:0px; display: block;}
.un-account{padding:35px 25px 35px 25px; border: solid #000 1px;}

.full-light{position: absolute; left: 0px; top:50px; width: 100%; right: 0px; height: 100%; background:#fff; z-index:1; opacity: 0.75;}
.checkout-title{font-weight:bold; font-size: 20px; font-family: 'Gotham Pro';}


.mar-top-minus{margin-top:-280px;}
/*-------chck out css---------*/

.infomodal .infoutili-modal{padding: 0px;}
.infomodal .modal-content {padding:40px 45px 35px 45px; position: relative; border-radius:20px; box-shadow: 0px 0px 15px #00000059;}
.infomodal .modal-dialog {max-width:625px; margin-right: auto;  margin-left: auto;}
.infomodal .modal-content .btn-close {position: absolute; right: 22px; top: 20px; opacity:1; width: 10px; height: 10px; 
background-size: 10px; box-shadow: none; outline: none;}

.info-title{padding: 0px; margin: 0px; font-weight:200; font-family: 'Gotham Pro';
    font-weight:500; font-weight: normal;}
.info-title2{padding: 0px; margin: 0px; font-weight:200;font-family: 'Gotham Pro';
    font-weight:500; font-weight: normal; color: #008aeb;}
.check-in-ul{padding: 0px; margin: 0px;}
.check-in-ul li{padding:0px; margin:0px 0 13px 0; font-weight:200;font-family: 'Gotham Pro';
    font-weight:500; font-size: 12px; list-style: none;}
.check-in-ul li strong{font-weight:600; margin-right: 10px; display: inline-block;}
.br-top{border-top:solid 1px #008aeb}
.cencellmodal .infoutili-modal{padding: 0px;}
.cencellmodal .modal-content {padding:25px 30px 30px 30px; position: relative; border-radius:10px; box-shadow: 0px 0px 15px #00000059; border: 0px;}
.cencellmodal .modal-dialog {max-width:479px; margin-right: auto;  margin-left: auto;}
.cencellmodal .modal-content .btn-close {position: absolute; right:12px; top:12px; opacity:1; width: 10px; height: 10px; 
background-size: 10px; box-shadow: none; outline: none;}


.mborso span{font-family: 'Gotham Pro'; font-weight: 600; color: #03AF7B;}
.mborso span:last-child{color:#F46D00;}
.mborso-box{border-radius:10px; border: #A2ABB1 solid 1px; padding:16px 0 22px 0; margin-top:25px;}
.mborso-box ul {padding:0px; margin:0px auto; display: flex;  justify-content:space-between; position: relative; max-width: 284px; margin-top:18px;}
.mborso-box ul::before {
    width: 96%;
    background: #050505;
    top: 0px;
    position: absolute;
    content: '';
    height: 1px;
    margin: 0px auto;
    left: 0;
    right: 0;
}


.mborso-box ul li{padding:0px; margin:13px -7px 0 -7px; list-style: none; font-family: 'Gotham Pro'; font-size:12px; color: #050505; 
font-weight:600; position: relative;}
.mborso-box ul li:before{background:#008aeb; top:-18px; position: absolute; content:''; height:12px; 
width: 12px; border-radius:50px; left: 10px;}

.mborso-box ul li:nth-child(2)::before { background: #008aeb;
left: 0; right: 0px;  margin: 0px auto;}
.mborso-box ul li:last-child:before {background: #008aeb; right: 10px; left: inherit;}

.prima-del-ui{margin-top: 20px;}
.rima-del{width:20%;}
.rima-del small{padding: 0px; margin: 0px; font-family: 'Gotham Pro'; font-size:12px; color: #050505; font-weight:500;}
.rima-del samp{font-size:16px; font-family: 'Gotham Pro'; color: #050505; font-weight:500;}


.borso-totale{width:80%;}
.borso-totale span{padding: 0px; margin: 0px; font-family: 'Gotham Pro'; font-size:14px; color: #050505; font-weight:600;}
.borso-totale p{font-size:12px; font-family: 'Gotham Pro'; color: #050505; font-weight:400; 
padding:8px 0 10px 0; margin: 0px; line-height: normal; border-bottom:solid #050505 1px;}
.prima-del-ui:last-child p{border: 0px; padding-bottom: 0px;}
.herobanner-section{width:100%; height: 360px; overflow: hidden;}
.herobanner-section img{width:100%; height:360px; object-fit: cover;}
.regis-accedi{position: relative; z-index:2;}
.blue-strip{background: #008aeb; box-shadow: 0px 3px 6px #00000080;  opacity: 1; height: 115px;}
.loading-middle{width: 100%; height:auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.loading-middle .loading-section{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.loading-middle .loading-section p{font-size: 23px; color: #050505; font-weight: 500;
	font-family: 'Gotham Pro'; padding: 0px; margin: 0px;}
.loding-img{margin-bottom:30px;}
.loding-logo {margin-top:65px; position:relative; z-index:1; width:243px;}


.bookigconfrm{padding-top: 80px; padding-bottom:55px;}
.bookigconfrm .right-request-ui {border-left:0px; margin-top:0px;}
.bookigconfrm .hotel-detail-ui-section{border: 0px;  padding: 0 0px 0px 0px; margin:0px 0px 0 0px;}
.bookigconfrm .row {border-bottom: 1px #0C8AE4 solid;
padding-left: 0px; padding-right: 0px; margin-left: 50px;  margin-right: 50px;  padding-bottom: 30px; margin-bottom: 30px;}
.bookigconfrm .chieck-right-section {padding: 0 0px 0 0px;}
.bookigconfrm .maptlock {display: flex; align-items: center; margin-bottom:5px;}
.cehckout-in {font-size: 12px; font-family: 'Gotham Pro'; padding:0 0px 10px 25px; margin:0px; font-weight: 500;}
.cehckout-in li{list-style: none; margin-right: 20px; font-family: 'Gotham Pro'; font-weight: normal;}
.cehckout-in li strong{display: inline-block; padding-right: 5px; font-family: 'Gotham Pro'; font-weight: 500;}

.codicesconto a{font-size:12px; color: #D95555; font-family: 'Gotham Pro'; }
.bookigconfrm .row:last-child {border: 0px; padding-bottom: 0; margin-bottom: 0;}
.sucess-messge{padding:48px 0 48px 0; margin: 0px; font-family: 'Gotham Pro';}
.sucess-messge p{padding:0px; margin:0px 0 24px 0; font-weight:bold; font-family: 'Gotham Pro';}
.sucess-messge span{padding: 0px; margin: 0px; font-size: 30px; }
.sucess-messge label{padding:0px 0 0 0; margin:25px 0 0 0;  border: 1px solid #0C8AE4; 
border-radius: 50px; width: 100%; text-align: center; color: #fff;  line-height: 40px; font-family: 'Gotham Pro'; font-weight: 500;}

.none-confirm{padding:48px 0 48px 0; margin: 0px; font-family: 'Gotham Pro'; z-index:9; position: relative;}
.none-confirm p{padding:0px; margin:0px 0 24px 0;font-weight: bold;
	font-family: 'Gotham Pro';}
.none-confirm span{padding: 0px; margin: 0px; font-size: 30px;}
.none-confirm label{padding:0px 0 0 0; margin:25px 0 0 0; background:#fff; border:0px;
border-radius: 50px; width: 100%; text-align: center; color:#050505; font-weight:normal; line-height: 40px;}


.ndietro-ui{margin-top:50px; margin-bottom: 25px; align-items: center;}
.stamp-lnk{grid-gap:55px;}
.stamp-lnk a {
    background: #0C8AE4;
    color: #fff;
    font-weight: 500;
    line-height: 32px;
    padding:0 15px 0 15px;
    font-size: 14px;
    font-family: 'Gotham Pro';
    display: flex;
    align-items: center;
}


.stamp-lnk a:hover{background:#000;}
.stamp-lnk a i {
    margin-right: 10px;
    font-size: 18px;
}

    .onrequest {
        color: #fff;
        border-radius: 30px;
        padding: 7px 10px;
        display: inline-block;
        line-height: normal;
        margin-top: 5px;
    }
.onrequest:hover{background: #000; color: #fff;}
.onrequest:focus{background: #000; color: #fff;}

/* ////////////////// */

.sabile span{font-family: 'Gotham Pro'; font-weight: 600; color:#D95757;}
.rimborsabile span{font-family: 'Gotham Pro'; font-weight: 600; color: #03AF7B;}
.rimborsabile span:last-child{color:#F46D00;}
.rimborsabile_box{border-radius:10px; border: #A2ABB1 solid 1px; padding:16px 0 22px 0; margin-top:25px;}
.rimborsabile_box ul {padding:0px; margin:0px auto; display: flex;  justify-content:space-between; position: relative; max-width: 284px; margin-top:18px;}
.rimborsabile_box ul::before{width:96%; background:#050505; top: 0px; position: absolute; content:''; height: 1px; margin: 0px auto; left: 0px; right: 0px;}
.rimborsabile_box ul li{padding:0px; margin:13px -7px 0 -7px; list-style: none; font-family: 'Gotham Pro'; font-size:12px; color: #050505; 
font-weight:600; position: relative;}
.rimborsabile_box ul li:before{background:#008aeb; top:-18px; position: absolute; content:''; height:12px; width: 12px; 
border-radius:50px; left:10px;}
.rimborsabile_box ul li:nth-child(2)::before { background: #008aeb;
left:inherit; right:10px;  margin: 0px auto;}
.rimborsabile ul li:last-child:before{background:#008aeb; right:-0px;}
.information-utili {padding:0px; margin:0px 0 20px 0; font-family: 'Gotham Pro'; color: #050505; font-size: 14px; line-height: normal;}
.information-utili:last-child{margin:0px 0 0px 0;}
.information-utili b:first-child {font-size:16px; color: #050505; margin-bottom:15px; display: inline-block; }

.information-utili b {
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham Pro';
    font-weight:500;
    color:#050505;
    font-size: 12px;
}

.information-utili ul {padding: 0px; margin:15px 0 0 0;}
.information-utili ul li {padding: 0px; margin: 0px 0 5px 0; font-family: 'Gotham Pro'; color: #050505;  list-style: none;
    line-height: 14px;  font-size: var(--font-12rem);}

.information-utili p{padding:0px; margin:15px 0 10px 0; font-family: 'Gotham Pro'; color: #050505; list-style: none; line-height:20px; font-size: var(--font-12rem);}
.information-utili strong{font-weight: bold; font-size: 12px; padding:10px 0 0 0;}
.loginmian{max-width:958px; background: #fff; margin:-198px auto 0px auto; position: relative; overflow: hidden;}
.loginmian .login-ac-top{position:absolute; top: 0px; left: 0px;}
.loginmian .login-ac-top img{max-width: 100%;}
.loginmian .login-ac-bottom{position:absolute; bottom: 0px; right: 0px; text-align: right;}
.loginmian .login-ac-bottom img{max-width: 100%;}
.login-logo{text-align: center; width: 100%;}
.login-middle-part{width: 100%; position: relative; z-index: 1; padding:140px 0 0 0; display: flex; flex-direction: column; align-items: center;}
.login-titile{display: inline-block;  font-family: 'Gotham Pro';  text-align: center; width: 100%; margin-top: 22px; 
font-weight:bold; color: #0C8AE4; font-size: 24px!important;}
.filed-section {width: 375px; margin-top: 70px;}
.filed-section label {font-family: 'Gotham Pro'!important; color: #050505;
    padding: 0px 0 0 12px; margin: 0px 0 4px 0;  font-weight:normal;  font-size: 12px;}

.filed-section .mb-3{position: relative;}
.filed-section .mb-3 .field-icon {margin-right: 10px;
margin-top:30px; position:absolute; z-index: 2; color: #0C8AE4; font-size: 20px; right: 0px;}

.filed-section .form-check input:focus{box-shadow: none; outline: none;}
.filed-section .form-check input{border: 1px solid #d5d9dc; width: 15px; height: 15px; border-radius: 0px; position: relative; top: 0px;}
.filed-section .form-check input:checked {background-color: #F46D00; border-color: #F46D00;}
.filed-section .oralink {display: inherit; width: auto; margin: 0px auto!important; margin-top: 17px!important;
 height: 40px;  font-size: 16px!important;  line-height: 38px;  padding: 0 24px 0 24px!important;  font-family: 'Gotham Pro'; font-weight:500;}
.regist-title{padding: 0px; margin:53px 0 140px 0;}
.regist-title p{font-family: 'Gotham Pro'; text-align: center;}
.regist-title p a{color: #F46D00;}
.regist-title p a:hover{color:#000;}
.reset-pass-desc{font-family: 'Gotham Pro'; padding-top: 13px!important; font-weight: normal;}
.reset-top {margin-top: 50px; margin-bottom: 112px;}
.caratteri-desc{font-family: 'Gotham Pro'; padding:5px 10px; margin: 0px; color: #050505; border-radius:20px; 
border: solid #F46C02 1px; font-weight: normal; font-size: 11px; line-height: 13px;}

/*--loader csss---*/
.loader {
    color:#F46D00;
    font-size: 10px;
    width:23px;
    height:23px;
    border-radius:50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
    top:45px;


  }
  
  @keyframes mulShdSpin {
    0%,
    100% {
      box-shadow: 0 -3em 0 0.2em, 
      2em -2em 0 0em, 3em 0 0 -1em, 
      2em 2em 0 -1em, 0 3em 0 -1em, 
      -2em 2em 0 -1em, -3em 0 0 -1em, 
      -2em -2em 0 0; margin:10px;
    }
    12.5% {
      box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
      3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
      -2em 2em 0 -1em, -3em 0 0 -1em, 
      -2em -2em 0 -1em;
      margin:10px;
      opacity:10;
    }
    25% {
      box-shadow: 0 -3em 0 -0.5em, 
      2em -2em 0 0, 3em 0 0 0.2em, 
      2em 2em 0 0, 0 3em 0 -1em, 
      -2em 2em 0 -1em, -3em 0 0 -1em, 
      -2em -2em 0 -1em; margin:10px;
      opacity: 0.9;
    }
    37.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
       -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; margin:10px;
       opacity: 0.8;
    }
    50% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
       -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; margin:10px;
       opacity: 0.7;
    }
    62.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
       -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; margin:10px;
       opacity: 0.6;
    }
    75% {
      box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
      3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
      -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; margin:10px;
      opacity: 0.5;
    }
    87.5% {
      box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
      3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
      -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; margin:10px;
      opacity: 0.4;
    }
  }
    

/*--loader csss---*/
.ragistration-main{margin:-250px 0 0 0;}
.accout-ui{padding:64px 0 0 0;}
.accout-ui span{padding: 0px; margin: 0px; font-weight:bold; color: #050505; font-family: 'Gotham Pro';}
.accout-ui p{padding:13px 0 0 0; margin: 0px; font-family: 'Gotham Pro'; color: #050505;}

.accesso {font-size:16px; opacity:1; align-items: center; margin-bottom:15px; margin-top: 40px; font-weight:bold; font-family: 'Gotham Pro'; color: #0C8AE4;}

.accesso span{display: inline-block; width: 30px; height: 30px; border-radius: 50px; color: #fff; font-size: 20px; 
    font-weight: bold;
	font-family: 'Gotham Pro'; background:#0c8ae4; text-align: center; line-height: 30px; margin-right: 20px;}  
.personal-information{padding:70px 65px 88px 65px; margin: 0px;}
.personal-information .filed-section {width:100%; margin-top:0px; margin-bottom: 0px;}
.personal-information label {color: #050505; padding: 0px 0 0 12px; margin: 0px 0 4px 0; font-family: 'Gotham Pro';
font-size: 14px; font-weight: normal;}
.personal-information .row .col-md-6:first-child{border-right:solid #000 1px;}
.personal-information .row .col-md-6:first-child .col-md-6{border-right: solid red 0px;}

/*--------------*/
.gust-select:focus {outline: none;  box-shadow: 0px 3px 6px #00000080;}
.gust-select:focus-visible {outline: none; box-shadow: 0px 3px 6px #00000080;}

.gust-select {border: 0px;  padding:0px 0 0 12px;  font-size:14px;  color:#050505;
font-weight:500;   height: 40px;  background-color:#FFFFFF; box-shadow: 0px 3px 6px #00000080; border-radius: 10px; opacity: 1; 
font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}

.gust-select::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
color:#A3ABB1; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}
.gust-select::-moz-placeholder { /* Firefox 19+ */
color:#A3ABB1; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}
.gust-select:-ms-input-placeholder { /* IE 10+ */
color:#A3ABB1; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}
.gust-select:-moz-placeholder {color:#A3ABB1; font-size:14px; opacity: 1; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}

/*--------------*/
.personal-information .form-check input:focus{box-shadow: none; outline: none;}
.personal-information .form-check input{border: 1px solid #d5d9dc; width: 15px; height: 15px; border-radius: 0px; position: relative; top: 0px;}
.personal-information .form-check input:checked {background-color: #F46D00; border-color: #F46D00;}
.personal-information .form-check-label{font-weight:500; font-family: 'Gotham Pro'; margin-top:3px;}
.personal-information .form-check-label a{color: #0C8AE4;}

.app-ui {display: flex; flex-direction: column;}
.app-ui .sign-with {padding:54px 0 43px 0; margin: 0px auto; width: 290px;}
.app-ui .sign-with ul{padding: 0px; margin: 0px;}
.app-ui .sign-with ul li{padding: 0px; margin: 0px; list-style: none;}
.app-ui .sign-with ul li a{padding: 0px; margin:0px 0 20px 0; display: flex; align-items: center; height:54px;
background: #FFFFFF; border: 2px solid #747875; border-radius: 40px; font-size: 20px; font-family: 'Gotham Pro';
font-weight:500;}
.app-ui .sign-with ul li a span{display: inline-block; width: 20px; margin-left: 15px; margin-right: 15px;}
.app-ui .sign-with ul li a span img{width:20px;}
.app-ui p {padding: 0 0 0 82px!important;}
.app-ui .sign-with ul li a span i.fa-facebook{color:#0866ff; font-size:19px;}
.app-ui .sign-with ul li a span i.fa-apple{color:#000000; font-size:19px;}

.fs-family{font-family: 'Gotham Pro';}
.fs-fm2{font-weight: bold;
	font-family: 'Gotham Pro';}

.information-ofprsonal{width:100%; padding:22px 13px 35px 13px; position: relative;}
.information-ofprsonal a.mdl-ujh {right: 23px; top:23px; display: none;}

.user-pic{min-width: 130px; padding: 0 0 10px 0;}
.user-pic span{overflow: hidden; height: 80px; width: 80px; border-radius: 100px;}
.user-pic span img{border-radius: 100px; max-width: 100%;}
.user-pic small{padding: 0px; margin: 0px; font-weight: bold;}
.user-pic strong{padding: 0px; margin: 0px; font-weight: bold!important;}
.margin-auto{margin:0px auto!important;}
.border-bottom1{border-bottom:#008aeb 1px solid;}
.border-bottom2{border-bottom:#050505 1px solid;}
.width98{max-width:98%;}
.shadow-5{box-shadow: 0px 3px 6px #00000029; border-radius: 10px;}
.tuo-profilo{width: 100%; column-gap:30px;}
.p-left-ui {border:#707070 1px solid; text-align: center; position: relative; width: 50%;  height: 300px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.p-left-ui img {object-fit:cover;  width:100%; height:100%}
.p-left-ui p {position: absolute; bottom: 20px;  width: 100%; font-family: 'Gotham Pro'; font-weight:normal; }
.profile-documenti .fw-bold{color: #050505; font-size: 12px;font-family: 'Gotham Pro'; font-weight:500!important;}

/* .p-right-ui div input{padding-left:35px;} */
.profile-aiu{width:96%; padding:10px 42px 0 42px; margin: 0px;}
.profile-aiu ul{padding: 0px; margin: 0px; display: flex; flex-direction: column;}
.profile-aiu ul li{padding: 0px; margin:0px; list-style: none; width: 100%; display: block; border-bottom:solid #7c7c7c 1px;}
.profile-aiu ul li:last-child{border-bottom:solid #7c7c7c 0px;}
.profile-aiu ul li a{padding:20px 0 20px 0; margin:0px; font-size: 16px; color:#050505;  display: block; font-family: 'Gotham Pro'; font-weight: normal;}
.profile-aiu ul li a span {margin: 0px;  display: inline-block;  width:32px;}
.profile-aiu ul li a.active{color:#0C8AE4;}
.profile-aiu ul li a.active .fa-angle-right{color:#0C8AE4;}
.profile-aiu ul li a:hover{color:#0C8AE4;}
.profile-aiu ul li a:hover .fa-angle-right{color:#0C8AE4;}
.profile-aiu ul li a .fa-angle-right{padding: 0px; margin: 0px; font-size:20px; color:#050505; float: right;}
.profile-aiu ul li a i{padding: 0px; margin: 0px; font-size:20px; color:#0C8AE4; opacity:1}
.profile-aiu ul li a i::after{opacity:1}
.accesso2 {font-size:18px; opacity: 1; align-items: center; margin-bottom: 15px;  margin-top: 40px; font-family: 'Gotham Pro'; font-weight: 500;}
.gosto{position: relative; align-items: center;}
.gosto::before{position:absolute; width: 100%; left: 0px; height: 1px; background:#0C8AE4; content:''; top:15px;}
.hotel-icon-ui .hotel-icon{width: 43px; height: 45px; background:#0C8AE4;  
box-shadow: 0px 3px 6px #00000029; border-radius: 10px; color:#fff; font-size:22px; display: flex;
justify-content: center; align-items: center; margin-right:15px;}
.gosto small{position: absolute; font-size: 12px;  top: 30px; right: 33px; font-family: 'Gotham Pro'; font-weight:500;}
.hotel-icon-ui .date-ui{width:235px;  height:30px;  border: 1px solid #0C8AE4; 
border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; font-family: 'Gotham Pro'; font-weight: 500; }
.hotel-icon-ui{z-index:1;}
.right-sign {width: 30px; height: 30px; border-radius: 50px; display: flex;  justify-content: center;  align-items: center;  position: relative; top:2px;}
.right-sign i{color: #fff;}
.right-sign-red {width: 30px; height: 30px; border-radius: 50px; display: flex;  justify-content: center;  align-items: center;  position: relative; top:2px;}
.right-sign-red i{color: #fff;}
.hotel-details{column-gap:30px;}
.hotel-details .struttura{width: 232px;  overflow: hidden; border-radius: 25px; height: 200px;}
.profile-right-side label{font-family: 'Gotham Pro'; font-size: 12px; font-weight: 500; color: #050505;}


.boutique-flight{width:405px}
.boutique-flight span {font-family: 'Gotham Pro'; font-weight: 500; padding: 0 0 6px 0; display: inline-block;}
.dove-roma{padding: 0px; margin: 0px;}
.dove-roma li{padding: 0px; margin: 0px; font-size: 12px; display: flex;  font-family: 'Gotham Pro'; font-weight:500; text-align: left; line-height:24px;}
.dove-roma li label{padding: 0px; margin: 0px; font-size: 12px; color: #0C8AE4; width:100px;}
.dove-roma div{padding: 0px; margin: 0px; font-size: 12px; font-family: 'Gotham Pro'; font-weight:500; text-align: left; line-height:24px;}
.dove-roma div label{padding: 0px; margin: 0px; font-size: 12px; color: #0C8AE4; min-width:120px;}
.dove-roma div mark{background: white; font-weight: normal; font-size: 12px;}
.hotel-details .struttura img {height: 100%; position: relative;  top: 50%;  left: 50%;
min-height: 100%;  min-width: 100%;    transform: translate(-50%, -50%);    display: block;  width: 100%;}

.lh-32 {line-height:32px}
.boutique-flight .rating-flight ul li{padding: 0px; margin: 0px;}
/* .boutique-flight .rating-flight ul li i{font-size:8px; padding: 0px; margin: 0px;} */
.boutique-flight .rating-flight ul li i.gray-color {color: #C4CAD0;}
.gray-color {color: #C4CAD0!important;}
.red{background: red;}
.green{background:green;}
.hotel-details{}

.toggle-pass span.toggle-password { position: absolute;  color: #008aeb; top: 41px; font-size: 20px; right: 0!important; left: inherit;}
.blue-tab-ui{background:#0C8AE4; width: 100%; border-radius: 10px; padding:6px 15px 6px 15px;}
.blue-tab-ui ul{padding: 0px; margin: 0px;}
.blue-tab-ui ul li{padding: 0px; margin: 0px; list-style: none;}
.blue-tab-ui ul li a {display:flex;  align-items: center; justify-content: center;  width:45px; height: 45px;  background:#0C8AE4;  border-radius: 10px; text-align: center; }
.blue-tab-ui ul li.active a{display:flex;  align-items: center; justify-content: center;  width:45px; height: 45px;  background:#fff;  box-shadow: 0px 3px 6px #00000029;  border-radius: 10px; text-align: center; }
.blue-tab-ui ul li.active a span::before{color:#0C8AE4; }
.blue-tab-ui ul li:hover a{background:#fff;  box-shadow: 0px 3px 6px #00000029;  border-radius: 10px; text-align: center; }
.blue-tab-ui ul li:hover a span::before{color:#0C8AE4}
.blue-tab-ui ul li a span { padding: 0px;    margin: 0px;  color: #fff;  width: 100%;  height: 100%;
display: flex;  align-items: center;   justify-content: center;}
.blue-tab-ui ul li a span::before{color: #fff; font-size:24px;}
.serach-ua{width:254px; position: relative; margin-top: 18px; margin-bottom: 20px;}
.serach-ua label{position:absolute; right:12px; top: 10px;}
.serach-ua label i{color:#0C8AE4; font-size: 20px;}
.serach-ua input{border: 1px solid #050505;   border-radius: 50px; background: #FFFFFF; box-shadow: none;}

.ordina-ui {width:418px;  align-items: center;}
.ordina-ui .hstack{width:80%;}

.ordina-ui .Ordina-uibbsdg{margin-right:35px;  font-family: 'Gotham Pro'; font-size: 14px; color: #000000;}
.ordina-ui .Ordina-uibbsdg i{font-size: 20px; margin-right: 5px;}

.inclusa ul{font-family: 'Gotham Pro'; padding: 0px; margin:0px 0 10px 0;}
.inclusa ul li{font-family: 'Gotham Pro'; padding:0px; margin:0px 20px 0 0; font-size:12px; list-style: none; font-weight:500;}
.inclusa i{color:#008aeb; padding: 0px; margin:0px 10px 0 0;}
.inclusa span{color:#000; padding: 0px; margin: 0px; font-size:12px; font-family: 'Gotham Pro'; font-weight: normal;}
.inclusa{margin-top:10px;}

/* .profilo-a .rating-flight ul li i {font-size: 10px;} */

.profilo-a hr {border-top:#008aeb solid 1px; opacity:1;}
.profilo-a .deluxe-City {padding: 0px 0 0 20px;}
.profilo-a .deluxe-City ul {padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; width: 100%; flex-direction: column;}
.profilo-a .hotl-price {width: 22%; padding: 0px 0 10px 15px; justify-content: flex-start;}
.profilo-a .room-slider {width:150px; border-radius:20px;}
.profilo-a .slick-slider {margin-bottom: 0;}
.profilo-a .room-slider .single-slider .slick-slide {height:120px;}
.hotel-veiw-ui .hotle-detail {margin-bottom:30px;}
.hotel-veiw-ui .hotle-detail:last-child {margin-bottom:0px;}
.totale-pagato{font-size: 12px; font-weight:500; font-family: 'Gotham Pro'; padding: 0px;}
.totale-pagato li{list-style: none; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal; color: #050505;}
.letter-specing{letter-spacing: 2px;}
.letter-sp1{letter-spacing:1px;}
.manda-textarea textarea{border: 1px solid #707070!important; border-radius: 10px; box-shadow: none; 
color:#050505!important; font-size: 14px; font-family: 'Gotham Pro'; font-weight: normal;}

.manda-textarea textarea:focus{box-shadow: none; border: 1px solid #707070;}
.manda-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#A3ABB1!important;  font-size:14px;  font-family: 'Gotham Pro'; font-weight: normal;}
.manda-textarea textarea::-moz-placeholder {/* Firefox 19+ */ color:#A3ABB1!important; font-size:14px; font-family: 'Gotham Pro'; font-weight: normal;}
.manda-textarea textarea:-ms-input-placeholder { /* IE 10+ */ color:#A3ABB1!important; font-size:14px; font-family: 'Gotham Pro'; font-weight: normal;}
.manda-textarea textarea:-moz-placeholder {color:#A3ABB1!important; font-size:14px; font-family: 'Gotham Pro'; font-weight: normal;}

.struttura-textarea2{border: 1px solid #D95555; border-radius: 10px; box-shadow: none;}
.soggiorno-textarea textarea {font-size: 14px;  color:#D95555!important; opacity:0.9; 
border: 1px solid #D95555; font-family: 'Gotham Pro'; font-weight:normal; margin-bottom:8px;}

.soggiorno-textarea textarea:focus{box-shadow: none; border: 1px solid #D95555;}
.soggiorno-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#D95555;  font-size:14px;  opacity:0.9; font-family: 'Gotham Pro'; font-weight:normal;}
.soggiorno-textarea textarea::-moz-placeholder {/* Firefox 19+ */ color:#D95555; font-size:14px; opacity:0.9; font-family: 'Gotham Pro'; font-weight:normal;}
.soggiorno-textarea textarea:-ms-input-placeholder { /* IE 10+ */ color:#D95555; font-size:14px; opacity:0.9; font-family: 'Gotham Pro'; font-weight:normal;}
.soggiorno-textarea textarea:-moz-placeholder {color:#D95555; font-size:14px; opacity:0.9; font-family: 'Gotham Pro'; font-weight:normal;}
.w-160{width:160px;}
.manda-titel {font-weight: 500;  font-family: 'Gotham Pro';  font-size:14px!important;}
.share-ui a{background: transparent; color: #000000; font-size:12px; display: flex; align-items: center;}
.share-ui a i{color:#0C8AE4; font-size: 20px; margin-left: 15px;}
.share-ui a:hover{background: transparent;}
.gray-color-btn{background: #A3ABB1!important;}
/* .profilo-a .slick-slider {max-width: 150px;} */
.personal-information ol li{margin-bottom:15px;}
.personal-information ol{margin-bottom: 15px;}


/* flight page css start */
header .left-part-ofmenu .main-nav ul li a .icon-plane-up:before {color: #0c8ae4;}
header .left-part-ofmenu .main-nav ul li.active a .icon-plane-up:before {color: #fff;}
header .left-part-ofmenu .main-nav ul li a:hover .icon-plane-up:before {
    color: #fff;
}

.flight-book-ui { min-width: 570px;  max-width: 570px;  background: rgba(12,138,228,.9);    box-shadow: 0px 3px 6px #00000080;
border-radius: 40px;  padding:16px 5px 16px 5px;  margin-top: 48px;}


.icon-plane-up::before{color:var(--color-white); font-size: var(--font-24rem);}
.volo-title{gap: 10px; font-size: var(--font-20rem); color: var(--color-white); font-weight:900; font-family: 'Gotham Pro'; justify-content: center; }
.multitab .nav-tabs{border: 0px; gap:4px;}
.multitab .nav-link {padding:0; font-size:12px;; font-weight:500; text-decoration: none; 
background: none;  border:0;  color: #fff; font-family: 'Gotham Pro';}

.multitab .nav-tabs .nav-link {
margin-bottom:0px; border: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;  color: #fff; background: no-repeat;
padding:4px 8px 4px 8px;
}

.multitab .nav-tabs .nav-link.active{background: #fff; box-shadow: 0px 3px 6px #00000080;
    border-radius: 10px; color: #098AE4;}


.economy-Premium{padding: 0px; margin: 0px;}
.economy-Premium .premium-btn {border: 0px; border-radius: 25px; background-color: var(--color-white); color: var(--color-blue1); height: 20px;
font-size: 12px;  font-family: 'Gotham Pro'; font-weight: 500; padding:0 10px 0 10px;}
.economy-Premium .premium-btn i{margin-left:5px; position: relative; top:1px; font-size: 14px;}
.economy-Premium .dropdown-toggle::after{display:none;}
.economy-Premium .dropdown-menu.show {border:0; box-shadow: 0px 3px 6px #00000080;}

.list-sty{list-style: none;}
.rihgt-border{border-right: solid  1px var(--color-blue);}
.categories-class{padding:0px; margin:0px 0 15px 0;  font-size: 12px; color: #050505; font-family: 'Gotham Pro'; display:inline-block; margin-left: 0px; font-weight:normal;}
.select-class{padding:18px 0 0px 26px; border: 0px; width: 162px;}
.categories-class:hover{color: var(--color-blue);}


/* .slectfilight-ui {padding: 14px 0 0 0;} */
.slectfilight{background: var(--color-white); box-shadow: 0px 3px 6px #00000080;  border-radius: 20px;
 padding:15px 17px 15px 17px; outline: none; margin-bottom:12px;}
.slectfilight .line {width: 95%;}
.flight-icon{padding:0px; margin:0px; gap:8px; font-size: 12px; color:var(--color-blue); margin-left: 0px; 
font-weight:500; font-family: 'Gotham Pro';}
.flight-icon i{font-size:14px;}
.flight-icon label{padding-left: 15px;}
.soloflight .flight-icon label {padding-left: 0px;  line-height: normal; height: 26px; display: flex;  align-items: center;}
.slectfilight-ui {width:100%; padding:0px 0 4px 0; gap: 10px;}
.slectfilight-ui:last-child{padding:12px 0 0 0;}
.flight-find{ position: relative; margin:7px 0 0 25px;}
/* .flight-find::before {position: absolute; right: 20px; top:1px;
content:'\f078'; font-family: 'Font Awesome 6 Free';  font-size: 14px;  font-weight: bold;} */
.line {height: 2px; background: #098AE4; width: 100%; margin-top: 4px; margin-bottom: 4px;}
/* .changelocation {position: absolute; right: -23px; background: #fff; top:-8px;} */
.changelocation {position: absolute; right: -23px; background: #fff; top:-19px;}
.changelocation::after {position: absolute;right: 0px; top:12px; content: '\f021'; font-family: 'Font Awesome 6 Free'; font-size: 14px;  font-weight: 500;
color: var(--color-blue1); background: #fff;}

.flight-date{border:0px; display: block; height: auto; box-shadow: none; outline: none; border-color:transparent; 
border-radius: 0px; font-family: 'Gotham Pro'; font-weight:500; font-size: var(--font-14rem);  
color:#050505; padding: 0px;}
.flight-date::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date::-moz-placeholder { /* Firefox 19+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date:-ms-input-placeholder { /* IE 10+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date:-moz-placeholder { /* Firefox 18- */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date:focus{border-color:transparent; border-radius: 0px; box-shadow: none; outline: none; color:#050505; }
.single-date-ui {padding:0px 0 0px 0px; margin:0px 0px 0px 0px; align-items:center; gap:8px; width: 50%; position: relative;}
.single-date-ui:last-child {padding:16px 0 0 0; margin: 0px 0 0 0px; position: relative;}
.single-date-ui:last-child .gma{padding:5px 0 0 0;}
.single-date-ui .hotel-datepicker-main {left: 0px; z-index: 9999; top: 30px;}
/* .single-date-ui:last-child .flight-icon { margin: 0px 0 5px 0;} */
.select-travelers{background: var(--color-white); padding:0px; outline:none;}
.infant-ui{font-size: var(--font-12rem); color: var(--color-blue);font-family: 'Gotham Pro'; font-weight: 500;}
.small-infant{font-size:9px; color: var(--text-black); font-family: 'Gotham Pro'; display: block; font-weight: 500;}
.count-traveles{padding: 0px; margin: 0px;}
.input-qty {width: 22px; display: inline-block; padding: 0;
margin: 0px; text-align: center; border: 0px; height: 22px; font-size: 14px; font-weight: 500;}
.count-traveles .qty-btn-plus {
border: 0px; padding:0px 2px 0 2px;  margin: 0px;  width:20px;  height:20px; 
border-radius:0px 15px 15px 0;  background:#DDEDFB; }
.count-traveles .qty-btn-minus {border: 0px; padding: 0px 0px 0 3px; margin: 0px; width: 20px; height: 20px; border-radius: 15px 0px 0px 15px; background: #DDEDFB;}
.gap{gap:15px;}
.pass-checkbox{width:17px; height:17px; background:#FFFFFF; border: 1px solid #eaeaea; border-radius: 0px; margin-right: 10px;}
.pass-checkbox[type=checkbox] {border-radius:0em;}
.add-traverls{ display: block; font-size: 12px; font-family: 'Gotham Pro'; font-weight: 500; color:var(--color-blue1);}
.add-traverls i{font-size: 14px;}
.add-traverls:hover{color:#F46D00;}
.delete-traverls {font-size: 12px; color: #F46D00; font-family: 'Gotham Pro'; font-weight: 500; display: flex;  align-items: center; gap: 7px;}
.dsk-m{display:none!important;}
.dsk-m2{display:none;}
.sortby-ui { width: 250px; padding: 0px 0 5px 17px; margin:0px;}
.sortby-ui ul {padding: 0px !important; display: flex; justify-content: space-between;  flex-direction: column;
margin:10px 0 6px 0!important;  box-shadow: none!important;}
.sortby-ui ul li {width: 100%!important; padding: 0px; margin: 0px; display: block!important; text-align: left!important; border: 0!important;}
.sortby-ui ul li a { font-size:12px; padding: 0px; margin: 0px; color: #050505; font-family: 'Gotham Pro'; font-weight:normal;}
.sortby-ui ul li a:hover{color:#0C8AE4;}
.sortby-ui ul li a.active{color:var(--color-blue);}
.light-blue-color{background-color: var(--color-blue1);}
/*.ovarnight-ui {background:red;}*/
.ovarnight-ui i {font-size:15px;}
.stay-only {font-size: 12px!important; font-family: 'Gotham Pro'!important; color: #050505; font-weight:400 !important;}
/* .add-travel{width: 90%;} */
/* flight page css start */

.detail-list {padding-top:0px;}
.back-list {font-size: 20px; font-family: 'Gotham Pro'; font-weight:500; padding: 0px; margin: 35px 0 20px 0; display: inline-block; font-weight: 500;}
.back-list i {font-size:18px;}
.mobile-clr{display: none;}
.checkoutdetails .rating-flight ul { margin:2px 0 0px 7px; align-items: center;}
.method-ui .form-check-label{font-family: 'Gotham Pro'; font-weight:500;}
.validate-summory-heading{font-family: 'Gotham Pro'; font-weight:400;}
.confirm-title{font-family: 'Gotham Pro'; font-weight: normal; font-size: 20px; color: #050505;}
.confirm-mail-sent{width: 100%; text-align: center; padding:140px 0 0 0; margin: 0px;}
.confirm-mail-sent a{font-size:20px; font-family: 'Gotham Pro'; font-weight:500; color: #050505; display: inline; 
max-width:350px; margin: 0px auto; padding:30px 0 0 0;}
.confirm-mail-sent p{color: #050505; font-size:20px; font-family: 'Gotham Pro'; font-weight:500; color: #050505;}
.confirm-mail-sent .mb-250 {max-width: 200px; margin:100px auto 250px auto;}

.personali-info-name{padding: 0px; margin: 0px; width: 50%;}

.personali-info-name label{padding:0px 0 8px 0; margin: 0px; font-family: 'Gotham Pro'; font-weight: 500; color: #050505;}
.personali-info-name input{padding:0px 0 0 46px; margin: 0px; font-family: 'Gotham Pro'; font-weight:400; 
font-size:14px; color: #050505; height: 40px; background:#FFFFFF; box-shadow: 0px 3px 6px #00000080; 
border-radius: 10px; outline: none; border: 0px;}
.personali-info-name input:focus {outline: none; box-shadow: 0px 3px 6px #00000080;}
.p-right-ui .gust-select {padding: 0px 0 0 46px; color: #000000;}
.dati-personali  input{padding:0px 0 0 65px; margin: 0px; font-family: 'Gotham Pro'; font-weight:400; 
font-size:14px; color: #050505; height: 40px; background:#FFFFFF; box-shadow: 0px 3px 6px #00000080; 
border-radius: 10px; outline: none; border: 0px;}
.dati-personali  input:focus {outline: none; box-shadow: 0px 3px 6px #00000080;}
.dati-personali div {position: relative;}
.dati-personali span{position: absolute; left:22px; font-size:15px; color: #008aeb; top:12px;}
.dati-personali .gust-select {padding: 0px 0 0 65px;}
.p-right-ui div{position: relative;}
.p-right-ui div span{position: absolute; left:15px; font-size:15px; color: #008aeb; top:35px;}
.p-right-ui div.dati span{position: absolute; left:15px; font-size:15px; color: #008aeb; top:10px;}
.tuoi-documenti  input{padding:0px 0 0 30px; margin: 0px; font-family: 'Gotham Pro'; font-weight:400; 
font-size:14px; color: #050505; height: 40px; background:#FFFFFF; box-shadow: 0px 3px 6px #00000080; 
border-radius: 10px; outline: none; border: 0px;}
.tuoi-documenti .dati  input{padding:0px 0 0 55px;}
.tuoi-documenti  input:focus {outline: none; box-shadow: 0px 3px 6px #00000080;}
.tuoi-documenti div {position: relative;}
.tuoi-documenti span{position: absolute; left:18px; font-size:15px; color: #008aeb; top:12px;}
.tuoi-documenti .gust-select {padding: 0px 0 0 65px;}
.cambia-password  input{padding:0px 0 0 25px; margin: 0px; font-family: 'Gotham Pro'; font-weight:400; 
font-size:14px; color: #050505; height: 40px; background:#FFFFFF; box-shadow: 0px 3px 6px #00000080; 
border-radius: 10px; outline: none; border: 0px;}
.cambia-password  input:focus {outline: none; box-shadow: 0px 3px 6px #00000080;}
.cambia-password div {position: relative;}
.cambia-password span{position: absolute; left:18px; font-size:15px; color: #008aeb; top:12px;}
.cambia-password .gust-select {padding: 0px 0 0 65px;}

.credicard-detail label {padding: 0px 0 8px 0; margin: 0px; font-family: 'Gotham Pro';  font-weight: 500; color: #050505;}
.credicard-detail  input{padding:0px 0 0 30px; margin: 0px; font-family: 'Gotham Pro'; font-weight:400; 
font-size:14px; color: #050505; height: 40px; background:#FFFFFF; box-shadow: 0px 3px 6px #00000080; 
border-radius: 10px; outline: none; border: 0px;}
.credicard-detail  input:focus {outline: none; box-shadow: 0px 3px 6px #00000080;}
.credicard-detail hr{border-bottom: solid #0C8AE4 1px!important; opacity:1; margin:0px 0 15px 0; border-top: 0px;}
.credicard-detail div.dati span {position: absolute; left: 15px; font-size: 15px; color: #008aeb; top: 35px;}
.credicard-detail .dati input {padding: 0px 0 0 37px;}

.oralink2 {font-size: 14px; font-weight: 500; font-family: 'Gotham Pro'; background: #F46D00;  border-radius: 50px; opacity: 1;
color: #fff;  margin: 20px auto 0px auto;  width: 217px;  justify-content: center; display: flex;  line-height:30px;}
.oralink2:active {background: #F46D00; color: #fff;}
.oralink2:hover {background: #008aeb; color: #fff;}

.codice-code{padding:0px 0 0 38px; margin:16px 0 0 0; max-width: 750px;}
.codice-code .form-check-label{padding:0px; margin: 0px; font-size: 11px; font-weight:500; line-height: 16px;}
.codice-code .form-check-label a{color:#0C8AE4;}
.codice-code .form-check-input {width: 15px; height: 15px; margin-top: 0;  border-radius: 0px; box-shadow: none; top:4px; position: relative;}
.left-cechkout-ui .gust-input {height: 29px;}
.cehckout-detail .right-cechkout-ui{width:auto; padding: 0 25px 0 0;}
.room-ui{font-size: 14px; color:#0C8AE4; font-family: 'Gotham Pro'; font-weight: 500;}


.hotel-img-list {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotel-img-list img {
    border: 0;
    opacity: 1;
    width: 100%;
    position: relative;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.more-thumimg {gap: 10px; width:100%; justify-content: center;}
.more-thumimg div{width: 33.3%; height:58px; overflow: hidden; border-radius: 10px; display: flex; align-items: center;
justify-content: center;}
.more-thumimg img {
    border: 0px solid #fff;
    object-fit: cover;
    width: 100%;
    height: 100%;
}



/* flight css */
.shadow-new{box-shadow: 0px 0px 6px #00000080;}
.flight-gradien {background: transparent linear-gradient(180deg, #a7d3f3 0%, #E8F4FD 100%) 0% 0% no-repeat padding-box; padding-top:18px; padding-bottom:65px; }
.flight-detail-ui{width:349px; margin:0px 0 22px 0; position: relative; border-radius:15px; overflow:inherit; background: #fff;
box-shadow: 0px 3px 6px #00000080; position: absolute;}


.flight-detail-ui .dropdown-menu.show {width: 100%; position: relative!important; transform: translate(0px, 0px)!important; 
border: 0px; padding:0 0 15px 0;}
.flight-detail-ui .premium-btn{width: 100%; font-family: 'Gotham Pro'; border: 0px; 
outline: none; text-align: left; font-weight:bold; border:0px;  height:40px; padding: 0 0 0 0px; 
border-radius: 40px; background: #fff; color: #0C8AE4;}
/* .flight-detail-ui .premium-btn i{position: absolute; right:15px; top:13px;} */
.flight-book-ui .flight-detail-ui .premium-btn{padding:0 0 0 15px;}
.flight-book-ui .flight-detail-ui .premium-btn i{position:absolute; right:15px; top:13px;}
.flight-detail-ui .premium-btn:after{display: none;}
.flight-book-ui .avanzata-cersa-ui {justify-content: flex-end; align-items: flex-end; padding:0px 0 0px 0;}
.opzioni-check .form-check {display: block; min-height: inherit; padding-left:1.5em; margin-bottom:0px;}
.opzioni-check input.form-check-input {border: 1px solid #d5d9dc; width: 15px; height: 15px; border-radius: 0px;
position: relative; top: 0px;}
.opzioni-check input.form-check-input:focus{box-shadow: none;}
.slectfilight-ui .dropdown-menu.show {padding-right: 5px; z-index: 99999; width:330px!important;}

.opzioni-check label {padding: 0px; margin: 0px 0 0 0px; font-size: 12px; color: #050505; font-family: 'Gotham Pro'; font-weight: normal;
top: 1px; position: relative; word-break: break-word;}
.opzioni-check   .form-check-input:checked {background-color: #F46D00; border-color: #F46D00;}

.opzioni-check   .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


.opzioni-ui {padding:0 15px 0 15px; position: relative; border-right: solid #098AE4 1px;}
/* .opzioni-ui::before {width: 1px; height: 100%; background: red; position: absolute; right: 0px; top: 0px; content:'';} */
.opzioni-title{font-size:12px; font-family: 'Gotham Pro';    font-weight:500; color:#098AE4; padding: 0px; margin:0px 0 6px 0;}
.opzioni-check {gap: 10px; display: flex; margin-bottom: 10px;}
.scalo-ui{padding:15px 0 0 0px;}
.scalo-ui .tooltip{display: none;}
.scalo-ui .slider-handle {width:25px; height:25px;  background:#E4740C; top: -4px;}
.scalo-ui .slider-selection {background:#E4740C;}
.scalo-ui .slider-track-high {background:#E8F4FD;}

.opzioni-ui.compagnia {padding:0px 12px 0 12px; border: 0px; display: flex; flex-direction: column;
justify-content: space-between;  height: 100%; align-items:flex-end;  width: 100%; }
.compagnia-aerea{display: flex; padding:0px 0px 0 0; margin: 0px;}
.compagnia-aerea select:focus {outline: none; border-color:none;}
.compagnia-aerea select {box-shadow: 0px 3px 6px #00000059!important; border-radius: 10px;
padding: 0 0 0 12px; height: 37px; border: 0px;  font-size:12px; color: #A3ABB1; font-weight: 500;  font-family: 'Gotham Pro'; border-color: transparent;}
.compagnia-aerea .flight-find {position: relative; margin:0px;}
.compagnia-aerea .flight-serch-input {display: block; outline: none; border:solid #098AE4 0px;  font-family: 'Gotham Pro';
font-weight:400; font-size:13px; white-space:inherit;  overflow:inherit;  text-overflow:inherit;
padding:0 0px 0 10px; height:36px;   border-radius: 6px; box-shadow: 0px 3px 6px #00000059 !important; font-size: 12px; 
color: #A3ABB1; width:150px!important}

.compagnia-aerea .flight-serch-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size:12px; font-weight:500;}
.compagnia-aerea .flight-serch-input::-moz-placeholder { /* Firefox 19+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size:12px; font-weight:500;}
.compagnia-aerea .flight-serch-input:-ms-input-placeholder { /* IE 10+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size:12px; font-weight:500;}
.compagnia-aerea .flight-serch-input:-moz-placeholder { /* Firefox 18- */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size:12px; font-weight:500;}

.compagnia-aerea .dropdown-menu.show {
    width: 250px!important;
    position: relative!important;
    transform: translate(0px, 0px)!important;
    border: 0px;
    padding: 0 0 15px 0;
    position: absolute!important;
    top: 40px!important;
    background: #fff;
    border: solid #d1d1d1 1px;
    box-shadow: 0px 3px 6px #00000059 !important; 
}

.compagnia-aerea .auto-result { font-size:13px;  padding: 5px 0 0 0; color: #000000;}











.single-date-ui .gma {
padding: 4px 0 7px 0; border-bottom:solid 1px #0C8AE4;  margin:0px 0 0px 20px;  width: auto!important; position: relative;}
.soloflight .single-date-ui .gma {padding:0; border-bottom: solid 1px #0C8AE4; margin:0px;}
.soloflight .single-date-ui:last-child {padding:0;  margin: 0px 0 0 0px;}
.soloflight .slectfilight-ui:last-child {padding:0px;}

/* .single-date-ui:last-child{background: red;} */
/* .single-date-ui:last-child .gma{padding:0 0 0px 23px ;} */

.slectfilight .line {height: 1px;}
.save-btn{border-radius: 50px; color: #fff; font-weight: 500; padding:11px 32px; font-size:14px;}
.save-btn:hover{color: #fff;}
.your-ssearch{background: var(--color-white); border-radius:20px; padding:7px 52px 13px 43px;}
.ricera-title .risulettitle{font-size: 20px; font-weight: 900; padding: 0px; margin: 0px;}
.ricera-title p{font-size:14px; padding: 0px; margin: 0px;  font-family: 'Gotham Pro'; font-weight:bold;}
.white-space{white-space: nowrap;}
.flight-ordina-ui{font-size: 14px; color: #050505; font-weight: 500; align-items: center;}
.flight-ordina-ui i{font-size:20px; color:#0C8AE4;}
.flight-ordaring-section .popolarit-uixs{margin: 0px; padding: 0 0 0 35px;}
.flight-ordaring-section .popolarit-uixs .hstack {padding: 0 94px 0 94px;}
.flight-ordaring-section {padding:18px 0 0 0;}
.flight-ordaring-section .hstack i {font-size: 20px;}
.economico-section{padding:20px 39px 4px 39px; margin:0px; gap: 12px;}
.economico-left{width:50%; background:#fff; border:solid #f16c00 1px; border-radius: 10px 0px 0px 10px; 
padding:7px 0 7px 11px; box-shadow: 0px 3px 6px #00000029;}
.economico-title i{font-size:25px; color:#F46D00; margin-right: 15px;}
.economico-title{font-size:14px; color:#050505; font-family: 'Gotham Pro'; font-weight: 500; border-right: solid #F46D00 1px; padding:7px 15px 7px 0;}
.economico-price{margin:0px 0 0 14px;}
.economico-price p{margin:0px 0 0 14px; font-size: 14px; font-weight: normal; font-family: 'Gotham Pro'; }
.economico-price strong{margin: 0px; font-size: 20px; color: #050505; font-weight: bold; font-family: 'Gotham Pro';}
.economico-right{width: 50%; background:#fff; border:solid #0C8AE4 1px; border-radius: 0px 10px 10px 0px; padding:7px 0 7px 11px; box-shadow: 0px 3px 6px #00000029;}
.veloce-title i{font-size:25px; color:#0C8AE4; margin-right: 15px;}
.veloce-title{font-size:14px; color:#050505; font-family: 'Gotham Pro'; font-weight: 500; border-right: solid #0C8AE4 1px; padding:7px 15px 7px 0;}
.veloce-price {margin:0px 0 0 24px;}
.veloce-price p{margin:0px 0 0 14px; font-size: 14px; font-weight: normal; font-family: 'Gotham Pro'; }
.veloce-price span{margin: 0px; font-size: 20px; color: #050505; font-weight:normal; font-family: 'Gotham Pro';}
.economico-color {background: #faece1}

/* .flight-listing-section {border-radius: 20px; background: #fff; min-height: 164px; padding: 0 0 0 23px; align-items: center; display: flex; width: 100%;
box-shadow: 5px 5px 6px #00000059;} */
.flight-listing-section {border-radius: 20px; background: #fff;  padding:0px 0 0px 0px; align-items: center;
display: flex; width: 100%; box-shadow: 5px 5px 6px #00000059;}
.flight-compnay{padding: 0px; margin: 0px;}
.flight-compnay span{padding: 0px; margin:0px 0 6px 0; display: block; text-align: left; font-size: 14px; font-weight: bold; font-family: 'Gotham Pro';}
.flight-logo{width: 50px; height:25px; overflow: hidden;}
.flight-logo img{max-width: 100%;}
.timeInfoLeft{width: 100%; padding: 0px; margin: 0px;}
.timeInfoLeft span{padding: 0px; margin:0px 0 6px 0; display: block; font-size: 14px; font-weight: bold; font-family: 'Gotham Pro';}
.timeInfoLeft .flight-go{padding: 0px; margin:0px 0 0px 0; font-family: 'Gotham Pro'; font-weight:normal;     word-break: break-all;}
.flight-time-info{width:100%;}
.flight-time{font-size: 13px; color: #050505; padding:2px 0 2px 0;}
.posti-fl{color: #E4740D; font-size: var(--font-14rem); padding: 0px; margin:0px 0 5px 0; font-weight: bold;}

.flt-price { border-bottom: solid #707070 1px;   padding: 0 0 2px 0;  float: right; position: relative;}
.notice-icon {position: absolute; right: -10px; top: -10px; color: #0C8AE4; font-size: 15px;}
.notice-icon:hover {color:#0570bd;}

.notice-icon i { transform: rotate(180deg);}



.flt-price p {line-height: normal; font-size: 12px; font-weight: normal; float: right; margin: 0px;}
.upgrade-fl {color: #0C8AE4;    font-weight: 500;    padding:5px 0 15px 0;    margin:0px 0 0 0;    text-align: right;
    gap: 5px;   display: flex;    width: 100%;    justify-content: flex-end; font-size: 12px;}
.upgrade-fl:hover{color:#026dba;}

.flight-view-section{position: relative; width: 100%; padding:0px 12px 0 0; margin: 0px;}
.view-btn-fl{border: 0px; background-color: transparent; color: #F46D00; font-weight: 500; font-size: 12px; padding:0px;}
.visualizza-flight {width:85.2%; padding: 0px; margin: 0px; text-align: right; justify-content: space-between; display: flex;
float: right; clear: both;}



.slider.slider-horizontal .slider-track {background:#E8F4FD;}
.fl-filter .slider-wrapper.slider-strips {flex-direction: column-reverse; display: flex; width: 100%; padding:5px 0 0 0;}
.fl-filter .slider .tooltip-arrow{display: none;}
.fl-filter .slider .tooltip-inner {display: none;}
.fl-filter .prezzo-section {width: 100%; border-bottom: solid #098AE4 1px; padding:0 0 15px 0;}
.fl-filter .prezzo-section {width: 100%; border-bottom: solid #098AE4 1px; padding:0 0 15px 0;}
.fl-filter .slider-handle {top: -3px; width: 25px; height: 25px;}
.pb-20{padding-bottom: 20px;}
.fl-filter .distanza-da select {box-shadow:none;  border: 1px solid #A3ABB1;}
.comb-diverse{font-size: 12px; font-weight:500; color: #050505; min-width: 140px; }
.diverse-toggle .form-check-input {width:40px; height: 20px; background-color: #0C8AE4; }
.diverse-toggle .form-check-input:focus{box-shadow: none; border-color:transparent; border: 0px;}
.diverse-toggle .form-check-input:checked {border-color:transparent; border: 0px;}

/* check toggle css */

.diverse-toggle .check-box {padding: 0px;}
.diverse-toggle input[type="checkbox"] {position: relative; appearance: none; width:40px; height:20px;  background: #ccc; 
border-radius: 50px; cursor: pointer; transition: 0.4s;}
.diverse-toggle input:checked[type="checkbox"] {background:#0C8AE4;}
.diverse{align-items: center; margin: 20px 0 0 0;}
.diverse-toggle input[type="checkbox"]::after { position: absolute; content: ""; width: 25px;
height: 25px; top: -3px;  left: 0;  background: #0C8AE4;  border-radius: 50%;  box-shadow: 2px 1px 4px #00000029;
border: 2px solid #FFFFFF;  transition: 0.4s;}
.diverse-toggle input:checked[type="checkbox"]::after {left: 50%;}

/* check toggle css */
.fl-filter .btn-blue {padding: 0px 12px; font-size:14px; height: 30px;}
.fl-filter .btn-ui {padding: 0px 12px; font-size:14px; height: 30px;}
.shadow-repet {background:url(../images/shadow-img.jpg) repeat-y 101% top; position: relative; padding-bottom: 10px!important; padding-top:30px!important;}
/* .shadow-repet::before{position: absolute; left:99%; top: 0px; width: 10px; height: 100%; content:''; background: green;} */

.flt-section-duration{padding:0px 15px 20px 0!important; align-items: center;}
.bottom-part-riht{width: 100%; padding:13px 0 8px 0;}
.bottom-part-riht .save-btn {padding: 0px 32px; line-height: 30px;}
.top-part-right {width: 100%; padding-top: 10px; align-items: flex-end; display: flex; flex-direction: column;}
.flight-right-part {height: 100%!important; justify-content: space-between;}
.top-part-right p { line-height: normal;  font-size: 12px;  font-weight: normal;  max-width: 106px;  float: right; margin: 0px;}
.bagaglio-in{display: flex;}
.bagaglio-in i{color: #0C8AE4; font-size: 15px;}

.economico-ui i {font-size: 20px;}
.economico-ui {background: #F46D00; font-size: 14px;
font-weight: 500; color: #fff; float: left; margin: 0 0 0 50px; border-radius: 50px; padding: 5px 18px 5px 18px;
position: relative; top: 15px; vertical-align: middle; display: flex; align-items: center; gap: 8px;}
.flist-lista {position: relative; left: 0px;    width: 100%;    top: 0px;    box-shadow: inset 0px 5px 7px #00000059;    border-radius: 0px 0px 20px 20px;
background: #fff; padding:0px 24px 0px 42px;}

.terminal-di{color:#F46D00; gap:5px; border:1px solid #F46D00; padding:10px 8px 10px 8px; border-radius: 10px; float:right; 
font-size:12px; font-weight:400;}

.parta-ui{font-size: 20px; color:#0C8AE4; font-weight: 500;}
.lun-day{font-size:16px; color:#050505; font-weight: 500; margin-left: 10px;}
.fl-roronto > div{font-size:20px; color:#050505; font-weight: 500; margin-left:0px;}
.multi-flt-journey{position: relative;}
.multi-flt-journey::before {background: #F46D00;  content: '';  position: absolute;
left:-42px;  width: 24px;    height: 38px;    top: 4px;}
.up-donw-flight{border: 1px solid #098AE4; border-radius: 10px; margin:10px 0 20px 0;}
.flight-filter {display: flex; padding-bottom:12px;}
.flight-filter .btn-close{display: none;}
.flight-filter .btn-close:focus {box-shadow: none;}

.flight-filter p { padding: 0px;  font-size: 16px;  font-family: 'Gotham Pro';  font-weight: 500;  color: var(--color-blue1); margin-bottom: 0px !important;}
.flight-filter p i {padding: 0px; font-size:25px; margin-right: 8px;}

.flist-lista-viw {position: relative; left: 0px;    width: 100%;    top: 0px; padding:17px 0px 10px 0px;}


.rimborso-ui{border: 1px solid #707070; border-radius: 20px; padding: 22px 0 15px 0;}
.p-notification {
    margin: 0px;
    padding: 6px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.p-notification p {
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    margin:0px 0 10px 0;
    word-wrap: break-word;
}

.flightmodifica {border-right: solid #707070 1px; height: 100%; padding-left: 28px;}
.flightmodifica .empty-fl {min-height:62px; margin-bottom: 0px;}
.flightmodifica div{font-size: 14px; font-weight: 500; color: #050505; margin-bottom: 25px;}

.flightcondizioni {border-right: solid #707070 1px; height: 100%; padding-left:0px;}
.flightcondizioni p{padding: 0px; margin:0px 0 25px 0; font-size:12px; font-weight:normal; line-height: normal;}
.flightcondizioni p span{color:#D95555; display: inline-block; font-weight: 500;}
.titleCondizioni {min-height:62px; margin-bottom: 0px;  font-size: 14px; font-weight: 500;}
.flightcondizioni .mt-50 {margin-top: 50px!important;}

.flight-ricear {padding: 0px; margin:0px;}
.flight-ricear .cerca-btn {width: 100%;  height:40px; background: #F46D00;
border: 0px;  border-radius: 50px;  font-size:14px;  color: #fff;    font-family: 'Gotham Pro';   font-weight:500;   line-height:40px; text-align: center;}
.flight-ricear .cerca-btn i {margin-right:5px; font-size: 20px; font-weight: 400; position: relative; top:2px; }
.flight-ricear .cerca-btn:hover {background:#0973bf;}

.flight-cersa-ui {    display: flex;    width: 100%;    justify-content: space-between;    align-items: center;}
.flight-cersa-ui .avanzata-btn {    height: 40px;    background: #ffffff;    border: 1px solid #84c4f1;    border-radius: 50px;    font-size: 14px;  color: #0C8AE4;
font-family: 'Gotham Pro';    font-weight: 500;    width: 100%;}
.flight-cersa-ui .avanzata-btn i {  margin-left: 10px;  font-size: 16px;  position: relative;  top: 1px;}
.flightopnizioni-search {gap:10px; margin:8px 0 0 0;}
.flight-find-ui {border-radius: 20px; background: #fff; padding:8px 10px 8px 10px;
width: 100%; box-shadow: 5px 5px 6px #00000059; align-items: center; display: flex;}


.flight-date-inner {border: 0px;    display: block;    height: auto;    box-shadow: none;    outline: none;    border-color: transparent;
border-radius: 0px;    font-family: 'Gotham Pro';    font-weight:500;    font-size: var(--font-14rem);    color:#050505;  padding: 0px;}
.flight-date-inner::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date-inner::-moz-placeholder { /* Firefox 19+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date-inner:-ms-input-placeholder { /* IE 10+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date-inner:-moz-placeholder { /* Firefox 18- */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-date-inner:focus{border-color:transparent; border-radius: 0px; box-shadow: none; outline: none; }

.flight-adult-count{padding:0 10px 0 10px; border-left: solid #098AE4 1px;}
.flight-adult-count .infant-ui { font-size: var(--font-12rem);  color: var(--color-blue);  font-family: 'Gotham Pro';  font-weight: 500; text-align: center;}
.multifilsty-find{padding:0px 0 0 5px;}
.fltSwipCircle { width: 24px; /* min-height: 92px; */
display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  position: relative;}

/* .fltSwipCircle::before { content: '';  height: 100%;  width: 1px;  background:#098AE4;  position: absolute;  left:0px;  top: 0px;} */
.fltSwipCircle::before {
    content: '';
    height: 95%;
    width: 1px;
    background: #098AE4;
    position: absolute;
    left: 0px;
    top: 2px;
}

.fltSwipCircle .changelocation { position:absolute; right:4px; background: #fff; top:11px;}
.fltSwipCircle .changelocation2 {position: absolute; right: 9px; background: #fff; top:8px;}

.multifilsty-find .flight-serch-input { display: block;  outline: none;
border: 0px;  font-family: 'Gotham Pro';    font-weight: 500;    font-size: var(--font-14rem);   color:#050505;
background-size: 12px; padding: 0 0px 0 0;
word-break: break-all;}
.multifilsty-find .flight-serch-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.multifilsty-find .flight-serch-input::-moz-placeholder { /* Firefox 19+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.multifilsty-find .flight-serch-input:-ms-input-placeholder { /* IE 10+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.multifilsty-find .flight-serch-input:-moz-placeholder { /* Firefox 18- */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}


/*------------flight home placeholder css---------*/
.flight-serch-input { display: block; outline: none;  border: 0px;  font-family: 'Gotham Pro';
    font-weight:500;  font-size: var(--font-14rem);  color:#050505;  
    /* background: url(../images/arrow-down.png) no-repeat 94% 6px; */
    background-size: 12px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding: 0 40px 0 0;}
.flight-serch-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-serch-input::-moz-placeholder { /* Firefox 19+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-serch-input:-ms-input-placeholder { /* IE 10+ */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}
.flight-serch-input:-moz-placeholder { /* Firefox 18- */
color: #707071; opacity: 1; font-family: 'Gotham Pro'; font-size: var(--font-14rem); font-weight:500;}

/*------------flight home placeholder css---------*/
.multifilsty-find .dropdown-menu.show {min-width: 320px;}
.multifilsty-find .flight-icon {margin: 0px 0 0px 0;}
.flight-adult-count .count-traveles {margin: 5px 0 0 0;}
.flightopnizioni-search .opzioni-ui {padding:20px 24px 6px 24px; position: relative; border:0px; background: #fff;}
.compagnia .opzioni-title {border-top:0px solid #098AE4; padding:0px 0 10px 0; margin: 0!important;}
.flightopnizioni-search .opzioni-title {font-size: 14px; margin: 0px 0 12px 0;}
.flightopnizioni-search .opzioni-check {margin-bottom:11px;}
.flightopnizioni-search .opzioni-check:last-child{margin-bottom:13px;}
.flightopnizioni-search .scalo-ui {padding:20px 0 0 0px; border-top: 1px solid #098AE4; margin:15px 0 0 0;}
.flightopnizioni-search .prezzo-section {margin: 4px 0 0 0;}
.flightopnizioni-search .opzioni-ui.compagnia {padding: 15px 24px 0 24px!important;}
.compagnia .save-btn {margin-top: 43px!important;}
.flightopnizioni-search .compagnia .opzioni-title {border-top: 1px solid #098AE4; padding:20px 0 0 0; margin: 0!important;}
.flightopnizioni-search .compagnia-aerea select {font-size: 14px;}
.flightopnizioni-search .flight-detail-ui .dropdown-menu.show {padding: 35px 0 20px 0; position: absolute!important; top:0px!important;
box-shadow: 0px 3px 6px #00000080; border-radius:20px 22px 20px 20px!important; z-index: 99;}
.flightopnizioni-search .flight-detail-ui {margin: 0px; overflow: inherit;}
.flightopnizioni-search .flight-detail-ui .premium-btn {outline: none;  text-align: center;  font-weight:400; z-index:999;  position: relative;}
.fligt-middle-home{margin-top:0px;}
.flight-selct-multioption{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 0 0 0 9px;} 
.flight-selct-multioption .form-check {padding-left: 20px; margin: 0px; min-height: inherit; display: flex; align-items: center;}
.flight-selct-multioption .form-check .form-check-input {border: 1px solid #d5d9dc;
width: 15px; height: 15px; border-radius: 0px; position: relative; top: 0px;}
.flight-selct-multioption .form-check .form-check-label{font-size: 12px; color:#098AE4; font-weight:bold;     white-space: nowrap;
padding: 4px 0 0 7px;}
.flight-selct-multioption .form-check .form-check-input:checked {background-color: #F46D00; border-color: #F46D00;}
.flight-selct-multioption .form-check .form-check-input:checked:focus{box-shadow: none;}
.flight-selct-multioption .form-check .form-check-input:focus{box-shadow: none;}
.flightopnizioni-search .flight-detail-ui.w-dth-uifl .dropdown-menu.show{width:286px; right:0!important; 
left: inherit!important; border-radius:20px 0px 20px 20px;}
.border-left{border-left: solid 1px var(--color-blue1);}
.changelocation2::after {position: absolute; right: 7px; top: 7px; content: '\f021'; font-family: 'Font Awesome 6 Free';
font-size: 15px; font-weight: 500; color: var(--color-blue1); background: #fff;}
.destinazione-Partenza{padding:0 12px 0 12px;}
.destinazione-Partenza .row{border-bottom: solid #0C8AE4 1px; padding-left:0px; margin-left:0px; padding:5px 0 5px 0;}
.destinazione-Partenza .row:last-child{border-bottom:0px;}
/* .destinazione-Partenza .row * {padding-left:0px; margin-left:0;} */
.destinazione-Partenza .col-md-8{padding: 0px; margin: 0px;}
.destinazione-Partenza .fltSwipCircle {height: 30px;}
.modifica-w{width:166px;}
.solo-w{width:100px;}
/* timeline css start  */
.history-tl-container{width:70%; margin:0px; position:relative; padding:25px 0 25px 0;}
.history-tl-container div.tl{list-style: none;  margin:auto;  margin-left:110px; border-left:2px solid #050505; 
padding:0 0 0px 100px; position:relative;}
.history-tl-container div.tl::before {
position: absolute; content: ""; left: -14px;  background:#fff url(../images/departure.svg) no-repeat center center;
top: 0px; width: 25px;  height: 25px;}
.history-tl-container div.tl::after {
position: absolute;  content: "";  left: -14px;
background:#fff url(../images/plane-arrival.svg) no-repeat center center;
bottom: 0px; width: 25px; height: 25px;}
.tl-item{padding:0px 0 25px 0; margin:0px 0 0px 0; position: relative;}
.tl-item:last-child{padding: 0px;}
.tl-item:last-child::before{border:solid 2px #fff!important;}



.tl-item:nth-child(2)::before {width: 17px; height: 17px; border-radius: 50px; border: solid 2px #000; background: #fff; position: absolute;
    left: -109px; top: 7px;  content: '';}
.tl-item:nth-child(2)::after { width: 0px;  height:75px;  background: #fff;  position: absolute;  left:-102px; top: 24px; content: ''; border-left: dashed #000 2px;}
.tl-item:nth-child(3)::before {width: 17px; height: 17px; border-radius: 50px; border: solid 2px #000; background: #fff; position: absolute; left: -109px; top: 7px;
      content: '';}

.tl-item:nth-child(4)::before { width: 17px; height: 17px; border-radius: 50px; border: solid 2px #000; background: #fff; position: absolute; left: -109px;
    top: 7px;  content: '';}
.tl-item:nth-child(4)::after { width: 0px; height:75px;  background: #fff;  position: absolute; left:-102px; top: 24px; content: ''; border-left: dashed #000 2px;}
.tl-item:nth-child(6)::after {width: 0px; height:75px; background: #fff;  position: absolute; left:-102px; top: 24px; content: ''; border-left: dashed #000 2px;}
.tl-item:nth-child(8)::after { width: 0px; height:75px; background: #fff; position: absolute; left:-102px; top: 24px; content: ''; border-left: dashed #000 2px;}
.tl-item:nth-child(5)::before {width: 17px; height: 17px; border-radius: 50px;    border: solid 2px #000;    background: #fff;    position: absolute;
    left: -109px;    top: 7px;    content: '';}
.tl-item:nth-child(6)::before {width: 17px;height: 17px; border-radius: 50px; border: solid 2px #000;
    background: #fff;    position: absolute;    left: -109px;    top: 7px;    content: '';}
.tl-item:nth-child(7)::before { width: 17px; height: 17px; border-radius: 50px; border: solid 2px #000;  background: #fff;  position: absolute;
    left: -109px; top: 7px; content: '';}
.tl-item:nth-child(8)::before { width: 17px;  height: 17px;   border-radius: 50px;   border: solid 2px #000; background: #fff;  position: absolute;
    left: -109px;  top: 7px;  content: '';}
.tl-item:nth-child(9)::before { width: 17px; height: 17px; border-radius: 50px;  border: solid 2px #000; background: #fff;  position: absolute; left: -109px;
    top: 7px;  content: '';}
.tl-item:nth-child(10)::before {    width: 17px;    height: 17px;    border-radius: 50px;    border: solid 2px #000;    background: #fff;
    position: absolute;    left: -109px;   top: 7px;    content: '';}
.tl-item:nth-child(11)::before {    width: 17px;    height: 17px;    border-radius: 50px;    border: solid 2px #000;    background: #fff;   position: absolute;  left: -109px;
    top: 7px;   content: '';}
.tl-item:nth-child(12)::before {    width: 17px;   height: 17px;    border-radius: 50px;    border: solid 2px #000;    background: #fff;
    position: absolute;    left: -109px;    top: 7px;    content: '';}
.tl-item:last-child::after{display: none;}
.item-detail{font-size:12px;}
.timestamp {color: #050505;  position: absolute;  width: 60px;  left:-190px; text-align: right;  font-size: 12px;}
.termical-line{position: relative;}
.termical-line {position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  min-height:33px;}
.termical-line::before {position: absolute; width: 80px;
height: 1px;  background: #0C8AE4;  left: -86px;  top: 16px;  content: '';}
.fl-icon{display: inline-block; width:20px; height:20px;}
.flight-duration {position: relative; left: -87px;  top:10px;}
.begge-ui{border-left:solid #0C8AE4 1px; margin-top:25px; margin-bottom:25px; padding: 0 0 0 20px;}
/* timeline css start  */
.sharelink{padding: 0px; margin: 0px;}
.sharelink li{list-style: none;}
.sharelink li a{width: auto!important;}
.sharelink li a span {display: inline-block; width: 28px; text-align: left;}
.sharelink li a span i{margin: 0px;}
.fldireaction{display: none;}
.flightfilter{width:49.5%;}
.teriff-p-title {display: block; color:#0C8AE4 !important; font-size: var(--betafont); text-transform: uppercase;  font-weight: 600; margin: 8px 0px 8px;}
ul.list-bullet {margin:0 0 0 15px;  padding: 0; color:#050505;  font-size:14px; font-weight: 500; line-height: 12px;}
ul.list-bullet li { list-style:circle;    position: relative;    text-transform: uppercase;    margin-bottom: 6px;    font-weight: normal;
    line-height:16px;}
.search-fl-metadetail { width: 100%;  padding: 14px 0 0 10px;}
.fl-class, .fl-traveller, .fl-seat { display: flex; align-items: center; color:#050505; font-weight:normal; font-size:14px;}
.economicStand-border{padding:15px; border-radius:15px; margin:10px 15px 10px 15px; box-shadow: 0px 0px 9px #cdcdcd;}
.economicStand-border .accordion-button { padding: 0px 0 0 10px; color:#000; font-size:15px; font-weight: 500;  background-color: transparent;}
.economicStand-border .accordion-button:not(.collapsed) {color:#000; background-color:transparent; box-shadow:none;}
.economicStand-border .accordion-button:focus {z-index: 3; outline: 0; box-shadow:none;}
.economicStand-border .accordion-button::after {margin: 0 0 0 10px;}
.book-teriff { align-items: center; display: flex; font-size: 18px; color: #000; font-weight: 700;  gap: 15px;}
.book-ter-ico, .hotel-cart-ico {    background-color:var(--color-blue);    height: 44px;
    width: 44px;    flex: 0 0 44px;    max-width: 44px;    display: block;    border: 1px solid var(--primary-color);    display: flex;
    justify-content: center;    align-items: center;    color: #fff;    font-size: 19px;    border-radius: 10px;}
.tariffarie-bg {    background:#cbeaff;    border-radius: 10px;    align-items: center;    padding: 0px 5px 0 0;}
.fl-name-details {    background-color:#ecf2fc;    padding: 6px;    border-radius: 3px;}
.time-period{    color:#000;    font-size:15px;    font-weight:700;}
.fare-rule-dtl-1 {    padding: 6px;    color:#050505;    font-weight:500;    font-size:14px;}
.rule-terms {    background-color: #ecf2fc;    color: #050505;    padding: 8px;    border-radius: 3px;    margin: 20px 0 0 0;}
.rule-terms p {    font-size: 14px;    line-height: 20px;    margin-bottom: 0;    font-weight: normal;}
.selecteconomy .form-select {    padding: 0px 0 0 10px;    font-size: 12px;    background-position: right 8px center;    background-size: 12px;   width: 153px;
       margin-right: 10px;    height: 30px;    border-radius: 20px;    box-shadow: 0px 3px 6px #00000080; border: 0;}
.prtition-border {    gap: 15px;    align-items: center;}
.prtition-border .slectfilight-ui:first-child{border-right: solid 1px var(--color-blue);}
.soloflight .flight-find {position: relative;  margin:12px 0 0 0;}
.addcityborder{border-top: #008aeb 1px solid; margin: 10px 0 0 0; padding:0px;}
.addcityborder .delete-traverls {    color:#F46D00;    font-size: 14px;    position: relative;    top: -9px;
    background: #fff;    display:inherit;    float: right;    align-items: inherit;    gap: inherit;}
.addcityborder .delete-traverls:hover{color: #000000;}
.economy-Premium .flight-detail-ui {    width: 100%;    margin: 0px 0 0px 0;    position: relative;    border-radius: 20px;
    overflow:inherit;    background: #fff;    box-shadow: 0px 3px 6px #00000080;}
.economy-Premium {    padding:0px;    margin: 0px;    background:#fff;    border-radius:20px;    width: 130px;    position: relative;}
.economy-Premium .flight-detail-ui .premium-btn {    width: 100%;    font-family: 'Gotham Pro';
    border: 0px;    outline: none;    text-align: left;    font-weight: bold;    border: 0px;    padding: 0 0 0 10px;    border-radius: 40px;    background: #fff;
    color: #0C8AE4;    height: 30px;    position: relative;    z-index: 999;}
.economy-Premium .flight-detail-ui .premium-btn i {    position: absolute!important;    right:9px!important;    top: 9px!important;   color: #000000;}
.economy-Premium .flight-detail-ui .dropdown-menu.show {    position: absolute!important;    border:0px;    padding:19px 10px 0px 10px;    top: 15px!important;
    width: 130px;    min-width: auto;    border-radius: 0px 0px 20px 20px;    overflow: hidden; z-index: 99;}
.economy-Premium .select-travelers {    padding: 13px 0 0 0;    outline: none;    border-top: solid #000 1px;}
.fat-btn {    background: #F46D00;    border: 0px solid #098AE4;    border-radius: 50px;    font-size: 12px;    color: #fff;    font-family: 'Gotham Pro';
    font-weight: 400;    display: block;    text-align: center;    line-height: 20px;    padding:2px 0 2px 0;    margin-bottom:15px;}
.fat-btn:hover{background: #008aeb; color:#fff;}
.economy-Premium .flight-detail-ui .premium-btn.show i{
transform: rotate(180deg);}
.toptabingbar{padding: 0 0 12px 0;}
.toptabingbar .opzioni-check{margin:5px 0 0 15px;}
.toptabingbar .multitab{ margin-right:75px;}
.soloflight .add-traverls {margin-top: -5px;  margin-bottom: 5px;}
.multifilsty-find .slectfilight-ui:last-child{padding-left: 10px;}
.singlesite-flight .flight-find {margin: 0px 0 0 0px;}
.singlesite-flight .single-date-ui:last-child {padding:0px 0 0 10px;}
.singlesite-flight .single-date-ui:last-child .flight-icon{margin-top:1px;}
.singlesite-flight .single-date-ui{padding:6px 0 5px 10px; margin:5px 0 0 0;}
.singlesite-flight .slectfilight-ui {padding:14px 0 14px 0;}
.singlesite-flight .fltSwipCircle .changelocation {top:0px;}
.singlesite-flight .fltSwipCircle {height:38px;}
.singlesite-flight .multifilsty-find {padding: 0px 0 0 5px; align-items: center;}
.singlesite-flight .single-date-ui .gma {margin: 0px 0 0px 0px;}
/*.multiflight-tab .row.w-100{border-bottom:solid 1px var(--color-blue1); padding: 0 0 10px 0!important; margin-bottom:10px!important;} */

.multiflight-tab .row.w-100:nth-child(2){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(3){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(4){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(5){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(6){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(7){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(8){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.multiflight-tab .row.w-100:nth-child(9){border-top:solid 1px var(--color-blue1); padding:0px 0 0px 0!important; margin-top:5px!important;}
.flight-book-ui .opzioni-check {margin-bottom: 12px;}
.delete-traverls.disabled{color:#A2ABB1; cursor:not-allowed;}

.auto-result {font-size: 13px; color: #4a535f; font-weight: 500; padding: 0 0 0 0; margin: 0 0 0 10px;}
.autocomplet-box2 .autocomplet-list {padding: 8px 0 8px 10px;  margin-bottom: 0;}
.autocomplet-box2 .city-name-ui label {padding: 0px; margin: 0px 0 2px 0; font-size: 13px; color: #050505; font-family: 'Gotham Pro'; font-weight: 400;}
.autocomplet-box2 .place-icon {width: 22px!important;}
.autocomplet-box2 .icon-plane-up::before {color:var(--color-blue); font-size:var(--font-20rem);}
.autocomplet-box2 .icon-plane-up {transform: rotate(90deg);}
.autocomplet-box2 .place-icon{color:var(--color-blue);}
.autocomplet-box2{height:250px;}
.flight-find-ui {padding:2px 10px 4px 10px;}
.disabled{color:#E4E4E4; cursor:not-allowed;}
.disabled::placeholder{color:#E4E4E4;}
.disabled::-webkit-input-placeholder {color:#E4E4E4;}
.disabled::-moz-placeholder {color:#E4E4E4;}
.disabled::-ms-input-placeholder {color:#E4E4E4;}
.disabled:-moz-placeholder {color:#E4E4E4;}
.flight-search .flight-detail-ui{position: relative; margin: inherit;}

.flight-search .flight-detail-ui .premium-btn {height: 30px;}
.flight-search .flightopnizioni-search {margin: 0px 0 0 0; align-items: center;  justify-content: center;}
.flitefilter{position: relative; transform: translateX(0%)!important;}
.flitefilter .middle-left-part-ui{max-width: 100%;}

.addpasenger-ui {display:flex; min-height:0; padding-left:0;  margin-bottom:0; align-items: center;}
.addpasenger-ui input.form-check-input {border: 1px solid #d5d9dc; width: 15px; height: 15px; border-radius: 0px; position: relative; top: 0px;  margin: 0px;}
.addpasenger-ui label {margin: 0px 0 0 5px; width: auto;}
.addpasenger-ui .form-check-input:checked {background-color: #F46D00; border-color: #F46D00;}
.flight-search{padding-top:17px; padding-bottom: 8px;}
.flighttab-ui{padding-bottom:13px;}
.flight-detail-list{width: 100%; padding: 0px; margin: 0px; display: flex; flex-direction: column; position: relative;}
.flight-detail-list .accordion-button { width: 100%;  padding: 0px; color: #F46D00; font-weight: 500; font-size: 12px;  background-color: transparent;
box-shadow: none;}
.flight-detail-list .accordion-button:focus{box-shadow: none;}
.flight-detail-list .accordion-button::after {flex-shrink: 0; width: 1rem; background-size: 1rem; margin-left: 8px;
top:-1px;  position: relative; height: 15px;}
.flight-detail-list .accordion{padding:0px 10px 0 15%; margin: 0px; display: flex; justify-content: space-between;}
.flight-detail-list .accordion .accordion-item {padding: 0px; margin: 0px; border-radius:0px;  border:0px;  
background:transparent;}
/* .show-flightdesigtn{position: absolute; width: 100%; left: 0px; top: 25px;} */
.show-flightdesigtn { position: absolute; width: 863px;  left: -37px;  top: 30px;}

/*----------tooltip css***********/
.tooltip-wrapper { display: flex; justify-content: center;  align-items: center;  padding: 0px; background: rgba(255, 255, 255, 0.03);
border-radius: 1rem;  box-shadow: none; outline: none;  border: 0;}
.tooltip { position: absolute; bottom: calc(100% + 10px);  left: 50%; transform: translateX(-50%);  padding: 8px;   border-radius: 0.5rem;
font-size: 13px; color: white;  opacity: 0;  visibility: hidden;  transition: all 0.3s ease;  z-index: 10; text-align: center;  width: 190px;}
.tooltip::before { content: ''; position: absolute;  top: 100%;  left: 50%; transform: translateX(-50%);  border: 8px solid transparent;}
.tooltip-trigger:hover .tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-5px);  width: 190px; white-space: normal;}
/* Magnetic Tooltip */
.magnetic .tooltip {background:#0C8AE4;}
.magnetic .tooltip::before {border-top-color:#0C8AE4;}
.magnetic-border {position: absolute; inset: -2px;  border: 2px solid #0C8AE4;  border-radius: 0.5rem;  opacity: 0;  animation: magnetic 1.5s ease infinite;}
.tooltip-trigger {border: 0px; background: transparent; color: #0C8AE4 !important; padding:0px;    margin:0px;}

.flightfindinbox .flight-serch-input{width: 100%!important;}
.compagnia-aerea.flightfindinbox .dropdown-menu.show {padding: 7px 0 11px 0!important;
border-radius: 10px!important; top: inherit!important; margin: 34px 0 0 0px!important; width:84%!important;}
.flight-terminal:last-child .autocomplet-list:last-child{border: 0;}
.compagnia .compagnia-aerea.flightfindinbox .dropdown-menu.show{right:inherit!important;}
.right-inherit{right:inherit!important;}

.loadermore{display: flex; flex-wrap: wrap;}
.flist-lista .accordion-body{padding: 0;}
.flist-lista .accordion{padding: 0; border:0px; border-radius: 0; border-color: transparent;}
.flist-lista .accordion {--bs-accordion-border-color:inherit; --bs-accordion-border-width:inherit; --bs-accordion-border-radius:inherit;
--bs-accordion-inner-border-radius:inherit;     --bs-accordion-bg:transform; }
.flight-detail-ui-section {margin-top: 30px; margin-bottom: 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.notification-modal .modal-content {padding: 20px 20px 20px 20px;}
.notification-modal .modal-content p {    font-size: 14px;    line-height: 24px;    margin-bottom: 15px;    word-break: break-all;}
.go-ui-return-ui{display: flex; flex-direction: column; font-size: var(--font-14rem); font-weight: 500; line-height: 16px; gap:15px; margin-top: 10px;}  
.right-request-ui .save-btn {padding:6px 32px;}
.visualizza-ui{padding: 0px; margin: 0px;}

.bagagli-btn {padding: 6px 60px; height: auto; font-size: 14px; margin-right: 0;}
.checkoutdetails .flight-detail-list {width:auto;}
.checkoutdetails .flight-detail-list .accordion {padding:0px 10px 0 35px;}
.checkoutdetails .flist-lista {position: relative; left: 0px; width: 100%; top:20px; box-shadow:none; border-radius: 0px 0px 20px 20px; background: #fff; padding: 0px 24px 0px 78px;}
.checkoutdetails .flight-detail-ui-section {margin-top:0px;}

/* .hotel-datepicker-main{display: none;} */
.traveldate .single-date-ui .hotel-datepicker-main {top:45px;}
.traveldate  .single-date-ui:last-child .hotel-datepicker-main {top:50px; }
.traveldate  .single-date-ui:last-child {padding: 16px 0 0 0; margin: 0px 0 0 0px; position: relative;}
.soloflight .single-date-ui .hotel-datepicker-main {top: 45px;}
.checkoutdetails .terminal-di {float: left; padding: 10px 12px 10px 12px;}
.bdr2{border-top: solid 1px #008aeb; opacity: 1;}
.torino-ui {padding: 0 0 0 25px; display: flex; flex-direction: column; gap: 20px;}
.torino-ui-section{padding:0px;}
.torino-ui-section:last-child{margin-top: 15px;}
.torino-ui .inclusi-view p{font-size: 12px;}
.torino-ui .inclusi-view .pricse {padding: 0px; margin: 0px; font-size: 18px; color: #0C8AE4; font-family: 'Gotham Pro'; font-weight: 500;}


.pas-service-title {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    padding: 15px 0 10px;
    border-bottom: 1px solid #707070;
    letter-spacing: 1px;
}

.pas-ser-name {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 8px;
}

.pas-ser-code {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 8px;
}

.pas-ser-price {
    flex: 0 0 10%;
    max-width: 10%;
    text-align: right;
}

.pas-select {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 8px;
}

.fl-seg {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 8px;
}

.seg-dtl {
    flex: 0 0 40%;
    max-width: 40%;
    font-size: 11px;
}

.checkbox-custom {
    position: relative;
    padding-left: 22px;
}

.list-unstyled .p-0 .m-0 .li {
    padding-bottom: 12px;
}

.pas-add-service {
    box-shadow: 0 1px 10px rgb(0 0 0 / 16%);
}

.pas-add-service-title {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 15px 0 10px;
    border-bottom: 1px solid #707070;
    letter-spacing: 1px;
}

.pas-add-right {
    width: 100%;
}

.pas-seg-con {
    justify-content: flex-end;
    padding-bottom: 11px;
    align-items: center;
}


.pas-serv-row {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
}

.pas-add-service-detail {
    font-size: 11px;
}

.service-name {
    color: #0d8ae4;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}

.pas-add-service-detail .pas-ser-code {
    font-weight: 500;
    text-transform: uppercase;
}

.pas-ser-seg {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 8px;
}

.pas-add-service {
    border-radius: 2px;
}

.pas-add-detial {
    display: flex;
    justify-content: flex-end;
    border-radius: 2px;
    /* padding: 24px 16px; */
    margin: 16px 0;
    color: #000;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.16);
}

.pas-short {
    flex: 0 0 24px;
    max-width: 24px;
    text-align: center;
}

.seg-short {
    flex: 0 0 32px;
    max-width: 32px;
    text-align: center;
}

.pas-price {
    flex: 0 0 24px;
    max-width: 24px;
    text-align: center;
}

.checkbox-custom.no-text {
    padding-left: 0;
}

.seg-name-short, .pas-name-short { border: 1px solid #707070; width: 19px; display: inline-block;
border-radius: 3px; line-height: 18px; font-size: 11px; font-weight: 500; color: #707070; text-align: center;}
.pas-name-short {color: rgba(13, 138, 228, 0.8); border-color: rgba(13, 138, 228, 0.8);}
.pas-seg-select {justify-content: flex-end;  padding-bottom: 16px;  align-items: center;}
.pas-seg-select:last-child { padding-bottom: 0;}
.pas-seg-select select.form-select { margin-left: 12px; width: 300px;}
.pas-ser-selection {padding: 16px 0;}
.btn-cancel-ssr { margin-left: 12px;}
.flightbookigconfrm{padding-top: 40px; padding-bottom: 35px;}
.flightbookigconfrm .row{margin-right: 0px;}
.flightbookigconfrm .chieck-right-section{padding-right: 50px;}
.credito-ui{margin-top: 20px;}
.credito-ui p{line-height: normal; font-size: 14px; font-weight: 500; color: var(--text-seffron);}
.credito-ui p:last-child{line-height: normal; font-size: 14px; font-weight:400; color:#000; margin-top:5px!important;}
.flt-passengerdetail {padding-left: 18px; line-height: 26px;}
.flt-passengerdetail .w-50 {gap: 7px; display: flex; flex-direction: column;}
.fltpasenger-ui .guest-title {margin: 0 0 12px 0;}
.fltpasenger-ui{margin:0px 0 25px 0; padding: 0px;}
.fltpasenger-ui:last-child{margin:0px 0 0px 0; padding: 0px;}
.flt-passengerdetail .row { margin-left: 0px; border: 0;}
.fltfair{font-size: var(--font-28rem)!important;}
.flt-go-return {border-top: solid var(--color-blue) 1px; padding-left: 42px; margin: 0px 0 0 0;}
.volo-flight{padding: 35px 70px 0 70px; margin-bottom:20px;}
.flt-go-return .flight-detail-ui-section {justify-content: flex-start;}

.fltdiscount{padding:25px 0 25px 0;}
.effettuato {
    padding-right: 35px;
    line-height: 16px;
}
.effettuato .right-sign { position: absolute; right: 0;}

.luned-andanta{margin-top: 20px; position: relative; padding:0 0 0 25px;}
.luned-andanta::before{width: 16px; height: 11px; content: ''; background:#F46D00; position: absolute; left: 0; top: 1px;}
.luned-andanta span{margin-right:30px; font-weight: bold;}
.luned-andanta strong{margin-left:7px;}
.luned-andanta:last-child p{padding: 0; margin: 0;}

.terminal-di2 {color: #F46D00; border: 1px solid #F46D00; padding: 10px 8px 10px 8px;  border-radius: 10px;
    font-size: 12px;  font-weight: 400; 
    display: inline-block;}

.checkinright{padding-right:0px;}
.checkinright .oralink {width: 100%;}
.grow{flex:0 0 150px;}
.travelbag{line-height: 22px;}
.retun-section-ui{border-top:solid var(--color-blue) 1px; margin-top: 25px; padding-top: 10px;}
.retun-section-ui .row:not(:nth-child(1)){margin-top:20px;}
.pagamento-ui{line-height: 24px;}
.fattura{align-self:flex-end;}
.white-bg{background: #fff;}
.riturn-andata-ui span{margin-top:5px;}











/* -------------------------------------------------
Chapter 1 Supplimentary Style
------------------------------------------------- */
:root {
    --font-femto: 8px;
    --font-pico: 9px;
    --font-nano: 10px;
    --font-micro: 11px;
    --font-uxs: 12px;
    --font-xs: 14px;
    --font-sm: 16px;
    --font-md: 18px;
    --font-lg: 20px;
    --font-xl: 22px;
    --font-2xl: 24px;
    --font-3xl: 26px;
    --font-4xl: 28px;
    --font-5xl: 30px;
    --font-6xl: 32px;
}

/* MD */
@media (min-width: 768px) {
    :root {
        --font-femto: 9px;
        --font-pico: 10px;
        --font-nano: 11px;
        --font-micro: 12px;
        --font-uxs: 13px;
        --font-xs: 15px;
        --font-sm: 17px;
        --font-md: 19px;
        --font-lg: 21px;
        --font-xl: 23px;
        --font-2xl: 25px;
        --font-3xl: 27px;
        --font-4xl: 29px;
        --font-5xl: 31px;
        --font-6xl: 33px;
    }
}

/* LG */
@media (min-width: 992px) {
    :root {
        --font-femto: 10px;
        --font-pico: 11px;
        --font-nano: 12px;
        --font-micro: 13px;
        --font-uxs: 14px;
        --font-xs: 16px;
        --font-sm: 18px;
        --font-md: 20px;
        --font-lg: 22px;
        --font-xl: 24px;
        --font-2xl: 26px;
        --font-3xl: 28px;
        --font-4xl: 30px;
        --font-5xl: 32px;
        --font-6xl: 34px;
    }
}

/* XL */
@media (min-width: 1200px) {
    :root {
        --font-femto: 11px;
        --font-pico: 12px;
        --font-nano: 13px;
        --font-micro: 14px;
        --font-uxs: 15px;
        --font-xs: 17px;
        --font-sm: 19px;
        --font-md: 21px;
        --font-lg: 23px;
        --font-xl: 25px;
        --font-2xl: 27px;
        --font-3xl: 29px;
        --font-4xl: 31px;
        --font-5xl: 33px;
        --font-6xl: 35px;
    }
}

/* XXL */
@media (min-width: 1400px) {
    :root {
        --font-femto: 12px;
        --font-pico: 13px;
        --font-nano: 14px;
        --font-micro: 15px;
        --font-uxs: 16px;
        --font-xs: 18px;
        --font-sm: 20px;
        --font-md: 22px;
        --font-lg: 24px;
        --font-xl: 26px;
        --font-2xl: 28px;
        --font-3xl: 30px;
        --font-4xl: 32px;
        --font-5xl: 34px;
        --font-6xl: 36px;
    }
}

.cd_shadow {
    box-shadow: 0px 3px 6px #00000080;
}

.cd_hr_blue,
.cd_hr_blue_dotted {
    border: none;
    opacity: unset;
    margin: calc(var(--font-femto) * 1) 0px;
}

.cd_hr_blue {
    border-top: 1px solid var(--color-blue1);
}

.cd_hr_blue_dotted {
    border-top: 1px dotted var(--color-blue1);
}

@media (min-width: 1200px) {

    .cd_hr_blue,
    .cd_hr_blue_dotted {
        margin: calc(var(--font-femto) * 3) 0px;
    }
}

/* -------------------------------------------------
Chapter 2 Bootstrap Customisation
------------------------------------------------- */
.cd_t_control_wrapper .form-control,
.cd_t_control_wrapper .form-select {
    font-size: var(--font-micro);
    font-weight: 500;
    line-height: unset;
    color: unset;
    border: unset;
    border-radius: unset;
    padding: 3px 6px 3px 0px;
    font-family: 'Gotham Pro';
}

.cd_t_control_wrapper .form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
}

    .cd_t_control_wrapper .form-control:focus,
    .cd_t_control_wrapper .form-select:focus {
        box-shadow: unset;
    }

    .cd_t_control_wrapper .form-control::placeholder,
    .cd_t_control_wrapper .form-select::placeholder {
        color: #A3ABB1;
    }

.cd_t_control_wrapper .input-group-text {
    padding: 0 0 0 3px;
    font-size: var(--font-micro);
    font-weight: unset;
    line-height: unset;
    color: unset;
    border: unset;
    border-radius: unset;
}

/* -------------------------------------------------
Chapter 3 Tempus Dominus Style
------------------------------------------------- */
.tempus-dominus-widget {
    border-radius: var(--font-micro);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    padding: calc(var(--font-sm) * 0.5);
    font-size: var(--font-nano);
    border: solid 1px var(--color-blue1);
}

    .tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight),
    .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
    .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
    .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
    .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
    .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
    .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
    .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
    .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
    .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
    .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
        background-color: var(--color-blue1);
        font-weight: 500;
    }

/* -------------------------------------------------
Chapter 4 Cart Page Style
------------------------------------------------- */

.cd_page_banner_wrapper {
    height: calc(var(--font-femto) * 30);
}

.cd_page_container {
    position: relative;
    margin-top: -150px;
    margin-bottom: calc(var(--font-pico) * 7);
}

.cd_sec_cart {
    z-index: 10;
}

.cd_page_wrapper {
    background-color: #FFFFFF;
    padding: var(--font-sm) 4px 4px 4px;
    border-radius: 4px;
    margin-bottom: var(--font-3xl);
}

.cd_cart_header,
.cd_cart_header_icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--font-uxs);
    font-weight: 900;
    text-transform: uppercase;
    /* color: var(--color-blue1); */
    margin-bottom: var(--font-sm);
}

.cd_confirm_button {
    margin-bottom: var(--font-sm);
}

.cd_cart_header {
    font-size: var(--font-sm);
}

.cd_cart_header_icon {
    font-size: var(--font-3xl);
}

.cd_cart_item_wrapper {
    box-shadow: 3px 3px 6px #02020259;
    border: solid 1px #A2ABB1;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: var(--font-lg);
}

.cd_h_cart_data {
    padding: var(--font-xs);
    box-shadow: 0px 3px 6px #02020259;
}

.cd_h_cart_meta_box {
    padding: var(--font-xs);
    display: flex;
    flex-direction: column;
    gap: var(--font-sm);
}

.cd_h_cart_meta_left,
.cd_h_cart_meta_right {
    flex: 1 1 49%;
}

.cd_h_meta_title {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
    font-weight: 500;
    color: var(--color-blue1);
    margin-bottom: var(--font-sm);
}

.cd_h_cart_meta_left p,
.cd_h_cart_meta_right p,
.cd_h_cart_meta_left td,
.cd_h_cart_meta_right td,
.cd_h_cart_meta_left th,
.cd_h_cart_meta_right th {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
}

.cd_h_cart_meta_left p,
.cd_h_cart_meta_right p,
.cd_h_cart_meta_left table,
.cd_h_cart_meta_right table {
    margin-bottom: var(--font-femto);
}

.cd_h_cart_meta_left hr,
.cd_h_cart_meta_right hr {
    border-color: var(--color-blue1);
}

.cd_cart_item_title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--font-femto);
    font-size: var(--font-uxs);
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: var(--font-xs);
    background-color: var(--color-blue1);
    padding: var(--font-femto) calc(var(--font-femto) * 2);
    border-radius: 10px;
}

.cd_h_cart_box {
    display: flex;
    flex-direction: column;
}

.cd_h_cart_left {
    display: flex;
    flex-direction: column;
    gap: var(--font-xs);
    flex: 1;
    padding-bottom: var(--font-xs);
}

.cd_h_cart_right {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: solid 1px var(--color-blue1);
    padding-top: var(--font-xs);
    gap: var(--font-xs);
}

.cd_h_cart_thumb {
    flex: 0 0 calc(var(--font-femto) * 19);
    border-radius: 10px;
    overflow: hidden;
}

    .cd_h_cart_thumb img,
    .cd_page_banner_wrapper img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* contain-width & cover-height */
        object-position: center center;
    }

.cd_h_main_datails {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--font-xs);
}

.cd_h_main_top {
    display: flex;
    flex-direction: column;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_h_sub_datails {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_h_main_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.cd_h_badge .badge {
    font-size: var(--font-nano);
    line-height: var(--font-uxs);
    font-weight: 500;
    color: #FFFFFF;
    background-color: var(--color-blue1);
    padding: calc(var(--font-xs) * 0.5) var(--font-xs);
    text-transform: capitalize;
}

.cd_h_cart_decision_box,
.cd_cout_decision_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cd_h_cart_decision_box {
    align-items: flex-end;
}

.cd_cout_decision_box {
    align-items: center;
}

.cd_h_cart_price {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cd_h_value,
.cd_h_value_final {
    font-weight: 700;
    color: var(--color-blue1);
}

.cd_h_value {
    font-size: var(--font-sm);
    line-height: var(--font-md);
}

.cd_h_value_final {
    font-size: var(--font-lg);
    line-height: var(--font-xl);
}

.cd_h_tax_info {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
    color: #050505;
}

.cd_h_cart_delete {
    font-size: var(--font-xl);
    color: #F46D00;
    cursor: pointer;
}

.cd_h_name {
    font-size: var(--font-xs);
    line-height: var(--font-md);
    color: var(--color-blue1);
    font-weight: 500;
}

.cd_h_star {
    font-size: calc(var(--font-uxs) * 0.5);
    line-height: calc(var(--font-sm) * 0.5);
    margin-top: 2px;
}

    .cd_h_star .active {
        color: #FFDB14;
    }

    .cd_h_star .inactive {
        color: #C4CAD0;
    }

.cd_h_address {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
    margin-top: 2px;
}

.cd_h_cart_info_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-sm) * 0.5);
}

    .cd_h_cart_info_box i {
        text-align: center;
        font-size: var(--font-micro);
        width: var(--font-sm);
    }

.cd_h_sub_datails .cd_h_cart_info_box {
    flex: 1 1 48%;
}

.text-blue1 {
    color: var(--color-blue1);
}

.text-green {
    color: #03AF7B;
}

.cd_h_cart_date {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--font-femto);
    font-size: var(--font-nano);
    line-height: var(--font-uxs);
    font-weight: 500;
}

.cd_h_cart_room,
.cd_h_cart_pax,
.cd_h_cart_night,
.cd_h_cart_condition {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
    font-weight: 500;
}

.cd_h_cart_services {
    font-size: var(--font-femto);
    line-height: var(--font-nano);
}

.cd_h_collapse_call,
.cd_v_collapse_call {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: var(--font-femto);
    line-height: var(--font-nano);
}

    .cd_h_collapse_call span,
    .cd_v_collapse_call span {
        color: #F46D00;
        font-weight: 500;
        text-transform: capitalize;
    }

    .cd_h_collapse_call i,
    .cd_v_collapse_call i {
        color: #000;
        transition: transform 0.3s ease;
    }

    .cd_h_collapse_call[aria-expanded="false"] i,
    .cd_v_collapse_call[aria-expanded="false"] i {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }

    .cd_h_collapse_call[aria-expanded="true"] i,
    .cd_v_collapse_call[aria-expanded="true"] i {
        transform: rotate(180deg);
    }

.cd_v_cart_left {
    display: flex;
    flex-direction: column;
    gap: var(--font-xs);
    flex: 1;
    padding-bottom: var(--font-xs);
}

.cd_v_cart_way_wrapper {
    /* box-shadow: 5px 5px 6px #00000059; */
    /* not looks good */
    border: 1px solid var(--bs-gray-400);
    border-radius: 10px;
    overflow: hidden;
}

.cd_v_cart_way,
.cd_conf_cart_way {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cd_conf_cart_way {
    margin-bottom: var(--font-lg);
}

.cd_conf_left .cd_conf_cart_way:last-child {
    margin-bottom: 0;
}


.cd_v_cart_way {
    padding: var(--font-xs);
    box-shadow: 0px 3px 6px #02020259;
}


.cd_v_main_top {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cd_v_main_bottom {
    display: flex;
    justify-content: flex-end;
}

.cd_v_main_left {
    padding-right: var(--font-xs);
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex: 0 0 30%;
}

.cd_v_main_right {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--font-xl);
}

.cd_v_indicator {
    width: var(--font-lg);
    height: var(--font-uxs);
    background-color: #F46D00;
    border-radius: 2px;
}

.cd_v_airport_data {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cd_v_way_label {
    font-size: var(--font-uxs);
    line-height: var(--font-xs);
    font-weight: 500;
    color: var(--color-blue1);
    text-transform: uppercase;
}

.cd_v_airport_name {
    font-size: var(--font-uxs);
    line-height: var(--font-xs);
    font-weight: 500;
}

.cd_v_airport_data .cd_h_cart_info_box i {
    text-align: left;
    width: unset;
}

.cd_v_journey_start,
.cd_v_journey_end {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .cd_v_journey_start .time,
    .cd_v_journey_end .time {
        font-size: var(--font-nano);
        line-height: var(--font-uxs);
        font-weight: 900;
    }

    .cd_v_journey_start .iata_code,
    .cd_v_journey_end .iata_code {
        width: 50px;
        font-size: var(--font-uxs);
        line-height: var(--font-xs);
        text-transform: uppercase;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

.cd_v_journey_stop {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex: 1;
}

.cd_v_icon {
    font-size: var(--font-sm);
    color: var(--color-blue1);
}

.cd_v_timeline_info {
    flex: 1;
    position: relative;
    text-align: center;
}

.cd_v_total_time {
    font-size: var(--font-femto);
    margin-bottom: 4px;
}

.dotted-line {
    border-top: dotted 2px #A2ABB1;
    height: 1px;
    width: 100%;
}

.cd_v_total_stops {
    font-size: var(--font-femto);
    margin-top: 4px;
}

.cd_v_cart_meta_box {
    padding: var(--font-xs);
    display: flex;
    flex-direction: column;
}

.cd_v_cart_meta_left {
    padding-right: 0;
    padding-bottom: var(--font-xs);
    flex: 1;
}

.cd_v_cart_meta_right {
    border-top: solid 1px var(--color-blue1);
    padding-top: var(--font-xs);
    display: flex;
    flex-direction: column;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_v_flight_row {
    position: relative;
    display: flex;
    align-items: stretch;
}

.cd_v_vertical_line,
.cd_v_vertical_line_none {
    margin-right: -25px;
    width: 25px;
}

.cd_v_vertical_line {
    border-right: solid 2px #000;
}

.cd_v_vertical_line_none {
    border-right: solid 2px transparent;
}

.cd_v_flight_time {
    display: flex;
    flex-direction: column;
    color: var(--color-blue1);
    text-align: right;
}

.cd_v_flight_time {
    width: 50px;
}

.cd_v_connection_vaccume {
    width: 75px;
    border-right: solid 2px #000;
}

.cd_v_seperator_line {
    border-top: solid 2px var(--color-blue1);
    width: 30px;
    margin-top: 7px;
}

.cd_v_flight_time .cd_v_time {
    font-size: var(--font-nano);
    font-weight: 500;
}

.cd_v_flight_time .cd_v_date {
    font-size: var(--font-femto);
}

.cd_v_flight_icon_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cd_v_flight_icon {
    width: 28px;
    text-align: center;
    margin-left: 10px;
    color: var(--color-blue1);
    font-size: 20px;
    line-height: 20px;
    background-color: #FFFFFF;
}

.cd_v_flight_details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: 6px;
}

.cd_v_airport_details {
    display: flex;
    flex-direction: column;
}

.cd_v_airport {
    font-size: var(--font-femto);
}

.cd_v_terminal {
    font-size: var(--font-femto);
    color: #F46D00;
}

.cd_v_airline_logo {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

    .cd_v_airline_logo img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* contain-width & cover-height */
        object-position: center center;
    }

.cd_v_airline {
    font-size: var(--font-femto);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.cd_v_connection {
    display: flex;
    flex-direction: row;
    gap: 18px;
}

.cd_v_duration {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: var(--font-femto);
    padding: 10px 0px;
}

.cd_cart_total_wrapper {
    box-shadow: 0px 3px 6px #00000080;
    border-radius: 30px;
    padding: var(--font-xs);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: var(--font-uxs);
}

.cd_cart_total {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--font-4xl);
}

.cd_cart_total_title {
    font-size: var(--font-sm);
    font-weight: 700;
    text-transform: uppercase;
}

.cd_cart_action button {
    border-radius: 20px;
    background-color: #F46D00;
    padding: calc(var(--font-xs) * 0.5) var(--font-xs);
    font-size: var(--font-nano);
    font-weight: 500;
    color: #FFFFFF;
}

@media (min-width: 768px) {

    .cd_page_container {
        margin-top: -200px;
    }

    .cd_page_wrapper {
        padding: calc(var(--font-femto) * 2) calc(var(--font-pico) * 4);
        border-radius: 30px;
        box-shadow: 0px 0px 15px #00000080;
    }

    .cd_h_cart_left {
        flex-direction: row;
    }

    .cd_v_main_top {
        flex-direction: row;
        gap: unset;
    }

    .cd_v_main_right {
        border-left: solid 1px var(--color-blue1);
        padding-left: var(--font-xs);
    }

    .cd_v_flight_time {
        width: 100px;
    }

    .cd_v_connection_vaccume {
        width: 125px;
    }

    .cd_v_seperator_line {
        width: 90px;
    }

    .cd_cart_total_wrapper {
        flex-direction: row;
        gap: unset;
    }

    .cd_v_journey_start .iata_code,
    .cd_v_journey_end .iata_code {
        width: 60px;
    }
}

@media (min-width: 992px) {
    .cd_h_cart_box {
        flex-direction: row;
    }

    .cd_h_main_datails {
        padding-right: var(--font-xs);
    }

    .cd_h_cart_left {
        padding-bottom: 0;
    }

    .cd_h_cart_right {
        padding-left: var(--font-xs);
        padding-top: 0;
        border-top: none;
        border-left: solid 1px var(--color-blue1);
    }

    .cd_h_sub_datails {
        flex-direction: column;
        flex-wrap: unset;
    }

        .cd_h_sub_datails .cd_h_cart_info_box {
            flex: unset;
        }

    .cd_h_cart_meta_box {
        flex-direction: row;
    }

    .cd_v_cart_left {
        padding-right: var(--font-xs);
        padding-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .cd_page_container {
        margin-top: -250px;
    }

    .cd_page_wrapper {
        padding: calc(var(--font-femto) * 3) calc(var(--font-pico) * 6);
    }

    .cd_v_cart_meta_box {
        flex-direction: row;
    }

    .cd_v_cart_meta_left {
        padding-right: var(--font-xs);
        padding-bottom: 0;
    }

    .cd_v_cart_meta_right {
        border-top: none;
        border-left: solid 1px var(--color-blue1);
        padding-left: var(--font-xs);
        padding-top: 0;
        flex: 0 0 35%;
    }
}

/* -------------------------------------------------
Chapter 5 Train Search Module Style
------------------------------------------------- */

.cd_t_search_box {
    display: flex;
    justify-content: flex-start;
}

.cd_t_search_wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--font-uxs);
}

    .cd_t_search_wrapper.cd_t_vertical {
        box-shadow: 0px 3px 6px #00000080;
        background-color: rgba(12, 138, 228, 0.9);
        width: 100%;
        border-radius: calc(var(--font-micro) * 2);
        margin-top: 10px;
        padding: var(--font-uxs);
    }

.cd_t_sec_search {
    background-color: var(--color-blue1);
    padding: var(--font-lg) 0px;
}

.cd_t_search_wrapper.cd_t_horizontal {
    gap: 0;
}

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_date_box,
    .cd_t_search_wrapper.cd_t_horizontal .cd_t_search_button {
        margin-top: var(--font-uxs);
    }

.cd_t_search_title {
    flex: 0 0 100%;
    order: 0;
    /*-------------*/
    display: flex;
    align-items: center;
    gap: calc(var(--font-sm) * 0.5);
    font-size: var(--font-sm);
    line-height: var(--font-md);
    font-weight: 900;
    color: #FFFFFF;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_search_title {
    display: none;
}

.cd_t_trip_type_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_trip_type_box {
    flex: 0 0 100%;
    order: 1;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_trip_type_box {
    flex: 1;
    order: 1;
}

.cd_t_trip_way {
}

    .cd_t_trip_way input[type="radio"] {
        display: none;
    }

    .cd_t_trip_way label {
        display: inline-block;
        padding: 5px 10px;
        font-size: var(--font-femto);
        line-height: var(--font-nano);
        font-weight: 500;
        color: #ffffff;
        background-color: var(--color-blue1);
        border-radius: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: none;
    }

    .cd_t_trip_way input[type="radio"]:checked + label {
        color: var(--color-blue1);
        background-color: #ffffff;
        box-shadow: 0px 3px 6px #00000080;
    }

.cd_t_search_wrapper.cd_t_horizontal .cd_t_trip_direct {
    margin-right: var(--font-uxs);
}

.cd_t_trip_direct .form-check,
.cd_t_price_check .form-check {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: unset;
    padding-left: unset;
    margin-bottom: unset;
}

.cd_t_trip_direct .form-check-input,
.cd_t_price_check .form-check-input {
    width: var(--font-uxs);
    height: var(--font-uxs);
    border-radius: 0;
    margin-top: unset;
    margin-left: unset;
}

.cd_t_trip_direct .form-check-label,
.cd_t_price_check .form-check-label {
    line-height: unset;
    font-size: var(--font-femto);
    font-weight: 500;
}

.cd_t_trip_direct .form-check-label {
    color: #FFFFFF;
}

.cd_t_price_check .form-check-label {
    color: #050505;
    display: flex;
    flex-direction: column;
}

.condition {
    font-size: var(--font-femto);
    font-weight: 400;
}

.cd_t_city_date_box,
.cd_t_pax,
.cd_t_company,
.cd_t_corporate {
    display: flex;
    background-color: #FFFFFF;
    padding: calc(var(--font-sm) * 0.5);
    border-radius: var(--font-micro);
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_city_date_box {
    flex: 0 0 100%;
    order: 2;
    flex-direction: column;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_city_date_box {
    flex: 0 0 100%;
    order: 3;
    flex-direction: column;
}

.cd_t_city {
    position: relative;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_city {
    flex-direction: column;
    flex: 0 0 60%;
    border-bottom: solid 1px var(--color-blue1);
    display: flex;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_city {
    flex-direction: column;
    border-bottom: solid 1px var(--color-blue1);
    display: flex;
}

.cd_t_city_swap {
    position: absolute;
    font-size: var(--font-uxs);
    color: var(--color-blue1);
    background-color: #FFFFFF;
    z-index: 1;
    margin-right: calc(var(--font-sm) * 0.5);
    cursor: pointer;
}

    .cd_t_city_swap i {
        transition: transform 0.3s ease;
    }

    .cd_t_city_swap:hover i {
        transform: rotate(180deg);
    }

.cd_t_search_wrapper.cd_t_vertical .cd_t_city_swap {
    right: -15px;
    top: calc(50% - 3px);
    transform: translateY(-50%);
    padding: 2px 5px;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_city_swap {
    top: 50%;
    right: 0px;
    transform: translate(-50%, -50%);
    padding: 4px 5px;
    border: solid 1px var(--color-blue1);
    border-radius: 20px;
}

.cd_t_city_departure,
.cd_t_city_arrival {
    display: flex;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_city_departure,
.cd_t_search_wrapper.cd_t_vertical .cd_t_city_arrival {
    flex-direction: column;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_city_departure,
.cd_t_search_wrapper.cd_t_horizontal .cd_t_city_arrival {
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-sm) * 0.5);
    flex: 0 0 50%;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_city_departure {
    border-bottom: solid 1px var(--color-blue1);
    padding-bottom: calc(var(--font-uxs) * 0.5);
    /*4*/
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_date_going {
    border-right: solid 1px var(--color-blue1);
    padding-right: calc(var(--font-uxs) * 0.5);
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date_going {
    border-right: solid 1px var(--color-blue1);
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date_going {
    padding-right: calc(var(--font-sm) * 0.5);
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_city_arrival {
    padding-top: calc(var(--font-sm) * 0.5);
}

.cd_t_date {
    flex: 1;
    width: 100%;
    display: flex;
    margin-top: calc(var(--font-sm) * 0.5);
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_date {
    flex-direction: row;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date {
    flex-direction: row;
}

.cd_t_pax_company_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--font-uxs);
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_pax_company_box {
    flex: 0 0 100%;
    order: 3;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_pax_company_box {
    flex: 0 0 100%;
    order: 2;
    margin-top: var(--font-uxs);
}

.cd_t_pax {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_t_company {
    flex: 1;
}

.cd_t_company,
.cd_t_corporate {
    display: flex;
    flex-direction: column;
}

    .cd_t_company .cd_t_label_wrapper,
    .cd_t_corporate .cd_t_label_wrapper {
        min-height: unset;
    }

.cd_t_promo_box {
    display: flex;
    flex-direction: row;
    gap: var(--font-uxs);
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_promo_box {
    flex: 0 0 100%;
    order: 4;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_promo_box {
    display: none;
}

.cd_t_label_wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 6px;
    color: var(--color-blue1);
    min-height: var(--font-sm);
}

.cd_t_station_icons {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

    .cd_t_station_icons .fa-person-walking-luggage {
        font-size: var(--font-micro);
    }

    .cd_t_station_icons .fa-train {
        font-size: var(--font-sm);
    }

.cd_t_station_icons_wrap {
    color: var(--color-blue1);
}

    .cd_t_station_icons_wrap .cd_t_station_icons .fa-person-walking-luggage {
        font-size: var(--font-xs);
    }

    .cd_t_station_icons_wrap .cd_t_station_icons .fa-train {
        font-size: var(--font-lg);
    }

.cd_t_datetime_icons .fa-calendar-days,
.cd_t_datetime_icons .fa-clock {
    font-size: var(--font-micro);
}

.cd_t_label {
    font-size: var(--font-femto);
    line-height: var(--font-femto);
    font-weight: 500;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_label {
    display: inline;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_label {
    display: none;
}

.cd_t_company .cd_t_label,
.cd_t_passenger_selector .cd_t_label {
    display: inline !important;
}

.cd_t_control_wrapper {
    position: relative;
    margin-top: calc(var(--font-uxs) * 0.25);
    width: 100%;
}

.cd_t_date_going,
.cd_t_date_return {
    display: flex;
    flex-direction: row;
    gap: calc(var(--font-sm) * 0.5);
    flex: 0 0 50%;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_date_return {
    padding-left: calc(var(--font-sm) * 0.5);
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date_return {
    padding-left: calc(var(--font-sm) * 0.5);
}

.cd_t_date_return.cd_t_disabled label {
    color: #A3ABB1;
    pointer-events: none;
}

.cd_t_date_return.cd_t_disabled .form-control,
.cd_t_date_return.cd_t_disabled .form-select {
    pointer-events: none;
    opacity: 0.6;
}

.cd_t_date_return.cd_t_disabled .input-group-text,
.cd_t_date_return.cd_t_disabled select,
.cd_t_date_return.cd_t_disabled input {
    pointer-events: none;
    color: #A3ABB1;
}

    .cd_t_date_return.cd_t_disabled select:disabled,
    .cd_t_date_return.cd_t_disabled input:disabled {
        cursor: not-allowed;
    }

.cd_t_search_wrapper.cd_t_vertical .cd_t_date_picker {
    flex: 0 0 56%;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date_picker {
    flex: 0 0 50%;
}

.cd_t_time_picker {
    flex: 1;
}

.cd_t_date_picker,
.cd_t_time_picker {
    display: flex;
}

.cd_t_search_wrapper.cd_t_vertical .cd_t_date_picker,
.cd_t_search_wrapper.cd_t_vertical .cd_t_time_picker {
    flex-direction: column;
}

.cd_t_search_wrapper.cd_t_horizontal .cd_t_date_picker,
.cd_t_search_wrapper.cd_t_horizontal .cd_t_time_picker {
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_t_passenger_selector {
    display: flex;
    align-items: center;
    gap: calc(var(--font-sm) * 0.5);
}

    .cd_t_passenger_selector .cd_t_label_wrapper {
        min-height: unset;
        align-items: center;
    }

.cd_t_counter_box {
    display: flex;
    align-items: center;
}

.cd_t_decrement,
.cd_t_increment {
    background-color: #DDEDFA;
    border: none;
    padding: 6px 6px;
    cursor: pointer;
    color: black;
    font-size: var(--font-nano);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cd_t_decrement {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cd_t_increment {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cd_t_decrement:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.cd_t_passenger_count {
    width: 30px;
    text-align: center;
    font-size: var(--font-nano);
    border: none;
    background: transparent;
    font-weight: bold;
    pointer-events: none;
}

.cd_t_search_button {
    flex: 1;
    order: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cd_t_btn,
.cd_t_btn_p {
    font-size: var(--font-micro);
    line-height: var(--font-micro);
    min-width: calc(var(--font-pico) * 10);
    padding: 0px var(--font-sm);
    height: calc(var(--font-sm) * 2);
    border: solid 0.5px transparent;
    border-radius: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--font-sm) * 0.5);
}

.cd_t_btn {
    background-color: #F46D00;
}

    .cd_t_btn:hover,
    .cd_t_btn:focus {
        background-color: #FFFFFF;
        color: #F46D00;
        border-color: #F46D00;
    }

.cd_t_btn_p {
    background-color: var(--color-blue1);
}

    .cd_t_btn_p:hover,
    .cd_t_btn_p:focus {
        background-color: #FFFFFF;
        color: var(--color-blue1);
        border-color: var(--color-blue1);
    }

.cd_t_autocomplete_dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: var(--font-micro);
    padding: calc(var(--font-sm) * 0.5);
    z-index: 100;
    font-size: var(--font-nano);
    border: solid 1px var(--color-blue1);
}

.cd_t_city_group {
    padding: 0px 0px calc(var(--font-sm) * 0.5) 0px;
}

    .cd_t_city_group:last-child {
        border-bottom: none;
    }

.cd_t_city_title {
    font-weight: 500;
    font-size: var(--font-micro);
    margin-bottom: 6px;
    color: var(--color-blue1);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .cd_t_city_title:hover {
        background-color: #f5faff;
    }

.cd_t_station_list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .cd_t_station_list li {
        padding: 2px 0;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        transition: background-color 0.2s;
        position: relative;
        padding-left: 20px;
        font-size: var(--font-nano);
        font-weight: 400;
        line-height: 1.6;
    }

        .cd_t_station_list li::before {
            content: "\f238";
            font-family: 'Font Awesome 6 Pro';
            font-weight: 500;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #A3ABB1;
            font-size: var(--font-nano);
        }

        .cd_t_station_list li:hover {
            background-color: #f5faff;
        }

        .cd_t_station_list li i {
            font-size: var(--font-nano);
            color: var(--color-blue1);
        }

@media (min-width: 768px) {

    .cd_t_search_wrapper.cd_t_vertical .cd_t_city_swap {
        right: -5px;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_swap {
        left: calc(50% - 1px);
        right: unset;
        padding: 2px 5px;
        border: unset;
        border-radius: unset;
    }

    .cd_t_search_wrapper.cd_t_vertical {
        width: 70%;
        margin-top: 20px;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_trip_type_box {
        flex: 0 0 40%;
    }

    .cd_t_pax_company_box {
        flex-direction: row;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_pax_company_box {
        flex: 0 0 60%;
        margin-top: unset;
    }

    .cd_t_pax {
        flex: 0 0 60%;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city {
        flex-direction: row;
        border-bottom: unset;
    }

    .cd_t_date {
        margin-top: unset;
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_date {
        flex-direction: column;
        padding-left: calc(var(--font-sm) * 0.5);
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_city_date_box {
        flex-direction: row;
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_date_going {
        border-right: none;
        border-bottom: solid 1px var(--color-blue1);
        padding-bottom: calc(var(--font-uxs) * 0.5);
        padding-right: unset
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_date_return {
        padding-top: calc(var(--font-sm) * 0.5);
        padding-left: unset;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_arrival {
        padding-left: 20px;
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_city {
        border-bottom: unset;
        border-right: solid 1px var(--color-blue1);
        padding-right: calc(var(--font-sm) * 0.5);
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_departure {
        padding-right: var(--font-sm);
        border-right: solid 1px var(--color-blue1);
    }
}

@media (min-width: 992px) {
    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_swap {
        left: calc(50% - 5px);
    }

    .cd_t_search_wrapper.cd_t_vertical {
        margin-top: 30px;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_date_box {
        flex-direction: row;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city {
        flex: 0 0 50%;
        border-right: solid 1px var(--color-blue1);
        padding-right: calc(var(--font-sm) * 0.5);
    }

    .cd_t_search_wrapper.cd_t_vertical .cd_t_promo_box {
        flex: 0 0 calc(74% - var(--font-uxs));
        order: 4;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_date {
        padding-left: calc(var(--font-sm) * 0.5);
    }
}

@media (min-width: 1200px) {
    .cd_t_search_wrapper.cd_t_vertical {
        width: 50%;
        margin-top: 40px;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_pax_company_box {
        flex: 0 0 40%;
    }

    .cd_t_search_wrapper.cd_t_horizontal .cd_t_city_date_box {
        flex: 0 0 80%;
    }
}

@media (min-width: 1400px) {
    .cd_t_search_wrapper.cd_t_vertical {
        margin-top: 50px;
    }
}

/* -------------------------------------------------
Chapter 6 Train List Page Style
------------------------------------------------- */
.cd_t_sec_list {
    background: transparent url('../images/raggruppa_1270.svg') 0% 0% no-repeat padding-box;
    padding-bottom: 1px;
}

.cd_list_page_wrapper {
    background-color: #FFFFFF;
    margin-bottom: var(--font-4xl);
}

.cd_list_page_wrapper2 {
    box-shadow: 0px 0px 6px #00000080;
    padding: calc(var(--font-femto) * 2);
    border-radius: calc(var(--font-micro) * 2);
    background-color: #FFFFFF;
    margin-bottom: var(--font-4xl);
}

.cd_t_list_box {
    box-shadow: 5px 5px 6px #00000059;
    background-color: var(--color-blue1);
    padding: var(--font-nano);
    display: flex;
    flex-direction: column;
    gap: var(--font-nano);
}

.cd_t_list_header_box {
    border-radius: var(--font-micro);
    box-shadow: 5px 5px 6px #00000059;
    background-color: var(--color-blue1);
    margin-bottom: var(--font-nano);
}

.cd_t_list_item {
    background: #fff;
    border-radius: calc(var(--font-micro) * 0.5);
    overflow: hidden;
}

.cd_t_list_item_data {
    display: flex;
    flex-direction: column;
    gap: calc(var(--font-femto) * 0.5);
    padding: var(--font-uxs);
    box-shadow: 5px 5px 6px #00000059;
}

.cd_t_list_item_metadata {
}

.cd_t_list_item_meta_box {
    padding: calc(var(--font-femto) * 1);
    /* background-color: lawngreen; */
}

.cd_t_btn_tariffe i {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.cd_t_btn_tariffe[aria-expanded="false"] i {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.cd_t_btn_tariffe[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.cd_t_list_header {
    display: flex;
    padding: var(--font-uxs);
}

.cd_t_section {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .cd_t_section .th {
        display: flex;
        align-items: center;
        gap: calc(var(--font-uxs) * 0.5);
        color: #FFFFFF;
        font-size: var(--font-nano);
        font-weight: 500;
    }

.cd_t_departure,
.cd_t_arrival {
    text-align: left;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-uxs) * 0.5);
}

.cd_t_departure {
    order: 0;
    flex: 1;
}

.cd_t_arrival {
    order: 2;
    flex: 1;
}

.cd_t_duration {
    order: 1;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--font-uxs) * 0.5);
}

.cd_t_info {
    order: 3;
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-uxs) * 0.5);
}

.cd_t_price_action {
    order: 4;
    flex: 1;
}

.th_info {
    flex: 1;
    color: #FFFFFF;
    font-size: var(--font-femto);
    line-height: var(--font-femto);
    text-align: left;
    margin-left: var(--font-lg);
}

.cd_t_time {
    font-size: var(--font-uxs);
    font-weight: bold;
}

.cd_t_station {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--font-uxs) * 0.5);
    flex: 1;
}

    .cd_t_station .cd_t_city,
    .cd_t_station .cd_t_location {
        font-size: var(--font-uxs);
    }

    .cd_t_station .cd_t_city {
        flex: 0 0 30%;
    }

    .cd_t_station .cd_t_location {
        font-weight: 500;
    }

.cd_t_duration_time {
    font-size: var(---font-uxs);
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cd_t_name {
    font-size: var(--font-uxs);
    margin-bottom: 4px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: calc(var(--font-uxs) * 0.5);
}

.cd_t_logo_wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    height: calc(var(--font-femto) * 2);
    width: calc(var(--font-femto) * 10);
}

    .cd_t_logo_wrap img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        /* contain-width & cover-height */
        object-position: center left;
    }

.cd_t_info_icon {
    position: absolute;
    right: -20px;
    bottom: 0;
    font-size: var(--font-uxs);
    color: var(--color-blue1);
    cursor: pointer;
}

@keyframes cd_t_blink_soft {

    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.cd_t_info_icon:hover {
    animation: cd_t_blink_soft 1s infinite;
}

.cd_t_price_action {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cd_t_price_label {
    font-size: var(--font-nano);
}

.cd_t_price {
    font-size: var(--font-femto);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 6px;
    text-align: left;
}

.cd_t_price_v {
    font-size: var(--font-femto);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
}

.cd_t_amount {
    font-size: var(--font-lg);
}

.cd_t_amount_sm {
    font-size: var(--font-xs);
    text-align: left;
}

.cd_t_amount,
.cd_t_amount_sm {
    font-weight: 700;
    color: var(--color-blue1);
}

.cd_t_btn_tariffe {
    color: #fff;
    font-size: var(--font-femto);
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 20px;
    border: solid 1px transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .cd_t_btn_tariffe.orange {
        background-color: #f46d00;
    }

        .cd_t_btn_tariffe.orange:hover,
        .cd_t_btn_tariffe.orange:focus {
            background-color: #FFFFFF;
            color: #F46D00;
            border-color: #F46D00;
        }

    .cd_t_btn_tariffe.blue {
        background-color: var(--color-blue1);
    }

        .cd_t_btn_tariffe.blue:hover,
        .cd_t_btn_tariffe.blue:focus {
            background-color: #FFFFFF;
            color: var(--color-blue1);
            border-color: var(--color-blue1);
        }

.cd_t_icons_mobile {
    display: block;
    color: var(--color-blue1);
    flex: 0 0 auto;
}

.cd_list_header_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--font-sm) * 1);
    margin-bottom: var(--font-4xl);
}

.cd_back_link a {
    font-size: var(--font-sm);
    font-weight: 500;
    color: #050505;
}

.cd_t_search_info_box {
    width: 100%;
    flex: 1;
    background-color: #FFFFFF;
    border-radius: var(--font-sm);
    padding: var(--font-sm);
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-between;
    gap: 6px;
}

.cd_t_search_meta_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--font-uxs);
}

    .cd_t_search_meta_wrap i {
        font-size: var(--font-2xl);
        color: var(--color-blue1);
    }

.cd_t_search_meta_title {
    font-size: var(--font-xs);
    font-weight: 800;
    color: var(--color-blue1);
}

.cd_t_search_info {
    font-size: var(--font-nano);
    font-weight: 700;
}

.cd_t_load_more {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cd_t_load_more .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--font-nano);
        font-weight: 500;
        color: var(--color-blue1);
        box-shadow: 0px 3px 6px #00000080;
        background-color: #FFFFFF;
        text-transform: uppercase;
        padding: 6px 12px;
        border-radius: 20px;
        border: none;
        cursor: pointer;
        gap: 6px;
        margin: var(--font-xl) 0px;
    }

.cd_t_pax_price_wrapper {
    display: flex;
    flex-direction: column;
}

.cd_t_pax_wrap,
.cd_t_back_link_wrap {
    flex: 1;
    padding-bottom: calc(var(--font-femto) * 1);
    display: flex;
    justify-content: space-between;
    gap: calc(var(--font-femto) * 2);
}

.cd_t_pax_wrap {
    flex-direction: column;
}

.cd_t_back_link_wrap {
    flex-direction: row;
    align-items: flex-end;
}

.cd_t_pax_wrap_2 .fare-title {
    height: unset;
}

.cd_t_price_wrap {
    border-top: solid 1px var(--color-blue1);
    padding-top: calc(var(--font-femto) * 1);
    display: flex;
    justify-content: flex-end;
}

.cd_t_price_metadata {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--font-femto) * 2);
}

.cd_t_pax_title,
.cd_t_pax_title_lg {
    font-weight: 700;
    padding: 4px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

.cd_t_pax_title {
    font-size: var(--font-nano);
    line-height: var(--font-nano);
}

.cd_t_pax_title_lg {
    font-size: var(--font-nano);
    line-height: var(--font-nano);
    color: var(--color-blue1);
}

.cd_t_pax_title i {
    color: var(--color-blue1);
}

.cd_t_pax_title_lg i {
    font-size: var(--font-sm);
    color: var(--color-blue1);
}

.cd_t_pax_control .form-label {
    font-size: var(--font-nano);
    color: #050505;
    margin-bottom: 5px;
}

.cd_t_pax_control .form-control,
.cd_t_pax_control .form-select {
    /* box-shadow: 0px 3px 6px #00000080; */
    /*box-shadow: 0px 3px 6px #00000033; /* 20% opacity */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    font-size: var(--font-micro);
    font-weight: 500;
    /* line-height: unset; */
    color: unset;
}

    .cd_t_pax_control .form-control::placeholder,
    .cd_t_pax_control .form-select::placeholder {
        color: #A3ABB1;
        font-size: var(--font-nano);
        font-weight: 400;
        opacity: 1;
    }


.cd_t_price_info {
    font-size: var(--font-femto);
}

.cd_t_price_wrap .cd_t_price_label {
    font-weight: 700;
    text-transform: uppercase;
}

/* sort code starts */
.cd_t_sort_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cd_t_sort_label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: var(--font-nano);
    font-weight: 500;
}

    .cd_t_sort_label i,
    .cd_t_sort_tab i {
        color: var(--color-blue1);
        font-size: var(--font-sm);
    }

.cd_t_sort_tabs {
    position: relative;
    display: flex;
    gap: 2px;
    padding-bottom: 4px;
}

    .cd_t_sort_tabs::before {
        content: '';
        position: absolute;
        bottom: 4px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #d8e8f7;
        border-radius: 2px;
        z-index: 0;
    }

.cd_t_sort_tab {
    position: relative;
    background: none;
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: var(--font-nano);
    font-weight: 500;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 1;
}

    .cd_t_sort_tab.active::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: var(--color-blue1);
        border-radius: 2px;
    }

/* sort code ends */

.cd_t_seat_svg {
    height: 400px;
    border: dotted 2px lightgray;
}

.cd_t_seat_action_wrap {
    margin-top: var(--font-xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cd_t_seat_action {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: var(--font-uxs);
}

@media (min-width: 768px) {
    .cd_list_page_wrapper {
        box-shadow: 0px 0px 6px #00000080;
        padding: calc(var(--font-femto) * 2) calc(var(--font-femto) * 3);
        border-radius: calc(var(--font-micro) * 2);
    }



    .cd_t_list_box {
        border-radius: calc(var(--font-micro) * 1);
    }

    .cd_t_station .cd_t_city {
        flex: 0 0 20%;
    }

    .cd_t_price_metadata {
        width: 40%;
    }

    .cd_t_amount_sm {
        text-align: center;
    }

    .cd_t_search_info_box {
        flex-direction: row;
        align-items: center;
        gap: unset;
    }
}

@media (min-width: 992px) {
    .cd_t_icons_mobile {
        display: none;
    }

    .cd_t_list_item {
    }

    .cd_t_list_item_data {
        flex-direction: row;
        gap: unset;
    }


    .cd_t_departure,
    .cd_t_arrival {
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
    }

    .cd_t_station {
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
    }

    .cd_t_departure {
        order: 0;
        padding-right: var(--font-xs);
        border-right: solid 1px var(--color-blue1);
        flex: 0 0 17%;
    }

    .cd_t_arrival {
        order: 1;
        padding: 0px var(--font-xs);
        border-right: solid 1px var(--color-blue1);
        flex: 0 0 17%;
    }

    .cd_t_duration {
        order: 2;
        padding: 0px var(--font-xs);
        border-right: solid 1px var(--color-blue1);
        flex: 0 0 14%;
        flex-direction: unset;
        align-items: unset;
        justify-content: unset;
        gap: unset;
    }

    .cd_t_info {
        padding: 0px var(--font-xs);
        /* border-right: solid 1px var(--color-blue1); */
        flex: 0 0 20%;
        flex-direction: column;
        justify-content: center;
        align-items: unset;
        gap: unset;
    }

    .cd_t_list_header .cd_t_departure,
    .cd_t_list_header .cd_t_arrival,
    .cd_t_list_header .cd_t_duration,
    .cd_t_list_header .cd_t_info,
    .cd_t_list_header .cd_t_price_action {
        border-color: #FFFFFF;
    }

    .cd_t_price_action {
        padding-left: var(--font-xs);
        flex: 1;
        border-left: solid 1px var(--color-blue1);
    }

    .cd_t_price {
        flex-direction: column;
        align-items: flex-start;
    }

    .cd_t_station .cd_t_city {
        flex: unset;
    }

    .cd_list_header_wrapper {
        flex-direction: row;
        align-items: flex-end;
        gap: calc(var(--font-sm) * 2);
    }
}

@media (min-width: 1200px) {
    .cd_t_departure {
        flex: 0 0 19%;
    }

    .cd_t_arrival {
        flex: 0 0 19%;
    }

    .cd_t_duration {
        flex: 0 0 15%;
    }

    .cd_list_header_wrapper {
        gap: calc(var(--font-sm) * 4);
    }

    .cd_t_list_item_meta_box {
        padding: calc(var(--font-femto) * 3);
    }

    .cd_t_pax_price_wrapper {
        flex-direction: row;
    }

    .cd_t_pax_wrap {
        flex: 1;
        padding-bottom: unset;
        padding-right: calc(var(--font-femto) * 3);
    }

    .cd_t_price_wrap {
        flex: 0 0 35%;
        border-top: unset;
        border-left: solid 1px var(--color-blue1);
        padding-top: unset;
        padding-left: calc(var(--font-femto) * 3);
    }

    .cd_t_price_metadata {
        width: 100%;
    }
}

@media (min-width: 1400px) {
}

/* -------------------------------------------------
Chapter 7 Train List Matrix Style
------------------------------------------------- */
.matrix-wrapper {
    position: relative;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    margin-bottom: calc(var(--font-femto) * 3);
}

.matrix-title {
    font-size: var(--font-uxs);
    line-height: var(--font-uxs);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: var(--font-femto);
    display: flex;
    gap: 6px;
    padding-bottom: 4px;
}

.left-fare-type {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.right-class-levels {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex: 1;
    overflow: auto;
}

.class-fare-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 0 80px;
}

.fare-type-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.class-fare-box,
.fare-type-box {
    padding: 4px;
}

.indicator {
    border-radius: calc(var(--font-sm) * 0.5);
    background-color: var(--color-blue1);
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 10px;
    padding: 10px;
    width: 100%;
}

.fare-title {
    text-transform: uppercase;
    font-size: var(--font-nano);
    line-height: var(--font-nano);
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.fare-value {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    background-color: #edf2f8;
    /*#F2F6FA*/
    border-radius: var(--font-micro);
    border: solid 1px transparent;
}

    .fare-value:hover,
    .fare-value:focus,
    .fare-value.active {
        border-color: var(--color-blue1);
        background-color: var(--color-blue1);
    }

    .fare-value i {
        font-size: var(--font-femto);
        line-height: var(--font-femto);
    }

    .fare-value input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        width: 18px;
        height: 18px;
        border: 2px solid var(--color-blue1);
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        .fare-value input[type="radio"]::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background-color: var(--color-blue1);
            border-radius: 50%;
            transform: translate(-50%, -50%) scale(0);
            transition: transform 0.2s ease-in-out;
        }

        .fare-value input[type="radio"]:checked::before {
            transform: translate(-50%, -50%) scale(1);
        }

    .fare-value .form-check-label {
        font-size: var(--font-uxs);
        line-height: var(--font-uxs);
        font-weight: 500;
        cursor: pointer;
        color: #050505;
    }

    .fare-value:hover .form-check-label,
    .fare-value:focus .form-check-label,
    .fare-value.active .form-check-label {
        color: #FFFFFF;
    }

.fare-na {
    font-size: var(--font-nano);
    line-height: var(--font-nano);
    font-weight: 500;
    color: #707071;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.fare-value:hover .fare-na,
.fare-value:focus .fare-na,
.fare-value.active .fare-na {
    color: #FFFFFF;
}

.fare-description {
    position: absolute;
    font-size: calc(var(--font-sm) * 0.5);
    line-height: calc(var(--font-sm) * 0.5);
    color: #F46D00;
    text-align: center;
    bottom: 2px;
}

.fare-value:hover .fare-description,
.fare-value:focus .fare-description,
.fare-value.active .fare-description {
    color: #FFFFFF;
}

.fare-type {
    font-size: var(--font-nano);
    line-height: var(--font-nano);
    font-weight: 700;
    padding: 4px 0px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 80px;
}

    .fare-type i {
        color: var(--color-blue1);
        cursor: pointer;
    }

.fare-type,
.fare-value {
    height: 60px;
}

    .fare-value:has(input[type="radio"]:checked) {
        border-color: var(--color-blue1);
        background-color: var(--color-blue1);
    }

        .fare-value:has(input[type="radio"]:checked) .form-check-label,
        .fare-value:has(input[type="radio"]:checked) .fare-description,
        .fare-value:has(input[type="radio"]:checked) .fare-na {
            color: #FFFFFF;
        }

@media (min-width: 768px) {
    .indicator {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 12px;
    }

    .fare-type {
        width: 90px;
    }

    .fare-title {
        height: 50px;
    }

    .fare-type,
    .fare-value {
        height: 70px;
    }

        .fare-value input[type="radio"] {
            margin-top: 4px;
        }

    .fare-description {
        bottom: 4px;
    }

    .class-fare-box {
        flex: 1 0 84px;
    }
}

@media (min-width: 992px) {
    .indicator {
        font-size: var(--font-xs);
        line-height: var(--font-xs);
    }

    .fare-type {
        width: 120px;
    }

    .fare-title {
        height: 60px;
    }

    .fare-value input[type="radio"] {
        margin-top: 6px;
    }

    .fare-description {
        bottom: 6px;
    }

    .class-fare-box {
        flex: 1 0 105px;
    }
}

@media (min-width: 1200px) {
    .fare-type {
        width: 140px;
    }

    .class-fare-box {
        flex: 1 0 133px;
    }
}

@media (min-width: 1400px) {
    .fare-type {
        width: 170px;
    }

    .fare-title {
        height: 70px;
    }
}


/* -------------------------------------------------
Chapter 8 Train Checkout Page Style
------------------------------------------------- */
.cd_cout_item_wrapper,
.cd_conf_item_wrapper {
    border-radius: var(--font-lg);
    border: solid 1px var(--bs-gray-500);
    padding: var(--font-lg);
    margin-bottom: var(--font-sm);
}

.cd_cout_item_wrapper {
    display: flex;
    flex-direction: column;
}

.cd_cout_left,
.cd_conf_left {
    /* padding-right: var(--font-lg); */
    flex: 1;
}

.cd_cout_right {
    border-top: solid 1px var(--color-blue1);
    padding-top: var(--font-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cd_cout_title {
    color: var(--color-blue1);
    font-size: var(--font-sm);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: var(--font-sm);
}

.cd_cout_subtitle {
    color: var(--color-blue1);
    font-size: var(--font-uxs);
    font-weight: 500;
    text-transform: uppercase;
}

.cd_cout_subtitle_info {
    font-size: var(--font-femto);
    color: #000000;
    margin-top: 6px;
    margin-bottom: var(--font-sm);
}

.cd_cout_left .cd_cout_passenger_wrap:last-child,
.cd_conf_left .cd_cout_passenger_wrap:last-child {
    border-bottom: none;
}

.cd_cout_passenger_wrap {
    border-bottom: solid 1px var(--color-blue1);
}

.cd_cout_right_top {
}

.cd_cout_right_bottom {
    margin-top: var(--font-uxs);
}

.cd_cout_station_wrap {
    display: flex;
    flex-direction: column;
    color: var(--color-blue1);
    font-size: var(--font-xs);
    line-height: var(--font-xs);
    font-weight: 500;
    gap: var(--font-femto);
    margin-bottom: var(--font-femto);
}

.cd_conf_station_wrap {
    display: flex;
    flex-direction: row;
    color: var(--color-blue1);
    font-size: var(--font-xs);
    line-height: var(--font-xs);
    font-weight: 500;
    gap: var(--font-femto);
    margin-bottom: var(--font-femto);
}

.cd_cout_journey_wrap,
.cd_h_sub_datails_wrap {
    margin-bottom: var(--font-uxs);
    padding-bottom: var(--font-uxs);
    border-bottom: dotted 1px var(--bs-gray-500);
}

.cd_cout_station_name,
.cd_conf_station_name {
    /* text-align: center; */
    word-break: break-word;
    font-size: var(--font-xs);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
}

.cd_cout_station_name {
    /* flex: 0 1 50%; */
    flex: 1;
}

    .cd_cout_station_name .from,
    .cd_cout_station_name .to,
    .cd_conf_station_name .from,
    .cd_conf_station_name .to {
        color: #000000;
    }

.cd_cout_date {
    font-weight: 500;
    font-size: var(--font-uxs);
    margin-top: calc(var(--font-femto) * 0.5);
}

.cd_cout_time,
.cd_conf_desc {
    font-size: var(--font-nano);
    margin-top: calc(var(--font-femto) * 0.5);
}

.cd_cout_pax_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--font-uxs);
    padding-bottom: var(--font-uxs);
    border-bottom: dotted 1px var(--bs-gray-500);
}

.cd_cout_pax_icon i {
    font-size: var(--font-sm);
    color: var(--color-blue1);
}

.cd_cout_pax_cat {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cd_cout_pax {
    font-weight: 500;
    font-size: var(--font-uxs);
}

.cd_cout_category {
    font-size: var(--font-nano);
}

.cd_h_sub_datails_wrap {
}

.cd_conf_pax_title {
    display: flex;
    align-items: center;
    gap: var(--font-sm);
    margin-bottom: var(--font-uxs);
}

.cd_conf_pax_wrap {
    border-bottom: solid 1px var(--color-blue1);
}

.cd_conf_single_pax_wrap {
    margin-top: var(--font-uxs);
    margin-bottom: var(--font-uxs);
    padding-bottom: var(--font-uxs);
    border-bottom: dotted 1px var(--bs-gray-500);
}

.cd_conf_item_wrapper .cd_conf_single_pax_wrap:last-child {
    padding-bottom: unset;
    border-bottom: none;
}

.cd_conf_meta_wrap {
    display: flex;
    flex-direction: column;
    padding-top: var(--font-lg);
}

    .cd_conf_meta_wrap .cd_h_sub_datails_wrap {
        margin-bottom: unset;
        padding-bottom: unset;
        border-bottom: none;
    }

    .cd_conf_meta_wrap .cd_cout_right {
        margin-top: var(--font-uxs);
    }

.cd_failed {
    filter: grayscale(100%);
    pointer-events: none;
    user-select: none;
    opacity: 0.4;
    cursor: not-allowed;
}

    .cd_failed * {
        pointer-events: none;
        user-select: none;
    }


@media (min-width: 768px) {
    .cd_cout_item_wrapper {
        flex-direction: row;
    }

    .cd_cout_left {
        padding-right: var(--font-lg);
        flex: 0 0 70%;
    }

    .cd_conf_left {
        padding-right: var(--font-lg);
        flex: 0 0 66%;
    }

    .cd_cout_right {
        border-top: unset;
        border-left: solid 1px var(--color-blue1);
        padding-top: unset;
        padding-left: var(--font-lg);
        flex: 1;
    }

    .cd_conf_meta_wrap {
        flex-direction: row;
    }

        .cd_conf_meta_wrap .cd_cout_right {
            margin-top: unset;
        }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

/* -------------------------------------------------
Chapter 9
------------------------------------------------- */
/* ------------------------------------------------- */

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}



/* The updated code starts */
.banner-ui .volaeasy-right {
    position: absolute;
    top: 0;
    right: 0px;
}

.banner-ui .eadry-logo {
    position: absolute;
    right: 0px;
    width: 80px;
}

.banner-ui .easy-img {
    position: absolute;
    right: 50px;
    top: 20px;
    width: 150px;
}

    .banner-ui .eadry-logo img,
    .banner-ui .easy-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* contain-width & cover-height */
        object-position: center center;
    }

@media (min-width: 768px) {
    .banner-ui .eadry-logo {
        width: 100px;
    }

    .banner-ui .easy-img {
        right: 60px;
        width: 200px;
    }
}

@media (min-width: 992px) {
    .banner-ui .eadry-logo {
        width: 120px;
    }

    .banner-ui .easy-img {
        right: 70px;
        width: 250px;
    }
}

@media (min-width: 1200px) {
    .banner-ui .eadry-logo {
        width: 140px;
    }

    .banner-ui .easy-img {
        right: 80px;
        width: 300px;
    }
}

@media (min-width: 1400px) {
    .banner-ui .eadry-logo {
        width: 160px;
    }

    .banner-ui .easy-img {
        right: 90px;
        width: 350px;
    }
}

/* The updated code ends */
.topMenu a {display: block; padding: 0.3125rem 0.25rem;}

@media (max-width:1640px) {
.filter-find {padding: 10px 0px 10px 18px;}
.bannerslider-ui .main-slider .slick-list {height:350px;}
.bannerslider-ui .main-slider .slick-slide img {height:350px;}
/* flight css */
.fligt-middle-home {margin-top:0px;}
.flight-book-ui {min-width: 530px; max-width: 530px;}
.selecteconomy .form-select {width: 140px; margin-right:5px;}
.fligt-middle-home .wrapper span {padding: 40px 0 0px 0;}
.flight-detail-ui {width: 93%; margin: 0px;}
.compagnia-aerea .flight-serch-input {width: 140px!important;}
.flightfindinbox .flight-serch-input {width: 100%!important;}


/* flight css */


}


@media (max-width:1445px) {
    .hotel-booking-ui {max-width: 415px; min-width: 415px; border-radius:25px;}
    .hotel-booking-ui .p-3{padding:12px 15px 12px 15px!important;}
    .vuoiandare-find {border-radius:15px; padding:10px 0 10px 15px;}
    .calender-uis {border-radius:15px; padding:10px 0 8px 15px;}
    .opti-camera {border-radius:15px; padding:10px 0 8px 15px;}
    .avanzata-cersa-ui {padding: 0px 0 0px 0;}
    .hotel-booking-ui .icon-hotel-ui label {font-size: 18px;}
    .Dovevuoi_Citt label {margin: 0px 0 6px 0; font-size: 13px;}
    .autocomple-section input::-webkit-input-placeholder {font-size:14px;}
    .autocomple-section input::-moz-placeholder {font-size:14px;}
    .autocomple-section input:-ms-input-placeholder {font-size:14px;}
    .autocomple-section input:-moz-placeholder {font-size:14px;}
    .autocomple-section input{font-size: 14px;}
    .calender-uis .place-Ospiti input::-webkit-input-placeholder {font-size: 14px;}
    .calender-uis .place-Ospiti input::-moz-placeholder {font-size: 14px;}
    .calender-uis .place-Ospiti input:-ms-input-placeholder {font-size: 14px;}
    .calender-uis .place-Ospiti input:-moz-placeholder {font-size: 14px;}
    .calender-uis .place-Ospiti input{font-size: 14px;}
    
    .optisction .place-Ospiti input::-webkit-input-placeholder {font-size: 14px;}
    .optisction .place-Ospiti input::-moz-placeholder {font-size: 14px;}
    .optisction .place-Ospiti input:-ms-input-placeholder {font-size: 14px;}
    .optisction .place-Ospiti input:-moz-placeholder {font-size: 14px;}
    .optisction .place-Ospiti input{font-size: 14px;}
    .autocomple-section .dropdown-menu.show {padding: 12px 6px 15px 15px; width: 335px;}
    .autocomplet-box .autocomplet-list {border-bottom: solid #d7d7d7 1px; padding: 1px 0 8px 0; margin-bottom: 6px;}
    .loggin-ACCEDI .dropdown-menu.show {width: 345px;}
    .loggin-ACCEDI .log-in-ui {padding:0px 20px 0 20px;}
    .loggin-ACCEDI .log-in-ui h2 {padding: 10px 0 10px 0;}
    
    .accedere {border-bottom: solid 1px #828282; padding: 8px 0 8px 0; margin-bottom: 10px;}
    .ragister-ui p {padding: 0px 0 8px 0; margin: 0px;}
    .support .dropdown-menu.show {padding: 20px 0 5px 0;}
    .travler-desc {padding: 0 0 0 15px;}
    .faq-support .travler-desc {padding:15px 0 8px 0; width: 135px;}
    .faq-support .dropdown-menu.show {padding: 0 0 0 15px;}
    .faq-support .dropdown-menu.show {transform: translate(-115px, 55px) !important;}
    .faq-support .travler-desc ul li {margin: 0px 0 10px 0;}
    .Sign-btn {font-size: 14px; padding: 0px 15px; height: 36px; margin: 0px 0 0 0;}
    
    .hotel-deta-list {width:625px; padding: 15px 0 15px 0px; margin-top:23px;}
    .struttura-bgs { width:300px;  padding-left: 15px;}
    .trattamento-bgs {width:170px; padding: 0 0 0 15px;}
    .struttura-chck ul li {margin:0px 2px 3px 0; width: 100%;}
    .recensioni-nhd ul li {margin: 0px 2px 5px 0; width:auto;}
    /* .recensioni-nhd ul{margin:6px 0px 0px 0!important;} */
    .recensioni-nhd ul { margin: 12px 0px 0px 0px!important;}

    .recensioni-nhd {padding: 0 0 0 15px;}
    .struttura-chck ul li input.form-check-input {position: relative; top: -1px;}
    .struttura-chck ul li label {padding: 0px; margin: 0px 0 0 0px;}
    .struttura-chck label {font-size: 14px;}
    .struttura-chck ul {margin: 10px 0 0 0;}
    .hotel-deta-list  .salva-btn {width: 138px; height: 40px; font-size: 14px; margin-top: 15px;}
    a.mdl-ujh {right: 10px; font-size: 14px; top: 7px;}
    footer .propriet p {padding: 30px 0 0 0; margin: 0px;}
    footer .propriet a {margin: 33px -15px 0 0;}
    
    
    .map-view {height: 175px;}
    .resarch-ui-rxse a.Ordina-uibbsdg {font-size:14px; margin: 35px 0 0 0;}
    .resarch-ui-rxse a.Ordina-uibbsdg img{width:18px;}
    .resarch-ui-rxse h2 {font-size:18px;}
    
    .wishlist i{font-size:14px;}
    .popolarit-uixs {margin-top: 8px; padding-bottom: 10px;}
/*    .hotel-detail-ui .hotel-titles {font-size: 16px;}*/
    
/*    .rating-flight ul li i {font-size: 12px;}*/
    .barberini p {font-size: 13px;}
    .barberini p::before {top: 8px;}
    .maptlock {font-size: 13px;}
    .maptlock i {font-size: 14px; color: var(--color-blue1);}
    .eccellenteui strong {font-size: 13px;}
    .ottima-pulizia-u ul li span {font-size: 12px;}
    .ottima-pulizia-u ul li i {font-size: 13px;}
    .gltd-ui {font-size: 13px;}
    .price-uyi {font-size: 16px;}
    /* .thumbslider .slider-thumb .slick-slide img {height: auto;} */
    a.dettli-p {font-size: 12px;}
    .discout {padding: 5px 9px 5px 38px; font-size: 12px;}
    .discout span {width: 30px; height: 30px; font-size: 14px;}
    .map-view button {width: 125px; height: 32px;  font-size: 12px;}
    .discout-offer {padding: 5px 9px 5px 38px; font-size: 12px;}
    .discout-offer span {width: 30px; height: 30px; font-size: 14px;}
    .prics-passenger {margin-bottom: 15px;}
/*    .price-uyi span {font-size: 16px;}*/
    a.dettli-p {padding: 6px 12px 6px 12px; bottom:-16px;}
    .middilegradien {padding-top: 25px;}

    .deluxe-City span.view-title {margin: 0px 0 10px 0;  font-size: 16px;}
    .detta-ui .inclusi-view .pricse {font-size: 20px;}
    .hotl-price .pricse {font-size: 16px;}
    .camerea-wsection {padding: 18px;}
    /* .dintorani-section span.torni-title {margin-left: 0px; font-size: 16px; margin: 0 0 10px 0;} */

    .vederenzona {padding: 15px 15px 15px 15px;}
    .vederenzona ul {margin-left:35px; margin-bottom: 25px; margin-top: 7px;}
    .middilegradien {padding-bottom: 55px;}
    .struttura span {font-size: 10px;}
    .esperienza {padding: 15px 0 0 0;}
    .esperienza p {font-size: 13px; margin: 0px 0 10px 0; line-height: 16px;}
    .service-secionleft ul li {padding: 7px 12px 7px 12px; margin: 0px 10px 10px 0;}
    .service-secionleft ul {justify-content:flex-start;}
    .btique .hotel-names {font-size: 20px;}
    
    .srvicmodal .modal-content {padding:20px 25px 15px 25px; border-radius: 15px;}
    .srvicmodal .modal-content span.title {margin: 0px 0 10px 0; font-size: 16px;}
    .srvicmodal .modal-content .richiesti span.title-pi {margin: 0px 0 10px 0; font-size: 15px;}
    /*.srvicmodal .modal-content .richiesti ul li a span {margin-right: 10px;}*/
    /* .srvicmodal .modal-content .richiesti ul li a span i{font-size: 16px;} */
    .srvicmodal .modal-content .richiesti {padding: 0px 0 9px 0;margin: 0px 0 12px 0;}
    
    .food-rink-ui span.title-serv {margin: 0px 0 10px 0; font-size: 15px;}
    .food-rink-ui ul li a span {margin-right: 10px;}
    .food-rink-ui ul li a span i{font-size: 16px;}
    .food-rink-ui {margin: 0px 0 10px 0;}
    .srvicmodal .modal-content .richiesti ul li a {font-size: 13px;}
    .food-rink-ui ul li a {font-size: 13px;}
    .roomviewmodal .modal-dialog {max-width: 670px;}
    .roomview-detail {width:100%; border-radius:20px;}
    .roomviewmodal .modal-content {padding:20px 25px 15px 25px; border-radius: 15px;}
    .roomviewmodal .modal-content span.title {font-size: 16px; padding-left:0px; 
    line-height: normal; padding-bottom: 10px;}
    .roomview-detail .roomview-slider {margin-bottom:0px;}
    .moniale {margin-top: 10px; padding-left: 0px;}
    .moniale ul li span i {font-size: 15px;}
    .moniale ul li span {margin-right: 5px;}
    .auto-complete-main .find-city-ui .autocomple-section input {font-size:14px; }
    .auto-complete-main .find-city-ui .autocomple-section input::-webkit-input-placeholder {font-size:14px; }
    .auto-complete-main .find-city-ui .autocomple-section input::-moz-placeholder {font-size:14px; }
    .auto-complete-main .find-city-ui .autocomple-section input:-ms-input-placeholder {font-size:14px; }
    .auto-complete-main .find-city-ui .autocomple-section input:-moz-placeholder {font-size:14px; }
    
    .auto-complete-main .tour-cal-ui-xsa .place-Ospiti input {font-size:14px; }
    .auto-complete-main .tour-cal-ui-xsa .place-Ospiti input::-webkit-input-placeholder {font-size:14px; }
    .auto-complete-main .tour-cal-ui-xsa .place-Ospiti input::-moz-placeholder {font-size:14px; }
    .auto-complete-main .tour-cal-ui-xsa .place-Ospiti input:-ms-input-placeholder {font-size:14px; }
    .auto-complete-main .tour-cal-ui-xsa .place-Ospiti input:-moz-placeholder {font-size:14px; }
    
    .auto-complete-main .vist-opti-ui-sdf .place-Ospiti input {font-size:14px; }
    .auto-complete-main .vist-opti-ui-sdf .place-Ospiti input::-webkit-input-placeholder {font-size:14px; }
    .auto-complete-main .vist-opti-ui-sdf .place-Ospiti input::-moz-placeholder {font-size:14px; }
    .auto-complete-main .vist-opti-ui-sdf .place-Ospiti input:-ms-input-placeholder {font-size:14px; }
    .auto-complete-main .vist-opti-ui-sdf .place-Ospiti input:-moz-placeholder {font-size:14px; }
    .auto-complete-main .room-cam-ui-cax .place-Ospiti input {font-size:14px; }
    .auto-complete-main .room-cam-ui-cax .place-Ospiti input::-webkit-input-placeholder{font-size:14px; }
    .auto-complete-main .room-cam-ui-cax .place-Ospiti input::-moz-placeholder{font-size:14px; }
    .auto-complete-main .room-cam-ui-cax .place-Ospiti input:-ms-input-placeholder{font-size:14px; }
    .auto-complete-main .room-cam-ui-cax .place-Ospiti input:-moz-placeholder {font-size:14px; }
    
    .left-fedlet-accordian {padding-top:0px;}
    .left-fedlet-accordian .struttura-chck ul {margin: 5px 0 0 0;}
    .btn-ui {font-size: 13px; height: 30px;}
    .btn-blue {font-size: 13px; height: 30px; line-height: 12px;}
    .azzera-cs {margin-top: 20px;}
    .range-slider2 {padding-top: 15px;}
    .vizi-title .hotel-uia {margin-bottom: 0px;}
    .distanza-da a {margin: 12px 0 0 0; font-size: 13px;}
    .ottima-pulizia-u ul li:last-child {margin-top: 15px;}
    .hotel-boutique {padding: 20px 22px 25px 22px; margin-bottom:25px;}
    .popolarit-uixs .hstack i {font-size: 18px;}
    
    .cehckout-detail .mt-50 {margin-top:25px;}
    .acces-uia, .un-account {padding: 25px 20px 25px 20px;}
    
    .cehckout-detail .mt-40 {margin-top:25px;}
    .hotel-detail-ui-section {margin: 25px 0px 0 25px;}
    .guest-status-ui {padding:25px 0px 0px 25px;}
    .hotel-detail-ui-section .hotel-titles {font-size: 18px;}
    .guest-title {font-size: 14px!important;}
    .guest-title i{font-size:16px!important;}
    .gust-title {font-size: 13px!important;}
    .gust-title i {font-size: 14px;}
    .gust-title strong {font-size: 14px;}
    .left-cechkout-ui {padding-left: 25px;}
    .method-ui {padding:20px 25px 15px 25px!important;}
    .paymentmethod span {margin-bottom: 10px; font-size: 14px!important;}
    .paymentmethod span i{font-size: 14px!important;}
    .paymentmethod {margin-bottom: 20px;}
    .credito {padding: 16px 0 18px 0;}
    .credito span {margin: 0px 0 15px 0; font-size: 14px!important;}
    .cehckout-detail .mt-30 {margin-top:15px;}
    .cehckout-detail .border-25 {border-radius: 20px;}
    .maptlock p {font-size: 13px!important;}
    .maptlock {margin-bottom: 0px;}
    .commnet-icon {top: -29px;}
    .sucess-messge, .none-confirm {padding: 10px 0 12px 0;}
    .none-confirm label {margin: 5px 0 0 0;}
    .bookigconfrm {padding-top: 30px; padding-bottom: 30px;}
    
    
    .bookigconfrm .row {
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .ndietro-ui {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    
    .add-person .vist-opti-ui-sdf .place-Ospiti input {     
        padding: 0px 0px 0px 8px;
        font-size:14px;
        width: 48px!important;       
    }

    .filter-find {
        padding: 10px 0px 10px 18px;
    }
    .back-list {font-size: 18px; margin: 10px 0 10px 0;}
    .autocomple-section a.mdl-ujh {right: 50px;top: 32px;}
    .faq-topright .faq-support { margin: 5px 0 0 22px; }
    .loggin-ACCEDI {margin: 7px 0px 0 25px;}
    .codice-code {padding: 0px 0 0 25px; margin:15px 0 0 0;}
    .thumbslider .slider-content .slick-slide {height: 170px;}
    .thumbslider .slider-content .slick-slide img {object-fit: cover; aspect-ratio: 1/1;} 
    .bannerslider-ui .main-slider .slick-list {height: 328px;}


/* flight css */
.flight-book-ui {border-radius:30px; padding:12px 5px 15px 5px;}
.flight-book-ui .volo-title.mb-15 {margin-bottom: 10px;}
/* .flight-detail-ui {margin:0px 0 0px 0;} */
.volo-title {gap:8px; font-size: var(--font-18rem);}
.autocomplet-box .autocomplet-list {padding: 8px 0 8px 15px;}
.flight-book-ui .select-class {padding: 12px 0 0px 15px;}
.flight-book-ui .select-class {padding: 12px 0 0px 15px;}
.categories-class {margin: 0px 0 10px 0;}
.flight-book-ui {min-width: 495px; max-width: 495px; border-radius: 25px;}
.select-travelers {padding: 10px 14px 1px 14px; min-width: 315px;}
.flight-date {font-size: var(--font-14rem);}
.flight-date::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size:var(--font-14rem);}

.flight-date::-moz-placeholder { /* Firefox 19+ */
font-size:var(--font-14rem);}

.flight-date:-ms-input-placeholder { /* IE 10+ */
font-size:var(--font-14rem);}

.flight-date:-moz-placeholder { /* Firefox 18- */
font-size:var(--font-14rem);}

.flight-serch-input {font-size: var(--font-14rem); }

.flight-serch-input::-webkit-input-placeholder {font-size: var(--font-14rem);}
.flight-serch-input::-moz-placeholder {font-size: var(--font-14rem);}
.flight-serch-input:-ms-input-placeholder {font-size: var(--font-14rem);}
.flight-serch-input:-moz-placeholder {font-size: var(--font-14rem);}
.flightopnizioni-search .flight-detail-ui .dropdown-menu.show {padding:20px 0 15px 0;}
.selecteconomy .form-select {width: 110px; margin-right: 6px;}
.economy-Premium {width: 120px;}
.economy-Premium .select-travelers {padding:6px 0px 0px 0px; min-width:100%; border-radius:0px;}
.economy-Premium .flight-detail-ui .dropdown-menu.show {padding: 16px 5px 0px 5px; width: 120px;}
.economy-Premium .input-qty {width: 15px; height:18px; font-size:13px;}
.fat-btn {margin-bottom: 8px;}
.flight-detail-ui {width: 98%; margin: 0px;}
.opzioni-check .form-check {padding-left:0em; margin-bottom:0px; margin-left:0px;}
.opzioni-check input.form-check-input {margin-left:0px;}
.opzioni-check label {margin: 0px 0 0 5px; width:auto;}
.compadirection{flex-direction: column;}
.compadirection .opzioni-check {width: 100%!important;}
.flight-book-ui .opzioni-check {margin-bottom: 8px;}
.opzioni-ui.compagnia .mt-30 {margin-top: 10px;  margin-bottom: 10px; background-color: red;}
.compagnia .save-btn {margin-top: 20px!important;}
.utili {padding: 0 10px 5px 0;}    



/*flight css*/
 }
   
    @media (max-width:1370px) {
    .container {max-width:1150px;  margin: 0px auto;}
    header .left-part-ofmenu .main-nav {margin: 0 10px 0 0;}
    header .left-part-ofmenu {min-width: 780px; max-width:780px; padding: 0 8px 0 0;}
    .support-section-uitp {margin: 0 -5px 0 0px; width:365px;}
    dl.dropdown-langu {margin: 0px 0 0px 27px;}
    .loggin-ACCEDI {margin:6px 0px 0 18px;}
    .faq-topright .faq-support{margin:4px 0px 0 18px;}
    .dropdown-langu {margin: 0px 3px 0px 18px;}
    .faq-support .dropdown-menu.show {transform: translate(-106px, 55px) !important;}
    .dropdown-langu dd ul {left: -60px; padding: 20px 0 10px 12px; width: 115px;}
     a.mdl-ujh {right: 7px; font-size: 14px; top: 5px;}
    .form-xcvbng {max-width: 1148px;}
    footer .propriet p {font-size: var(--font-12rem); line-height: 18px;  padding:0px 0 0 0;}
    footer .f-toor-link ul li a {font-size: 12px;}
    footer .f-toor-link ul li {margin: 0px 0 8px 0;}
    footer {padding-bottom:32px;}
    footer .propriet a {margin:33px 0px 0 0px;}
        /* header .left-part-ofmenu .main-nav ul li {
            padding: 11px 11px 4px 11px;
            margin: 0px 0 0 0px;
            border-radius: 8px;
        } */
    .middle-section-inhme .wrapper {margin-bottom: 15px;}
    .banner-ui .volaeasy-right {right: 6px;}
    .loggin-ACCEDI .dropdown-menu.show {width: 310px;}
    
    /*--*/
    .map-view {border-radius:20px; width: 260px;}
    .resarch-ui-rxse {width: 840px; padding: 27px 0 0 0;}
    .middle-left-part-ui {width:260px!important; padding:15px 15px 15px 15px; border-radius:20px;}
    .filderdiv p {font-size: 14px;  margin-bottom: 10px!important;}
    .filderdiv p i {padding: 0px; font-size: 16px; margin-right: 8px;}
    .middle-right-part-ui {width: 840px;}
    .Hotel-Boutique {padding:12px 12px 30px 12px;  border-radius: 20px;  margin-bottom: 25px;}
    .discout {top: -4px; left: -7px;}
    .discout-offer {top: -4px; left: -7px;}
    
    .hotel-detail-ui {padding: 0px 0 0 10px;  max-width: 410px;}
    .non-gltd-ui {font-size: 12px;}
    .left-fedlet-accordian .accordion-button {font-size: 13px;}
    .ticket-price-people {width:125px;}
    .more-detail {font-size: 13px; padding: 10px 15px 10px 15px; width: 220px;}
    .filter-find {margin-top: 20px; margin-bottom: 20px; padding:6px 0px 6px 18px;}
    
    .find-city-ui span {font-size: 18px; margin-right: 7px!important;}
    .tour-cal-ui-xsa .place-Ospiti input {padding: 0px 0 0 15px; font-size: 14px;}
    .detail-left {max-width:68%;}
    .detail-right {width:28%;}
    .hotel-list-detail {border-radius: 25px; padding: 10px 15px 15px 15px;}
    .rightcamerapart {border-radius: 18px; padding: 15px 15px 15px 15px;}
    .totale-bdr {border-radius:8px; padding: 4px 15px 4px 12px; margin-top:10px;}
    .totale-bdr .pricse {font-size: 14px; min-width: 90px;}
    .guard-ui {margin-top: 15px;}
    .guard-ui a, .guard-ui span{font-size: 12px;}
    .excelent-section {padding: 0px 0 10px 0;}
    .lente .ctyiview-left span.titel {margin: 10px 0 1px 0; font-size: 13px;}
    .intresse {padding: 0 0 0 0px;}
    .service-secionleft ul li {padding: 7px 10px 7px 10px;}
    .left-map-section.mt-20{margin-top: 10px;}
    .intresse ul li i {font-size: 10px;}
    .intresse span {padding: 0px 0 4px 0px; font-size: 13px;}
    .mapleft {width: 130px;}
    .mapleft button {height: 28px; font-size: 11px; padding: 0 11px;}
    .mapleft img {width: 100%; height: 100%;}
    .oralink {font-size: 13px; margin: 15px auto 0px auto; width: 153px; line-height: 33px;}
    .Cambia-date span.title {font-size: 14px;}
    /*-------------------*/
    /*.aggiorna-ui a {font-size: 12px;}*/
    .room-slider .single-slider {margin-bottom:0px;}
    .deluxe-City span.view-title {margin: 0px 0 8px 0;  font-size: 14px;}
    /* .detta-ui {width: 80%; padding: 3px 0 3px 0; border-radius:10px;} */
    .oralink-big {font-size: 12px; margin: 0px auto 0px auto; line-height: 35px; max-width: 360px;}
    .panoraminc-tabsction .nav-tabs .nav-link.active::before {
    height: 3px; bottom: -6px;}
    .panoraminc-tabsction .nav-tabs {padding: 20px 0 3px 0;}
    .detta-ui .inclusi-view .pricse {font-size:22px; font-weight: 500;}
    .hotl-price .pricse {
        font-size: 20px;
    }
    .srvicmodal .modal-dialog {max-width: 610px;}
    /* .gio-section-ui label, .gio-section-ui2 label {
        font-size: 14px;
        padding:0px 0;
        display: flex;
        gap: 5px;
    } */
    .cam-bhsgf {padding: 10px 10px 0 16px; right: -44px !important; }

    .gio-section-ui select {font-size:12px;}
    .gio-section-ui2 select{font-size:12px; padding: 0px 0 0 15px;}
    .gio-section-ui select option {font-size: 12px;}
    .gio-section-ui2 select option{font-size: 12px;}
    .food-rink-ui ul li {margin: 0px 0 5px 0;}
    .srvicmodal .modal-content .richiesti ul li {margin: 0px 0 5px 0;}
    .clienti {margin-top: 0;}
    .modal-content .ms-3{margin-left: 0px!important;}
    .clienti .dotazioni ul li {font-size: 13px;}
    .moniale ul li {font-size: 13px;}
    .clienti .dotazioni ul li span {margin-right: 10px;}
    .modal-content .detta-ui .count-people {width: 32%;}
    .result-desct {padding: 9% 0 9% 0;}
    .noresulte-title {padding: 40px 0 0 0;}
    .noresulte-p {padding: 8px 0 16px 0;}
    .noresult-section { padding-bottom: 25px;}
    .find-state-ui {width:37%;}
    .add-person .vist-opti-ui-sdf .place-Ospiti label {padding: 0 0 0 3px;
    font-weight: 500; font-size: 14px;}
    .add-person .room-cam-ui-cax .place-Ospiti label {padding: 0 0 0 3px; 
    font-weight: 500; font-size: 14px;}
    .no-btn {padding: 10px 12px 10px 12px!important;}
    
    .cehckout-detail {border-radius:20px; padding: 25px 25px 20px 25px;}
    .acces-uia, .un-account {padding: 18px 15px 18px 15px;}
    .acces-uia span, .un-account span {font-size: 13px!important;}
    .acces-uia .oralink, .un-account .oralink {font-size: 12px; line-height: 28px; padding: 0 16px;}
    .chieck-right-section .inclusi-view .pricse {font-size: 15px;}
    .chieck-right-section .b-link {font-size: 13px; line-height: 30px; padding: 0px 16px 0 16px;}
    .cehck-sign li i {margin:2px 9px 0 0; font-size: 12px;}
    .paymentmethod p {font-size: 12px!important;}
    .credito {padding:13px 0 13px 0; border-radius: 15px;}
    .cehckout-detail .mt-40 {margin-top:15px;}
    /* .latuma-title .fs-5 {font-size:1rem !important;} */
    .iconclr {width: 27px; height: 27px; line-height: 27px; font-size: 12px;}
    .right-link {font-size:15px!important;}
    .right-link i{font-size:15px!important;}
    .gust-textare {padding:10px 0 0 10px;  font-size:13px; border-radius: 10px; height: 150px;}
    .gust-textare::-webkit-input-placeholder {font-size:13px;}
    .gust-textare::-moz-placeholder {font-size:13px;}
    .gust-textare:-ms-input-placeholder {font-size:13px;}
    
    ul.luxury-Hotel li a {font-size: 12px;}
    ul.luxury-Hotel li {margin: 0px 20px 0 0; font-size: 12px;}
    ul.luxury-Hotel li::before {font-size: 11px; right: -14px; top: 1px;}
    .loding-logo {margin-top: 35px;}
    .loading-middle .loading-section p {font-size: 20px;}
    .bookigconfrm .row {margin-left: 20px; margin-right: 20px;}
    .hotel-detail-ui-section .hotel-titles {font-size: 16px;}
    .sucess-messge p {margin: 0px 0 10px 0; font-size: 15px!important;}
    .sucess-messge label {margin: 15px 0 0 0; line-height: 33px; font-size: 13px!important;}
    /* .ndietro-ui {margin-top: 10px;} */
    .stamp-lnk {grid-gap: 25px;}
    .none-confirm p {margin: 0px 0 10px 0; font-size: 15px!important;}
    .none-confirm label {margin: 0px 0 0 0; font-size: 12px!important;}
    
    
    .loginmian {max-width: 800px;}
    .loginmian .login-ac-top img, .loginmian .login-ac-bottom img {max-width: 80%;}
    .filed-section {margin-top: 25px;}
    .login-middle-part {padding: 100px 0 0 0;}
    .regist-title {margin: 25px 0 110px 0;}
    .regist-title p {line-height:22px;}
    .filed-section .oralink {font-size: 13px;}
    .filed-section .oralink {font-size: 13px!important;}
    .accout-ui {padding: 35px 0 0 0;}
    .personal-information {padding:35px 45px 88px 45px;}
    .confirm-mail-sent {padding: 50px 0 0 0;}
    .confirm-mail-sent .mt-70 {margin-top: 20px;}
    .confirm-mail-sent .mb-250 {margin-bottom: 180px;}
    .confirm-mail-sent .mt-85 {margin-top: 45px;}
    .personal-information .oralink {font-size: 13px!important;}
    .ctyiviewright span{white-space:wrap;}
    .profile-aiu {width:98%; padding: 10px 25px 0 25px;}
    .inclusa ul li {margin: 0px 12px 0 0;}
    .find-state-ui .find-city-ui .autocomple-section input {height: 34px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {height: 34px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input {padding: 0px 0px 0px 8px; width: 42px!important;  height:34px;}
    .add-person .room-cam-ui-cax .place-Ospiti input {height: 34px; border-radius: 0px; width:40px!important;}
        .modi-ricear-mdx .cerca-btn {height: 36px; font-size: 16px; line-height: 35px;}
        .modi-ricear-mdx {width: 16.5%;}
        .modi-ricear-mdx .cerca-btn i {margin-right: 2px;}
        .auto-complete-main {width: 82.5%;}
        .back-list {font-size:15px; margin: 0px 0 10px 0px;}
        .back-list i {font-size: 14px;} 
        .gio-section-ui2 label {font-size: 14px; width: 60%; display: flex; gap: 5px;}  
        .dropdown-langu .dropdown-menu.show {transform: translate(-100px, 40px)!important;}
        .prilesection .information-ofprsonal a.mdl-ujh {right:0; top:0px;}
        .prilesection .information-ofprsonal a.mdl-ujh I{font-size:18px;}
        .profile-aiu ul li a {font-size: 14px;}
        .profile-aiu ul li a i {font-size: 18px;}
        .checkoutdetails .struttura p {padding: 0px 0 0 0px;}


        /* flight css */
        .flight-book-ui {min-width:480px; max-width:480px;}
        .compagnia-aerea select {padding: 0 0 0 10px; height: 32px; border-color: transparent;
        background-position: 97%!important;}
        .opzioni-ui {padding:0 15px 0 10px;}
        .scalo-ui {padding:4px 0 12px 0px;}
        .opzioni-title {margin: 0px 0 8px 0;}
        .opzioni-ui.compagnia {padding: 0px 10px 0 10px;}
        /* .flightopnizioni-search .opzioni-ui {padding: 0 10px 6px 10px;} */
        .select-travelers {padding:10px 15px 1px 20px; 
        min-width: 280px; border-radius: 15px;}
        .slectfilight {padding: 8px 10px 8px 10px; border-radius: 15px;}    
        .select-travelers .mb-15 {margin-bottom: 7px;}
        .flight-icon {gap:6px;}
        .multitab .nav-tabs{gap:3px;}
        .single-date-ui .gma{padding:4px 0 5px 0px;}
        .flight-detail-ui .premium-btn {padding:0 0 0 0px;}
        .fligt-middle-home {margin-top:0px;}
        .select-travelers .col-md-6{padding-left: 0px; padding-right: 0px;}
        .count-traveles {padding: 0px 5px 0 0;}
        .infant-ui{font-size:var(--font-12rem);}
        .input-qty {font-size: 13px;}
        .avanzata-cersa-ui .flight-btn {width:100%; font-size: 14px; height:35px;}
        .avanzata-cersa-ui .flight-btn i {font-size:16px; margin: 0 4px 0 0; top:0px;}
        .scalo-ui .prezzo-section {padding: 0 10px 0 10px;}    
        .flight-detail-ui .premium-btn {font-weight: 500; height: 35px;}    
        .opzioni-ui.compagnia .save-btn {font-size:14px; padding:7px 25px;}
        .save-btn {font-size:14px;}
        .flight-grid .save-btn {
            font-size: 9px;
        }
         .singlesite-flightsolo .fltdestination {width: 40%;}
         .singlesite-flightsolo .flitdate {padding:0px 15px 0 8px!important;}
         .flight-selct-multioption {padding: 0 0 0 4px;}   
         .flight-selct-multioption .form-check .form-check-label {padding: 4px 0 0 4px;}
         .flight-adult-count {padding: 0 10px 0 5px;}   
         .flight-find {margin: 7px 0 0 22px;}
        .economy-Premium .flight-detail-ui .dropdown-menu.show {border-radius: 0px 0px 15px 15px; z-index: 99;}
        .compagnia-aerea .flight-serch-input{width: 100%!important;}
        .flightopnizioni-search .scalo-ui {padding: 10px 0 0 0px; margin: 0px 0 0 0;}   
        .flightopnizioni-search .opzioni-ui.compagnia {padding: 10px 24px 0 24px!important;}    
        .flightopnizioni-search .compagnia .opzioni-title {padding: 10px 0 0 0;}    
        .flightopnizioni-search .opzioni-ui {padding: 10px 24px 6px 24px;}    
        /* flight css */
        header .left-part-ofmenu .main-nav ul li a {padding: 11px 10px 4px 10px;}    
        header .left-part-ofmenu .main-nav ul li {margin: 0px 0 0 2px;}
        .tuo-profilo .oralink{width: 100%;}    
        .tuo-profilo .hotel-icon-ui .date-ui {
            height: auto;
            padding: 5px 12px 5px 12px;
        }
        

    }
    
    
    @media (max-width:1300px) {
    .cam-bhsgf {padding: 15px 15px 0 15px; width: 268px;}
    .gicamera {margin-top: 0px; padding: 8px 0 10px 0;}
    .room-selection {padding: 0 8px 0 8px;}
    .banner-ui .volaeasy-right {width: 300px;}
    .banner-ui .eadry-logo {width: 130px;}
    .find-city-ui {padding: 0 0 0 20px;}
    .tour-cal-ui-xsa {padding-left: 5px; }
    .modi-ricear-mdx .cerca-btn {font-size: 15px; align-items: center; display: flex; flex-wrap: wrap; justify-content: center; white-space: nowrap;}
    .modi-ricear-mdx .cerca-btn i{margin-right:10px;}
    .herobanner-section {height:240px;}
    .herobanner-section img{height:240px;}
    .mar-top-minus {margin-top:-190px;}
    .ragistration-main { margin: -150px 0 0 0;}
    .dropdown-langu {margin: 0px 3px 0px 10px;}   
    .dropdown-langu .dropdown-menu.show {transform: translate(-0px, 40px)!important;}

    /* flight css */
    .flight-icon {gap:5px;}
    .flight-detail-ui .dropdown-menu.show {padding: 0 0 18px 0;}    
    .fligt-middle-home {margin-top: 15px;}    
    .flight-book-ui {margin-left:0px;  padding:12px 0px 12px 0px;}
    .changelocation::after {font-size:15px;}    
    .changelocation {top: -7px;}
    .multifilsty-find {padding: 0 0 0 10px;}   
    .flight-adult-count {padding: 0 10px 0 4px;} 
    .changelocation::after {top: 0px;}   
    .singlesite-flight .fltSwipCircle .changelocation {top: 12px;} 
    .upgrade-fl {padding: 10px 0 10px 0;}    
    /* flight css */
   
    .checkoutdetails .flight-detail-list .accordion {
        padding: 0px 10px 0 28px;
    }       

    }
    
    
    @media (max-width:1200px) {
        .logotp-left {width: 22%; display: flex;}
        header .left-part-ofmenu .main-nav {display: flex; margin: 0 0px 0 0; width:58%; justify-content:flex-end}
        .support-section-uitp {margin: 0 0px 0 0px; width:40%;}
    
        .support-section-uitp {margin: 0 0px 0 0px; width:41%;}
        .container {max-width:910px;  margin: 0px auto;}
        footer .propriet p {font-size:11px; line-height:normal; padding:0px 0 3px 0; font-weight:normal}
        footer .f-toor-link ul li a {font-size: 11px; font-weight:normal}
        footer .propriet a {margin: 33px -15px 0 0px;}
    /*----------menu css-----*/
        /* header .left-part-ofmenu .main-nav ul li {padding:8px 8px 4px 8px;  margin: 0px 0 0 0px;  border-radius:8px;} */
        dl.dropdown-langu {margin: 0px 0 0px 12px;}
        .loggin-ACCEDI {margin: 0 0px 0 12px;}
        .faq-topright .faq-support {margin: 0 0px 0 12px;}
    header .left-part-ofmenu {min-width: 713px; max-width: 713px; padding: 0 8px 0 0; }
    .modi-ricear-mdx .cerca-btn i {margin-right:5px;}
    .resarch-ui-rxse {width:73%;  padding: 27px 0 0 0;}
    .map-view {width:25%;}
    /* .middle-left-part-ui {width:25%!important; padding: 15px 15px 15px 15px; border-radius:15px;} */
    .middle-left-part-ui {width: 25%!important;padding: 12px 10px 10px 10px; border-radius: 10px;}    
    .slider-handle.min-slider-handle.round {margin:0px;}
    .diverse {align-items: flex-start; flex-direction: column;}
    .diverse .form-switch {padding-left: 0; margin: 10px 0 0 0;}
    .middle-right-part-ui {width:73%;}
    .hotel-detail-ui {padding: 0px 0 0 10px; max-width:70%;}
    .ticket-price-people {width:30%;}
    .barberini p {line-height: normal; padding:0px; margin:0px;}
    .barberini {flex-direction: column; margin-bottom:8px;}
    .barberini p::before{display: none;}
    .maptlock {font-size:12px; margin-bottom:5px;}
    .ottima-pulizia-u ul {margin: 5px 0 0 0;}
    /* .eccellenteui ul li label {width: 10px; height: 10px;} */
    .resarch-ui-rxse a.Ordina-uibbsdg img {width: 15px;}
    .popolarit-uixs .hstack i {font-size: 15px;  margin: 0px 4px 0 0;}
    .popolarit-uixs .hstack .p2 {align-items: center;}
    a.dettli-p {font-size:14px; padding: 7px 10px 7px 10px; bottom:-10px;}
    .bigmapview .modal-dialog .modal-content {padding: 22px; border-radius: 22px;}
    .bigmapview .modal-dialog iframe { min-height: 550px; border-radius: 20px;}
    
    .filter-find { margin-top:15px;  margin-bottom:15px;  padding:0px 0px 0px 12px;  background: transparent!important; box-shadow: none;}

    .auto-complete-main {    background: #fff!important;    box-shadow: 5px 2px 6px #000000BF;    width: 80%;    border-radius:15px;  padding:4px 12px 4px 12px;}
    .find-state-ui {width:34%;}
    .add-person-mains {width:66%;}
    .add-person {width:55%;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input {width: 42px;}
    /* .add-person .room-cam-ui-cax .place-Ospiti input {width:42px;} */
    .find-state-ui .tour-cal-ui-xsa {width:38%;}
    .find-state-ui .find-city-ui span, .find-state-ui .tour-cal-ui-xsa i, .add-person .vist-opti-ui-sdf i, .add-person .room-cam-ui-cax .icon-bed-front 
    {font-size: 16px;}
    
    .find-state-ui .find-city-ui .autocomple-section input::-webkit-input-placeholder {font-size: 14px;}
    .find-state-ui .tour-cal-ui-xsa .place-Ospiti input::-webkit-input-placeholder {font-size: 14px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input::-webkit-input-placeholder{font-size: 14px;}
    .add-person .room-cam-ui-cax .place-Ospiti input::-webkit-input-placeholder{font-size: 14px;}
    .modi-ricear-mdx {width:19%;  margin-left: 1%;}
    .find-state-ui .tour-cal-ui-xsa .place-Ospiti input, .find-state-ui .find-city-ui .autocomple-section input{font-size: 14px; border-radius: 0px;}
    .add-person .room-cam-ui-cax .place-Ospiti input{font-size: 14px;  border-radius: 0px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input{font-size: 14px;  border-radius: 0px;}
    .find-state-ui .tour-cal-ui-xsa {padding-left: 5px;}
    .add-person .vist-opti-ui-sdf {padding-left: 5px;}
    .add-person .room-cam-ui-cax {padding-left: 5px;}
    .add-person-mains .tour-cal-ui-xsa {width:45%;}
    .middle-section-inhme .wrapper span {font-size: var(--font-28rem);}
    
    /*----------menu css-----*/
    .detail-left {max-width:70%;}
    .hotel-img{column-gap:15px;}
    .ctyiview { margin-top:12px;  flex-direction: column;}
    .ctyiview-left p {padding: 0px 0 0 0px;}
    .ctyiviewright {width: 100%; margin-top:6px;}
    .ctyiviewright div {font-size:15px; text-align: left;}
    .ctyiviewright span {padding: 0px 0 0 0px; text-align:left;}
    .totale-bdr {padding:4px 5px 4px 8px; flex-direction: column;  justify-content: flex-start!important; align-items:flex-start;}
    .totale-bdr .pricse {min-width:auto;}
    .guard-ui {margin-top:10px; flex-direction: column;}
    .guard-ui a {margin-bottom: 10px;}
    .left-map-section.mt-20{flex-direction: column;}
    .mapleft {width: 100%; height: 150px !important; display: block !important;}
    .intresse {padding: 10px 0 0 0px; width: 100%!important;}
    .detta-ui .none-ui {text-align: left;}
    .vederenzona .vedere-zona {padding-left: 5px;}
    .vederenzona ul {margin-left:0;}
    .vederenzona ul li {padding: 0px 6px 0px 0;}
    /* .camerea-wsection1{flex-direction: column;} */
    .Cambia-date {justify-content:space-around;  display:flex;
    padding-bottom: 10px; flex-direction: column;}
    .passen-ui {width: 70%; margin: 0 0 0px 0; gap: 15px;}
    .gio-section-ui2 {margin-left:0px;} 
    .gio-section-ui label, .gio-section-ui2 label {
        font-size:12px; padding:3px 0; display:flex; gap: 5px;}   
    .optisction .place-Ospiti input {font-size: 12px; height: 20px;}
    /* .aggiorna-ui {width: auto; height:auto;} */
    /* .aggiorna-ui a{padding:10px 20px 10px 20px;} */
    .aggiorna-ui {width:154px; height:auto;}
    .aggiorna-ui a {padding: 6px 6px 6px 5px; font-size: 12px; line-height: 14px;}    
    .result-desct span img {max-width: 180px;}
    .noresulte-title {padding: 25px 0 0 0;}
    .noresulte-title {font-size: 16px;}
  
    .add-person-mains .tour-cal-ui-xsa {padding-left: 6px;}
    .chieck-right-section {padding: 0 12px 0 12px;}
    .hotel-detail-ui-section {margin: 15px 0px 0 0px;}
    .hotel-detail-ui-section .hotel-titles {font-size: 15px;}
    .right-request-ui {margin-top: 20px;}
    .struttura {padding:0 0px 0 0px!important;}
    .struttura p {padding:0px 0 0 0px;
    font-family:'gothambook'; 
    font-size: 13px!important; font-weight:bold;}
    .method-ui {padding: 20px 15px 15px 15px!important;}
    .left-cechkout-ui {padding-left: 15px;}
    
    .cehckout-detail {padding:25px 15px 20px 15px;}
    .guest-status-ui {padding:15px 0px 0px 0px;}
    .acces-uia, .un-account {padding: 15px 12px 15px 12px;}
    .acces-uia .oralink, .un-account .oralink {line-height:26px; padding: 0 11px;}
    .none-confirm p {margin: 0px 0 10px 0; font-size:13px!important;}
    .sucess-messge p {margin: 0px 0 10px 0; font-size:13px!important;}
    .personal-information {padding: 35px 25px 88px 25px;}
    .personal-information .pe-6 {padding-right: 1.3rem !important;}
    .personal-information .accesso {font-size: 14px;}
    .app-ui .sign-with {padding: 20px 0 0px 0; width: 350px;}
    .app-ui p {padding: 0 0 0 30px!important;}
    .personal-information .pl-100 {padding-left: 50px;}
    .struttura1{padding:0 0px 0 15px!important;}
    .p-35.profilo-a {padding: 0px 2% 40px 2%; border-radius:0;}
    .checkoutdetails .struttura p {padding: 10px 0 0 0px; line-height: normal;}
    .profile-aiu {width: 100%;  padding: 10px 15px 0 15px;}
    .profile-aiu ul li a {padding:15px 0 15px 0; font-size: 14px;}
    .profile-aiu ul li a .fa-angle-right {font-size: 14px; margin: 5px 0 0 0;}
    .information-ofprsonal {padding:22px 0px 5px 0px;}
    .hotel-details .struttura img {height:auto;     border-radius: 16px;}
    .hotel-details .struttura {width:35%;}
    .boutique-flight {width: 65%;}
    .hotel-details {column-gap: 15px;}
    .hotel-icon-ui .date-ui {width: auto; height:35px; padding: 0 15px 0 15px;}
    .hotel-icon-ui .hotel-icon {width:38px; height:35px;  font-size:15px; margin-right:10px;}
    .gosto::before {top: 19px;}
    .ordina-ui .Ordina-uibbsdg {margin-right: 15px;}
    .p-25.profilo-a{padding: 15px;}
    .inclusa ul li {margin: 0px 8px 0 0;}
    .profilo-a .hotel-detail-ui {max-width: 55%;}
    .profilo-a .hotel-details .struttura {width: 220px; height: 200px;}    
    /*.hotel-detail-ui .hotel-titles {font-size: 14px;}*/
    .xl-column{flex-wrap: wrap;}
    .profilo-a .deluxe-City ul li{width: 100%;}
    .hotel-detail-ui-section .rating-flight ul {margin: 1px 0 0 3px;}

    .more-thumimg div {height: 48px;}
    .accout-ui p {padding: 13px 10px 0 10px;}
    .profilo-a .stamp-lnk a {width: 22%;  text-align: center;}
    .hotel-deta-list {width: 545px;}
    .struttura-bgs {width: 190px;}
    .bigmapview .modal-dialog .btn-close {position: absolute; right: 10px; top: 10px; font-size:13px; color: #050505; z-index: 99;}
    .find-state-ui .find-city-ui .autocomple-section input {height: 30px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input{height: 30px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input{height:30px;}
    .add-person .room-cam-ui-cax .place-Ospiti input{height: 30px;}
    .optisction .place-Ospiti {padding:0px 0px 0 10px; line-height: 18px;}   
    .camerea-wsection1 {padding: 7px 10px 7px 10px; gap: 10px;}    
    .gio-section-ui {padding: 4px 10px 4px 10px;}   
    .detta-ui {border-radius: 15px; padding:10px 15px 10px 0;}
    .detta-ui .none-ui {width: 35%;}
    .vuoiandare-find .me-3 { margin-right: 10px !important;}
    .calender-uis .optisction .place-icon {margin-right: 10px;}
    .salva-btn { width: 98px; height: 35px; font-size: 14px;  line-height: 34px;}
    .calender-uis .place-Ospiti::before {width: 1px;  height: 40px; right:0px; background: #098AE4;}
    .support {margin: 4px 0 0px 0px;}    
    .faq-topright .faq-support {margin:4px 0px 0 10px;}
    .loggin-ACCEDI {margin:4px 0px 0 10px;}
    .right-cechkout-ui .inclusi-view .pricse {font-size:22px;}
    .dropdown-langu .dropdown-menu.show {transform:translate(-99px, 31px)!important;}
    .autocomple-section a.mdl-ujh {right:50px; top: 32px;}
    .prilesection .mt-25 {margin:0px;}
    .prilesection .user-pic {height: 100%; align-items: center; justify-content: center;}
    .prilesection .user-pic span {background:#008aeb; display: flex; justify-content: center; align-items: center;}
    .profile-aiu {padding:10px 15px 10px 15px;}
    .myaccoutn-middle {position: relative;  margin-top: 55px!important;}
    .myaccoutn-middle::before {position: absolute; left: 0px; width: 97%; height: 4px; background: #008aeb;   content: '';
    right: 0px;  top: -31px;  margin: 0px auto;}
    .credicard-detail hr {border-top: #008aeb solid 0px; border-bottom: solid #0C8AE4 1px!important; margin: 8px 0 20px 0; border-top: 0px;}
    .confirm-title {font-size: 16px;}
    .confirm-mail-sent a {font-size: 18px!important; padding:20px 0 0 0;}
    .confirm-mail-sent p {font-size: 18px!important; font-weight: 400;} 
    .blue-tab-ui {margin: 0 0 20px 0;}
    .prilesection .profilo-a .stamp-lnk a {width: 23%; display: inline; font-size: 14px;}
    .dati-personali  input {padding: 0px 0 0 48px;} 
    .tuoi-documenti .dati  input {padding: 0px 0 0 48px;}
    .tuoi-documenti  input {padding: 0px 0 0 22px;}
    .information-ofprsonal a.mdl-ujh {right: 0px; top: -5px;} 
    .width98 {max-width:100%; align-items:center; display: flex; justify-content: center;}
    .personali-info-name input {padding: 0px 0 0 40px;}
    .dati-personali .gust-select {padding: 0px 0 0 48px;}
    .mobile-white-bg{background:#fff;}
    .mobile-white-bg .cehckout-detail {box-shadow: none;}
    /*.cehckout-detail .border-25 {border-radius: 20px; border:0;}*/
    .cehckout-detail .border-25 {border-radius: 20px;
              /* border: 0; */
    padding: 15px;}
    .codice-code {padding:0px 15px 0 15px; margin:10px 0 0 0;}
    .thumbslider .slider-content .slick-slide {height:140px;}
    .thumbslider .slider-content .slick-slide img {object-fit: cover; aspect-ratio: 1/1;} 
    .modi-ricear-mdx .cerca-btn:hover {background:#000;}
    .stamp-lnk {grid-gap: 20px;}
    .stamp-lnk a {white-space: nowrap;}
    .hotel-img-list {height:135px;}
    .hotel-boutique .thumbslider {position: relative; width:30%;}
    .detailhotel{padding: 0px; margin: 0px; width:69%;}
    .middle-section-inhme .mete-pi-slider .slick-slide img {min-height: 230px;}    
    .p-left-ui {width: 35%;}    
    .personali-info-name {width: 65%;}
    .flightopnizioni-search {margin-top:0px; flex-direction: column; gap: 7px;}
    .multifilsty-find {padding: 0 0 0 10px;}    
    .flightopnizioni-search .flight-right-search {width: 50%; }
    .flightopnizioni-search .m-difica {width: 50%; }
    .m-w50{width: 50%;}
    .your-ssearch {border-radius: 15px; padding: 15px 15px 15px 15px;}
    .economico-section {padding:15px 15px 4px 15px; gap:8px;}    
    .veloce-price {margin: 0px 0 0 10px;}    
    .economico-price {margin: 0px 0 0 10px;}   
    .economico-price p {margin: 0px 0px 0 5px;}    
    .veloce-price p {margin: 0px 0 0 5px;}
    .flight-listing-section {border-radius: 12px;}    
    .flight-listing-section .pl-25 {padding-left: 10px;}
    .flight-listing-section .pt-4{padding-top:10px!important;}
    .flight-listing-section .me-4 {margin-right:15px!important;}
    .multi-flt-journey::before {left:-20px; width:15px;}   
    .lun-day {font-size: 14px; margin-left:0px;}
    .fl-roronto{padding-top: 10px;}    
    .volo-viw {padding: 0px; flex-direction: column; align-items: flex-start!important;}
    .begge-ui {padding:0 5px 0 10px;}
    .history-tl-container div.tl {padding: 0 0 0px 85px;}
    .flight-duration {left: -70px;}   
    .tl-item:nth-child(2)::after {left: -87px;}   
    .tl-item:nth-child(2)::before {left: -95px;}
    .tl-item:nth-child(3)::before {left: -95px;}
    .tl-item:nth-child(4)::before {left:-95px;}    
    .tl-item:nth-child(5)::before {left:-95px;}    
    .tl-item:nth-child(6)::before {left:-95px;}    
    .tl-item:nth-child(7)::before {left:-95px;}    
    .tl-item:nth-child(8)::before {left:-95px;}    
    .tl-item:nth-child(9)::before {left:-95px;}    
   .termical-line::before {width: 65px; left: -70px;}

   .tl-item:nth-child(4)::after {left: -87px;}
   .tl-item:nth-child(5)::after {left: -87px;}
   .tl-item:nth-child(6)::after {left: -87px;}
   .tl-item:nth-child(7)::after {left: -87px;}
   .tl-item:nth-child(8)::after {left: -87px;}
   .flightmodifica {padding-left: 10px;}
   .flitefilter .middle-left-part-ui{width: 100%!important;}
   .flight-gradien .light-blue{padding:10px 0 10px 0!important;}
   .singlesite-flightsolo .fltdestination {width:100%;}   
   .singlesite-flightsolo .multifilsty-find {border:0;}
   .singlesite-flightsolo .flitdate {padding:10px 15px 0 35px!important;}     
    .flightopnizioni-search .flight-detail-ui.w-dth-uifl .dropdown-menu.show {border-radius: 0px 0px 20px 20px;}
    .scalo-ui .prezzo-section {padding: 0 5px 0 0px;}    
    .flight-book-ui {margin-left: 15px;}   
    .flightopnizioni-search .flight-detail-ui .dropdown-menu.show {top:25px!important; border-radius: 0px 0px 20px 20px!important;}    
    .opzioni-ui.compagnia .save-btn {padding: 7px 30px;}
    .flightopnizioni-search .opzioni-ui {padding:0 10px 7px 10px;}
    .flightopnizioni-search .opzioni-ui.compagnia .mb-20 {margin-bottom:10px;}
    .flightopnizioni-search .scalo-ui {padding: 10px 0 0 0px;}   
    .flightopnizioni-search .opzioni-ui.compagnia {padding:10px 12px 0 12px!important;}    
    .flightopnizioni-search .opzioni-check {margin-bottom: 5px;}    
    .flight-gradien {padding-bottom:20px;}
    .your-document {margin: 0px 0 10px 0;box-shadow: 0px 0px 10px #00000080; border-radius:10px; padding: 10px 12px 10px 15px;}
    .fl-filter .slider-handle {top:0px; width: 19px; height: 19px; border: solid 2px #fff;}    
    .diverse-toggle input[type="checkbox"] {height:15px;}    
    .diverse-toggle input[type="checkbox"]::after {width: 20px; height: 20px;  top: -3px;}    
    .azzera-cs { margin-top: 10px; flex-direction: column; gap:5px;}
    .flight-search {padding-top: 10px;}
    .compagnia-aerea.flightfindinbox .dropdown-menu.show {margin:80px 0 0 0px!important; width:90%!important; border:0px;}    
    .flist-lista {padding: 0px 15px 0px 20px;}
    header .left-part-ofmenu .main-nav ul li a {padding: 6px 8px 4px 8px;}    
    .checkoutdetails .flight-detail-list .accordion {padding: 0px 10px 0 0px;}    
    .checkoutdetails .flist-lista {padding: 0px 0px 0px 5px;}    
    .flightbookigconfrm .chieck-right-section {padding-right: 0px;}
    .volo-flight {padding: 35px 40px 0 50px!important;}
    .flt-go-return {padding-left: 22px;}
    .cehckout-detail .stamp-lnk .border-25{padding:0px 10px;}
    .effettuato {line-height: 20px;}    
   .h2-90 {height: calc(100% - 22px);}
   .utili {
    padding: 0 10px 0px 0;
}


    
    }
    
    @media (max-width:1099px) {
    .dropdown-langu .dropdown-menu.show {transform:translate(0, 37px)!important;}
    .bannerslider-ui .main-slider .slick-dots li {margin: 0 4px;}
    .bannerslider-ui .main-slider .slick-dots li button {margin: 0 0px 0 0px;}
    .bannerslider-ui .main-slider .slick-dots {width: 90%;  right:1%;}
    .tooltip {transform: translateX(-84%); width:160px;}    
    .tooltip-trigger:hover .tooltip {transform: translateX(-84%) translateY(-5px); width:160px;}    
    }

    @media (max-width:1025px) {
    .dropdown-langu .dropdown-menu.show {transform: translate(-0px, 31px)!important;}

    /* flight css */
    .flight-book-ui {min-width:470px;  max-width:470px;} 
    .select-travelers {min-width: 107%;}
    .flight-serch-input {padding: 0 20px 0 0;}    
    .flight-find::before {right: 10px; top: 3px;font-size: 12px;}    
    .autocomplet-box .autocomplet-list {padding: 0px 0 8px 15px;}
    .multifilsty-find .flight-serch-input {padding: 0 30px 0 0;}    
    /* flight css */

    }

    @media (max-width:992px) {
    .p-sm-2{padding:12px 22px!important;}
    .container {max-width:96%; margin: 0px auto;}
    .banner-ui .volaeasy-right { width: 100%;}
    .banner-ui .easy-img {    position: absolute;    right: 95px;    top: 13px;    width: 220px;    display: block;}
    header {padding: 0px 0 0px 0;}
    header .container {max-width:100%;  margin: 0px auto; padding-left: 0px; padding-right:0px; margin-left:0; margin-right:0px;}
    header .container .row {max-width:100%;  margin: 0px auto; padding-left: 0px; padding-right:0px; margin-left:0; margin-right:0px;}
    header .container .row .col-md-12 {max-width:100%;  margin: 0px auto; padding-left: 0px; padding-right:0px; margin-left:0; margin-right:0px;}
    .logotp-left {width: 100%; background: transparent linear-gradient(180deg, #abd7f6 0%, #fff 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #e9eaeb; display: flex; justify-content: space-between; padding:15px 5% 15px 5%; align-items: center;
    position: relative;}
    .dropdown-trigger2{position: relative;}
    .dropdown-trigger2 .login-ac {position: absolute; right:0px; top: 30px; z-index:4;}
    .tophedarpart-bxs{flex-direction: column;}
    .menuright-tp{display:block;}
    .login-ui-bcsd {box-shadow: 0px 3px 6px #00000080; border-radius: 10px; background: #fff; width: 203px; padding: 28px 15px 15px 15px;}    
    .login-ui-bcsd ul{padding: 0px; margin: 0px;}
    .login-ui-bcsd ul li{padding:0px 0 7px 0; margin:0px 0 15px 0; list-style: none; border-bottom: solid 1px #7e7e7e; position: relative;}
    .login-ui-bcsd ul li i{position:absolute; right: 0px; top: 0px; color:#0C8AE4; font-size: 14px;}
    .login-ui-bcsd ul li a{padding: 0px; margin: 0px; list-style: none; font-size: 12px; font-weight:normal;  color: #050505;}
    .login-ac a.mdl-ujh i{font-size:13px; color:#050505; font-weight: 600;}
    .p-plolicy a{font-size:12px; font-weight:500;  color:#0C8AE4;}
    header .left-part-ofmenu {min-width:100%; max-width:100%; margin: 0px auto;padding:5px 4% 5px 2.5%;}
    header .left-part-ofmenu .main-nav {margin: 0 0px 0 0;width: 58%; justify-content: flex-start;}
    .support-section-uitp {margin: 0 0px 0 0px; width:40%;}
    header .left-part-ofmenu .main-nav ul li:first-child {margin-left:0%;}
    header .left-part-ofmenu .main-nav ul li {
        /* padding:8px 11px 4px 10px;  */
        margin-left:1%;}
    header .left-part-ofmenu .main-nav ul {display: flex; align-items: center; margin: 0px;}
    .faq-topright {justify-content: flex-end;}
    .lingupart {justify-content: flex-end;}
    /* dl.dropdown-langu {margin:0px 0 0px 15px;} */
    dl.dropdown-langu {margin: 0px 0 0px 15px;position: relative; top:-1px;}
    .loggin-ACCEDI { margin:2px 0px 0 15px;}
    .faq-topright .faq-support{ margin: 0 0px 0 15px;}
    .hotel-booking-ui {margin: 0px auto;}
    .hotel-detail-ui .hotel-titles {margin: 0px; font-size:18px;}
    .non-refund-title {font-size:14px;}
    .refundable-title {font-size:14px;}
    .price-uyi {text-align: left;}
    .middle-right-part-ui {width: 100%;}
    .filter-find{flex-wrap: wrap; padding: 10px;}
    .find-city-ui {width: 50%;}
    .tour-cal-ui-xsa {width: 50%;}
    .vist-opti-ui-sdf {width: 50%;     border-left: 2px solid #fff;}
    .room-cam-ui-cax  {width: 50%; padding-left: 6px; }
    .modi-ricear-mdx  {/* width:100%;  */ margin-top: 5px;}
    .shadow-ui {border-radius: 15px;}
    .find-city-ui {padding: 0 0 0 10px;}
    .middilegradien {padding-top:20px; padding-bottom:20px;}
    /* .modi-ricear-mdx .cerca-btn {width: auto; margin:10px auto 0px auto;  padding: 0 14px 0 14px;} */
    .modi-ricear-mdx .cerca-btn {
    width: 230px; margin: 0px; padding: 0 14px 0 14px;  flex-wrap: nowrap;  font-size: 13px; line-height: normal; }    
    .modi-ricear-mdx .cerca-btn i {margin-right: 8px;}
    .popolarit-uixs .hstack .p2 {align-items: center; margin-right: 5px; white-space: normal;  max-width: max-content;  min-width: 140px;}
    .hstack {overflow-x: scroll;  overflow-y: hidden; white-space: nowrap;}
    .popolarit-uixs .hstack {overflow-x:inherit;  overflow-y:inherit; white-space: nowrap;}

   .middle-left-part-ui {padding: 25px 15px 20px 15px; background: #fff; box-shadow: 0px 0px 15px #00000080;
            border-radius: 0px; position: fixed; transform: translateX(-260px) !important;
            width:260px !important; top: 0 !important; left: 0 !important; overflow-y: scroll; 
            overflow-x: hidden; }
    .middle-left-part-ui.show {visibility: visible; transform: translateX(0px)!important;}
    a.filster-logo {display: block; max-width:140px;}
    .filter-logo-main{display:block;}
    .filterleft {background-color:#0C8AE4;  display: inline-block!important;
        height: auto;  line-height: normal; padding: 5px;  margin: 30px 0 8px 20px;
        border: 0px; font-size: 20px; color: #fff; border-radius: 5px;}
    .btn-ui {padding: 0px 15px; font-size: 14px; height: 35px;}
    .btn-blue {padding: 0px 15px; font-size: 14px; height: 35px; line-height: 15px;}
    /* .btn-blue br{display: none;} */
    footer {margin-top:0px;}
    .filtermobile{display:block;}
    .mapobutton{display:block; margin: 0px auto;}
    .map-view{display: none;}
    .resarch-ui-rxse {width: 100%; padding:10px 0 0px 0;}
    .mapview-mappa .popolarit-uixs{display: none!important;}
    .m-center{text-align: center;}
    .filter-mobile{align-items: center!important;}
    .resarch-ui-rxse a.Ordina-uibbsdg i {font-size: 20px; color: #008aeb; margin: 0px 5px 0 0;}
    .filter-mobile ul {margin:10px 0 0px 0; box-shadow: 0px 0px 6px #00000059; padding: 8px 0 8px 0; justify-content: center;}
    .filter-mobile ul li {
     border-right: solid #0C8AE4 1px;
     width: 25%; text-align: center; align-items: center;  display: flex; justify-content: center; padding:0px;}
    .filter-mobile ul li .filterleft {background-color: transparent; display: flex!important;
    padding: 0px; margin: 0px 0 0px 0px; font-size:12px; color: #000; border-radius: 0px; font-family: 'Gotham Pro'; font-weight: 500; align-items: center;}
    .filter-mobile ul li .filterleft i {font-size: 20px; color: #008aeb;  margin: 0px 5px 0 0;}
    .filter-mobile ul li .btn:first-child:active{background-color: transparent; border-color: transparent;}
    .filter-mobile ul li:last-child {border: none;}
    .resarch-ui-rxse a.Ordina-uibbsdg {font-size:12px; margin: 0px 0 0 0;}
    .filste-mbisti .container {max-width: 100%; margin: 0px auto;}
    .filste-mbisti .container .row .col-md-12 {padding-left: 0px; padding-right: 0px;}
    .filter-find { margin-top:15px;  margin-bottom:15px;  padding:0px 0px 0px 0px;  
        /* background:#fff!important;
         box-shadow:5px 5px 6px #000000BF;  */
         flex-wrap: nowrap;
         justify-content: space-between;   
        }
    .auto-complete-main {background:#fff!important; box-shadow:none; width:84%; padding:4px 0 4px 8px;
         /* flex-direction: column; */
    }
    .modi-ricear-mdx {width:15%;  margin:0px;}
    /* .modi-ricear-mdx .cerca-btn {margin:0px; padding:0px; } */
    .modi-ricear-mdx .cerca-btn i {margin-right: 0; font-size:17px; }
    .find-state-ui {width:40%; flex-direction: column; position: relative; }
    .add-person-mains .tour-cal-ui-xsa {width: 60%;}
    .add-person-mains {width:auto;}
    /*.add-person-mains .tour-cal-ui-xsa {border-left: 0px solid #0C8AE4; padding-left: 0px; width:auto;}
    .add-person-mains .tour-cal-ui-xsa .place-icon{display: none;}
    .add-person .vist-opti-ui-sdf .place-icon{display: none;}
    .add-person .room-cam-ui-cax .icon-bed-front{display: none;}
    .add-person .vist-opti-ui-sdf {border-left:0px solid #0C8AE4; padding-left:0px; width:auto; margin: 0 10px 0 0;}
    .add-person .room-cam-ui-cax {border-left: 0px solid #0C8AE4; padding-left:0px; width:auto;}
    .find-state-ui .find-city-ui .autocomple-section input {font-size:13px; height:21px;}
    .find-state-ui .find-city-ui .me-3{display: none;}*/
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti{max-width:235px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {text-align: left;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {border: 0px; padding: 0px 0 0 0px; font-size:13px;  height:30px; border-radius: 0; padding-left: 5px !important;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-webkit-input-placeholder {font-size:13px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-moz-placeholder {font-size:13px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-ms-input-placeholder {font-size:13px;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-moz-placeholder {font-size:13px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti{max-width:115px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input {border-radius: 0px; padding: 0px; height: 30px; width: 38px; padding-left:5px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input::-webkit-input-placeholder {font-size:13px; font-weight:500;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input::-moz-placeholder {font-size:13px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input:-ms-input-placeholder {font-size:13px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input:-moz-placeholder {font-size:13px;}
    .add-person .room-cam-ui-cax .place-Ospiti {max-width:115px;}
    .add-person .room-cam-ui-cax .place-Ospiti input {border-radius: 0px; padding: 0px; height: 30px; width:32px!important; padding-left:5px;}
    .add-person .room-cam-ui-cax .place-Ospiti input::-webkit-input-placeholder {font-size:13px; font-weight:500;}
    .add-person .room-cam-ui-cax .place-Ospiti input::-moz-placeholder {font-size:13px;}
    .add-person .room-cam-ui-cax .place-Ospiti input:-ms-input-placeholder {font-size:13px;}
    .add-person .room-cam-ui-cax .place-Ospiti input:-moz-placeholder {font-size:13px;}
    .add-person {width:100%; padding-left:15px;}
    .list-room-dropdown {left: 0 !important;}
    .addromms-ui .list-room-dropdown {left: inherit !important;top: 20px !important;}
    .auto-complete-ui {width: 100%;}
    .deluxe-City {padding: 0px 0 0 15px;}
    .detail-uia{flex-direction: column;}
    .detail-right {width:100%;}
    .detail-left {max-width:100%;}
    .service-secionleft ul {padding: 0px; margin: 0;}
    .access-bomdini {display: flex; column-gap: 15px;}
    .access-bomdini .mt-15.lente{margin-top: 0px!important;}
    .camerea-wsection1 {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 15px 10px 15px 10px;
        gap: 15px;
    }

    .Cambia-date {width: 50%;}
    .gio-section-ui { width: 50%;}
    .gio-section-ui2 {width: 50%; margin-left: 0px; margin:0px 0 0 0;}
    .aggiorna-ui{margin:0px 0 5px 0; width: auto;}
    .aggiorna-ui a {
        padding: 8px 15px 8px 15px;
        font-size: 12px;
        line-height: 14px;
    }

    .deluxe-City ul {width: 100%;}
    .hotl-price {width: 20%; padding: 0px 0 00px 5px;}
    .deluxe-City .link-a {padding:20px 15px 0 0;}
    /* .deluxe-City ul li {width:100%;} */
    .deluxe-City ul li {margin: 0px 20px 10px 0; width: auto; display: flex;}
    .onrequest {margin-top:0px;}
    .right-prenota {padding: 0 0 0 5px;}
    /*.detta-ui {flex-wrap: wrap;} */
    .prenota-detail-main {margin-top: 10px; gap: 10px; flex-direction: column;}
    .detta-ui {margin-bottom:0px; width:100%;}
    .passen-ui {width:72%; column-gap: 15px;}
    /*.Cambia-date { width: 100%; justify-content: space-between;  padding: 8px 0 10px 0;} */
    .Cambia-date { width:72%; justify-content:space-between; padding: 0px 0 0px 0; flex-direction: row; gap: 10px; align-items: center;}   
    .vederenzona {flex-wrap: wrap;}
    .vederenzona .vedere-zona {width:50%; padding-left: 50px;}
    .vederenzona .vedere-zona:first-child {padding-left: 0px; padding-right: 10px; border-right: solid #098AE4 2px;}
    .vederenzona .vedere-zona {width: 50%; padding-left: 15px; padding-right: 10px; border:0px;}
    .vederenzona .vedere-zona:last-child {border-top: solid #098AE4 0px; padding-left: 0; margin: 0px 0 0 0; padding-top: 13px;}
    .service-secionleft {margin: 0px 0 20px 0;}
    .right-prenota {width: auto; padding:0 0 0 0px;}
    .right-prenota .oralink {padding: 0 15px 0 15px; white-space: nowrap; font-size: 14px;} 
    .camerea-wsection { padding: 10px;}
    .shadow-3 {padding: 10px!important;}
    .hotle-detail {padding: 8px;}
    .modal-content .detta-ui {margin-bottom:0px;}
    .struttura span {margin: auto; left: 0;  top:0;}
    .noresult-section ul {margin-left: 30px; margin-right: 30px;}
    .result-desct .modi-ricear-mdx {width:auto; margin: 0px;}
    .result-desct .modi-ricear-mdx .cerca-btn i {margin-right:3px; font-size:17px; color: #fff;}
    .noresulte-title {font-size: 15px;}
    .noresulte-p{font-size:14px;}
    .result-desct .modi-ricear-mdx .cerca-btn {margin: 0px; padding: 10px 12px; font-size: 13px; border-radius: 50px; background: #F46D00; height: auto; line-height:normal;}
    .noresult-section ul {margin-left:15px; margin-right:15px; margin-bottom:0px;}
    .indi-link {font-size:13px;}
    .supporto-ui {font-size:13px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti label {padding: 0 0 0 0px;  font-size:13px;}
    .add-person .room-cam-ui-cax .place-Ospiti label {padding: 0 0 0 0px; font-size:13px;}
    .left-cechkout-ui {width:230px; padding-left:15px;}
    .codicesconto .right-cechkout-ui {padding: 0px 15px 0 0; }
    .right-cechkout-ui {width: auto; min-width: 250px;  max-width: 250px;}
    .totale-title-booking .right-cechkout-ui {width: auto; min-width:auto;  max-width:inherit;}
    .inclusi {flex-direction: column; align-items: flex-start!important;}
    .inclusi .inclusi-view {width: 100%; margin: 10px 0 5px 0;}
    .mtt-25 {margin-top:0px;}
    .hotel-detail-ui-section {padding: 0 0px 10px 0px;}
    .method-ui .oralink {padding: 0 18px 0 18px; white-space: nowrap; font-size: 12px;}
    footer .propriet > div {padding:0px 0 0 0;}
    footer .propriet > div p{padding:0px 0 10px 0;}
    footer .f-toor-link {margin-top:25px; padding-left:10px; flex-direction: column;}
    footer .f-toor-link ul {margin: 0px 0 8px 0; display: flex; flex-wrap: wrap;}
    footer .f-toor-link ul li{margin:0px 5px 0 0;}
    footer {padding-bottom: 10px;}
    .credito .form-check label img{width:45px; height: auto;}
    .acces-uia, .un-account {border-radius: 10px;}
    footer .propriet p:first-child {margin: 10px 0 0 0;}
    .loading-middle .loading-section p {font-size: 16px;}
    .loding-img {margin-bottom: 20px;}
    .loding-logo {margin-top: 20px;}
    .app-ui .sign-with ul li a {margin: 0px 0 12px 0; height: 42px; background: #FFFFFF; border: 1px solid #747875; font-size: 15px;}
    .app-ui .sign-with {padding: 20px 0 0px 0; width:100%; margin: 0px;}
    .app-ui p {padding: 0 0 0 2px!important;}
    .personal-information .pl-100 {padding-left:23px; margin-top: 15px;}
    .confirm-mail-sent span, .confirm-mail-sent a, .confirm-mail-sent p {
    font-size: 16px!important;}
    .accout-ui p {padding:10px 15px 0 15px;}
    .accout-ui span {font-size: 16px!important;}
    .personal-information  .mt-45 {margin-top: 16px;}
    .personal-information .caratteri-desc {padding: 0px 0px; margin: 0px;}
    .app-ui br{display:none;}
    .blue-strip {height:35px;}
    .loading-middle {height:55vh;}
    .shareview .dropdown-menu.show {transform:translate(0px, 22px) !important;}
    .user-pic strong {font-size:18px!important;}
    .user-pic small {font-size:14px!important;}
    .profile-aiu ul li a i {font-size: 15px;}
    .profile-aiu ul li a {padding: 10px 0 10px 0; font-size: 14px; gap: 15px; display: flex;}
    .profile-aiu ul li a i.fa-angle-right{display: none;}
    .user-pic span {height: 60px; width: 60px;}
    .information-ofprsonal {padding:0px 0px 15px 0px;}
    .information-ofprsonal .mt-25 {margin-top:0;}

    .serach-ua {width:100%; margin:5px 0 15px 0;}
    .ordina-ui .hstack {width:100%; overflow-x:inherit; overflow-y:inherit; justify-content: flex-start !important; }
    .ordina-ui .popolarit-uixs {margin-top: 8px; padding-bottom: 10px;  width:78%!important;}
    .ordina-ui .popolarit-uixs .hstack .p2 {min-width: 80px;}
    .ordina-ui .Ordina-uibbsdg i {margin-right: 2px;}
    .ordina-ui .Ordina-uibbsdg {margin-right: 6px;}
    footer .propriet a {margin:20px 0px 0 0px; position: relative;}
    /* .hotel-veiw-ui .hotle-detail {flex-direction: column; } */
    /* .hotel-veiw-ui .left-hotel-view {width: 100%; } */
    /* .profilo-a .hotl-price {width: 100%; padding: 8px 0 0 0; border: 0px;} */
    .profilo-a .letter-specing {letter-spacing: 0px;}
    .profilo-a .stamp-lnk a {padding: 0 5px 0 5px; white-space:nowrap}
    .filter-sec-ui{flex-direction: column;}
    .filter-sec-ui .ordina-ui {width: 100%;}
    .personal-information {padding: 35px 0px 88px 0px;}
        .slider-rangeupto {
            justify-content: flex-start;
            word-break: break-word;
            text-align: left;
            flex-direction: column;
            line-height: 26px;
        }
        .slider-wrapper.slider-strips .slider-rangeupto {
            flex-direction: row;
            justify-content: space-between;
        }
        /* .slider.slider-horizontal {
            width: 88%;
            margin: 0px auto;
            display: block;
            margin-top: 10px;
        } */
        .slider.slider-horizontal {
            width: 96%;
            margin: 0;
            display: block;
            margin-top: 10px;
         
        }
    
        .confirm-mail-sent .mt-85 {
            margin-top: 0px;
        }
    
        .confirm-mail-sent .mb-250 {
            margin-bottom:20px;
        }
    
        .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {text-align:left!important;}
        span.dashline {margin-right: 0px;}
    
        /* .addrooms-ui {
        
        } */

        .struttura-chck ul li label {
            margin: 0px 0 0 2px;
        }

        .eccellenteui ul li {
            width: 10px;
            height: 10px;
        }

        .price-uyi span {
            font-size: 20px;
            font-weight:500;
        }

        .maptlock {
            font-family: 'Gotham Pro'; font-weight:normal;
            text-align: left;
            justify-content: flex-end;
            margin: 2px 0 10px 0;
            width:auto;
            float:left;
            align-items: center;
            font-size: 12px;
        }

        .checkoutdetails .maptlock {
            font-family: 'Gotham Pro';
            font-weight: normal;
            text-align: left;
            justify-content: flex-start;
            margin: 2px 0 10px 0;
            width: 100%;
            float: left;
            align-items: flex-start;
            font-size: 12px;
        }

        .checkoutdetails .maptlock p {
            font-size: 13px!important;
            line-height: normal;
        } 

        .ottima-pulizia-u ul li span {
            font-weight: 500;
            padding: 0px 0 0 8px;
            
        }

        .hotel-boutique .thumbslider {
            max-width: 253px;
            position: relative;
        }

        .thumbslider .slick-slider {
            max-width: 253px;
            margin-bottom: 10px;
        }

        .modi-ricear-mdx .cerca-btn:hover {
            background:#f46d00;
        }
        .barberini p {font-size: 12px; font-family: 'Gotham Pro'; font-weight:normal;
         
        }
        .eccellenteui {width: 100%;} 
        .eccellenteui strong {
            font-size: 14px;
        }
        .eccellenteui strong span{font-size: 12px;}
        .price-uyi p {font-weight:500;}
        .ticket-price-people {padding: 0 0 0 15px;}
        .resarch-ui-rxse .fs-5 {font-size:26px!important;}

        .loggin-ACCEDI .log-in-ui .reg-title {
            font-size: var(--font-18rem);
            padding:5px 0 8px 0 !important;
        } 
        .accedere {
            margin-bottom: 0px;
        }
        .loggin-ACCEDI .log-in-ui {
            padding: 0px 5px 0 5px;
        } 
        .loggin-ACCEDI .dropdown-menu.show {
            width: 265px;
        }
        .loggin-ACCEDI .log-in-ui input {font-family: 'Gotham Pro'; font-weight:normal; font-size: 14px; height: 40px; }
            .Sign-btn {font-size: 14px; padding: 0px 15px; height: auto; margin: -8px 0 0 0; padding: 5px 20px 6px 20px;}
            .support-section-uitp::before {left: -10px;}
            .find-state-ui .find-city-ui span {margin: 0 6px 0 4px!important;}
            .service-secionleft span.ser {font-size:18px; font-weight: 600;}
            .camerea-wsection span.title {font-size:18px; font-weight: 600;}
            .dintorani-section span.torni-title {font-size: 18px; font-weight: 600;margin-left: 19px;}
            .detta-ui .none-ui {width: 35%;}
            .detta-ui .count-people {width: 32%; border-left: solid #d0d5d8 1px; padding:5px 0 5px 10px;}
            .detta-ui .inclusi-view {width: 30%; padding: 0 0 0 15px;}
            .m-hide {display: none;}
            .srvicmodal .modal-content .richiesti ul li a span {margin-right: 5px;}
            .srvicmodal .modal-content .richiesti ul li a {padding: 0px 10px 0 0;}
            .support {margin: 1px 0 0px 0px;}
            .add-person-mains .tour-cal-ui-xsa{padding-left:0;}
            .add-person-mains .tour-cal-ui-xsa {border-left:0; }
            .btn-close-custom {display: block; top: -17px; width: 10px;opacity: 1;}
            .modi-ricear-mdx .cerca-btn {width: 95px; white-space: normal; }
            .dropdown-langu {margin:0px 3px 0px 15px;}
            .autocomple-section a.mdl-ujh {right: 38px; top: 32px;}
            .bookigconfrm .chieck-right-section .b-link {line-height: 33px; white-space: nowrap;}
            .bookigconfrm .inclusi {flex-direction:row; align-items:center!important; }
            .bookigconfrm  .barberini {line-height: normal; margin: 5px 0 15px 0;}
            .prilesection .information-ofprsonal a.mdl-ujh {right: -7px; top: -12px;}
            .profile-aiu {padding:0px 0px 20px 0px; box-shadow: none; }
            .prilesection .p-35.profilo-a {padding: 2% 5% 2% 5%;box-shadow: none;}
            .prilesection .p-right-ui div input {padding-left: 37px;}
            .myaccoutn-middle::before {width: 97%;}
            .prilesection .information-ofprsonal {padding: 0px 0px 25px 0px;}
            .confirm-mail-sent {padding: 50px 0 128px 0;}
            .profilo-a .hotel-details .struttura {width: 200px; height: 190px;}
            .mobile-white-bg .shadow-5{box-shadow: none;}
            .profile-aiu ul li a {gap: 0px;}
            .p-35.profilo-a {border-bottom: solid #098AE4 1px; padding: 0px 0% 40px 0%;}
            .p-35.profilo-a:last-child{border:0px;}
            .detta-ui .inclusi-view .pricse {font-size: 20px;}
            .cehckout-detail {padding: 25px 15px 0px 15px;}


            /* flight css */
            .fligt-middle-home {margin-top: 15px;}
            .flight-book-ui {min-width: 470px; max-width: 470px; margin: 90px auto 0px auto;}
            .scalo-ui .prezzo-section {padding:0px;}   
            /* flight css */
            .hotel-img-list {height:150px;}
            .middle-section-inhme .mete-pi-slider .slick-slide img {min-height: 190px; max-height: 190px;}
            .flightopnizioni-search .opzioni-ui {padding:0 15px 10px 15px;}
            .flightopnizioni-search .opzioni-ui
            .slider.slider-horizontal {width:98%;}
            .flight-find-ui .row .col-md-4 {padding-left:0px; margin-left:0px; padding-right:0px; margin-right:0px;}
            .flight-find-ui .row .col-md-8{padding: 0px; margin: 0px;}
            .left-15{padding-left:12px;}
            .flitefilter{position: fixed; width:260px!important; transform:translateX(-260px)!important;}
            .flitefilter.offcanvas.show{position: fixed; width:260px!important; transform:translateX(0px)!important;}
            .flitefilter .middle-left-part-ui {display:block; transform:translateX(0px)!important; }

            .economico-left {padding: 7px 10px 7px 10px; justify-content: space-between;}
            .economico-right {padding: 7px 10px 7px 10px; justify-content: space-between;}
            .economico-price strong {white-space: nowrap;}
            .timeInfoLeft {padding: 0px 5px 0 0!important;}
            .flight-view-section {padding: 0px 8px 0 0;}
            
            .singlesite-flight .multifilsty-find {border-right: solid #098AE4 0px;}
            .singlesite-flight .single-date-ui:first-child {padding: 0 0 0 10px;}
            .flight-book-ui {padding: 12px 0px 10px 0px;}
            .soloflight .single-date-ui .gma {padding:0px 0 0 0;}
            .flight-detail-ui {width: 100%; margin:0px 0 10px 0; position: relative;}
            .singlesite-flight .single-date-ui:first-child {padding: 0 0 0 5px; border:0px; width:48.6%;}
            .flight-find-ui {border-radius: 10px;}
            .singlesite-flight .slectfilight-ui {padding: 8px 0 8px 0;}
            .compagnia-aerea .flight-find {width: 100%;}
            .flightfilters a {display: flex!important; align-items: center; justify-content: center; font-size: 14px; gap: 5px; margin: 0 7px 0 0;
            background: transparent; color:#0C8AE4 !important;}
            .flightfilters .btn:hover {background-color:transparent; border-color:transparent;}
            .flightopnizioni-search .flight-detail-ui .premium-btn {z-index:9; box-shadow: none;}
            .flightopnizioni-search .flight-detail-ui .dropdown-menu.show {padding: 10px 0 10px 0; border: solid #fff 1px; box-shadow: none; border-top: 0;}
            .flightopnizioni-search .flight-detail-ui.w-dth-uifl .dropdown-menu.show {z-index:9;}
            .flight-ordaring-section .popolarit-uixs {padding:0 0 0 0px;}
            .flight-ordaring-section .popolarit-uixs .hstack {padding: 0 0px 0 0px;}   
            .flight-ordaring-section {gap: 20px;}
            .flight-filter .btn-close{display:block;}
            .economy-Premium .flight-detail-ui .premium-btn{z-index: 999;}
            .tooltip-trigger:hover .tooltip {transform: translateX(-90%) translateY(-5px);}    
            .tooltip::before {transform:translateX(54px);}
            .flightopnizioni-search .flight-detail-ui .dropdown-menu.show {top:30px!important;
            border-radius: 10px 10px 20px 20px!important; width: 100%!important;}    
            .compagnia-aerea.flightfindinbox .dropdown-menu.show {margin:75px 0 0 0px!important; width: 90%!important;}
           .middle-section-inhme .wrapper span {padding: 93px 0 0px 0;}
           .torino-ui {padding: 0 0 0 15px; gap: 15px;}
           .torino-ui .fs-5 {font-size: 1rem !important;  margin: 0 0 10px 0;}
           .volo-flight {padding: 20px 20px 0 20px!important;}    
           .bookigconfrm .row {margin-left: 0; margin-right: 0;}    

           .fltdiscount .right-cechkout-ui {width:auto; min-width:auto; max-width:100%;}    
           .fltdiscount .fltfair {font-size: var(--font-22rem)!important;}
           .fltdiscount .text-size18 {font-size: var(--font-16rem)!important;}
           .information-ofprsonal .p-22 {padding: 15px;}
           .ordina-ui .popolarit-uixs .hstack .p2 {min-width: 50%;}     
           .tuo-profilo .pt-30 {padding-top: 15px;}
           .checkinright {padding: 10px 0 0 0;}
           .checkoutdetails .h-90 {height: calc(100% - 20px);}     
           .utili {padding:0 20px 5px 0;}
           .riturn-andata-ui span {margin-top:0px;}
           .riturn-andata-ui .flt-passengerdetail {padding-left: 10px;}
           .fltpasenger-ui .pt-1 {padding: 9px 0 0 22px;}
           .luned-andanta strong {
            margin-left: 0; margin-bottom: 0px; margin-top: 5px;}   
        .retun-section-ui {margin-bottom: 30px;}
        .tuo-profilo .oralink {width: auto;padding-inline: 15px;}
        .bookingdetail-share-ui .cehckout-detail .mt-30 {align-items: center;}
        .bookingdetail-share-ui .share-ui{width: 50%;}
        .bookingdetail-share-ui a.border-25{width:45%;}


}

@media (max-width:767px) {
    .detta-ui .inclusi-view .pricse {font-size:18px;}
    .price-uyi {text-align:left;}
    .non-refund-title { font-size: 12px;}
    .refundable-title { font-size: 12px;}   
    footer .container .row {flex-direction: column-reverse;}
    footer .f-toor-link {border-left: solid 0px white;  margin-top: 20px; padding-left: 0px;}
    /* footer .f-toor-link ul li {margin: 0px 0 3px 0;} */
    .container { max-width: 96%;margin: 0px auto;}
    footer .propriet { text-align: center; }
    footer {padding-bottom: 10px;}
    footer .propriet a {margin: 15px 0px 0 0px; position: relative; }
   footer .propriet p:first-child {margin: 10px 0 0 0; }
   .middle-section-inhme .wrapper span {font-size: var(--font-24rem);}
   .banner-ui .eadry-logo {width: 100px;}
   .hotel-deta-list {width: 100%; padding: 15px 0 15px 0px;}
    .struttura-bgs {width: 50%;}
    .trattamento-bgs {width: 50%;}
    .recensioni-nhd {width: 50%;}
    .struttura-box {flex-wrap: wrap;}
    .hotel-uia {flex-wrap: wrap;}
    .struttura-chck ul {margin: 0px 0 0 0; width: 100%;}
    .struttura-chck ul li {margin: 0px 0px 0px 0;}
    .struttura-chck ul li input.form-check-input {position: relative; top: -2px;}
    .struttura-chck label {font-size: 14px; padding: 0 0 6px 0;}
    .recensioni-nhd {
        width: 100%;
        padding: 8px 0 0 15px;
        border-left: 0px;
    }

    .logotp-left {
        padding: 10px 15px 10px 15px;
    }

    .support-section-uitp::before {
        display: none;
    }

    header .left-part-ofmenu {
        padding: 0px;
        flex-direction: column-reverse;
    }

    .support-section-uitp {
        margin: 0 0px 0 0px;
        width: 100%;
        background: #0C8AE4;
        justify-content: space-between;
        padding: 0 10px 0px 10px;
    }

    header .left-part-ofmenu .main-nav {
        margin: 0 0px 0 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 9px 0 5px 0;
        background: #fff;
    }

        header .left-part-ofmenu .main-nav ul li {
            margin-left: 1%;
            margin-right: 1%;
        }

    .loggin-ACCEDI .dropdown-toggle .shadows {
        justify-content: space-between;
        background: transparent;
    }

    .support .dropdown-toggle .icon-supprt:before {
        color: #fff;
    }

    .support .dropdown-toggle {
        color: #ffff;
    }

    .faq-support .dropdown-toggle .icon-comment-question:before {
        color: #fff;
    }

    .loggin-ACCEDI .dropdown-toggle .shadows span {
        background: transparent;
    }

    .loggin-ACCEDI .dropdown-toggle .shadows .icon-user:before {
        color: #fff;
    }

    .loggin-ACCEDI .dropdown-toggle .shadows {
        color: #fff;
    }


    .support .dropdown-toggle {
        display: flex !important;
        flex-direction: row-reverse !important;
    }


        .support .dropdown-toggle span {
            font-size: 22px;
            margin: 5px 0px 2px 7px;
            position: relative;
            top: 4px;
        }

    .loggin-ACCEDI .dropdown-toggle .shadows {
        flex-direction: row-reverse;
    }

        .loggin-ACCEDI .dropdown-toggle .shadows span {
            margin: 0px 0px 0px 6px;
            width: 22px;
            height: 22px;
        }

    .support-section-uitp dl.dropdown-langu {
        display: none;
    }

    .lanright-up .dropdown-langu dt a span span:first-child {
        margin: 0 0 2px 0 !important;
    }

    .lanright-up dl.dropdown-langu {
        display: flex;
        margin: 0px;
        padding: 0 0px 0 0px;
        z-index: 3;
    }

    .lanright-up {margin:5px 0px 0 0;}
    .faq-topright .faq-support {
        display: none;
    }
    .dropdown-langu .flagimg {
        top: -5px;
    }

    .support .dropdown-menu.show {
        transform: translate(0px, 30px) !important;
        padding: 20px 0 10px 0;
    }

    .loggin-ACCEDI .dropdown-menu.show {
        transform: translate(-9px, 22px) !important;
    }

    .loggin-ACCEDI .log-in-ui {
        padding: 0px 10px 0 10px;
    }

        .loggin-ACCEDI .log-in-ui .mb-3 {
            margin-bottom: 14px !important;
            padding-left: 5px;
            padding-right: 5px;
        }

    .Sign-btn {
        font-size: 12px;
        padding: 0px 15px;
        height: 31px;
        margin: 0px 0 0 0;
    }

    .log-in-ui .col-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .loggin-ACCEDI .log-in-ui input {
        height: 40px;
    }

    .lanright-up {
        display: block;
    }



        .lanright-up .dropdown-langu dd ul {
            left: -52px;
        }

        .lanright-up .dropdown-langu dd ul {
            top: 9px;
        }

    .commnet-icon a i {
        font-size: 35px;
    }

    .commnet-icon {
        right: 10px;
        top: -25px;
    }

    .mapview-mappa {
        flex-direction: column;
    }
    /* .resarch-ui-rxse {width: 100%; padding:10px 0 10px 0;} */
    .resarch-ui-rxse a.Ordina-uibbsdg {
        margin: 20px 0 0 0;
    }

    .popolarit-uixs {
        margin-top: 18px;
        padding-bottom: 10px;
    }

    .map-view {
        bottom: 0px;
        margin: 15px 0 0 0;
        width: 100%;
    }

    .resarch-ui-rxse a.Ordina-uibbsdg {
        margin: 0px 0 0px 0;
    }

    .popolarit-uixs .hstack {
        border-bottom: solid 5px #cfe8fa;
    }

    .filterleft {
        margin: 0px 0 8px 20px;
    }

    .detailhotel {
        flex-direction: column;
        width:65%;
    }

    .hotel-detail-ui {
        width:98%;
        max-width:98%;
        border: 0px;
        border-bottom: solid 1px var(--color-blue1);
        padding: 0 0 9px 0px;
        margin: 0 0 0 15px;
        
    }

    .hotel-boutique .thumbslider {
    width:35%;
    
    }

    .thumbslider .slick-slider {
        max-width: 100%;
    }

    .ottima-pulizia-u ul li:last-child {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .barberini {
        margin-bottom:12px!important; line-height: normal;
    }
    /*.eccellenteui {
        margin: 0px 0 8px 0;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }*/

    .eccellenteui {
        margin: 0px 0 8px 0;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        .eccellenteui ul {
            margin:5px 3px 0 0;
        }


    .barberini p {
        padding: 0px;
        margin: 0px;
    }

    .ticket-price-people {
        width: 100%;
        display: flex;
        padding: 15px 0 0 15px;
        border-left: 0px;
    }

    .prics-passenger {
        margin-bottom: 15px;
        width: 100%;
        flex-direction:column;
        justify-content: space-between;
    }

    .rating-section-ui {
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .dropdown-langu dt a span i {
        top: 18px;
    }

    .auto-complete-main {
        padding: 0px;
        flex-direction: column;
        width: 92%;
    }
    /* .find-state-ui {width: 100%; flex-direction: column;} */
    .find-state-ui .find-city-ui {
        width: 100%;
    }

    .loggin-ACCEDI .log-in-ui .reg-title {
        font-size: var(--font-16rem);
        padding: 8px 0 5px 0 !important;
    }

    .gicamera a {
        font-size: 12px;
    }

    .salva-btn {
        width: 94px;
        height: 36px;
        font-size: 14px;
        line-height: 34px;
    }

    .resarch-ui-rxse .fs-5 {
        font-size:18px !important;
    }

    .bigmapview .modal-dialog .modal-content {
        padding: 14px;
        border-radius: 10px;
    }

    .bigmapview .modal-dialog .btn-close {
        right: 9px;
        top: 9px;
        color: #050505;
        opacity: 1;
        background-color: #fff;
        height: 25px;
        width: 25px;
        border-radius: 100%;
        /* background-size: 8px; */
        /* display: block; */
        z-index: 9;
    }

    .resarch-ui-rxse a.Ordina-uibbsdg i, .filter-mobile ul li .filterleft i {
        font-size: 16px;
        margin: 0px 3px 0 0;
        top: 0px;
    }

    .deluxe-City {
        padding: 0px 0 0 10px;
        width: 100%;
    }

        
        .deluxe-City span.view-title {
            margin: 10px 0 8px 0;
            font-size: 16px!important;
        }

    .gio-section-ui, .gio-section-ui2 {
        width: 100%;
    }

    /* .gio-section-ui2 {
        margin-top: 10px;
    } */

    .hotl-price .pricse {
        font-size:16px;
    }

    .detta-ui .inclusi-view .pricse { font-size: 20px;   font-weight: 500;} 

    .service-secionleft span.ser {
        padding:12px 0 10px 0;
    }

    .dintorani-section span.torni-title {
        line-height: normal;
        padding: 0px 0 0px 0;
        font-weight: 600;
        margin: 0px 0 20px 0;
    }

    .camerea-wsection span.title {padding:0px 0 15px 0;}
    .detta-ui {flex-wrap: wrap;}
    .detta-ui .link-a {width: 50%; padding: 0 0 0 10px; text-align: left;}
    .detta-ui .none-ui {text-align: left; width:50%; padding:0px;}
    .detta-ui .count-people {width:50%; border-left:0px; text-align: left; line-height: normal; padding: 5px 0 5px 10px;}
    .detta-ui .inclusi-view {
        width: 45%;
        text-align: left;
        margin: 0;
        padding: 12px 0 0 0;
    }
    
    .deluxe-City .link-a {
        padding: 0px 24px 0 0;
    }

    .filter-find {
        border-radius: 6px;
    }

    .srvicmodal .modal-content {
        padding: 20px 15px 15px 15px;
    }

    .srvicmodal .modal-dialog {
        width: 96%;
    }

    .roomviewmodal .modal-dialog {
        width: 96%;
    }

    .roomview-detail .roomview-slider {
        max-width: 665px;
        overflow: hidden;
        height: auto;
    }

        /* .roomview-detail .roomview-slider .slick-slide img{object-fit: cover; max-height:295px;  min-height:295px;} */
        .roomview-detail .roomview-slider .slick-slide {
            height: 350px;
        }



    .roomviewmodal .modal-content {
        padding: 20px 15px 15px 15px;
        border-radius: 15px;
    }

    .clienti .dotazioni ul li span {
        margin-right: 5px;
    }

        .clienti .dotazioni ul li span i {
            font-size: 13px;
        }

    .moniale ul {
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

        .moniale ul li {
            margin: 0 10px 10px 0;
        }

    .clienti .dotazioni label.dot-title {
        margin: 0 0 0px 0;
    }

    .dotazioni ul.mt-15 {
        margin-top: 10px;
    }

    .modal-content .detta-ui {
        border-radius: 10px;
        padding: 5px 10px 5px 10px;
        justify-content: space-between;
        align-items: center;
    }

        .modal-content .detta-ui .inclusi-view {
            width: auto;
            text-align: right;
            padding: 0 0 0 0px;
        }

        .modal-content .detta-ui .count-people {
            width: auto;
        }

    .btique .hotel-names {
        font-size: 16px;
    }

    ul.luxury-Hotel li a {
        font-size: 13px;
    }

    ul.luxury-Hotel li {
        font-size: 13px;
    }

        ul.luxury-Hotel li::before {
            font-size: 12px;
        }

    .result-desct span img {
        max-width: 105px;
    }

    .hotel-detail-ui-section {
        padding:0px 0px 0px 0px;
        margin: 0px;
    }

    .guest-status-ui {
        padding: 15px 0px 0px 0px;
    }

    .right-request-ui {
        border-left: solid 0px #0C8AE4;
        margin-top:10px;
        height:auto!important;
    }

    .inclusi {
        flex-direction: inherit;
        align-items: center !important;
    }

        .inclusi .inclusi-view {
            width: auto;
            margin: 10px 0 5px 0;
        }

    .acces-uia, .un-account {
        padding: 10px;
        flex-direction: column;
        border-radius: 10px;
        height: 85px;
        text-align: center;
    }

        .acces-uia .oralink, .un-account .oralink {
            line-height: 26px;
            padding: 0 22px;
        }

        .acces-uia span, .un-account span {
            font-size: 12px !important;
        }

    .right-cechkout-ui {min-width:45%; max-width: 100%; justify-content: space-between;}

    .codicesconto .right-cechkout-ui {
        min-width: auto;
        max-width: auto;
        justify-content: space-between;
    }

    .cehckout-detail .border-25 {
        border-radius: 15px;
        border: 1px solid #A2ABB1;
    }

    .cehckout-detail .mt-40 {
        margin-bottom: 5px;
    }

   .cehckout-detail {padding: 15px 15px 20px 15px;}
    .mobile-white-bg .cehckout-detail {padding:12px 5px 20px 5px;}
    footer .f-toor-link ul {
        margin: 0px 0px 0px 0;
        justify-content: center;
    }

    footer .propriet > div {
        padding: 5px 0 0 0;
    }

    footer .f-toor-link ul li {
        margin: 0px 10px 5px 10px;
    }

    .infomodal .modal-content {
        padding: 20px 20px 35px 20px;
        border-radius: 15px;
    }

    .infomodal .modal-dialog {
        max-width: 96%;
    }

    .infomodal .modal-content .btn-close {
        right: 10px;
        top: 10px;
    }
    /* .ndietro-ui { flex-wrap: wrap;} */
    .stamp-lnk {
        grid-gap: 5px;
    }

    .regist-title {
        margin: 20px 0 80px 0;
    }

    .detail-left-img {
        padding: 0px !important;
    }

        .detail-left-img img {
            width: 100%;
        }

    .detail-right-img {
        padding: 0px !important;
    }

        .detail-right-img .struttura {
            padding: 0 0px 0 0px !important;
        }

        .detail-right-img img {
            width: 100%;
        }

    .struttura img {
        border-radius: 12px;
    }

    .personal-information .row .col-md-6:first-child {
        border-right: solid #000 0px;
    }

    .personal-information .pe-6 {
        padding-right: 0.7rem !important;
    }

    .personal-information {
        padding: 25px 0px 30px 0px;
    }

    .app-ui {
        border-left: solid #000 0px;
        margin: 0px 0 0 0;
        padding:0px;
        height: 100%;
    }

        .app-ui .sign-with ul {
            display: flex; flex-direction: column;
            grid-gap: 15px;
            margin: 0 0 10px 0;
        }

            .app-ui .sign-with ul li a {
                margin: 0px 0 0px 0;
                font-size: 13px;
                padding: 0 10px 0 0;
            }

    .accout-ui p {
        padding: 10px 0px 0 0px;
        line-height: normal;
        font-size: 13px !important;
    }

    .app-ui .sign-with {
        padding: 5px 0 0px 0;
    }

    

    .login-titile {
        margin-top: 0px;
    }

    .noresulte-title {
        font-size: 13px;
        padding: 10px;
    }

    .noresulte-p {
        line-height: normal;
    }

    .hotel-boutique {
        border-radius: 15px;
    }

    .dintorani-section {
        border-radius: 15px;
        padding: 19px 15px 15px 15px;
    }

    .share-ponnt {
        padding: 28px 0 8px 13px;
    }

        .share-ponnt ul li {
            margin: 0px 0 5px 0;
        }

    .hotle-detail {
        border-radius: 15px;
    }
    .detta-ui {
        border-radius: 15px;
    }

    .hotel-list-detail {
        border-radius: 15px;
    }

    .camerea-wsection {
        border-radius: 15px;
    }

    .shadow-3 {
        border-radius:20px;
    }

    .bdr {
        border-radius: 15px;
    }

    .thumbslider .slider-content .slick-slide img {
        border-radius: 15px;
    }

    .cehckout-detail {
        border-radius: 15px;
    } 

    .shadow-4 {
        border-radius: 15px;
    }

    .cehckout-detail .mt-50 {
        margin-top: 15px;
    }

    .ordina-ui .hstack {
        width: auto;
        overflow: inherit;
    }

    .ordina-ui {
        width: 45%;
    }

    .serach-ua {
        width: 100%;
    }

    .ordina-ui .popolarit-uixs {
        width: 175px !important;
    }

    .detail-left-img, .detail-right-img .struttura {
        border-radius: 28px;
    }

    .hotel-details .struttura img {
        border-radius: 10px;
    }

    .profilo-a .hotel-detail-ui {
        border-bottom: 0px;
    }

    .hotel-veiw-ui .hotle-detail {
        flex-direction: row;
    }

    .hotel-veiw-ui .left-hotel-view {
        width: 75%;
    }

    .profilo-a .hotl-price {
        width: 25%;
        padding: 8px 0 0 12px;
        border-left: solid #d0d5d8 1px;
    }

    .profilo-a .stamp-lnk a {
        padding: 0 8px 0 8px;
        white-space: wrap;
        width: 25%;
        text-align: center;
    }

    .information-ofprsonal .mb-25 {
        margin-bottom: 10px;
        padding: 15px;
    }

    .bookigconfrm .row {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hotel-detail-ui-section .rating-flight ul {
        margin-left: 0;
        margin-bottom: 3px;
    }

    .codicesconto-totale .right-cechkout-ui {
        min-width: inherit;
        max-width: inherit;
        justify-content: space-between;
        padding: 0px 15px 0 0;
        width: 45%;
    }

    .accout-ui {
        padding: 10px 0 0 0;
    }

    .confirm-mail-sent .mt-70 {
        margin-top: 20px;
        padding: 20px;
    }

    .roomview-detail .roomview-slider .slick-prev:before {
        top: 0;
    }

    .roomview-detail .roomview-slider .slick-next:before {
        top: 0px;
    }

    .personal-information label {
        padding: 0px 0 0 0px;
    }

    .filed-section label {
        padding: 0px 0 0 0px;
    }

    .credito span {
        font-size: 13px !important;
    }

    .codicesconto {
        padding: 0 0px 0 10px;
    }

    .dtl-checkin-date {
        width: 50%;
    }

    .hotel-single-calender .hotel-datepicker-main {
        left: -54px;
        top: 20px;
    }

    .hotel-single-calender2 .hotel-datepicker-main {
        left: -107px;
        top: 20px;
    }

    .hotel-booking-ui .icon-hotel-ui {
        padding: 3px 0 0 25px;
        align-items: center;
    }

    /* header .left-part-ofmenu .main-nav ul li.active {
        padding: 6px 8px 4px 8px;
    } */

    .optisction .place-Ospiti input {
        position: relative;
        top: -2px;
    }

    .icon-hotel-ui .icon-hotel {
        top: 6px;
        margin-left: 10px;
    }

    .support {
        position: relative;
        top: 6px;
    }

    .lingupart {
        justify-content: flex-end;
        top: 6px;
        position: relative;
    }

    .menuright-tp a i {
        font-size: 30px;
        color: #ffffff;
        font-weight: 200;
    }


    .dsk-m {
        display: block !important;
    }

    .dsk-m2 {
        display: none;
    }

    a.dettli-p {
        left: 0;
        right: 0;
        width: 220px;
        margin: 0px auto;
        bottom: 12px;
        max-width: 220px;
    }


    .ottima-pulizia-u ul li span {
        font-weight:500;
        padding: 0px 0 0 8px;
    
    }

    .hotel-boutique {
        padding: 12px 12px 50px 12px;
    }

    .hotel-detail-ui .hotel-titles {
        font-size: 16px;
    }

    .eccellenteui strong {
        position: relative;
        top: 2px;
    }

    .maptlock p {
        line-height: normal;
        font-weight: 500;
        margin: 0px;
    }

        .maptlock p span {
            margin: 0px 3px 0 0;
            font-weight: 500;
        }

    .loggin-ACCEDI .dropdown-toggle .shadows .icon-user:before {
        font-size: 20px;
        top: -2px;
    }

    .banner-ui .easy-img {
        width: 186px;
    }

    .bannerslider-ui .main-slider .slick-list {
        height: 425px;
    }

    .middle-section-inhme .wrapper span {
        padding: 20px 0 0px 0;
    }

    .bannerslider-ui .main-slider .slick-slide img {
        height: 425px;
        object-fit: cover;
    }

    /* .bannerslider-ui .main-slider .slick-slide img {
        height: auto;
        object-fit: fill;
        width: 100%;
    } */


    /* header .left-part-ofmenu .main-nav ul li a .icon-plane-up:before {
        font-size: 20px;
    } */

    /* .normalfamily {      
    } */

    .light-blue-color {
        background-color: #E8F4FD;
    }

    .filter-mobile ul {
        margin: 10px 0 0px 0;
        padding: 8px 0 8px 0;
        background-color: #fff;
    }


    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #050505;
        
    }

    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input::-moz-placeholder {
        /* Firefox 19+ */
        color: #050505;
        
    }

    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-ms-input-placeholder {
        /* IE 10+ */
        color: #050505;
        
    }

    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input:-moz-placeholder {
        color: #050505;
        
    }



    .add-person .vist-opti-ui-sdf .place-Ospiti input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #050505;
        
    }

    .add-person .vist-opti-ui-sdf .place-Ospiti input::-moz-placeholder {
        /* Firefox 19+ */
        color: #050505;
        
    }

    .add-person .vist-opti-ui-sdf .place-Ospiti input:-ms-input-placeholder {
        /* IE 10+ */
        color: #050505;
        
    }

    .add-person .vist-opti-ui-sdf .place-Ospiti input:-moz-placeholder {
        color: #050505;
        
    }


    .add-person .room-cam-ui-cax .place-Ospiti input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #050505;
        
    }

    .add-person .room-cam-ui-cax .place-Ospiti input::-moz-placeholder {
        /* Firefox 19+ */
        color: #050505;
        
    }

    .add-person .room-cam-ui-cax .place-Ospiti input:-ms-input-placeholder {
        /* IE 10+ */
        color: #050505;
        
    }

    .add-person .room-cam-ui-cax .place-Ospiti input:-moz-placeholder {
        color: #050505;
        
    }

    .sw-home-only {
        display: none !important;
    }

    .dropdown-trigger2 .login-ac {
        right: inherit;
        left: 0px;
    }

    .non-refund-title {
        color: #D95555;
    }

    .adulti i {
        font-size: 16px; margin-right:2px;
    }

    .ottima-pulizia-u ul li i {font-size: 16px;}
    .maptlock i {font-size: 16px;     
    }

    .struttura span br {
    display:none;
    }
    .struttura span {
        display: flex;
        flex-direction: column;
        font-size: 9px;
    }

    .barberini p {font-size: 12px;}

/*    .maptlock {
        font-size: 12px;
    
    }*/
    /* .maptlock {
        font-weight: 500;
        
        text-align: left;
        justify-content: flex-end;
        margin: 2px 0 10px 0;
        width: 100px;
        float: right;
        align-items: flex-start;
        font-size: 12px;
    } */

    .filter-find {border-radius:10px; background:#fff!important; padding:6px 10px 6px 10px; box-shadow: 0px 0px 6px #00000080;}
    .find-state-ui {width: 100%;}
    .find-state-ui .find-city-ui .me-3{display: none;} 
    .modi-ricear-mdx .cerca-btn {width: auto;   margin: 0px;  padding: 0 10px 0 10px;   font-size:0px;}
    .modi-ricear-mdx { width: auto; margin: 0px;}
    .add-person-mains .tour-cal-ui-xsa i {display: none;}
    .add-person .vist-opti-ui-sdf i {display:none;}
    .add-person .room-cam-ui-cax .icon-bed-front {display:none;}
    .add-person .vist-opti-ui-sdf {border-left: 0px solid #0C8AE4; width: auto;  padding:0px;}
    .add-person .room-cam-ui-cax {border-left: 0px solid #0C8AE4;     width: auto; }
    .add-person {padding-left:0px;}
    .find-state-ui .find-city-ui .autocomple-section input {padding: 0px 0px 0 0; height: 20px; }
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {height:20px;         padding: 0px !important; width: 65px!important;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input  {height:20px; width:28px!important; padding-left: 0;}
    .add-person .room-cam-ui-cax .place-Ospiti input {height:20px;  width:28px!important; padding-left: 0;}
    .modi-ricear-mdx .cerca-btn{background: #fff; border-radius: 0;}
    .modi-ricear-mdx .cerca-btn i{color: #F46D00;}
    .add-person-mains .tour-cal-ui-xsa {width: auto;}
    .modi-ricear-mdx .cerca-btn:hover{background: white;}
    .passen-ui {
        width: 90%;
        column-gap: 8px;
    }
   
    .gio-section-ui2 label {
        border-right: solid 1px #0069B2;
    }
    .prenota-detail-main {
        gap: 10px;
        flex-direction: column;
    }
    .detta-ui {
        width: 100%;
    }

    .camerea-wsection {padding: 15px; }
    .chieck-right-section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    } 
    .inclusi {
        width: auto!important;
        flex-wrap: wrap;
        justify-content: end!important;
        align-items: end!important;
    }
    .cehckout-detail .mt-30 {margin-top:0px;}
    .inclusi .inclusi-view {
        width: auto;
        margin:0px 15px 5px 0;
        text-align: right;
    }

    .method-ui {
        margin: 20px 0 20px 0!important;
    }
    .checkoutdetails .gust-textare {margin: 0 0 8px 0;}
    .right-cechkout-ui .inclusi-view .pricse {font-size:20px;}
    .latuma-title .fs-5 {font-size: 14px!important;}
    .latuma-title .iconclr{display: none;}
    .dropdown-langu{display: none;}
    .lanright-up .dropdown-langu{display:block;}
    .personal-information .accesso {font-size: 12px;}
    .bookigconfrm  .cehckout-in {flex-direction: column;}
    .bookigconfrm .chieck-right-section{ flex-direction: column;}
    .bookigconfrm .inclusi {width: 100%!important;}
    .bookigconfrm .inclusi {
        margin: 15px 0 10px 0;
    }

    .bookigconfrm .right-request-ui {
        border-left: 0px #0C8AE4 solid;
        padding: 15px 0 0 11px;
        margin: 0 0 0 -10px;
    }
    .stamp-lnk a {
        padding: 5px 10px 5px 10px;
        border: 0!important;
        line-height: normal;
        text-align: center;
        font-size: 13px;
    }
    .right-link {
        white-space: nowrap; margin-right: 10px;
    }
    .d-flex.align-items-center.m-alingn { flex-direction: column; align-items: self-start!important;}
    .deluxe-City ul li {         align-items: baseline; width: 100%;}
    .prilesection .p-35.profilo-a {padding:2% 0% 2% 0%;}
    .myaccoutn-middle {margin-top: 24px!important;}
    .myaccoutn-middle::before {width:100%; top:-24px;}
    .p-left-ui {height: 200px;    width: 45%; }
    .personali-info-name {width:55%;}
    .profile-right-side .mt-45 {margin-top: 20px;}
    .prilesection .information-ofprsonal {padding:0px 0px 0px 0px;}
    .prilesection .right-link.mt-30{margin-top: 10px;}
    .toggle-pass span.toggle-password {top:43px; font-size:16px;}   
    .confirm-mail-sent .mt-70 {margin-top: 20px; padding: 20px; line-height: normal;}   
    .user-pic small {font-size: 12px!important;}
    .user-pic strong {font-size:16px!important; }
    .tuoi-documenti  input {padding: 0px 0 0 10px;}
    .tuoi-documenti .dati  input {padding:0px 0 0 35px;} 
    .tuoi-documenti span {position: absolute; left: 15px; font-size: 15px; color: #008aeb; top: 12px;} 
    .p-35.profilo-a {padding:0px 1% 15px 1%;}
    .credicard-detail .dati input {padding: 0px 0 0 32px;} 
    .credicard-detail div.dati span {left: 10px; font-size: 14px;} 
    .light-blue-color2 {background: #E8F4FD;}
    .chieck-right-section .b-link {white-space: nowrap;}
    .left-cechkout-ui {width: 50%; padding:0px 0 0 15px;}
    .cehckout-detail .right-cechkout-ui {padding: 0 15px 0 0;}
    .left-cechkout-ui .gust-input {height: 29px; width: 100%; margin: 0px;} 
    .left-cechkout-ui .white-space {margin-right: 6px!important;}
    .struttura1 {
        padding: 0 0px 25px 0px !important;
    }
    .h-90 {height: calc(100% - 10px);}
    .service-secionleft ul li {font-size: 12px;}
    .service-secionleft ul li i {font-size: 15px;}   
    .detta-ui .none-ui span {min-width: 20px;}
    .dintorani-section span.storico-title {margin: 15px 0 10px 0px;}   
    
    .right-link.mt-30 {margin: 15px 0 15px 0!important;}

    /* booking page css */
    .bookingdetail-share-ui .stamp-lnk a{line-height: 32px;}

    /* flight css */
    .fligt-middle-home {margin-top:0px;}
    /* .slectfilight .col-md-4.col-sm-4{padding-left:6px;} */
    /* flight css */
    .hotel-img-list {
        height: 120px;
    }

    .prics-passenger {
        flex-direction: row!important;
        align-items: center;
    }

    .cehckout-detail .border-25 {
        padding: 10px;
    }

    .middle-section-inhme .mete-pi-slider .slick-slide img {
        min-height: 190px;
        max-height: 190px;
    }

    .flight-find-ui .row .col-md-4 {
        padding-left: 20px;
        margin-left: 0;
        padding-right: 10px;
        margin-right: 0;
     
    }

    .flight-adult-count {
        padding: 0 10px 0 10px;
        border-left: solid #098AE4 0px;
    }
    .flight-find-ui .row .col-md-8 {
        padding-left:10px;
        margin: 0px;
        padding-right: 0;
        position: relative;
        top: 0;
    }

    .multifilsty-find {
        border-right: solid #098AE4 0px;
    }
    .flight-find-ui {
        border-radius:15px;
        padding: 10px 0 10px 0px;
    }
    .flightopnizioni-search .scalo-ui {padding: 10px 0 10px 0px;}
    .multi-none{display: none;}
    .fldireaction{display:block;}

    .flightfilter .left-15 {padding-left:0px;}
    .flight-find-ui.multiflight-search .row .col-md-8 {padding-left: 0;}
    .flight-find-ui.multiflight-search .row .col-md-4 {padding-left: 0; margin-left:0px; padding-right: 10px;  margin-right:0px;}
    .flightfilter {width: 49.5%; padding: 0px 0 10px 0;}
    .opzioni-ui.compagnia .mt-20 {margin-top:0px;}
    .opzioni-ui.compagnia .mb-20 {margin-bottom:10px;}
    .flight-ordaring-section .popolarit-uixs .hstack {padding:0 0px 0 0px;}
    .economico-price {flex-direction: column;}
    .economico-price strong {font-size:18px; white-space: nowrap;}
    .economico-price {margin: 0px 0 0 5px; align-items: flex-start!important;}
    .economico-title {padding: 7px 5px 7px 0;}
    .economico-price p {margin: 0px;}
    .economico-left {padding: 7px 10px 7px 10px;}
    .veloce-price {margin: 0px 0 0 8px;  flex-direction: column;  align-items: flex-start!important;}
    .veloce-price span {font-size: 18px; font-weight: bold;}
    .veloce-price p {margin:0;}
    .flt-price {width: 100%; padding-right:0px; padding-top:8px; padding-bottom: 10px;}
    .flt-price .blue-color{padding-right:20px;}


    .shadow-repet {background:none;}
    .flt-section-duration {padding: 0px 0px 15px 0!important;}
    .flight-listing-section .pt-4 {padding-top: 20px!important;}
    .visualizza-flight {width: 100%;}
    .flight-view-section {padding:0px; margin:0px;}
    .timeInfoLeft {padding: 0px!important;}
    .flight-listing-section .me-4 {margin-right: 0px!important;}
    .flight-listing-section .pl-25 {padding-left: 10px; padding-right: 12px;}
    .visualizza-p-0{margin: 0px;} 
    .visualizza-m-0{padding: 0px;}
    .right-link { margin-bottom: 10px;}
    .fl-roronto > div {font-size: 16px;}
    .fl-roronto {padding-top:0px;}
    .terminal-di {gap:2px; padding: 5px; border-radius: 8px;}
    .multi-flt-journey::before {left:-5px; width: 12px; height: 34px;}
    .volo-viw {padding: 0px 0 0 10px;}
    .economico-ui {margin: 0 0 0 20px;}
    .rimborso-ui {border-radius: 10px; padding:15px 0 15px 0;}
    .single-date-ui { padding: 0 0 0px 0;  margin:0px 0px 4px 0px;}
    .singlesite-flightsolo div{padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
    .singlesite-flightsolo .flitdate {padding:10px 0px 0 0px!important;}
    .singlesite-flightsolo {padding-left: 15px!important; padding-right: 15px!important;}
    .singlesite-flightsolo .border-left {border-left:0px; padding:10px 0 0 0;}
    .flight-selct-multioption {flex-direction: inherit; justify-content: flex-start; gap: 15px;}
    .flight-book-ui {padding: 12px 0px 10px 0px;}   
    .soloflight .flight-icon label br {display: none;}
    .flight-search .flightopnizioni-search {margin: 6px 0 0 0; flex-direction: row;}
    .singlesite-flight .single-date-ui:first-child {width:49.2%;}
    .toptabingbar .opzioni-check {margin: 5px 0 0 0px; }
    .singlesite-flight .multifilsty-find {padding: 0px 0 0 15px;}
    .singlesite-flight .single-date-ui:first-child {padding: 0 0 0 15px; width: 49.9%; }
    .singlesite-flight .single-date-ui:last-child {padding: 0px 0 0 20px;} 
    .multifli-select{margin-bottom:5px;} 
    .flight-search .delete-traverls{margin-right: 10px;}
    .view-btn-fl {display: flex; width: 100%; text-align: left;  justify-content: space-between;  margin-bottom: 15px;}
    .view-btn-fl:last-child{margin-bottom:0px;}
    .visualizza-flight { width: 100%; flex-direction: column; justify-content: flex-start;  align-items: flex-start;}
    .flight-ordaring-section {padding:0px 0 0 0; flex-direction: column; gap:10px; align-items: flex-start !important;}
    .flightfilters a {font-size:14px; gap:8px; margin:0 0px 0 0; padding:0px;}
    .flight-ordaring-section .d-flex {align-items: center;}
    .flight-ordaring-section .d-flex {align-items: center;}
    .flight-ordaring-section .flightfilters {margin-right:10px;}
    .flighttab-ui {padding-bottom: 10px;}
    .notice-icon {position: absolute; right: 0; top: 6px;}
    .top-part-right {padding-top: 5px; align-items: flex-end;        flex-direction: initial;        justify-content: flex-end;
        gap: 15px; margin-bottom: 8px;    }
    .bagaglio-in {display: flex; gap: 7px;}
    .top-part-right p {max-width: 100%;}
    .posti-fl {margin:0px;}
    .single-date-ui .hotel-datepicker-main {left: -69px;}
    .singlesite-flight .single-date-ui .hotel-datepicker-main {left:0px;}
    .flight-compnay {padding: 0px; margin: 0px 0 15px 0;}
    .loadermore{flex-wrap: wrap; flex-direction: column-reverse;}     
    .shadow-repet {padding-top:20px!important;}
    .bottom-part-riht {padding: 0px 0 8px 0;}
    .upgrade-terrif{display: flex; width: 100%; align-items: center; justify-content:flex-end; gap: 15px; padding-top:10px;}
    .upgrade-terrif .upgrade-fl{width:auto; padding: 0px;}
    .flist-lista {padding:0px 10px 0px 10px;} 
    .flight-detail-list .accordion {padding: 0px 0px 0 0%; justify-content: flex-start; gap: 25px;}
    .flt-price p {margin: 8px 0 8px 0;}
    .checkoutdetails .flist-lista {padding: 0px 0px 0px 0px; margin: 0 0 10px 0;}
    .chieck-right-section {padding:0 0px 0px 0px;}
    .inclusi .inclusi-view {margin:0px 0px 0px 0;}
    .right-request-ui .save-btn {width: 100%!important; margin:10px 0 0 0;}
    .checkoutdetails .ps-4 {padding-left:0!important;}
    .checkoutdetails .flight-detail-ui-inner .text-center {text-align:right!important;}

    .torino-ui {padding: 0 0 0 0px;}    
    .chieck-right-section .inclusi {justify-content: space-between!important;         gap: 10px;}    
    .chieck-right-section .inclusi .inclusi-view {text-align:left;}
    .flt-passengerdetail {padding-left:0;} 
    .volo-flight {padding: 20px 10px 0 10px!important;}   
    .flt-go-return {padding-left:10px;}    
    
    /* .flt-go-return .up-donw-flight .fli-list{flex-direction: column;} */
    .flt-go-return .history-tl-container {width:100%; padding:15px 0 15px 0;}   
    .flt-go-return .begge-ui {padding: 0 5px 0 10px;}
    .cehckout-detail .stamp-lnk .border-25 {padding: 8px 10px;}    
    .ndietro-ui {flex-wrap: wrap-reverse; margin-top: 20px; gap: 15px; margin-bottom: 0;}
    .fltdiscount {padding: 15px;}
    .fltdiscount .left-cechkout-ui{width: 100%; padding:0px;}    
    .flightmodifica .empty-fl {min-height: 0;} 
    .flightmodifica div {margin-bottom: 10px;}
   .titleCondizioni {min-height: auto; padding: 0px 0 10px 0;}
   .flightcondizioni {padding:10px 0 0px 10px;border: 0px;border-bottom: 1px solid #000;}
    .flightcondizioni .mt-50 {margin-top: 0px!important;} 
    .flightmodifica {border-right: solid #707070 0px;} 
    .flightcondizioni p {margin: 0px 0 10px 0;}
    .bookingdetail-share-ui .share-ui{width: 50%;}
    .bookingdetail-share-ui a.border-25 {width: 45%; padding: 0!important;}
    .bookingdetail-share-ui{margin-top: 25px;}




   }

    @media (max-width:680px) {
   .discout-code-ui {flex-direction: column;} 
   .left-cechkout-ui {width: 80%; padding: 0 0 20px 0px; flex-wrap: wrap;  justify-content: center;}
    .left-cechkout-ui .gust-input { width: 250px; margin: 0px;}
    .cehckout-detail .right-cechkout-ui {padding: 0px;}

    }


    @media (max-width:580px) {
    /* header .left-part-ofmenu .main-nav ul li {padding: 8px 8px 4px 8px;} */
    .vederenzona .vedere-zona {width: 100%; border-bottom: solid #098AE4 1px;
    padding-left:0px; padding-right:0px; margin-bottom:10px;}
    .vederenzona .vedere-zona:first-child {padding-left: 0px; padding-right: 0;  border-right: solid #098AE4 0px;}
    .vederenzona .vedere-zona:last-child {margin: 0px 0 0 0; padding-top: 0; border-bottom:0px;}
    .vederenzona ul {margin-bottom: 10px;}
    .middle-section-inhme .wrapper span {font-size: var(--font-20rem);}
    .container {max-width:100%; margin: 0px auto;}
    .Dovevuoi_Citt label {font-size: 12px;}
    .optisction .place-Ospiti input::-webkit-input-placeholder {font-size: 12px;}
    .optisction .place-Ospiti input::-moz-placeholder {font-size: 12px;}
    .optisction .place-Ospiti input:-ms-input-placeholder {font-size: 12px;}
    .optisction .place-Ospiti input:-moz-placeholder {font-size: 12px;}
    .optisction .place-Ospiti input{font-size: 12px;}
    /*--------------------*/
    .autocomple-section input {
    font-size:12px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; width: 100%;
    background: url(../images/arrow-down.png) no-repeat 97% 1px;     background-size: 12px;}
    .autocomple-section input:focus {font-size:12px; 
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; background: url(../images/arrow-down.png) no-repeat 97% 1px;     background-size: 12px;}
    .autocomple-section input::-webkit-input-placeholder {font-size:12px; width:90%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input:focus-visible {font-size:12px; 
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input::-webkit-input-placeholder{font-size:12px; width:90%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input::-webkit-input-placeholder {font-size:12px; width:90%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input::-moz-placeholder {font-size:12px; width:90%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input:-ms-input-placeholder {font-size:12px; width:90%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .autocomple-section input:-moz-placeholder {font-size:12px; width:90%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
    .calender-uis .place-Ospiti::before {right: 0px; content: ''; top:-3px;}
    /*--------------------*/
    /*.opti-camera {border-radius: 15px;  padding:10px 0 8px 12px;  justify-content: space-between;}*/
    .cameresction{width:42%;}
    .hotel-booking-ui .p-3 {padding: 12px 10px 12px 10px!important;}
    .struttura-bgs {padding-left: 10px;}
    .trattamento-bgs {padding: 0 0 0 10px;}
    .autocomple-section .dropdown-menu.show {padding:10px 6px 10px 10px; width: 100%;
    transform: translate(-43px, 10px) !important;}
    .autocomplet-box .city-name-ui h3 {font-size: 12px;}
    .autocomplet-box .city-name-ui p {font-size: 10px;}
    .hotel-boutique {flex-direction: column;}
    .detailhotel{flex-direction: column;}
    .hotel-detail-ui {padding: 0px 0 0 0px;   max-width: 100%; border: 0px; margin: 0px;}
    .ticket-price-people {width: 100%; display: flex; flex-direction: row-reverse; margin-top:5px; flex-wrap: wrap; border-top:solid #0c8ae4 1px; padding:10px 0 10px 0;}
    .hotel-boutique {padding:12px 12px 50px 12px;}
    .middilegradien {padding-bottom:20px;}
    .ticket-price-people ul {margin: 0px 10px 10px 0;}
    .find-city-ui .autocomple-section input{background: none;}
    .loggin-ACCEDI .dropdown-menu.show {transform:translate(-10px, 22px) !important;}
    .hotel-boutique .thumbslider {max-width: 100%; width: 100%; min-width: 100%;}
    .thumbslider .slider-content .slick-slide img {
    border-radius:15px;  width: 100%;  min-height:225px;  max-height:225px;  -o-object-fit: cover;  object-fit: cover;}
    .price-uyi span {font-size:20px;}
    .destination-ui {display: flex; justify-content: space-between; align-items: flex-start;}
    /*.barberini {margin-bottom: 5px;}*/
    .find-city-ui {padding:0px;}
    .modi-ricear-mdx .cerca-btn i {margin-right: 4px; margin-left: 4px;}
    .find-city-ui .autocomplet-box .city-name-ui h3 {font-size: 12px;}
    .find-city-ui .autocomplet-box .city-name-ui p {font-size: 13px;}
    .autocomplet-box .autocomplet-list {align-items: center;}
    /* .maptlock p span{display: none;} */
    .filter-find {margin-top:10px; margin-bottom:10px;  padding: 0px 0px 0px 8px;}
    /* .add-person-mains .tour-cal-ui-xsa .place-Ospiti {width:100px;} */
    .golamenti {padding: 15px 15px 5px 15px; flex-direction: column;}
    .cehckmanleft, .cehckmanright {width:100%;}
    /* .hotel-img {flex-direction: column;} */
    .btique .hotel-names {font-size: 16px; width: 100%; flex-direction: column;}
    .btique .hotel-names ul {margin: 5px 0 0 0px; justify-content: flex-start;}
    .btique ul {width: 100%; justify-content: flex-end; margin-bottom: 10px;}
    .group-img-ui{gap:10px;}
    .service-secionleft ul li {margin: 0 6px 6px 0;}
    .access-bomdini {column-gap:10px; flex-direction: column;}
    .rightcamerapart {margin-bottom: 15px;}
    .rightcamerapart:last-child {margin-bottom:0px;}
    .gio-section-ui2, .gio-section-ui{padding: 8px 4px 8px 10px; justify-content: flex-start;}
    .gio-section-ui .optisction .place-Ospiti {padding: 0px 0px 0 0px;}
    .camerea-wsection1 {padding: 7px 15px 7px 15px; gap: 5px;}
    .left-hotel-view {width:60%; flex-direction: column;}
    .deluxe-City {padding: 0px 0 0 0px;}
    .hotl-price {width: 40%; padding: 0px 0 0px 0px; border:0; justify-content:flex-start}
    .btique {flex-direction: column-reverse;}
    .detta-ui .link-a {width:50%;  padding:10px 0 10px 12px; margin:0px; text-align: left;}
    /* .detta-ui .none-ui {width:100%; margin-bottom:5px; padding-top:10px;} */
    .detta-ui .inclusi-view {text-align:left;  padding:4px 0 5px 7px; width:48%;}
    .detta-ui {flex-wrap: wrap; justify-content: flex-start;}
    .detta-ui .count-people {border-left: solid #d0d5d8 0px; width:48%; padding:5px 0 5px 12px ;}
    ul.luxury-Hotel li {white-space:wrap; 
          /*overflow: hidden;  text-overflow: ellipsis;  width:26%;  */
   display: inline-block; margin: 0px 12px 0 0; padding:0 6px 0 0; font-size: 13px;}
    ul.luxury-Hotel li a{font-size: 13px;}
    ul.luxury-Hotel li::before {font-size: 12px; right:-5px; top: 2px;}
    ul.luxury-Hotel {width: auto; /* overflow: hidden; */   flex-wrap: wrap;}  
    .pref {font-size: 13px;}
    .panoraminc-tabsction .nav-tabs {flex-wrap: wrap; justify-content:space-between;}
    .panoraminc-tabsction .nav-tabs .nav-link {margin: 0 0px 18px 0px;}
    .panoraminc-tabsction .nav-tabs .nav-link:last-child {margin: 0 0px 18px 0px;}
    .panoraminc-tabsction .nav-tabs .nav-link.active::before {height: 3px; bottom:-8px;}
    /*.roomview-detail .roomview-slider .slick-slide img{max-height:200px;  min-height:200px;} */
    .acces-uia, .un-account {height: auto; margin: 0 0 5px 0;}
    .acces-uia .oralink, .un-account .oralink {margin: 8px 0 0 0!important;}
    /*.right-cechkout-ui {min-width: auto; max-width: inherit; flex-direction: column; align-items: flex-start!important;
    padding: 0 20px 0 0;} */
    .roomview-detail .roomview-slider .slick-slide {height: 250px;}
    .gust-input {font-size: 13px; border-radius:7px; margin-bottom:10px;}
    .guest-status-ui .ps-3{padding-left: 0px!important}
    .mb-col-2{margin-bottom: 10px;}
    .credito {padding:10px 0 10px 0; border-radius: 10px;}
    .cencellmodal .modal-content {padding: 20px 15px 5px 15px;width: 95%; margin: 0px auto;}
    .mborso-box {padding:12px 0 12px 0; margin-top: 12px;}
    .rima-del {width: 28%;}
    .cencellmodal .modal-dialog {max-width:100%;}
    .loading-middle .loading-section p {font-size:15px; padding:0px 10px; text-align: center; line-height: normal;}
    .login-middle-part {padding:80px 0 0 0;}
    .filed-section .mb-3 .field-icon {margin-top:32px; font-size:15px;}
    .filed-section .oralink {font-size:12px!important;  height: 32px; line-height: 28px;}
    .reset-top {margin-bottom:70px;}
    .reset-top .mt-55 {margin-top: 25px;}
    /* .detail-left-img {width: 100%; padding:0px!important;} */
    .detail-left-img {width:60%; padding: 0px!important; height: 250px;}
    .struttura a {border-width: 10px 0 10px 18px;}
    .detail-right-img .struttura:first-child {margin: 0 0 0px 0;}
    .detail-right-img .struttura {height:120px; width:100%;}
    .detail-left-img img {width: 100%;}
    .detail-right-img {width:40%; padding:0px!important;}
    .detail-right-img .struttura {padding: 0 0px 0 0px!important;}
    .detail-right-img img {width: 100%;}
    .app-ui .sign-with ul {grid-gap:10px; flex-wrap: wrap; margin: 0 0 10px 0;}
    .app-ui .sign-with ul li a span {margin-left: 10px; margin-right: 8px;}
    .personal-information .accesso {font-size: 14px; margin:0 0 10px 0!important;}
    .confirm-mail-sent span, .confirm-mail-sent a, .confirm-mail-sent p {font-size: 14px!important;}
    .app-ui .sign-with ul li a {margin: 0px 0 0px 0; font-size: 16px; padding: 0 0px 0 0;}
    .app-ui .sign-with {text-align: center; max-width: 336px; margin: 0px auto 20px auto;}
    .app-ui .sign-with ul {justify-content: center;}
    .right-cechkout-ui span br{display: none;}
    .none-confirm label {line-height: normal;}
    .guest-status-ui {padding: 15px 0px 0px 0px;}
    .hotel-detail-ui-section {padding:10px 0px 5px 0px;}
    .chieck-right-section {padding: 0px 0px 5px 0px;}
    .p-left-ui {height:200px;}
    .p-right-ui {padding:0px 0 0 0;}
    .p-right-ui .mt-45{margin-top:25px!important;}
    .tuo-profilo .w-48{width:100%!important;}
    
    .filter-sec-ui{flex-direction: column;}
    .ordina-ui {width:100%;}
    .serach-ua {width:100%; margin-top: 0px; margin-bottom: 5px;}
    .blue-tab-ui {padding: 6px 6px 6px 6px;}
    .blue-tab-ui ul li a {width: 38px;  height:38px;  border-radius:8px;}
    .blue-tab-ui ul li a span::before {color: #fff;  font-size: 18px;}
    .blue-tab-ui ul li.active a {width: 38px;  height:38px; background:#fff;}
    .carta-btn{grid-gap:15px;}
    .thumbslider .slider-thumb .slick-slide img { height: 75px;}
    .profilo-a .hotel-details .struttura {width: 100%; height:250px;}
    .profilo-a .hotel-detail-ui {max-width: 100%; margin:15px 0 0 0!important;}
    .profilo-a .hotel-details{flex-direction: column;}
    
    .hotel-veiw-ui .hotle-detail {flex-direction:column;}
    .hotel-veiw-ui .left-hotel-view {width: 100%; flex-direction: row;}
    .profilo-a .deluxe-City {padding: 0px 0 0 12px;}
    .profilo-a .hotl-price {width:100%; padding:8px 0 0 0px;     border-left:0px;}
    
    .sm-flex-collum{flex-direction: column; align-items:flex-end}
    .totale-pagato {width: 100%!important;}
    .sm-flex-collum .oralink {margin: 0px auto 19px auto;  width: 153px;  display: inline-block;}
    .profilo-a .b-link {font-size:12px;}
    .profilo-a .stamp-lnk {flex-wrap: wrap;  margin:0;}
    .information-ofprsonal {padding:0px 0px 0px 0px;}
    .mobile-white-bg .information-ofprsonal {padding:0px 5px 12px 5px;}
    .profilo-a .stamp-lnk a {width:24%;}
    .ndietro-ui {margin-top: 10px; margin-bottom: 0px; /* flex-direction: column-reverse; */}
    .ndietro-ui .stamp-lnk a {padding:8px 16px 8px 16px;}
    .flex-column-mobile{flex-direction:column-reverse;}
    .boutique-flight {width:100%; margin: 8px 0 0 0;}
    .calender-uis .optisction.checkout-a{position:relative}
    .calender-uis .optisction.checkout-a .hotel-datepicker-main {position:absolute; left:-70px;}
    /* .add-person {padding:0px 0 0px 0;} */
    .add-person {padding: 0px 0 0px 0; width: 70%;}
    .cam-bhsgf {padding: 25px 10px 0 15px;}
    .cameran2-ui {margin: 0px 0 10px 0 !important;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {text-align: left !important; width:48px !important;}
    .codicesconto {flex-wrap:wrap; flex-direction:column;}
    /* .left-cechkout-ui {width: 100%;padding-right: 20px;} */
    .codicesconto .right-cechkout-ui {justify-content:flex-end; width: 100%;}
    .privacy-ai .form-check .form-check-input {margin-right:0px;}
    .avanzata-cersa-ui .cerca-btn i {font-size:14px;top: 1px;}
    .logo-width {width:150px;}
    .sucess-messge label {line-height: 18px; padding: 10px 0 10px 0;}
    .codicesconto {padding: 0 0px 0 0px;}
    .codicesconto a {margin-bottom: 10px;}
    .travler-desc .cameran1-ui ul li {font-size: 13px;}
    .cameresction .place-Camere input {font-size: 13px;}
    .qty-container .qty-btn-plus {font-size: 13px;}
    .filter-mobile ul li {width:33%;}
  
    /*    .maptlock {
            font-weight: 500;
            font-family: 'gothammedium';
        }*/
    .add-person-mains {flex-wrap:nowrap;}
    .find-state-ui .find-city-ui span{display: none;}
    .tour-cal-ui-xsa .place-icon{display: none;}
    .add-person .place-icon{display: none;}
    .room-cam-ui-cax .icon-bed-front{display: none;}
    .add-person .vist-opti-ui-sdf .place-Ospiti input {width:20px; padding-left:0px; color:#050505; font-weight:400;}
    .add-person .room-cam-ui-cax .place-Ospiti input {padding-left:0px;}
    .add-person-mains .tour-cal-ui-xsa {margin-bottom:0px; padding: 4px 0 5px 0;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {padding-left: 0px !important;}
    /* .add-person-mains .tour-cal-ui-xsa .place-Ospiti {width:105px;} */
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti {
        /* width: 105px; */
        align-items: center!important;
        justify-content: center;}
    .add-person .room-cam-ui-cax {border-left: 0px solid #0C8AE4;}
    .find-state-ui .find-city-ui .autocomple-section input {height: 22px;}
    .add-person .room-cam-ui-cax .place-Ospiti input {width:24px;}
    .add-person .vist-opti-ui-sdf {width:63px;}
    .add-person .room-cam-ui-cax {padding-left: 2px; width: auto;}
    .adulti i {font-size: 15px;}
    .ottima-pulizia-u ul li i {font-size: 15px;}
    .maptlock i {font-size: 15px;}
	/*--tab start here--*/
    .border-bottom-tab {border-bottom: solid #0C8AE4 1px;text-align: center; width: 33.3%; padding: 13px 0 0px 0;}
    .border-bottom-tab:last-child {width:50%;}
    .border-bottom-tab:nth-child(4) {width:50%;}
    .panoraminc-tabsction .nav-tabs { border-bottom:0px; justify-content: flex-start;    padding: 0px 0 3px 0;}
    /* .panoraminc-tabsction .nav-tabs .nav-link:last-child {margin: 0 0 4px 0; padding: revert; display: inline-block; width: 50%;} */
    .panoraminc-tabsction .nav-tabs .nav-link {margin: 0 0 4px 0; padding: revert; display: inline-block;}
    .panoraminc-tabsction .nav-tabs .nav-link:last-child {margin: 0 0px 8px 0px;}
    .price-uyi {text-align: right;}
    a.dettli-p {width:auto;  max-width:140px;}
    .eccellenteui {width: auto;}
    .maptlock {float: right;  width: 82px;}
    .hotel-detail-ui .hotel-titles {font-size: 16px; }
    .light-blue-color {background-color:#fff;}
    .light-blue-color2 {background-color:#fff;}
    .find-state-ui .find-city-ui .me-3 {display: block;}    
    .find-state-ui .find-city-ui {width: 100%; border-bottom: 1px solid #0C8AE4; padding: 0 0 5px 0; margin: 0 0 6px 0;}
    .filter-find {margin-top: 10px; margin-bottom: 10px; padding:10px 12px 11px 12px;  flex-direction: column;}
    .auto-complete-main {padding: 0px; flex-direction: column; width: 100%; border-radius:0;}
    .add-person-mains {flex-direction: column;}
    .tour-cal-ui-xsa .place-icon {display: block; margin: 0 8px 0 0;}
    .add-person-mains .tour-cal-ui-xsa i {display:block;}
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {width:95px !important;}
    span.dashline {margin-right: 5px; margin-left: 5px; display: none;}
    .add-person .vist-opti-ui-sdf .place-Ospiti {max-width: 115px;margin: 0 0 0 11px;}
    .add-person .place-icon {display: block;}
    .add-person .vist-opti-ui-sdf i {display: block;}
    .add-person .vist-opti-ui-sdf {width:118px;}
    .add-person .room-cam-ui-cax .icon-bed-front {display: block;}
    .add-person .room-cam-ui-cax .place-Ospiti {margin: 0 0 0 8px;}
    .add-person .vist-opti-ui-sdf .place-Ospiti label{display: none;}
    .add-person .room-cam-ui-cax .place-Ospiti label  {display: none;}   
    .filter-find {padding:10px; position: relative;}
    .modi-ricear-mdx .cerca-btn {background: #F46D00; border-radius: 23px;  font-size:12px; text-transform:uppercase; position: absolute;
    right: 10px; top: 50px; width: 110px; text-align: left; padding: 6px 6px 6px 8px; height: auto; }
    .modi-ricear-mdx .cerca-btn i {color: #fff;}
    .modi-ricear-mdx .cerca-btn:hover {background:#F46D00;}
    .mobile-clr{display:block; margin-right: 10px;}
    .hotel-single-calender {display: flex; align-items: center; justify-content: center;}
    .modi-ricear-mdx .cerca-btn {width: 115px;}
    .passen-ui {width: 100%; flex-direction: column;gap: 8px;}
    .detta-ui .inclusi-view .pricse {font-size: 18px; font-weight: 500;}
    .detta-ui .count-people p {gap: 5px; display: flex; flex-wrap: wrap;} 
    .service-secionleft {margin: 0px 0 10px 0;}
    .aggiorna-ui {margin: 4px 0 5px 0;}
    .Cambia-date {padding: 3px 0 5px 0;} 
    .gio-section-ui2 label {width:52%!important;} 
    .cam-bhsgf {padding: 10px 10px 0 16px; right: 0px !important;}
    .addromms-ui label.border-0.ps-1 {padding: 0 0 0 15px!important;}
    .autocomplet-box .city-name-ui label {font-size: 12px;}
    .autocomplet-box .autocomplet-list .place-icon span {font-size: 18px;}
    /* .optisction .place-Ospiti {} */
    .add-person .vist-opti-ui-sdf {padding-left: 0; border-left: 0; }
    .right-cechkout-ui .inclusi-view .pricse {font-size:18px;}  
    .camera-Club {font-size: 12px;}
    .app-ui {border-left: solid #000 0px; margin:40px 0 0 0; padding: 0px 0 0 0px;}
    .personal-information .pl-100 {padding-left:0px; margin-top:15px; max-width: 300px; margin: 20px auto 0px auto;}
    .cehckout-detail.ragistration-main{padding: 15px 15px 0px 15px;}
    .ragistration-main .oralink {margin: 15px auto 0px auto; width: 225px;}
    .bookigconfrm .right-request-ui {border-left: 0px; padding:20px 0 0 0px; margin:0;}
    .bookigconfrm .cehck-sign {margin: 5px 0 15px 0;}
    .cehckout-detail .ndietro-ui {margin-top: 10px;  margin-bottom: 0px;  flex-direction: column-reverse; gap: 13px;}
    .cehckout-detail .mt-30 {margin-top: 0; width: 100%; justify-content: space-evenly;}
    .profile-aiu {padding:10px 0px 20px 0px;}
    .prilesection .information-ofprsonal a.mdl-ujh {right: 0px; top: 0px;} 
    .tuo-profilo {column-gap: 15px; padding: 10px;}
    .tuo-profilo .p-left-ui.w-50{width:35%!important;}
    .tuo-profilo .p-right-ui.w-50{width:65%!important;}
    .toggle-pass span.toggle-password {top: 44px; font-size: 14px;}    
    .information-ofprsonal .mb-25 {padding: 0px;}
    .p-25.profilo-a {padding: 10px;}
    .p-35.profilo-a {padding:0px 0% 20px 0%; border-bottom: solid #098AE4 0px;}
    /* .cehckout-detail {padding:0px 5px 20px 5px;} */
    .profile-aiu ul li a span {width: 25px;}
    .information-ofprsonal a.mdl-ujh {right: 10px; top:0px;}
/*    .tuo-profilo .p-left-ui.w-50 {width:133px!important;  margin-bottom: 10px;  height: 133px;}*/
        .tuo-profilo .p-left-ui.w-50 {
            width: 35% !important;
            margin-bottom: 10px;
            height: 175px;
        }

    .accesso2 {font-size: 14px; margin-bottom: 10px!important;}
    .dati-personali  input {padding: 0px 0 0 40px;}
    .dati-personali span {left: 18px; font-size:14px;} 
    .dati-personali .gust-select {padding: 0px 0 0 40px;}
    .credicard-detail div.dati span {left: 10px; font-size: 14px;} 
    .credicard-detail .dati input {padding: 0px 0 0 30px;}
    .credicard-detail  input {padding: 0px 0 0 20px;} 
    .cehckout-detail .right-cechkout-ui {padding: 0px; justify-content: flex-start; width: 100%; padding: 0 0 0 15px;}
    .right-cechkout-ui span {margin:0px 15px 0 0;}
    .left-cechkout-ui {padding:15px; flex-wrap: wrap; width: 100%;         justify-content: flex-start;}
    .left-cechkout-ui .white-space {line-height: normal; padding: 0 0 8px 0!important;}
    .right-link {margin-right:0px;}   
    .dintorani-section span.storico-title {font-weight: normal; font-size: 12px; margin: 0px 0 10px 0;}   
    .dintorani-section span.torni-title {margin: 0px 0 10px 0;}    
        /* booking page css */
        .bookingdetail-share-ui .stamp-lnk a{line-height: 32px; width:48%;}
        .bookingdetail-share-ui .share-ui {width:48%;}
        .bookingdetail-share-ui .share-ui a {width: 100%; justify-content: center;}
        

    /* flight css */
    .select-travelers {min-width: 100%; padding: 15px 10px 10px 10px;}
    .select-travelers .row{margin-left: 0px; margin-right: 0px;}   
    .slectfilight {border-radius: 10px;}   
    .select-travelers {border-radius:10px;}    
    .fligt-middle-home {margin-top:60px;}
    .slectfilight {margin-bottom:8px;}    
    .opzioni-ui {border-right: solid #098AE4 0px;}   
    .opzioni-ui.compagnia {padding: 10px 10px 0px 10px;}
    .compagnia-aerea {padding: 5px 0px 10px 0;}    
    .slider.slider-horizontal {width: 95%;}
    /* flight css */
.hotel-img-list {height:250px; margin-bottom: 15px;}
.more-thumimg div {height:65px;}
.more-thumimg {gap: 6px; margin-bottom: 16px;}
.detailhotel { width:100%;}
.sharelink li a { width: auto!important; text-align: left!important; justify-content: flex-start!important;}
.middle-section-inhme .mete-pi-slider .slick-slide img {min-height: 150px; max-height: 190px;}
.flight-find-ui .row .col-md-4 {padding-right: 20px;}
.flight-find-ui .row .col-md-8 {padding-left: 20px;}
.multifilsty-find {flex-direction: column; padding: 0 10px 0 10px; position: relative;}
.multiflight-search
.multifilsty-find {padding: 0 0px 0 10px;}
.multiflight-search .fltSwipCircle::before {display: none;}
.fltSwipCircle {width: 24px; /* min-height: 92px; */ display: flex; align-items: center; justify-content: center;  cursor: pointer; position: absolute;
right:12px; top: 55px;}
.changelocation::after {font-size:16px; z-index:9; }
.single-date-ui {width: 100%; padding:0px 0 0 0; margin-bottom:5px; margin-top: 0!important;}
.flight-find-ui {border-radius: 15px; padding: 10px 0 10px 0px; }
.flightopnizioni-search {flex-direction:column!important;}
.flightopnizioni-search .flight-right-search {width:100%;}
.flightopnizioni-search .m-w50 {width:100%;}
.flightopnizioni-search .m-difica {width:100%;}
.changelocation {top: -8px;}
.slectfilight-ui:first-child {margin-bottom:0px;}
.slectfilight-ui:last-child {margin-top:0px;}
.flight-find::before {right: 0;}    
.fltSwipCircle .changelocation {right: -5px;}
.changelocation2::after {right:0px;}
.fltSwipCircle .changelocation2 {right:0px;}
.multiflight-search .fltSwipCircle {right: 0px; position: relative; float: right; width: 100%; top:0px; height: 20px;}
.multiflight-search .changelocation2::after {top:0px;}
.flightfilter {width: 100%; padding: 0px 0 5px 0; border-bottom:solid rgb(216, 216, 216) 1px; margin-bottom:5px;}
.multiflight-search .slectfilight-ui {width: 100%; padding: 0px 0 10px 0;  border-bottom:0px!important; margin-bottom:5px;}
/* .flight-find-ui .slectfilight-ui {border-bottom:solid #f00 1px;} */
.destinazione-Partenza .row {margin-bottom: 10px;}

.multifilsty-find .fltSwipCircle {position: relative; right: 0; top: 0; width: 100%;}
/* .flight-ordaring-section .popolarit-uixs {padding:10px 0 0 0;} */
.flight-ordaring-section {flex-direction: column; align-items: flex-start!important;}    
.economico-section {padding: 10px 0px 4px 0px; gap: 4px;}
.economico-left {flex-direction: column;}
.economico-right{flex-direction: column;}
.economico-title, .veloce-title{border: 0;}
.economico-title {padding:0px;}
.economico-price {align-items: center!important;}
.veloce-title{padding: 0;}
.veloce-price {margin: 0; align-items: center!important;}
.flight-gradien {padding-top: 20px; padding-bottom: 25px;}
.your-document {padding: 10px; margin: 0px 0 15px 0; border-radius:15px;}
.terminal-di {float: left; margin: 6px 0 0 0;  padding: 10px;}
.termminalfil{justify-content: flex-start!important;}
.p-notification {width:100%;}
.flist-lista-viw {}
.up-donw-flight{width: 100%;}
.flist-lista{}
.up-donw-flight {width:100%;}
.up-donw-flight .w-100 {flex-direction: column;}


.flist-lista .accordion{max-width:100%; width:100%;}
/* .up-donw-flight .w-100{ width: 600px!important;} */
.bottom-part-riht {padding:0px 0 10px 0;}
.top-part-right {padding-top: 15px;}
.upgrade-fl {padding: 8px 0 10px 0;}
.singlesite-flightsolo {    padding-left: 10px!important;    padding-right: 10px!important;}
.slider.slider-horizontal {width:98%;}
.single-date-ui:last-child {padding:8px 0 0 0;}
.slectfilight-ui:last-child { padding:6px 0 6px 10px;}
.flight-detail-ui .dropdown-menu.show {padding: 0 0 10px 0;}
.slectfilight-ui .dropdown-menu.show {width:100%!important;}
.singlesite-flight .fltSwipCircle::before{display: none;}
.singlesite-flight .fltSwipCircle {height:25px; top:0px;}
.singlesite-flight .fltSwipCircle .changelocation {top:3px; right: 0; left: 0; margin: 0px auto; text-align: center;}
/* .singlesite-flight .fltSwipCircle .changelocation::after { padding: 0 5px 0 0;  left: 0;  right: 0; margin: 0px auto;} */
.singlesite-flight .fltSwipCircle .changelocation::after {padding: 0 5px 0 0; left: 0; right: 0; margin: 0px auto; background-color: transparent;}

.multifilsty-find .slectfilight-ui {padding: 10px 0 10px 12px;  border-bottom:solid  #098AE4 1px;}
.multifilsty-find .slectfilight-ui:last-child {padding: 10px 0 10px 12px; margin:0 0 5px 0;}
.singlesite-flight .flight-find {margin: 0px 0 0 0px; width: 90%;}
.multifilsty-find .flight-serch-input {padding: 0 0px 0 0; width: 100%!important;}
.singlesite-flight .single-date-ui:last-child {width:50%;  padding:0 0 0 15px; gap: 14px;}
.singlesite-flight .single-date-ui:first-child {padding:0 0 0 0px; width: 50%; gap: 14px;}
.multiflight-tab .row.w-100:nth-child(2){padding:10px 0 10px 0!important; margin-top:10px!important;}
.multiflight-tab .row.w-100:nth-child(3){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(4){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(5){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(6){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(7){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(8){padding:10px 0 10px 0!important; margin-top:0px!important;}
.multiflight-tab .row.w-100:nth-child(9){padding:10px 0 10px 0!important; margin-top:0px!important;}
.singlesite-flight .multifilsty-find {padding: 0px 0 0 0px;}
.compagnia .save-btn { margin-top:0px!important;}
.singlesite-flight{padding:10px 8px 10px 8px;}
.slectfilight-ui {padding:6px 0 6px 10px; gap: 10px; border: solid  #098AE4 1px; border-radius: 8px;   box-shadow: 0px 3px 6px #95959580;}
.single-date-ui .hotel-datepicker-main {left:-69px;}
/* .traveldate .single-date-ui.singlewidth.hotel-single-picker:last-child{background:green;} */
.traveldate .single-date-ui.singlewidth.hotel-single-picker:last-child .hotel-datepicker-main {left: -69px;}
.traveldate .single-date-ui .gma {padding: 4px 0 16px 0px;}
.soloflight .prtition-border {flex-direction: column;     gap: 5px;}
.soloflight .slectfilight-ui:last-child {padding: 6px 0 6px 10px;}
.slectfilight .single-date-ui .hotel-datepicker-main {width: 228px;}
.soloflight .single-date-ui .hotel-datepicker-main {width: 100%;}    
.soloflight .single-date-ui .hotel-datepicker-main .datepicker__month {width: 100%;}
.singlesite-flight .col-xl-5.m-0.p-0 {padding: 6px 0 0px 0!important;}
.singlesite-flight .single-date-ui:last-child  .hotel-datepicker-main {left:-40px; }
.traveldate  .single-date-ui:last-child .hotel-datepicker-main {top: 45px;}   
.flt-passengerdetail .col-md-6 {padding: 0; margin: 0;}
.flt-go-return .flight-detail-ui-section {margin-top: 10px;}
.fltdiscount{flex-direction: column;}
.fltdiscount .left-cechkout-ui{width: 100%; padding:0px;}
.fltdiscount .right-cechkout-ui{width: 100%; padding:20px 0 0 0!important; justify-content: space-between; }
.flightconfirm-ui .flightbookigconfrm{padding:15px 0px 5px 0px;}
.credito-ui {margin-top: 10px; padding-bottom: 10px;}
.flt-go-return .flight-detail-ui-section {margin-top: 10px;  width:100%;}
.flt-go-return {padding-left: 13px;}
.timestamp {position: relative; width: auto; left:0px; text-align: left; padding: 0 0 8px 0;}
.flight-duration {left:0px;}
.history-tl-container div.tl{margin-left: 15px; padding:0 0 0px 20px; width:93%;}
.termical-line::before {display: none;}
.tl-item:nth-child(2)::before {left:-30px;}
.tl-item:nth-child(3)::before {left:-30px;}
.tl-item:nth-child(4)::before {left:-30px; border-color:#000!important;}
.tl-item:nth-child(5)::before {left:-30px;}
.tl-item:nth-child(6)::before {left:-30px;}
.tl-item:nth-child(7)::before {left:-30px;}
.tl-item:nth-child(8)::before {left:-30px;}
.tl-item:nth-child(9)::before {left:-30px; border-color:#000!important;}
.tl-item:nth-child(10)::before {left:-30px;}
.tl-item:nth-child(11)::before {left:-30px;}
.tl-item:nth-child(12)::before {left:-30px;}
.history-tl-container {width: 100%; padding:25px 0 0 0;}
.begge-ui {border-left: solid #0C8AE4 0px; margin-top: 0px;}
.tl-item:nth-child(2)::after {left:-22px; height: 88%;}
.tl-item:nth-child(3)::after {left:-22px; height: 88%;}
.tl-item:nth-child(4)::after {left:-22px; height: 88%;}
.tl-item:nth-child(5)::after {left:-22px; height: 88%;}
.tl-item:nth-child(6)::after {left:-22px; height: 88%;}
.tl-item:nth-child(7)::after {left:-22px; height: 88%;}
.tl-item:nth-child(8)::after {left:-22px; height: 88%;}
.tl-item:nth-child(9)::after {left:-22px; height: 88%;}
.tl-item:nth-child(10)::after {left:-22px; height: 88%;}
.tl-item:nth-child(11)::after {left:-22px; height: 88%;}

.tl-item {padding: 0px 0 15px 0; margin: 0px 0 10px 0; border-bottom: 1px solid #050505;}
.tl-item:last-child{border: 0px;}
.checkinright {padding:10px 0 0 0; justify-content: flex-end;}
.checkinright .w-100 {width:auto!important;}
.checkinright .oralink {padding: 0 20px 0 20px; margin-top:8px!important;}
.tuo-profilo .oralink {width:100%;  padding-inline:0;}
.pagamento-ui {padding: 0 0 20px 0;}
.bookingdetail-share-ui {margin-top: 10px;}


}


@media (max-width:576px) {
        .slectfilight .line { margin-top: 10px;  margin-bottom: 10px;}
        .slectfilight .row .col-4 {margin-top:12px;}
        .slectfilight .rihgt-border {border-right:0px;}
        .traveldate{margin-top: 10px; gap:10px;}
        .traveldate .single-date-ui .gma {border:0px; padding: 0px 0 0px 0px;}
        .traveldate .flight-icon label {padding-left: 3px;}
        .traveldate .single-date-ui:last-child {padding: 0px 0 0 0; border: 0;}
        .traveldate .single-date-ui {border-right:solid  #098AE4 1px;}
        
        .soloflight .single-date-ui:last-child {margin:5px 0 5px 0px!important;}
        .slectfilight .flight-find {margin:5px 0 0 0px;}
        .compagnia-aerea .dropdown-menu.show {width: 100%!important; height: 100%;}
        .ricera-title p {padding: 10px 0 15px 0; line-height: normal;}
        .slectfilight {padding:8px;}
        .single-date-ui .hotel-datepicker-main {left:0px;}
        .bottom-part-riht .save-btn {padding: 0px 20px;}
        .terminal-di.mr-65 {margin-right: 0!important; float: right;}

    }

    @media (max-width:480px) {
    .hotel-booking-ui {max-width: 94%; min-width: 94%; border-radius:20px;}
    .calender-uis .optisction .place-icon {margin-right:7px;}
    .usernumbera {padding: 0 0 0 8px;}
    .cameresction .place-Camere {width:100%; padding: 0 0 0 4px;}
    .place-Camere .travelers.d-flex {width: 100%;}
    .place-Camere .travelers .dropdown {width: 100%;}
    /*.cameresction .place-Camere .btn-secondary {font-size: 12px; background: #fff url(../images/arrow-down.png) no-repeat 93% 2px; padding:0 20px 0 0px; background-size: 12px;} */
    .cameresction .place-Camere .btn-secondary {font-size: 12px; background: #fff url(../images/arrow-down.png) no-repeat 90% 2px;
    padding: 0 20px 0 0px; background-size: 12px; width: 100%; text-align: left;}
    /* .optisction .place-Ospiti {padding: 0 0px 0 0px; position: relative; margin: 0px;} */
    
    .avanzata-cersa-ui .cerca-btn {width: 96px; height:40px; font-size:13px;  display: flex;  align-items: center;  justify-content: center;}
    .avanzata-cersa-ui .cerca-btn i {font-size: 18px;}
    .avanzata-cersa-ui .avanzata-btn {width: 162px; font-size: 13px; white-space: nowrap;}
    .avanzata-cersa-ui .avanzata-btn i {margin-left:2px; font-size:14px;}    
    header .left-part-ofmenu .main-nav ul li {margin-left: 0%; margin-right: 0%;}
    /* .container {max-width: 98%;} */
    header .left-part-ofmenu .main-nav ul li span {font-size:18px;  padding-bottom: 5px;}
    .logotp-left {padding: 12px 10px 12px 10px;}
    .support .dropdown-menu.show {transform: translate(0px, 36px) !important;}
    .banner-ui .easy-img {right: 64px; top: 8px; width:200px;}
    .find-city-ui .autocomple-section .dropdown-menu.show {padding:10px; border-radius:10px;  right:18px!important; width: 280px;}
    /* .find-city-ui, .tour-cal-ui-xsa, .vist-opti-ui-sdf, .room-cam-ui-cax {width: 100%;} */
    .tour-cal-ui-xsa {padding-left:0px; border: 0px;}
    .room-cam-ui-cax {padding-left:0px; border: 0px;}
    .resarch-ui-rxse a.Ordina-uibbsdg {font-size: 12px;}
    .resarch-ui-rxse a.Ordina-uibbsdg i {font-size: 15px;}
    .filter-mobile ul li .filterleft {font-size: 12px;}
    .filter-mobile ul li .filterleft:focus {outline: none;}
    .filter-mobile ul li .filterleft i {font-size: 15px;}
    .resarch-ui-rxse a.Ordina-uibbsdg {margin: 0px 0 0px 0;}
    
    .hotle-detail{flex-direction: column; padding: 8px 8px 15px 8px;}
    .hotl-price {width:100%; padding:10px 0 0px 0px;}
    .left-hotel-view {width:100%; flex-direction: column;}
    .Cambia-date {flex-direction: column; text-align: center; gap: 5px;}
    .room-slider {width: 100%; border-radius: 20px;}
    .room-slider .single-slider { max-width: 100%;}
    .btique .hotel-names {text-align:left;}
    .clienti {flex-wrap: wrap;}
    .dotazioni{width:100%;}
    .moniale ul {margin-bottom: 6px;}
    .clienti .dotazioni .ser-title {margin: 0 0 8px 0; font-size: 16px;}
    .roomviewmodal .modal-content .btn-close {right: 10px; top: 10px;}
    .modal-content .detta-ui {border-radius:10px; margin:0px;}
    /* .add-person-mains .tour-cal-ui-xsa .place-Ospiti {flex-wrap: wrap;} */
    
    /*.add-person-mains .tour-cal-ui-xsa .place-Ospiti span {
    width: 6px; height: 1px; line-height: 8px; background:#333; font-size: 0px; margin-left: 3px; margin-right: 1px;}*/
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {
    border: 0px; padding: 0px 0 0 0px; font-size: 12px; height: 12px;  border-radius:0px;}
    .find-state-ui {margin-bottom:0px;}
    /* .filter-find {padding: 0px 0px 0px 8px;} */
    .add-person-mains .tour-cal-ui-xsa {width:auto;  margin-right:0px;  margin-top:0px;}
    /* .auto-complete-main {width: 90%;} */
    
    
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {padding: 0px 0 0 2px; width: 70px;}
    .codicesconto {flex-direction: column; }
    /* .left-cechkout-ui {width:100%; padding-left:15px; padding-right:15px;} */
    .privacy-ai .form-check .form-check-input {margin-right:3px;}
    .rima-del small {font-size: 11px;}
    .rima-del samp {font-size: 14px;}
    
    .ndietro-ui .stamp-lnk {flex-wrap: wrap; justify-content:space-between}
    .ndietro-ui .stamp-lnk a{width: 49%; text-align: center; justify-content: center;}
    .ndietro-ui .stamp-lnk a:last-child{width:100%;text-align: center;}
    .ndietro-ui .right-link{width: 100%;}
    .bookigconfrm .row {margin-left: 0px; margin-right: 0px;}
    .cehckout-in {flex-wrap: wrap;}
    .cehckout-in li {margin-right:10px; margin-bottom: 5px;}
    .sucess-messge p, .none-confirm p {text-align: center; line-height: normal;}
    .filed-section {width: 90%;}
    .login-logo .img-fluid {max-width: 62%;}
    .codicesconto a {padding: 0 0 0 0px;}
    .bookigconfrm {padding-top: 20px; padding-bottom: 15px;}
    .bookigconfrm .row {margin-bottom: 15px;}
    .ndietro-ui {margin-top: 0px;  margin-bottom: 0px;  flex-direction: column-reverse;}
    
    .maptlock p {line-height: normal;}
    .indi-link {white-space: nowrap;}
    .supporto-ui {text-align: right;}
    .hotel-details .struttura {width: 100%;}
    .hotel-details {column-gap:0px; flex-direction: column;}
    .ragistration-main .p-22 {padding:10px;}
    .boutique-flight {width: 100%; margin: 12px 0 0 0;}
    .hotel-icon-ui .date-ui {font-size:12px; padding: 0 10px 0 10px;}
    .hotel-icon-ui .hotel-icon {font-size:13px; margin-right: 7px;}
    .gosto small {top: 38px; right: 0px;}
    .hotel-veiw-ui .left-hotel-view {flex-direction: column;}
    .profilo-a .deluxe-City {padding: 0px 0 0 0px;}
    .profilo-a .deluxe-City ul {display: flex; flex-wrap:wrap; flex-direction: row;}
    .profilo-a .deluxe-City ul li{width:100%; margin-bottom: 6px;}
    .profilo-a .letter-specing {padding: 7px 0 7px 0; line-height: normal; text-align: center;}
    .profilo-a .room-slider {width: 100%; border-radius:12px;}
    .profilo-a .room-slider .single-slider .slick-slide {height:130px;}
    .p-25.profilo-a {padding: 10px;}
    .profilo-a .hotel-details .struttura {height: 200px;}
    .profilo-a .stamp-lnk a {width: 49%; text-align: center;}
    .profilo-a .share-ui {text-align: center; display: flex; align-items: center; justify-content: center; width: 49%;}
    .profilo-a .share-ui a{padding: 0px; margin: 0px;}
    .codicesconto-totale .right-cechkout-ui {min-width: inherit; max-width: inherit;  justify-content: space-between; padding: 0px 15px;width: 100%;}
    .privacy-ai {padding-bottom: 10px;}
    .destination-ui { padding: 8px 0 0 0;}
    .reset-pass-desc {padding: 13px 10px 0 10px!important;}
    .dove-roma div label {min-width: 96px;}
    .roomview-detail .roomview-slider .slick-slide {height: 170px;}
    .srvicmodal .modal-content .richiesti ul li {width:100%; margin: 0px 0 10px 0;}
    .srvicmodal .modal-content .richiesti ul li a span {text-align: left;}
    .food-rink-ui {width:50%;}
    /* .flex-mobile{} */
    .codicesconto .right-cechkout-ui {padding:0px 15px 0 15px;}
    .food-rink-ui ul li a span {text-align: left;}
    .detail-left-img {width: 70%; padding: 0px!important; height:180px;}
    .detail-right-img {width: 30%; padding: 0px!important;}
    .detail-right-img .struttura {height: 84px; width: 100%;}
    .struttura span {right: 0; left: 0; margin:auto auto;}
    .detail-left-img, .detail-right-img .struttura {border-radius: 15px;}
    .list-room-dropdown {left:-10px !important; right: inherit !important;}
    .opti-camera {padding: 10px 0 8px 10px;}
    .vuoiandare-find {padding: 10px 0 10px 10px;}
    .calender-uis {padding: 10px 0 8px 10px;}
    .modi-ricear-mdx .cerca-btn {width: 40px; font-size: 0; height: 40px; }
    .eccellenteui strong {font-size: 12px;}
    .addromms-ui .list-room-dropdown {   right: 0 !important;  }    
    .srvicmodal .modal-content .richiesti {border-bottom: solid #0c8ae4 0px;}    
    .chieck-right-section {flex-direction: column;}
    .inclusi {width: 100%!important; align-items: flex-start!important; padding: 0 0 10px 0;}
    .inclusi .inclusi-view {width: 100%; margin: 10px 0 5px 0; text-align: left;}
    .right-request-ui {margin-top: 10px;}    
    .checkoutdetails {padding-bottom: 18px;}   
    .checkoutdetails .gust-textare {margin: 0 0 0px 0;}    
    .checkoutdetails .struttura p {padding: 5px 0 6px 0px; line-height: normal;}   
    .hotel-detail-ui-section .checkrating-ui{flex-direction: column; justify-content: flex-start;} 
    .autocomple-section a.mdl-ujh {right: 32px; top: 30px;}    
    .cehckout-detail .s-butn{line-height:16px;    padding: 5px 0 5px 0; } 
    .deluxe-City ul li i.fa-check {top:0px;}    
    .profile-aiu ul li a {padding: 10px 0 10px 0; font-size: 12px;}
    .prilesection .p-right-ui div input {padding-left:25px;}
    .user-pic strong {font-size: 13px!important;} 
    .personali-info-name input {padding: 0px 0 0 30px;}   
    .p-right-ui div span {left: 10px; font-size: 14px;}   
    .p-right-ui .gust-select {padding: 0px 0 0 30px;}
    .credicard-detail  input {padding: 0px 0 0 15px; margin: 0px;}
    .gust-title {justify-content: flex-start; align-items: flex-start!important; text-align: left; flex-wrap: wrap;}
    .gust-title .ms-1 {margin-left:0!important;}
    .struttura1 {padding: 0 0px 0px 0px!important;}
    
    /* flight css */
    .flight-book-ui {min-width:94%; max-width:94%; margin: 90px auto 0px auto; } 
    .multifli-select {flex-wrap: wrap; gap:10px; margin-bottom:7px!important;}
    .flight-book-ui .volo-title.mb-15 {margin-bottom:5px;}
    .slectfilight {padding:8px 8px 5px 8px;}
    /* .slectfilight .row{ flex-direction: column-reverse;} */

    .slectfilight .row .col-4 {width: 100%; border: 0; padding-left: 12px; display: flex; justify-content: space-between;}
    .flight-icon label {padding-left: 5px;}
    .singlewidth{width:49%!important;}
    .singlewidth .gma{border:0px;}
    .avanzata-cersa-ui .flight-btn {height: 35px;}
    .single-date-ui .gma {padding: 0 0 0px 0px;}
    .flight-icon {white-space:inherit;}
    .opzioni-ui .save-btn {padding: 7px 28px;}
    /* flight css */
    .hotel-img-list {height:200px; margin-bottom: 15px;}
    .personal-information .pl-100 {margin: 10px 0 0 23px;}
    .left-cechkout-ui {justify-content:flex-start;}
     .left-cechkout-ui .gust-input {width:100%;  margin: 0px;}
    .sharelink li {padding: 0 10px 0 10px;}
   .col-md-12.col-xl-8.mt-25.myaccoutn-middle {padding:0px;}
    .tuo-profilo .p-left-ui.w-50 {width: 50% !important; height: 205px;}   
        .middle-section-inhme .mete-pi-slider .slick-slide img {min-height: 131px; max-height: 131px;}
        .ricera-title .risulettitle {font-size: 15px;}
        .termminalfil {justify-content: flex-start!important; flex-direction: column; gap: 0!important;}
        .single-date-ui:last-child {padding: 0px 0 0 0;}
        .changelocation {right: -15px;}
        .prtition-border {flex-direction: column;}
        /* .prtition-border .slectfilight-ui:first-child {border-right:0px;} */
.soloflight .flight-find {margin: 5px 0 0 0;}
.prtition-border {gap: 8px;}
.soloflight .single-date-ui{margin-bottom:0px;}
.slectfilight .row .col-8 {width: 100%; padding-top:0px; border-right: 0px;}
.prtition-border {border-top: solid 1px var(--color-blue); padding:0px 0 0 0;}
.addcityborder {border-top:0px; margin:0px 0 0 0; padding: 0px;}
.soloflight .add-traverls {margin-top:0px; margin-bottom:6px; border-top: solid 0px var(--color-blue);  padding:0;}
.soloflight .single-date-ui .gma {padding:0px 0 0 0;}
.addcityborder .delete-traverls {top:7px;}
.soloflight .prtition-border{border: 0;}
.soloflight .row {border-bottom: #008aeb 1px solid; margin-bottom:10px;}
.soloflight .row:last-child{border-bottom: #008aeb 0px solid; margin-bottom:0px;}
.single-date-ui .hotel-datepicker-main .datepicker__months {width: 100%;}
.singlesite-flight .single-date-ui:last-child  .hotel-datepicker-main {left:-100px; }
.singlesite-flight .single-date-ui:first-child, .singlesite-flight .single-date-ui:last-child {gap:5px;}
.fligt-middle-home {margin-top: 90px;}
.popolarit-uixs .hstack .p2 {min-width: 50%;}
.popolarit-uixs .hstack {white-space: inherit;}
.loadermore {gap: 15px;}
.upgrade-terrif {gap: 6px;}
.upgrade-terrif .upgrade-fl {align-items: center; text-align: left;}
.flight-detail-list .accordion {padding: 0px 10px 0 0; justify-content:flex-start; gap: 20px;}

.flt-go-return .col-md-6{padding: 0; margin: 0;}
.flt-go-return .col-md-12{padding: 0; margin: 0;}
.fltdiscount .text-size18 {font-size: var(--font-14rem)!important;}
.luned-andanta .d-flex{flex-wrap: wrap;}
.gosto {padding: 0 0 12px 0;}
.luned-andanta span {margin-right:0px; width: 100%;}
.bookingdetail-share-ui .stamp-lnk{flex-direction: column;}
.bookingdetail-share-ui .stamp-lnk > div{width: 100%;}
.bookingdetail-share-ui a{width: 100%!important;}


}
    
    @media (max-width:380px) {
    /* header .left-part-ofmenu .main-nav ul li {padding:6px 5px 4px 5px; margin-left: 2px;} */
    /*.loggin-ACCEDI .dropdown-menu.show {transform: translate(42px, 22px) !important;} */
    .add-person-mains .tour-cal-ui-xsa .place-Ospiti input {padding: 0px 0 0 2px;
    width: 48px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
    .mborso-box ul {max-width: 242px; margin-top: 12px;}
    .rimborsabile_box ul {max-width: 242px; margin-top:12px;}
    .carta-btn {grid-gap:5px;}
    .profilo-a .stamp-lnk a {width:47.5%;}
    .profilo-a .share-ui {width:47.5%;}
    .calender-uis .optisction.checkout-a .hotel-datepicker-main {left: -122px; right: auto;}
    .support .dropdown-menu.show {transform: translate(0px, 36px) !important; left:0px;}
    header .left-part-ofmenu .main-nav ul li a {white-space:normal; font-size:11px;}
    .add-person {padding: 0px 0 0px 0; width: 85%;}
    .oralink-big {line-height: normal; padding: 5px 0 5px 0;}
    .Cambia-date p {white-space: nowrap;}
    .detta-ui .inclusi-view {width: 47%;}    
    .user-pic small {font-size: 11px!important;}
    .credicard-detail .dati input {padding: 0px 0 0 26px;}   
    .single-date-ui .flight-icon{font-size:12px;}
    .single-date-ui .flight-icon i {font-size: 15px;}
    .p-left-ui {width: 200px; margin: 0px auto;}    
    .personali-info-name {width: 100%;}
    .p-right-ui {padding:15px 0 0 0;}
    /* .economico-section {flex-direction: column;}    */
    .economico-left, .economico-right{width: 100%; border-radius:10px}
    .slectfilight-ui .dropdown-menu.show {width: 100%!important;}
    .multifilsty-find .dropdown-menu.show {min-width:285px;}
    .economico-title {flex-direction:column;}
    .veloce-title {flex-direction: column;}
    .economico-price {margin: 0px 0 0 0px;}
    .veloce-title i {margin-right:0px;}
    .economico-title i {margin-right:0px;}
    .traveldate .single-date-ui.singlewidth.hotel-single-picker:last-child .hotel-datepicker-main {left: -110px;}    
    .singlesite-flight .single-date-ui:last-child  .hotel-datepicker-main {left:-120px;}    



    }

    @media (max-width:370px) {
    .prilesection .p-right-ui div input {padding-left:22px;}
    .width98 {width: 100%;}   
    .user-pic {padding: 20px 0 10px 0;}    
     .profile-w{width: 100%;}  
     .tuo-profilo .p-right-ui.w-50 {width:100%!important;} 
     .tuo-profilo {column-gap: 10px; flex-direction: column;}  

     .left-cechkout-ui {padding: 0px 15px 0 15px; width: 100%;}   
     .right-cechkout-ui {min-width: 100%; padding: 10px 0 5px 15px!important;}   
     .checkoutdetails .col-6 {width:100%;}
     .detta-ui .link-a {width:100%; padding:0px 0 10px 12px;}   
     .detta-ui .none-ui {width: 100%; padding:6px 0 6px 12px;}   
     
    }


    @media (max-width:350px) {
    .modi-ricear-mdx .cerca-btn {width:35px!important; font-size:0px; height:35px;}   
    .modi-ricear-mdx .cerca-btn i {font-size: 14px;}    
    .dati-personali .gust-select {padding: 0px 0 0 25px;}    
    .dati-personali span {
        left: 10px;
        font-size: 14px;
    }   
    .dati-personali  input {
        padding: 0px 0 0 25px;
    }


    }

    @media (max-width:345px) {
    .shareview .dropdown-menu.show {transform: translate(-83px, 22px) !important; }

    }

    @media (max-width:330px) {
    .support .dropdown-menu.show {transform: translate(-20px, 36px) !important;}
 
     }

     @media (max-width:400px) {
     /* .tuo-profilo {column-gap:15px; flex-direction: column;    }     */
    /* .tuo-profilo .p-left-ui.w-50{width:100%!important; margin-bottom:10px;} */
    /* .tuo-profilo .p-right-ui.w-50{width:100%!important;} */
     }


    
    

@media (min-width: 768px) {
    .pas-add-service {
        padding: 0px 16px 16px 16px;
    }
}

@media (min-width: 1200px) {

    .pas-add-service {
        padding: 0px 16px 16px 16px;
    }
}


@media (min-width: 768px) {
    .pas-add-detial {
        padding: 16px;
    }
}

@media (min-width: 1200px) {
    .pas-add-detial {
        padding: 24px;
    }
}

    
    
.hide-dd-arrow::after {content: ""; border: 0;}
.list-room-dropdown {transform: none !important; top:38px !important;}
.addromms-ui .list-room-dropdown { transform: none !important; top: 22px !important;}
.hotel-box-mono { border: solid 1px #fff;  position: relative;  /*border: solid 1px transparent;*/
    display: flex;  flex-direction: column;  background-color: #fff;   width: 100%;    max-width: 450px;
    border-radius: 4px;    box-shadow: 0px 1px 10px #00000029;}
.hotel-box-mono .close {position: absolute;right: 1px; top: 1px; background-color: #fff; cursor: pointer;}
.hotel-box-mono .close i {font-size: 18px; color: red;}
.hotel-box-mono .pointer {position: absolute; left: calc(50% - 11px); bottom: -16px; cursor: pointer;}
.hotel-box-mono .pointer i {font-size: 32px; color: #0D8AE4; display: block; height: 26px; width: 22px;}
.hotel-box-mono .hotel-ratings {
        position: absolute;
        top: -1px;
        left: -1px;
        background-color: rgba(13, 138, 228, 0.9);
        color: #fff;
        text-align: center;
        padding: 8px;
        border-radius: 4px;
    }

        .hotel-box-mono .hotel-ratings .digit {
            font-weight: 500;
            font-size: 13px;
        }

        .hotel-box-mono .hotel-ratings .text {
            font-weight: 400;
            font-size: 10px;
        }

    .hotel-box-mono .col-hotel-data {
        /*border: solid 1px black;*/
        padding: 8px;
        flex: 1 1 100%;
        display: flex;
        /*flex-direction: column;*/
        background-color: #fff;
        border-radius: 4px;
    }

    .hotel-box-mono .hotel-thumbnail {
        flex: 0 0 150px;
        width: 100%;
        height: 150px;
        overflow: hidden;
        border-radius: 4px;
    }

        .hotel-box-mono .hotel-thumbnail img {
            height: 100%;
            width: 100%;
            object-fit: cover; /* contain-width & cover-height */
            object-position: center center;
            border-radius: 4px;
        }

    .hotel-box-mono .hotel-details {
        margin-left: 8px;
        flex: 1 1 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .hotel-box-mono .star-ratings {
        margin: 0px 0px 4px;
        color: #DFD04A;
    }

    .hotel-box-mono .no-star-ratings {
        height: 18px;
    }

    .hotel-box-mono .hotel-name {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
    }

        .hotel-box-mono .hotel-name a {
            color: #005089;
            text-decoration: none;
        }

            .hotel-box-mono .hotel-name a:hover {
                text-decoration: underline;
            }

    .hotel-box-mono .star-ratings,
    .hotel-box-mono .hotel-address {
        font-size: 10px;
    }

    .hotel-box-mono .room-info {
        font-size: 11px;
    }

    .hotel-box-mono .hotel-address {
        color: grey;
        margin-bottom: 8px;
    }

    .hotel-box-mono .hotel-address,
    .hotel-box-mono .room-info {
        font-weight: 600;
        margin-top: 4px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .hotel-box-mono .hotel-address i {
            text-align: center;
            display: block;
            min-width: 16px;
        }

        .hotel-box-mono .hotel-address span {
            padding-left: 4px;
        }

    .hotel-box-mono .room-price {
        font-weight: bold;
        margin-top: 8px;
        font-size: 20px;
        color: #050505;
    }

.htl-search-loading {
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
}

.map-loader {
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    left: calc(50% - 15px);
    top: calc(50% - 50px);
}

.lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    top: 45%;
    position: absolute;
    left: 48%;
}

    .lds-dual-ring::after {
        content: " ";
        display: block;
        width: 46px;
        height: 46px;
        margin: 1px;
        border-radius: 50%;
        border: 5px solid #fff;
        border-color: #E4740D transparent #E4740D transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
#map-search-box {
    background-color: #fff;
    border: 2px solid #243870;
    color: #333;
    font-size: 1.3em;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 350px;
    height: 40px;
    margin: 10px;
    display: none;
}
.sw-rooms-srvc-i {
    min-width: 20px;
}

.brd_map1:before {
    content: "\f236";
    font-weight: 900;
}
.brd_map2:before {
    content: "\f0f4";
    font-weight: 900;
}
.brd_map3:before {
    content: "\e464";
    font-weight: 900;
}
.brd_map4:before {
    content: "\e43b";
    font-weight: 900;
}
.brd_map5:before {
    content: "\f79f";
    font-weight: 900;
}
.brd_map6:before {
    font-weight: 900;
    content: "\e3d2";
}

.struttura-chck ul li label {
    top: 1px;
}
.recensioni-nhd .eccellenteui ul li label {
    top: 3px;
}
.chk-fltr-rvw {
    max-width: 105px;
}
.shimmer {
    background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
    background-size: 300%;
    background-position-x: 100%;
    animation: shimmer 1s infinite linear;
}
.thumbslider.shimmer {
    max-height: 238px;
    overflow-y: hidden;
    width: 100%;
    border-radius: 24px;
}
.add-person-mains .tour-cal-ui-xsa .place-Ospiti input {
    text-align: left;
    padding: 0 0 0 15px;
}

.hotel-datepicker-main {
    left: 0;
    z-index: 11;
}
.ckeckout-item-conatainer div.checkoutdetails { 
    margin-bottom: 15px;
}
.dtl-checkin-date{
    border-right: solid 2px #0069B2;
}

.details-room-dropdown {
    top: 25px !important;
    right: -14px!important;
}

@media (max-width:1200px) {

.add-person-mains .tour-cal-ui-xsa .place-Ospiti input {
    text-align: left;
    padding: 0 0 0 8px;
}

}

@media (max-width:992px) {

    .details-room-dropdown {
        top: 25px !important;
        right:auto!important;
        left:auto!important
        
    }

}

@media (max-width:767px) {
    .list-room-dropdown {
        transform: none !important;
        top: 28px !important;
    }
    .dtl-checkin-date {
        border-right: solid 1px #0069B2;
    } 

}

.personal-information .text-danger {
    margin: 0 !important;
}
.personal-information .text-danger font font {
   word-break: break-all !important;
}
.sw-htl-image-modal {
    background: rgba(0, 0, 0, 0.8);
    border: none;
}
.sw-htl-modal-dialog {
    transform: none;
}
.sw-htl-modal-img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    cursor: pointer;
    position: relative;
    z-index: 3;
    border-radius:10px;
}
.sw-htl-modal-close {
    position: fixed;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: white;
}
.sw-htl-image-arrow {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: white;
}
    .sw-htl-image-arrow.icon-prev i {font-size:20px;  }

    .sw-htl-image-arrow.icon-prev {
        left: 15px;
        z-index: 3;
        background: #000000;
        border-radius: 50px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .sw-htl-image-arrow.icon-next:hover, .sw-htl-image-arrow.icon-prev:hover {
            background: #0C8AE4;
        }
        .sw-htl-image-arrow.icon-next {
        right: 15px;
        z-index: 3;
        background: #000000;
        border-radius: 50px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sw-htl-image-arrow.icon-next  i{
        font-size: 20px;
    }


.zi-1{
    z-index:1;
}
.scrollto-top {
    bottom: 4px;
    position: fixed;
    right: 4px;
    z-index: 20;
    animation: movebtn 3s ease-in-out infinite;
    background-color: #F46D00;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 35px;
    transition: all .5s ease-in-out;
    width: 35px;
    text-align: center;
    line-height: 34px;
}
.gm-style-iw-chr button{width: 28px!important; height: 28px!important;}
.gm-style-iw-chr button span{margin: 0px!important;}

@keyframes movebtn {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@media (min-width:584px) {

.scrollto-top {bottom: 10px; right: 10px;  height:45px;  width: 45px;   line-height:45px;  font-size:20px;}

}

@media (max-width:575px) {
    .hotel-box-mono .col-hotel-data { flex-direction: column; padding: 0px;}
    .hotel-box-mono .hotel-details {margin: 10px 0 0 0;}    
    }


@media (max-width:482px) {
.gm-style-iw-chr button {width: 18px!important; height: 20px!important;}
.gm-style-iw-chr button span{width: 20px !important; height: 20px!important;}
.gm-style .gm-style-iw-c { padding:6px 6px 10px 6px!important;}
.gm-style .gm-style-iw-d {width:100%!important;}
.hotel-box-mono .room-price {font-size: 16px; color: #000;}
.gm-style-iw.gm-style-iw-c{max-width: 260px!important; margin:0px auto!important;}
.hotel-box-mono {width: auto; box-shadow: none;}
.hotel-box-mono .col-hotel-data {padding:0px; flex: inherit; display:block; /* flex-direction: column; */ background-color: #fff; border-radius: 4px;  width: auto;}



}
.highlight-field-error {
    border: 1px solid #fc9797 !important;
    background-color: #fc979745;
}
.dc-hdr-lgn .dc-remember-login {
    display: none !important;
}

.dc-main-lgn .dc-view-pwd {
    margin-top: -31px !important;
}

.iu-title {
    color: #050505;
    font-family: 'Gotham Pro';
    font-weight: 500;
    margin-bottom: 14px;
    display: block;
}

.sw-remrk-title {
    color: #0C8AE4;
    padding: 0px;
    margin: 14px 0;
    font-family: 'Gotham Pro';
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.sw-welcome-usr {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 64px;
    display: inline-block;
    line-height: 1;
}

.pd-sep {
    border-bottom: 1px solid #0C8AE4;
    margin: 14px 0;
}

    .pd-sep:last-of-type {
        border: 0 !important;
    }
.dropdown-langu .flagimg {
    height: 25px;
    width: 25px;
    top: -6px;
}

label.error {
    color: #ff0000;
    margin-top: 8px;
    font-weight: 400;
}
.max-w-auto{
    max-width:100%;
}
/*.sw-profile-photo{
    height: auto;
    max-height: 100%;
}*/
.sw-clamped-text {
    display: -webkit-box;
    -webkit-line-clamp: 10; /* Show only  10 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    max-width: 100%; /* Adjust as needed */
}
.sw-htllst-thumimg {
    height: 100%;
    max-height: 100%;
     
}
.cursor-pointer{
    cursor:pointer;
}
.align-items-normal{
    align-items:normal!important;
}
 
.ssr-content {
    display: none;
}
.sw-upsell-box{
	overflow-x:auto;
}
.sw-upsell-card-header{
	padding: 0.5rem 0.4rem;
    background-color: #e7f5ff;
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
	
}
.sw-upsell-card-body{
	padding:0.4rem;
}
.sw-upsell-card{
    min-width: 310px;
    max-width: 310px;
	border-bottom: 0;
	margin-bottom:8px;
	    border-radius: 24px;
}
.zi-9999{
z-index:9999!important;	
}
.sw-book-upsell{
	display: block;
    background-color: #F46D00;
    width: 100%;
    border: 0;
    padding: 14px;
    color: #fff;
    font-size: var(--font-18rem);
	border-bottom: 1px solid #d5d5d5;
	border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.upsell-slider {
    display: flex;
    overflow-x: auto; /* Hides default scrollbar */
    gap: 20px;
    position: relative;
}

.upsell-arrow-btn{
    position: absolute;
    top: 50%;
    z-index: 10;
    background-color: rgb(247 107 29);
    color: white;
    font-size: 30px;
    border: none;
    padding: 0;
    cursor: pointer;
    transform: translateY(-50%);
    border-radius: 100%;
	line-height: 1;
}

.upsell-left-btn {
    left: -20px;
}

.upsell-right-btn {
    right: -20px;
}

.upsell-arrow-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.sw-upsell-info-box{
	position: relative;
    padding-bottom: 8px;
    padding-top: 8px;
}
 
 .sw-upsell-info-box::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ededed;
}
 
.sw-upsell-info-boxes .sw-upsell-info-box:last-child::after{
	height:0;
}
.sw-upsell-title{
	margin-bottom: 8px;
}
.sw-upsell-title-lbl{
	font-size: var(--font-14rem);
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
}
.sw-upsell-title-i{
	font-size: var(--font-14rem);
}

.sw-upsell-item{
	font-size: var(--font-12rem);
    color: #555;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    padding-left: 19px;
    position: relative;
	text-transform: uppercase;
}
.sw-upsell-items .sw-upsell-item:last-child{
	 margin-bottom: 0px !important;
}
.sw-upsell-item::before{
	content: "\f0a9";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    color: #ddd;
    font-size: 14px;
}