/* CSS Document */
:root {
	--default: #131313;
	--primary: #176199;  
	--secondary: #ff9a1f;
	--dark: #0d3a48;
	--light: #f5fafd;
	--swiper-theme-color: #1d3c50;
	--gray: #e0e0e0;
	--darkgray: #4b4b4b;
	--darkblue : #052557;
	--lightgray : #f9f8f7;
	--lightblue : #dcf7ff;
	--lightpink : #ffd6ba;
	--lightyellow : #ffffba;
	--white : #ffffff;
	--black : #000000;
}

html, body { height:100%;}
body {font-family: 'DM Sans', Arial, Helvetica, sans-serif; color:var(--default); font-weight: 400; font-size: 0.85rem; line-height: 1.6}
img { max-width:100%; height:auto;}
strong, b, .bold {font-weight:700;}
.medium { font-weight: 500 !important; }
.bolder {font-weight:900 !important;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link, .text-red {color:var(--primary);}
a:hover, a:focus {color:var(--black);}
a:hover, a:focus, button, .btn { text-decoration:none;}
label { font-weight:normal; }
iframe { width:100% !important; }
.small, small {font-size: 85%;}
sub, sup {font-size:50%;}
hr { border-width:2px;}
.row-gap {margin:0 -5px;}
.row-gap [class*="col-"], .row-gap .col {padding:0 5px;}
.form-control, .form-select {box-shadow:none !important; color:var(--default); font-size: 0.8rem; height:45px; padding: .375rem 1rem; border-radius:0.5rem; box-shadow: none;}
.form-control-lg, .form-select {font-size: 0.9rem; height:50px;}
.form-control-sm, .form-select-sm {font-size:0.75rem; height:36px;}
.form-control:focus { border-color:var(--primary); }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:var(--light-red); border-color:var(--light-red); opacity:1; color:#696969;}
textarea.form-control {min-height: 80px; padding: .7rem 1rem;}
textarea.h-large {min-height: 150px;}
select.form-control, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/down-arrow.svg); background-repeat:no-repeat; background-position:calc(100% - 18px) center; display:inline-block; vertical-align:middle; cursor:pointer; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; outline:0 !important; background-size:12px }
select:focus, option:focus { outline:0 !important; }
select[multiple].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; padding-right:25px; height:auto; }
select::-ms-expand { display:none; }
select.select-primary:focus, select.select-primary {background-color: var(--primary); color: var(--white); border-color:var(--primary); background-image: url(../images/caret-white.svg);}
.form-group {margin-bottom: 1.2rem;}
.btn {font-size:0.9rem; padding:0 30px; font-weight: 600; height:45px; line-height:45px; border-radius: 0.5rem; box-shadow: none;}
.btn:focus { box-shadow: none;}
.btn-lg { font-size: 0.9rem; height:50px; line-height:46px;}
.btn-sm { font-size:0.725rem; height:36px; line-height:32px;} 
.btn-icon { padding:0 1rem;}
.btn.btn-icon { line-height: 45px;}
.btn-sm.btn-icon { line-height: 36px;}

.btn .fa {font-size:1.2rem;}

.btn-link { border-radius:0;}
.btn-link:hover, .btn-link:focus, .btn-link:active {color:var(--secondary); text-decoration:none;}

.btn-outline-default, .bootstrap-select > .btn.btn-outline-default, .btn-default.disabled, .btn-default:disabled {border-color:var(--black); color: var(--black);}
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); color: var(--white); }
.btn-outline-light:hover svg path { fill: var(--dark);}
.btn-primary {background-color:var(--primary); border-color:var(--primary);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .bootstrap-select.show > .dropdown-toggle.btn-outline-primary.bs-placeholder,
.bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:hover, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle  { background-color:#0F558D; border-color:#0F558D; color: var(--white); }

.btn-outline-primary, .bootstrap-select > .btn.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled {border-color:var(--primary); color: var(--primary);}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color:var(--primary); border-color:var(--primary); color: var(--white); }
.btn-outline-secondary, .bootstrap-select > .btn.btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {border-color:var(--secondary); color: var(--black);}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { background-color:var(--secondary); border-color:var(--secondary); color: var(--dark); }
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {background-color:var(--secondary); border-color: var(--secondary); color: var(--white)}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {background-color:#ff6600; color: var(--white);  border-color: #ff6600;}
.btn-default, .btn-default.disabled, .btn-default:disabled {background-color:var(--gray); border-color: var(--gray)}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); color: var(--white); }

.border-light { border-color:#ccc !important;}
.text-muted {color: #a2a2a2 !important;}
.section {padding:80px 0;}
.section-sm {padding:40px 0;}
.light { font-weight:300 !important;}
.regular { font-weight:400 !important;}
.bold { font-weight:700 !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:700;}
.h1, h1 { font-size:3.5rem; }
.h2, h2 { font-size:2.4rem; }
.h3, h3 { font-size:1.8rem; }
.h4, h4 { font-size:1.2rem; }
.h5, h5 {font-size:.9rem;}
hr {margin-top: 2rem; margin-bottom: 2rem; background-color:#999;}
.bg-default { background-color: var(--default);}
.bg-gradient { background: linear-gradient(270deg, rgba(23,97,153,1) 0%, rgba(255,0,0,1) 100%) !important;}
.bg-primary {background-color: var(--primary) !important;}
.bg-primary, .bg-dark {background-color: var(--dark) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-light {background-color: var(--light) !important;}
.bg-gray {background-color: var(--lightgray) !important;}
.bg-darkgray {background-color: var(--darkgray) !important;}
.bg-lightblue {background-color: var(--lightblue) !important;}
.bg-darkblue {background-color: var(--darkblue) !important;}
.bg-lightyellow {background-color: var(--lightyellow) !important;}
.bg-lightpink {background-color: var(--lightpink) !important;}
.text-default {color: var(--default) !important}
.text-gray {color: #666 !important}
.text-primary {color: var(--primary) !important}
.text-dark {color: var(--dark) !important}
.text-secondary {color: var(--secondary) !important}
.text-red{color: var(--secondary) !important}
.text-black {color: var(--black) !important}
.text-large { font-size: 1rem;}
.text-Xlarge {font-size: 1.1rem; }
button.btn-block { width: 100%;}
@-webkit-keyframes autofill { to {background: transparent;} }
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
.relative { position:relative; }

.bootstrap-select > .btn { background: var(--white); border:1px solid #ced4da; box-shadow: none !important; color: var(--default); text-transform: none; font-weight: 400; border-radius:0.7rem; padding-left: 1rem;}
.dropdown .dropdown-toggle { display: flex; align-items: center}
.dropdown .dropdown-toggle:after { content:'\f107'; font-family:'FontAwesome'; border:none; line-height:normal; font-size:1.2rem; }
.bootstrap-select.lg > .btn { height: 50px; line-height: 46px;}
.dropup .dropdown-toggle:after{ content:'\f106';}
.bootstrap-select .no-results {padding:1rem; margin: 0; font-size: .85rem; background: var(--white); color: var(--default);}
.bootstrap-select > .btn-primary {background-color: var(--primary); border-color: var(--primary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary {color: var(--white);}
.bootstrap-select > .btn-secondary {background-color: var(--secondary); border-color: var(--secondary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary {color: var(--white);}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: 0 !important;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color:#777;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dropdown-menu {box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); border:none; padding:0.2rem 0; margin:0; animation-name: DropDownSlide; animation-duration: .3s; animation-fill-mode: both; top: 100% !important;}
.dropup.dropdown .dropdown-menu {top: auto !important; bottom: 100%;}
.dropdown .dropdown-menu-end[style], .dropdown  .dropdown-menu-right {left: auto!important; right: 0!important;}
.dropdown-item-text {color: var(--primary); padding: .5rem 1rem; font-size: 0.8rem; font-weight: 700;}
.dropdown-item, .dropdown-menu a  {color: #666; font-size: 0.8rem; padding:0.5rem 1rem; white-space: inherit; display:block; font-weight: 500;}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {background-color: rgba(248,248,252,0.5); color: #1d2c48;}
.dropdown-item.active, .dropdown-item.active:hover { background:var(--primary); font-weight:600; color:var(--white);}
@keyframes DropDownSlide {
	100% {transform: translateY(0);}
	0% {transform: translateY(-10px);}	
}
.bootstrap-select .dropdown-header {color: var(--default); font-weight: 500;}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {padding: 10px;}
.bootstrap-select.form-control-lg .dropdown-toggle { height:50px;}
.bootstrap-select.form-control-lg .dropdown-toggle .filter-option-inner-inner { padding:5px 0;}
.bootstrap-select.form-control-lg .dropdown-toggle::after { width:auto;}
.card.shadow { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) !important}
.rounded {border-radius: 0.8rem!important;}
.rounded-top {border-top-left-radius: 1rem!important; border-top-right-radius: 1rem!important;}
.rounded-bottom {border-bottom-right-radius:  1rem!important; border-bottom-left-radius: 1rem!important;}
.rounded-left {border-top-left-radius: 1rem!important; border-bottom-left-radius: 1rem!important;}
.rounded-right {border-top-right-radius: 1rem!important; border-bottom-right-radius: 1rem!important;}

.btn-light, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {color: var(--default); background-color:var(--white);}
.dropdown-item:focus, .dropdown-item:hover {background-color: var(--light-red); color: var(--default);}

.btn-radio, .btn-checkbox { display:inline-block; margin-bottom:15px; margin-right:15px; font-size: 0.9rem}
.btn-radio:last-child, .btn-checkbox:last-child { margin-right:0; }
.wpcf7-list-item label { margin: 0;}
.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label,.wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label,  .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label  { position: relative; padding:0 0 0 24px; margin:0; cursor:pointer; display:inline-block; color:var(--default); font-weight:normal; line-height: 1.4;}
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"], .wpcf7-list-item input[type="radio"], .wpcf7-list-item input[type="checkbox"] { display:none; }
.btn-checkbox input[type="checkbox"] + label:before, .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label:before { border:2px solid #ced4da; content:""; display:inline-block; width:18px; height:18px; left:0; border-radius:4px; position: absolute; top:0px; background:transparent; }
.btn-checkbox input[type="checkbox"]:checked + label:before, .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:before { background:var(--secondary); border-color:var(--secondary); }
.btn-checkbox input[type="checkbox"] + label:after, .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label:after { content:''; position:absolute; top:6px; left:5px; width:8px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2); }
.btn-checkbox input[type="checkbox"]:checked + label:after, .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"] + label:before, .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:before { border:2px solid #ced4da; content: ""; display: inline-block; width:18px; height: 18px; left: 0; position: absolute; top:2px; border-radius:50%; background:#fff;}
.btn-radio input[type="radio"]:checked + label:before, .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:before { border-color:var(--secondary); background: var(--secondary); }
.btn-radio input[type="radio"] + label:after, .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:after { content:''; position:absolute; top:8px; left:5px; width:8px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2);}
.btn-radio input[type="radio"]:checked + label:after, .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label { opacity: 0.5; }
.checkbox-inline, .radio-inline { padding:0 20px 15px 0; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top:0; margin-left:0; }
.radio-group {padding-top: 8px;}
.radio-group.lg {padding-top: 12px;}

.swiper-button-next, .swiper-button-prev { width:40px; height:40px; border-radius:50%; margin:0; text-align:center; display: -ms-flexbox; display: flex; align-items: center; line-height: 40px; background-color: var(--primary);}
.swiper-button-next:after, .swiper-button-prev:after { content:''; font-family: 'FontAwesome'; font-size: 12px; color: #fff;}
.swiper-button-prev:after{ content:'\f053';}
.swiper-button-next:after{ content:'\f054';}
.relative.swiper-nav .swiper-button-next, .relative.swiper-nav .swiper-button-prev {position:relative; top:0; left:0; bottom:0; right:0;}
.swiper-button-next:focus, .swiper-button-prev:focus { outline:none !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.5;  background: none; cursor: 'not-allowed';}
.swiper-button-prev.swiper-button-disabled:after, .swiper-button-next.swiper-button-disabled:after {color: var(--primary);}
.swiper-button-next { margin-left:10px;}
.swiper-button-next:hover, .swiper-button-prev:hover { background-color:var(--primary); border-color:var(--primary);}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {color:var(--white);}
.swiper-pagination { bottom:0; left:0; width:100%;}

.pagination-static .swiper-button-next, .pagination-static .swiper-button-prev, .pagination-static .swiper-pagination { position:static;}
.pagination-static .swiper-pagination { margin: 1rem 0;}
.swiper-pagination-bullet { padding:0; width: 8px; height: 20px; background:none; position:relative; opacity:1; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.swiper-pagination-bullet:focus {outline: none;}
.swiper-pagination-bullet:before {content:''; position:absolute; top:50%; left:0; width:8px; height: 8px; border-radius: 50%; background: var(--black); opacity: 0.4; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.swiper-pagination-bullet-active { width: 30px;}
.swiper-pagination-bullet-active:before {opacity:1; border-radius:30px; width: 100%; background: var(--secondary)}

.CIabout .ico svg {width: 60px; fill:#0d3a48;}
.home-nav {background: #404040; padding: 10px 35px; border-radius: 5px;}
.home-header .nav-item:first-child {margin-left: 0;}

.ci-home .col-left { flex:none; width: 320px;}
.ci-home .col-right { position: relative; flex: 1 1 auto; min-width: 0; }
.brand-logo {max-width: 200px;}
.gt-form { position: relative;}
.gt-form-tabs { border: none; position: relative; z-index: 3; width: 110px;}
.gt-form-tabs .nav-item+.nav-item { margin-top: 0.5rem;}
.gt-form-tabs .nav-link { border: none; border-radius: 8px; color: var(--black); text-align: left; font-size: 0.75rem; width: 100%; display: flex; align-items: center; font-weight: 500; padding: 0.6rem 0.8rem;}
.gt-form-tabs .nav-icon, #ciHeader .nav-icon { display: inline-block; min-width: 25px;}
.gt-form-tabs .nav-icon svg, #ciHeader .nav-icon svg { width: 18px; height: 18px;}
.gt-form-tabs .nav-icon svg path, #ciHeader .nav-icon svg path { fill: #b3b3b3}
.gt-form-tabs .nav-link.active { background-color: var(--primary); color: var(--white);}
.gt-form-tabs .nav-link.active svg path { fill: #fff}
.gt-form-content { width: 500px; max-height: 500px; min-height: 450px; position: absolute; z-index: 2; top: 0; left: 100px;}

.gt-form-content { padding:1.5rem 2rem;}
.gt-form .form-group-label { color: #999; font-size: 0.7rem;}
.gt-form .form-control, .gt-form .form-select { border:solid #ccc; border-width: 0 0 2px; border-radius:0; padding: 0; font-weight: 700; color: var(--black); font-size: 1rem; height: 32px; box-shadow: none;}
.gt-form .form-control::placeholder {color: var(--black); opacity: 1; }  
.gt-form .form-control:-ms-input-placeholder {color: var(--black);}
.gt-form .form-control::-ms-input-placeholder { color: var(--black); }

.travelType .btn-radio { margin: 0;}
.travelType .btn-radio input[type="radio"] + label { font-size: 0.75rem; color: #999; padding:0.5rem 0.6rem 0.5rem 1.8rem; border-radius: 0.25rem;}
.travelType .btn-radio input[type="radio"]:checked + label {background-color: var(--lightblue);}
.travelType .btn-radio input[type="radio"] + label:before { left: 5px; top: 7px; display: none;}
.travelType .btn-radio input[type="radio"] + label:after { left: 10px; top: 12px; display: none;}
.travelType .btn-radio input[type="radio"]:checked + label:before, .travelType .btn-radio input[type="radio"]:checked + label:after { display: block;}

.home-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
.tollfree-cta { font-size: 0.9rem; line-height: 1.4; font-weight: 700;}
.tollfree-cta:hover { background-color: rgba(255,255,255,0.2);}
.tollfree-cta strong { display: block; font-size: 1rem;}

.home-header .nav-item { margin-left: 1.8rem;}
.home-header .nav-link { color: var(--white); letter-spacing: 0.05rem; text-transform: uppercase; font-size: 0.75rem; font-weight: 500; position: relative; padding: 0.5rem 0;}
.home-header .nav-link:after { content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: var(--secondary); display: inline-block; margin-left: 0.2rem; transition-duration: 0.4s;}
.home-header .nav-link:before, .ci-footer .nav-link:before, #ciHeader .nav-link:before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; background-color: var(--white); height: 1px; transform: scaleX(0); transform-origin: right; transition: transform .6s cubic-bezier(.19,1,.22,1);}
.home-header .nav-link:hover:before, .ci-footer .nav-link:hover:before, #ciHeader .nav-link:hover:before {transform: scaleX(1); transform-origin: left;}

.ci-MobileApp { background-color: #091B29;}
.ci-home { min-height: 600px;}
.home-inner {min-height: 500px;}
.ci-head .sub-title { font-size: 0.9rem; letter-spacing: .1rem;}
.ci-head .title { font-size: 2rem; margin: 0;}
.outline-text { line-height: 1;}
.outline-text strong {-webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); }

.wdt-content-icon {width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; padding: 12px; background-color:#e2f8ff;}
.CIcounter .wdt-content-detail-group h5 {font-size: 35px;}
.ci-footer {margin-top: -80px; z-index: 555; padding-top: 100px !important;}
.CIform {z-index: 888; position: relative;}

.footer-bottom {font-size: 0.75rem;}
.bottom-nav .nav-item { margin-left: 1rem;}
.ci-footer .nav-link {padding:0.4rem 0; color: var(--white); position: relative; display: inline-block;}
.ci-footer .nav-link:before { background-color: var(--white);}
.ci-footer .footer-title {font-size: 16px; color: #ffa12f;}

.card-holiday .card-img, .card-deals .card-img, .card-catg .card-img { position: relative; overflow: hidden; background-color: var(--lightgray); padding-bottom: 80%;}
.cardAbout .card-img {padding-bottom: 110%;}
.card-holiday .card-body { position: relative; z-index: 2; margin-top: -1rem; line-height: 1.2; transition-duration: 0.4s; top: 0;}
.cover-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.card-holiday:hover .card-body { top:-8px}

/*.card-deals {line-height: 1.2;}*/
.card-deals .card-header, .card-catg .card-header,  .ci-GravitySpecials .card .card-header, .card-package .card-header { background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
.progress { height: 8px;}
.progress-bar { border-radius: 0.25rem; background-color: var(--secondary);}
.inr { min-width: 24px; min-height: 24px; font-size: 0.8rem; line-height: 24px;}

.card-explore { border-radius: 30px !important;}
.card-explore .card-img { padding-bottom: 140%;}
.card-catg .card-img img { transition-duration: 0.4s;}
.card-catg:hover .card-img img { transform: scale(1.1);}

.fa-chevron-right, .fa-chevron-left { font-size: 0.7rem}
.card-catg .badge, .ci-GravitySpecials .card .badge { border-radius: 2rem; font-size: 0.65rem; padding: 0.4rem 1rem 0.4rem 1.2rem; text-transform: uppercase; z-index: 2;}
.card-catg .badge:before, .ci-GravitySpecials .card .badge:before { content: ''; position: absolute; top: 0.5rem; left: 8px; background: var(--white); border-radius: 50%; width: 6px; height: 6px;}

.ci-home-banner { background: var(--dark); height: 100%;}
.ci-home-banner .swiper-slide { position: relative; display: flex; align-items: center;}
.ci-home-banner .swiper-pagination-bullet:before { background: var(--white);}
.banner-img { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0.5;}
.banner-caption { padding:100px 0 0 230px; font-size: 1.2rem; position: relative; z-index: 2;}
.captionFirst {padding:100px 0 0 29%;}
.banner-caption p { margin: 0 0 0.5rem;}
.banner-caption h2 { font-size: 3.8rem; line-height: 1; margin: 0 0 1rem;}
.banner-caption .price { font-size: 1.5rem;}
.section.position-relative .container { position: relative; z-index: 2;}
.ci-social a { min-width: 30px; min-height: 30px; line-height: 30px; margin: 0 0.2rem  0 0; text-align: center; border-radius: 50%; color: var(--dark); font-size: 1rem;}
.ci-social a:hover { background-color: var(--dark); color: var(--white);}
.card-tsmnl {height: 100%;}
.card-tsmnl-header { max-width: 300px; margin: -2.5rem 0 0 2rem}
.card-tsmnl .card-body { background: url(../../assets/images/quote.svg) no-repeat 30px 20px; padding: 1rem 1rem 1rem 6rem;}
.card-tsmnl p { margin: 0;}
.card-tsmnl p+p { margin: 1rem 0 0;}
.tsmnl-author-img { min-width: 50px; min-height: 50px; border-width: 2px; display: flex;} 
.rating-star .fa { margin: 0 0.1rem 0 0; font-size:1rem }
.rating-swiper .swiper-slide {min-height: 100%; height: auto; padding:50px 0 10px;}
.offerGrid { border:solid 2px #ddd; margin-top: -2px; transition-duration: 0.4s; min-height:550px; max-height:550px; overflow-y: auto; overflow-x: hidden; margin-left: -50px; background-color: var(--white);}
.filters-button-group button { padding:0.5rem 0; background: none; border:solid transparent; border-width: 0 0 2px; margin-right: 1.5rem; color: var(--dark); font-weight: 500; z-index: 2; position: relative;}
.filters-button-group button.is-checked { color:var(--secondary); border-color: var(--secodnary);}
.element-item { width: 100%; text-decoration: none; padding: 1.5rem 60px 1.5rem 1.5rem ; display: flex; position: relative;}
.element-item:after { content: '\f054'; font-family: 'FontAwesome'; position: absolute; top: 50%; right: 0; width: 40px; height: 40px; margin: -20px 0 0 -20px; color: #666;}
.element-item:hover { background-color: #f9f9f9;}
.element-item+.element-item { border-top: solid 1px #ddd;}
.company-logo { min-width: 140px; width: 140px; padding-right: 1.5rem;}
.sec-offer .hero-image { background-color: #f2f2f2; height: 550px; position: relative;}
.grid-5 > * {flex: 0 0 auto; width: 20%;}
.card-theme .card-img, .ci-GravitySpecials .card .card-img, .card-package .card-img, .trip-card .card-img, .rich-img  { padding-bottom: 70%; position: relative; overflow: hidden; background-color: #f2f2f2;}
.secSmallPackage .rich-text { margin-top: -50px; position: relative; z-index: 2;}
.card-about.quickForm { margin-top: -200px;}

.card-package .card-title {  z-index: 2; width: 75%;}
.card-package .block__title {line-height: 2.2; font-size: 0.85rem;}
.card-package .block__title span { background-color: var(--white); color: var(--black); padding:0.3rem 0.5rem;  -webkit-box-decoration-break: clone;  box-decoration-break: clone;}

.ci-inner-banner, .ci-inner-banner .banner-img {height: 592px;}
.home-inner .banner-caption {padding: 301px 0 0 0;}
.home-inner .banner-caption h2 {font-size: 50px; font-weight: 700;}

.see-more {text-align: center; position: relative; margin: 2rem 0 0;}
.see-more:before { content: ''; height: 1px; width: 100%; background: #ddd; position: absolute; top: 50%; left: 0; z-index: 1;}
.see-more span { display: block; color: #666; font-size: 0.7rem; font-weight: 500; letter-spacing: 1px; position: relative; z-index: 3;}
.see-more .fa { width: 60px; height: 60px; border-radius: 50%; line-height: 40px; background: #ddd; display: block; margin: 0 auto; border:solid 10px #fff; font-size: 1.5rem; color: #666; margin-top: -10px; z-index: 2; position: relative; cursor: pointer;}

.contact-info .contact-items .icon {width: 68px; height: 68px; line-height: 68px; text-align: center; border-radius: 4px; background-color: #EFEEFA;}
.contact-info .contact-items .content h3 {font-size: 18px; font-weight: 500;}

.ciHolidayForm .btn, .ciHolidayForm .form-control { height: 36px; line-height: 36px;}
.createPlanCta { width: 240px; flex: 0 0 240px;}
.createPlanCta .btn { line-height:50px; height: 100%;  width: 100%;}
.ciHolidayForm .btn { padding: 0 20px; font-weight: 400;}
.ciHolidayForm .dropdown-group .btn { padding: 0 10px; }

.secPackageForm { margin-top: -30px; z-index: 2;}
.search-input, .createPlanCta, .ciHolidayForm .dropdown-group { position: relative; z-index: 3;}
#ciHeader { height: 80px; padding: 0 30px;}
.ciHeaderLogo { padding:0; line-height: 80px;}
.ciHeaderLogo img { height: 60px;}
#ciHeader .btn-user { padding: 0; width: 40px; line-height: 36px; height: 40px; border-radius: 50%;}
#ciHeader .nav-link { position: relative; padding:0; line-height: 80px; color: var(--black); font-size: 0.8rem; font-weight: 500;}
#ciHeader .nav-link.active {color: var(--secondary);}
#ciHeader .nav-link.active svg path {fill: var(--secondary);}
#ciHeader .nav-item { margin: 0 1rem;} 
#ciHeader .nav-link:before { height: 2px; bottom: 0; background-color: var(--secondary);}
#ciHeader .nav-link.active:before { transform: scale(1);}
.breadcrumb, .breadcrumb a:hover  { font-size: 0.7rem; color: var(--dark);}
.breadcrumb a { text-decoration: none; color: #999;}
.breadcrumb.text-white a, .breadcrumb.text-white li, .breadcrumb.text-white li:before { color: var(--white);}
.trip-card .card-img { width: 220px; flex: 0 0 220px; padding-bottom: 80%; }
.tripPlaceList li { margin-right: 1rem; position: relative; padding-right: 1rem;}
.tripPlaceList li:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0;}
.tripPlaceList li:last-child:after { display: none;}
.tripPlaceList li:last-child { margin-right: 0; padding-right: 0;}
.tripNight .icon, .tripDay .icon { background-color: var(--lightpink); width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center;}
.tripDay .icon { background-color: var(--lightblue);}
.trip-card .card-footer { margin: 0 -2px; border-start-start-radius: 0 !important; border-start-end-radius: 0 !important; position: relative; top: 2px;}
.tripFeatureTab .nav-item  { margin-right: 2rem;}
.tripFeatureTab .nav-link { color: var(--white); display: flex; align-items: center; line-height: 1; position: relative; padding: 0.5rem 0;}
.tripFeatureTab .nav-link.active { background-color: transparent;}
.tripFeatureTab .nav-link.active:before { content: ''; position: absolute; width: 100%; height: 2px; background-color: var(--white); top: 100%; left: 0;}
.tripFeatureTab .nav-icon { margin-right: 0.3rem;}

.cardFilter .card-header { cursor: pointer; font-weight: 700; font-size: 0.75rem; color: var(--dark); position: relative;}
.cardFilter .card-header:before, .cardFilter .card-header:after { content: ''; width: 10px; height: 2px; position: absolute; top: 22px; right: 15px; background-color: var(--dark); transition-duration: 0.4s; transform: rotate(0deg);}
.cardFilter .card-header.collapsed:before {transform: rotate(180deg);}
.cardFilter .card-header:after { transform: rotate(0deg); opacity: 0;}
.cardFilter .card-header.collapsed:after { opacity: 1; transform: rotate(90deg);}
.cardFilter .btn-checkbox input[type="checkbox"] + label { line-height: 1.2; padding-left: 30px; font-size: 14px; color: #444;}
.cardFilter .btn-checkbox input[type="checkbox"] + label::before { border-width: 1px;}

.slider-handle { width: 14px; height: 14px; background:#176199 !important;}
.slider-track { background: #ccc !important; box-shadow: none;}
.slider.slider-horizontal { width: 100%;}
.slider.slider-horizontal .slider-track { height: 4px;}
.slider-selection { background:#176199 !important; box-shadow: none;}
.min-slider-handle {margin-left: -1px !important;}
.tripSortBy label { top: 5px;}
.tripSortBy .form-select { box-shadow: none;}

.tripHeadTitle {font-size: 12px; text-transform: uppercase; letter-spacing: 0.2rem; color: var(--secondary); padding: 0 0 0 30px;}
.tripHeadIcon { width: 48px; display: inline-block; margin-left: -48px;}
.tripDo ul, .tripDont ul { margin: 0; list-style: none; padding: 0;}
.tripDo ul li, .tripDont ul li { background: url(../../assets/images/check-circle.svg) no-repeat 0 2px; background-size: 18px; padding: 0 0 0.3rem 1.8rem;}
.tripDont ul li { background-image: url(../../assets/images/close-circle.svg);}


.tabs-outline { border:none;}
.tabs-outline .nav-item { margin: 0 2rem 0 0;}
.tabs-outline .nav-link { border:none; font-weight: 500; padding: 0.4rem 0; border-bottom: solid 2px transparent; color: #999;}
.tabs-outline .nav-link.active { border-color: var(--dark);}

.tripOverviewCard { background-color: #E6E6FF;}
.tripOverviewList li { margin-left: 20px; padding-left: 30px; }
.tripOverviewList li:first-child {border-left: dashed 1px #333; padding-bottom: 20px;}
.tripOverviewListIcon { width: 40px; height: 40px; border-radius: 50%; background-color: var(--white); text-align: center; line-height: 40px; margin:0 20px 0 -60px; position: relative; left: 10px;}

.tripItineraryCollapse .accordion-button { border-radius: 0.8rem !important; padding: 0; background-color: #f2f2f2; padding-right: 1.5rem; color: var(--dark); box-shadow: none;}
.tripItineraryCollapse .accordion-item { border:none;}
.tripItineraryCollapse .accordion-button:not(.collapsed) { background-color: var(--dark); color: var(--white);}
.tripItineraryCollapse .accordion-button:not(.collapsed) .tripItineraryDay  {color: var(--white); border-right: solid 1px rgba(255,255,255,0.2);}
.tripItineraryDay { font-size: 0.8rem; padding: 1rem; margin: 0 1.5rem 0 0; border-right: solid 1px rgba(0,0,0,0.05); flex: 0 0 110px;}
.tripItineraryDay small, .tripItineraryTitle small { opacity: 0.6;}
.accordion-button:hover, .accordion-button:focus {z-index: 1; }
.tripItineraryCollapse .accordion-item+.accordion-item { margin-top: 1rem;}
.tripItineraryTitle { font-size: 1rem;}
.tripItineraryTitle small { font-size: 70%; font-weight: 400;}

.tripItineraryCollapse .accordion-button:after { content: '\f0d7'; font-family: 'FontAwesome'; background-image: none; width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; border-radius: 50%;}
.tripItineraryCollapse .accordion-button:not(.collapsed):after { background-color: var(--white); color: var(--dark);}

.tripSingleFeatureTab .nav-item  { margin-right: 2rem;}
.tripSingleFeatureTab .nav-link { color: #808080; display: flex; align-items: center; line-height: 1; position: relative; padding: 0.5rem 1rem;}
.tripSingleFeatureTab .nav-link.active { background-color: #FFD6BA; color: var(--black);}
.tripSingleFeatureTab .nav-icon { margin-right: 0.3rem;}
.tripSingleFeatureTab .nav-link.active .nav-icon svg path, .tripSingleFeatureTab .nav-link.active .nav-icon svg circle { stroke: var(--black) !important;}

.tripStickyNav { z-index: 2;}
.tripStickyNav .nav-item { margin-right: 1.5rem;}
.tripStickyNav .nav-link { color: var(--white); font-weight: 500; padding: 0.7rem 0;}

.tripSingleBreadcrumb {background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); z-index: 2;}
.tripSingleHeader { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index: 2; padding-top: 130px;}
.tripSingleTitle { color: var(--white);}
.tripSingleHeroBanner .swiper-img { position: relative; overflow: hidden; padding-bottom: 50%;}
.tripSingleHeroBanner.swiper { position: static;}
.swiper-button-prev.white, .swiper-button-next.white { background-color: var(--white);}
.swiper-button-prev.white:after, .swiper-button-next.white:after {color: var(--primary);}
.tripSidebar { top: 80px; z-index: 1;}

.mealIcon { width: 40px; height: 40px; background-color: var(--white); border-radius: 50%; text-align: center; line-height: 40px;}

.list-group-numbered > li::before {content: counters(section, ".");	counter-increment: section;	background: white;	width: 30px; height: 30px;	text-align: center;	line-height: 30px;	border-radius: 100%;	font-weight: 500; color: #666; font-size: 0.75rem; margin-right: 0.2rem;}

.inputGroupNum { width: 100px;}
.inputGroupNum .form-control { height: 30px; border:none; text-align: center; padding: 0; width: 40px; background: none; font-weight: 500;}
.btn-minus { background: url(../images/remove-circle-outline.svg) no-repeat center;}
.btn-plus { background: url(../images/add-circle-outline.svg) no-repeat center; }
.btn.btn-minus, .btn.btn-plus {background-size: 24px; opacity: 0.4; height: 30px; width: 30px; box-shadow: none; padding: 0;}
.btn.btn-minus:hover, .btn.btn-plus:hover { opacity: 0.8;}
.inputGroupNum input[type="number"] {-webkit-appearance: textfield;  -moz-appearance: textfield; appearance: textfield; }
.inputGroupNum input[type=number]::-webkit-inner-spin-button, 
.inputGroupNum input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}

.tripTravellerForm .table-responsive { margin: 0 -1rem;}
.tripTravellerForm .table { font-size: 0.7rem;}
.tripTravellerForm .table thead th { white-space: nowrap; font-weight: 500;}
.tripTravellerForm .table td, .tripTravellerForm .table th { padding: 0.4rem 0.7rem;}
.tripTravellerForm .table td, .tripTravellerForm .table > :not(:first-child), .tripTravellerForm  .table > :not(caption) > * > * { border: none; vertical-align: middle; font-weight: 500;}

.backTop { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 50px; height: 50px; background-color: var(--white); text-align: center; line-height: 50px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
.heroSwiper .swiper-pagination { bottom: 40px;}
.backdrop { display:none}

.offCanvasNav .nav-item { width: 50%; flex: 0 auto;}
.offCanvasNav .nav-link {padding: 0.4rem 1rem; color: #999; font-size: 0.8rem; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis;}
.offCanvasNav .nav-link:hover {color: var(--black);}

.offCanvasNav .accordion-item {border-radius: 0 !important;}
.offCanvasNav .accordion-button { padding: 1rem; color: var(--dark); box-shadow: none;}
.offCanvasNav .accordion-body, .offCanvasNav .offcanvas-body { padding:1rem 0;}


@media only screen and (max-width:1199px) {
	.ci-home { min-height: inherit; height: auto !important;}
	.card-holiday h4 { font-size: 0.9rem;}
	.container { max-width: 100%;}
	.outline-text { font-size: 3rem;}
	.filters-button-group button {  margin-right: 1rem;}	
	.home-header { background: var(--white); height: 80px; padding: 1rem; justify-content: end; position: static; z-index: inherit;}
	.col-right { height: 600px;}
	.banner-caption { padding: 1rem;}
	.brand-logo {max-width: 180px; position: absolute; top: 0; left: 0;	z-index: 8; padding: 0 20px; line-height: 80px;}
	.home-header .nav-item { margin: 0;}
	.home-header .nav-link { padding: 1rem;}
	.tollfree-cta { border-color: var(--black); color: var(--black) !important;}
	.home-nav {padding: 10px 0;}
	#collpaseNav, #navbar { position: fixed; top: 0; right:-250px; width: 250px; height: 100%; overflow-x: hidden; overflow-y: auto; flex-direction: column; background:#404040; transition-duration: 0.4s; z-index: 11; flex-wrap: nowrap;}
	
	#navbar.open{ right:0;}
	#navbar { padding: 1rem;}
	#navbar .nav-item { width: 100%; margin:0 0 5px;}
	#navbar .nav-link { line-height: normal; padding: 1rem; color: var(--white); background-color:rgba(0,0,0,0.1); border-radius: 0.3rem; position: relative;}
/*	#navbar .nav-link:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; top: 17px; right:15px}*/
	.home-header .nav-link::after {position: absolute; right: 18px; top: 21px;}
	#navbar .nav-link:before { display: none;}
	#navbar .nav-link.active { background-color: var(--white);}
	.open #collpaseNav { right: 0;}
	.toggle-btn {position: relative; z-index: 10; cursor: pointer; width:40px; height:40px; -webkit-transition-duration:0.4s; transition-duration:0.4s; display: block; right: 0;}
	body.open .toggle-btn { right: 240px;}
	.toggle-btn:focus {outline: none;}
	.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:26px; height:4px; background: var(--black); cursor: pointer; border-radius: 8px;}
	.toggle-btn span {top:17px; left:9px;}
	.toggle-btn span:before {top:-8px;}
	.toggle-btn span:after {bottom: -8px; width: 20px; left: 6px;}
	.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	body.open .toggle-btn span {background-color: transparent}
	body.open .toggle-btn span:before, body.open .toggle-btn span:after {top: 0; background:var(--white);}
	body.open .toggle-btn span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	body.open .toggle-btn span:after {top:10px; width: 26px; left: 0px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
	.backdrop {background: rgba(0,0,0,0.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: block; visibility: hidden; opacity: 0; transition-duration: 0.4s;}
	body.open {overflow:hidden;}	
	.backdrop {background: rgba(0,0,0,0.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: block; visibility: hidden; opacity: 0; transition-duration: 0.4s;}
	body.open .backdrop {opacity:1; visibility: visible; display: block;}
	.ci-home .col-left { width: auto;}
	.gt-form-content {width: 70%; margin: -15px auto 40px; max-height: inherit; min-height: inherit; position: relative; z-index: 8; left: 0;}
	.gt-form-tabs { width: auto; padding: 1rem 1rem 2rem; justify-content: center; background-color: var(--lightblue); align-items: center;}
	.gt-form-tabs .nav-item + .nav-item {margin-top: 0}
	#ciHeader {	padding: 0 15px;}
	.ci-theme-packages .grid-5 { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding-right: 15px;}
	.ci-theme-packages .grid-5 .col {width: 200px; padding:0 0 0 15px;}	
	.dropdown-group .btn { padding: 0 10px; font-size: 0.8rem;}
	.cardFilter .btn-checkbox input[type="checkbox"] + label { font-size: 0.75rem; padding: 2px 0 2px 30px;}
	.trip-card .card-img {width: 150px; flex: 0 0 150px; padding-bottom: 102%;}
	.formPackageSelect { width: 160px; margin-right: 10px;}
	.tripCardPrice .h3 { font-size: 1.2rem;}
	.tripNight .icon, .tripDay .icon { width: 30px; height: 30px; line-height: 30px;}
	.tripNight .icon svg, .tripDay .icon svg { width: 18px;}
	.tripPlaceList, .formPackageSelect label { font-size: 0.75rem;}
	.secPackageForm { position: inherit !important;}
}
	
@media only screen and (min-width:768px) {
	.swiper-up { margin-top: -70px;}
	.sepcial-swiper { padding: 0  0 50px;}
	.sepcial-swiper .swiper-slide:nth-child(2n) { margin-top: 30px;}
	.card-about { margin-top: -180px;}
}
@media only screen and (max-width:991px) {
	.deals-row { flex-wrap: nowrap; overflow-x: auto;}
	.deals-row  > * { width: 270px; max-width: 270px;}
	#filterSidebar { width: 400px; position: fixed; top: 0; left: -400px; z-index: 100; background-color: var(--white); height: 100%; overflow-x: hidden; overflow-y: auto; padding: 20px; transition-duration: 0.4s;}
	.is-filter #filterSidebar { left: 0;}
	.is-filter { overflow: hidden;}
	.is-filter .backdrop {opacity: 1; visibility: visible; display: block; z-index: 99;}
	.closeFilter { cursor: pointer;}
	
	.btnFilter { height: auto; line-height: normal;}
	.tripFilterBar { background-color: var(--lightblue); padding: 8px 15px !important; position: sticky; border-radius: 0 !important; margin: 0 -12px; top: 0; z-index: 3;}
	.tripSortBy { border: none !important;}
	.tripSortBy .form-select { font-size: 0.8rem; background-position: right 0rem center;}
	.tripStickyNav .nav-item, .tripSingleFeatureTab .nav-item, .tabs-outline .nav-item { margin-right: 0.7rem;}
	.tripStickyNav .nav-link, .tripOtherCta .btn, .tripOtherCta .btn-checkbox input[type="checkbox"] + label { font-size: 0.7rem;}
	.tripSingleHeroBanner.swiper {position: relative;}
	.tripSingleHeader { position: static; padding: 1.5rem 0 0.5rem; background: none;}
	.tripSingleTitle {color: var(--dark); }
	.tripCardBook .h3 { font-size: 1.5rem;}
	.tripCardContact .h4 { font-size: 1rem;}

}
@media only screen and (max-width:767px) {
	body { font-size:0.8rem}
	.section { padding: 40px 0;}
	.h1, h1 { font-size:2.4rem; }
	.h2, h2 { font-size:2rem; }
	.h3, h3 { font-size:1.2rem; }
	.h4, h4 { font-size:0.9rem; }
	.h5, h5 {font-size:0.8rem;}
	.card-holiday .card-body { padding:0.5rem 1rem;}
	.theme-swiper, .sepcial-swiper, .rating-swiper, .tripGravitySpecial, .tripGravityCarousel, .highlightSwiper { margin: 0 -12px; padding: 0 15px;}
	.ci-head .title {font-size: 1.4rem;}
	.ci-head .sub-title {font-size: 0.7rem; margin: 0 0 0.1rem;}
	.text-large {font-size: 0.8rem; }
	.card-catg .card-img {padding-bottom: 120%;}
	.outline-text  { font-size: 2.5rem;}
	.ci-social { background-color: #E6E6FF; margin: 0 -20px; padding: 15px;}
	.bottom-nav .nav-item { margin: 0 0.5rem 0 0;}
	.bottom-nav .nav-link { font-size: 0.7rem;}
	.filters-button-group { margin: 0 -15px; background: var(--lightblue); padding:15px 15px 30px; overflow-x: auto;}
	.filters-button-group button { white-space: nowrap; margin: 0; padding:0.5rem 1rem;}
	.offerGrid { margin:-20px 0 0; min-height: 400px; max-height: 400px;}
	.element-item {padding: 1rem 60px 1rem 1rem;}
	.company-logo {min-width: 80px;	width: 80px; padding-right: 1rem;}
	.gt-form-tabs { justify-content: start; overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap;}
	.gt-form-content {width: 96%; padding: 1rem;}
	.gt-form .form-group-label { font-size: 9px;}
	.input-fares .btn-radio input[type="radio"] + label, .input-fares .btn-checkbox input[type="checkbox"] + label { font-size: 11px; line-height: 1.8;}
	.home-header, #ciHeader { height: 60px;}
	.brand-logo { max-width: 107px; line-height: 59px; padding-left: 10px;}
	.ciHeaderLogo img { width: 110px; height: auto;}
	.banner-img {position: static; /*padding-bottom: 90%;*/}
	.ci-home-banner {height: 65%;}
	.banner-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.8rem; display: flex; flex-direction: column; justify-content: center; text-align: center;}
	.banner-caption h2 { font-size: 2rem; margin: 0;}
	.ci-theme-packages .grid-5 .col {width: 150px;}
	.secSmallPackage .rich-text { margin-top: -30px;}
	.home-inner, .ci-inner-banner, .ci-inner-banner .banner-img {min-height:auto; height: auto;}
	.ci-inner-banner .banner-img {padding-bottom: 0;}
	.home-inner .banner-caption {padding: 0;}
	.home-inner .banner-caption h2 {font-size: 25px;}
	.col-right {height: auto;}
	.ci-usps .grid-5 { gap: 1rem;}
	.ci-usps .grid-5 .col { display: flex; width: 100%;}
	.card-catg .badge, .ci-GravitySpecials .card .badge { border-radius: 2rem; font-size: 0.6rem; padding: 0.3rem 0.5rem 0.3rem 1.2rem; }
	.card-catg .badge:before, .ci-GravitySpecials .card .badge:before { top: 0.4rem;}
	.createPlanCta { width: 50px; flex: 0 0 50px; position: fixed; bottom: 115px; right: 10px; }
	.createPlanCta .btn {height: auto; font-size: 0.58rem; text-align: center; padding: 5px 0; border-radius: 0.8rem; line-height: 1.2; }
	.backTop { right: 10px; bottom: 60px; display: block !important;}
	.card-about.quickForm {margin-top: 0; }
	.dropdown-group { position: fixed; top: auto; right: 0; border-radius: 0 !important; bottom: 0; background: var(--white) !important; box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2); width: 100% !important; justify-content: space-around; z-index: 20;}
	.search-input .btn { font-size: 0.7rem; padding: 0 15px;}
	.dropdown-group .btn { font-size: 0.75rem; font-weight: 500; padding: 0;}
	.dropdown-group .dropdown .dropdown-toggle:after { font-size: 0.7rem;}
	.card-theme .card-body { padding: 0.3rem;}	
	.btnFilter, .tripSortBy .form-select { font-size: 0.7rem;}
	.tripRecordNumber { font-size: 0.6rem;}
	.tripFilterBar { background-color: var(--lightblue); padding: 4px 10px !important; position: sticky; border-radius: 0 !important; margin: 0 -12px; top: 0; z-index: 3;}
	.tripSortBy { width: 105px;}
	.tripHeader .h2 { font-size: 1.6rem;}
	.tripPackageCta { margin-top: -44px;}
	.formPackageSelect { position: relative; z-index: 2;}
	.tripItineraryDay { font-size: 0.7rem; padding: 0.9rem 0.7rem; margin: 0 0.7rem 0 0; flex: 0 0 100px; }
	.tripItineraryCollapse .accordion-button { padding-right: 0.5rem;}
	.tripStickyNav .nav, .tabs-outline { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; margin: 0 -12px; padding: 0 1rem;}
	.tripStickyNav .nav-item, .tabs-outline .nav-item { margin-right: 1rem;}
	.tripStickyNav .nav-link, .tabs-outline .nav-link { white-space: nowrap; padding: 1rem 0; font-size: 0.75rem;}
	.tripCardBook { position: fixed; bottom: 45px; left: 0; z-index: 3; width: 100%;}
	.is-detail .backTop { bottom: 115px;}
	.is-detail .footer-bottom { margin-bottom: 100px;}
	.wdt-content-icon {width: 70px; height: 70px;}
	.CIcounter .wdt-content-detail-group h5 {font-size: 25px;}
	.ci-trusted p {font-size: 14px !important;}
	.ci-trusted .fa {display: none;}
}
@media only screen and (max-width:575px) {
	.offCanvasNav .nav-link { font-size: 0.7rem;}
	.trip-card .card-img { width: 100%; flex: 0 0 100%; padding-bottom: 60%; }
	.tripPlaceList, .formPackageSelect label { font-size: 0.7rem;}
	.tripPlaceList li { margin-right: 0.5rem; padding-right: 0.5rem;}
	.tripPackageCta { margin-top: 15px;}
	.formPackageSelect { width: 100%;}
	.tripSingleFeatureTab .nav-item { margin: 0;}
	.tripFeatureTab, .tripSingleFeatureTab { justify-content: space-between;}
	.tripFeatureTab .nav-item, .tripFeatureTab .nav-icon, .tripSingleFeatureTab .nav-icon {margin-right: 0; }
	.tripFeatureTab .nav-link, .tripSingleFeatureTab .nav-link { flex-direction: column;}
	.tripFeatureTab .nav-text, .tripSingleFeatureTab .nav-text {margin-top: 3px; font-size: 0.7rem;}
	.compareCheckbox { position: absolute; top: -35px; left: 50%; transform: translateX(-35px);}
	.compareCheckbox input[type="checkbox"] + label { font-size: 0.8rem; padding: 0 0 0 24px; color: #333 !important;}
	#filterSidebar { width: 300px;}
	.tripSingleHeroBanner .swiper-img { padding-bottom: 70%; }

}