/* CSS Document */
:root {
	--default: #131313;
	--primary: #176199;  
	--secondary: #ff9a1f;
	--dark: #0c204a;
	--light: #f5fafd;
	--swiper-theme-color: #1d3c50;
	--gray: #e0e0e0;
	--green: #46691a;
	--yellow: #fff8e4;
	--lightgray : #f9f8f7;
	--lightblue : #f5fafd;
	--lightpink : #f7d7c5;
	--lightyellow : #fabe06;
	--white : #ffffff;
	--black : #000000;
}

html, body { height:100%;}
body {font-family: 'Fredoka', sans-serif; color:var(--default); font-weight: 400; font-size: 16px; line-height: 1.4;}
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.9rem; 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 18px; font-weight: 500; height:42px; line-height:39px; 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-dark {background:var(--black);}
.btn-dark:hover {background:var(--green); border-color:var(--green);}

.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); }
.btn-outline {border-color:var(--dark); border-width:1px;}
.btn-outline:hover {background:var(--lightyellow); border-color:var(--lightyellow);}

.para p {font-size:18px;}
.table > tbody {font-size:14px;}
.border-light { border-color:#ccc !important;}
.text-muted {color: #a2a2a2 !important;}
.section {padding:60px 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-lightblue {background-color: var(--lightblue) !important;}
.bg-lightyellow {background-color: var(--lightyellow) !important;}
.bg-yellow {background-color: var(--yellow) !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;}
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-yellow, .btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show > .btn-yellow.dropdown-toggle {color: var(--default); background-color:var(--lightyellow);}
.btn-yellow:hover {background:var(--black); color:var(--white);}
.btn-yellow .btn-rotate:after, .btn-yellow .btn-rotate:before, .dwnbtn .btn-rotate:after, .dwnbtn .btn-rotate:before {background:var(--black);}


.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%; opacity: 0.5; margin:0; text-align:center; display: -ms-flexbox; display: flex; align-items: center; line-height: 40px;}
.swiper-button-next:after, .swiper-button-prev:after { content:''; font-family: 'FontAwesome'; font-size: 30px;}
.swiper-button-next, .swiper-button-prev {top: 34%;}
.swiper-button-prev:after{ content:'\f100';}
.swiper-button-next:after{ content:'\f101';}
.swiper-button-next {right: -13px;}
.swiper-button-prev {left: -11px;}
.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: 1;  background: none; cursor: 'not-allowed';}
.swiper-button-prev.swiper-button-disabled:after, .swiper-button-next.swiper-button-disabled:after {color: var(--dark);}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {color:var(--black);}
.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 16px; width: 8px; height: 20px; background:none; position:relative; opacity:1; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; bottom:10px;}
.swiper-pagination-bullet:focus {outline: none;}
.swiper-pagination-bullet:before {content:''; position:absolute; top:50%; left:0; width:30px; height: 10px; border-radius: 10px; background:none; border:2px solid #fff;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.swiper-pagination-bullet-active { width: 45px;}
.swiper-pagination-bullet-active:before {background: var(--white); width: 100%;}

.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: fixed; top: 0; left: 0; width: calc(100% - 130px); z-index: 10; background:var(--white); height:85px; box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
.home-header .nav-item { margin-left: 1.8rem;}
.home-header .nav-link { color: var(--black); letter-spacing: 0.05rem; text-transform: uppercase; font-size: 0.9rem; font-weight: 500; position: relative; padding: 0.5rem 0;}
.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(--black); 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;}
.dwnbtn {position:absolute; background:var(--lightyellow); right:-95px; top:35px; font-size:16px; font-weight:500;}
.dwnbtn:hover {background:var(--black); color:var(--white) !important;}
.dwnbtn:hover svg {stroke:var(--lightyellow);}
.rounded-5 {border-radius:.8rem;}
.sticky {position: fixed; top: 0; right:0; background:var(--white); border-radius:0; height:85px; font-size:14px; padding-top:6px !important; box-shadow: 5px 0 5px 0 rgba(0,0,0,.1);}
.sticky svg {width:35px;}


.btn-rotate {position: relative; display: inline-block; width: 10px; height: 10px; top: 1px; left: 0px; margin-right:5px; overflow: hidden; transition: transform 1s;}
.btn-rotate::before, .btn-rotate::after {content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: var(--white);}
.btn-rotate.btn-black::before, .btn-rotate.btn-black::after {background:var(--black);}
.btn-rotate::before {transform: rotate(0deg);}
.btn-rotate::after {transform: rotate(90deg);}
.btn:hover .btn-rotate, .dwnbtn:hover .btn-rotate, .swiper-product .card:hover .btn-rotate {transform: rotate(-180deg); color:var(--lightyellow);}
.btn:hover .btn-rotate:after, .btn:hover .btn-rotate:before, .dwnbtn:hover .btn-rotate:after, .swiper-product .card:hover .btn-rotate:before, .swiper-product .card:hover .btn-rotate:after, .dwnbtn:hover .btn-rotate:before {background:var(--lightyellow);}
.swiper-product .card:hover .btn-rotate.btn-black:before, .swiper-product .card:hover .btn-rotate.btn-black:after {background:var(--black);}

.footer-bg {background:url(../images/footer-bg.jpg); background-repeat:no-repeat; background-size:cover; padding-bottom:5%; width: calc(100% - 150px); padding-top:10%;}
.bg-black:after {content:''; position:absolute; background:var(--black); right:-191px; width: 221px; height: 367px; top:0; overflow:hidden;}
.CIfooter .footer-nav .nav-link {font-size:15px; color:var(--white);}
.CIfooter .footerTitle {font-size:16px; font-weight:500;}
.CIfooter .footer-call {font-size:17px;}
.ci-home { min-height: 600px;}
.ci-head .sub-title { font-size: 28px; font-family: 'Pacifico', cursive; color:var(--lightyellow); font-weight:400;}
.ci-about .ci-head .sub-title {color:var(--green);}
.ci-head .title { font-size: 2rem; margin: 0;}
.outline-text { line-height: 0.8;}
.outline-text strong {-webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--gray); font-size:75px; }
.font-light {font-weight:300;}
.ci-trusted { max-width: 160px;}
.footer-bottom {font-size: 0.75rem;}
.bottom-nav .nav-item { margin-left: 1rem;}
.ci-footer .nav-link {padding:0.4rem 0; color: var(--black); position: relative; display: inline-block;}
.ci-footer .nav-link:before { background-color: var(--dark);}
.ci-need .feed-para:before {content:''; position:absolute; left:0; top:15px; width:85px; height:2px; background:var(--gray);}
.ci-usp h2 {font-size:24px; font-weight:600;}
.ci-usp p {font-size:16px; font-weight:400; opacity:0.8}
.numbering p {border:1px solid #000; display:inline-block; border-radius:100px; width:35px; height:35px; line-height:32px; text-align:center; margin-left:-50px; font-size:14px; font-weight:600; margin-bottom:0; background:var(--white);}
/*.numbering:after {content:''; background:#000; height:1px; width:100%; position:absolute; right:15px; top:18px;}
.numbering:before {content:''; background:#000; height:1px; width:40%; position:absolute; left:-162px; top:18px;}*/
.border {position:absolute; top:180px; width:100%; left:0;}

.card-holiday .card-img, .card-deals .card-img, .card-catg .card-img { position: relative; overflow: hidden; background-color: var(--lightgray); padding-bottom: 80%;}
.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;}
.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;}
.swiper-product .card-header {background:none;}
.explore-more .card-catg .card-header {  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); height: 100%;}
.swiper-product .card-header h3 {font-size:1.2rem; font-weight:500;}
.AboutPara p {font-size:17px; color:#393939; font-weight:300;}
.w-80 {width:80%;}

.card-catg .card-img { padding-bottom: 130%;}
.explore-more .card-catg .card-img { padding-bottom: 60%;}
.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-KosiSpecials .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-KosiSpecials .card .badge:before { content: ''; position: absolute; top: 0.5rem; left: 8px; background: var(--white); border-radius: 50%; width: 6px; height: 6px;}
.feedKosiSpecial .card-header h4 {font-weight:600; font-size:15px;}
.col-left {padding-left:5rem;}

.ci-home-banner { /*background: linear-gradient(138deg, rgba(23,97,153,1) 0%, rgba(255,0,0,1) 100%);*/ height: 100%;}
.ci-home-banner .swiper-slide { position: relative; display: flex; align-items: center;}
.banner-img { position: absolute; width: 100%; height: 100%; z-index: 1; /*opacity: 0.5;*/}
.banner-caption { padding:0 0 0 30px; font-size: 1.2rem; position: relative; z-index: 2;}
.banner-caption p { margin: 0 0 0.5rem; font-size:27px; font-weight:500;}
.banner-caption h2 { font-size: 3.5rem; line-height: 1.2; margin: 0 0 1rem;}
.banner-caption .price { font-size: 1.5rem;}
.section.position-relative .sec-cover { opacity: 0.2; user-select: none;}
.section.position-relative .container { position: relative; z-index: 2;}
.ci-social a { min-width: 30px; min-height: 30px; line-height: 30px; margin: 0 1rem  0 0; text-align: center; border-radius: 50%; color: var(--white); font-size: 1.25rem;}
.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-KosiSpecials .card .card-img, .card-package .card-img, .trip-card .card-img, .rich-img  { padding-bottom:150%; 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;}

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

.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  {color: var(--dark); font-size:0.8rem;}
.breadcrumb a { text-decoration: none; color: var(--dark); position:relative;}
.breadcrumb a:after {content:'/'; padding:0 15px;}
.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;}

.CIProduct .swiper-product.col-left p {font-size:16px; opacity:0.7;}
.CIProduct .ci-head .title {font-weight:500; font-size:36px;}

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


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

.feedProd .muted-title h4 {font-weight:500; font-size:1rem; letter-spacing:3px;}
.Kosipara {font-size:38px; font-weight:300;}
.CI-benefits .title {font-weight:500; font-size:27px;}
.CI-benefits ul {list-style:none;}
.CI-benefits li {font-size:16px; line-height:30px; margin-bottom:25px; position:relative; padding:0 35px;}
.CI-benefits li:before {content:''; position:absolute; left:0; top:6px; background:url(../images/check.png); background-repeat:no-repeat; width:30px; height:30px;}
.CIchoose p {font-size:16px;}
.CIchoose p strong {font-size:18px;}
.choose-img {margin-top:-100px;}
.CIvalue {box-shadow: 0 0 40px 0 rgb(0 0 0 / 8%);}
.contact-social {padding-left:37px;}
.contact-social ul li {display: inline-block; margin-right: 10px;}
.contact-social ul li a.fb {color:#285da1; background:rgba(40, 93, 161, .1)}
.contact-social ul li a.fb:hover {color:#fff; background:#285da1;}
.contact-social ul li a.tw {color:#03a9f4; background:rgba(3, 169, 244, .1);}
.contact-social ul li a.tw:hover {color:#fff; background:#03a9f4;}
.contact-social ul li a.pin {color:#0077b5; background:rgba(216, 22, 63, .1);}
.contact-social ul li a.pin:hover {color:#fff; background:#0077b5;}
.contact-social ul li a {display: inline-block; width: 40px; height: 40px; line-height: 44px; text-align: center; font-size: 13px; color: #0e1133; background: #f3f4f8; border-radius: 4px;}
.contact-social svg {width:20px; height:20px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0); transition:-webkit-transform .3s cubic-bezier(.21, .6, .44, 2.18); transition:transform .3s cubic-bezier(.21, .6, .44, 2.18); transition:transform .3s cubic-bezier(.21, .6, .44, 2.18), -webkit-transform .3s cubic-bezier(.21, .6, .44, 2.18);}
.contact-info {padding: 45px 70px 45px 40px; border-radius: 4px; box-shadow: 0 30px 50px 0 rgb(1 11 60 / 10%); position: relative; z-index: 1;}

@media only screen and (max-width:1199px) {
	.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;}
	#collpaseNav, #navbar { position: fixed; top: 0; right:-250px; width: 250px; height: 100%; overflow-x: hidden; overflow-y: auto; flex-direction: column; background: var(--primary); transition-duration: 0.4s; z-index: 11; flex-wrap: nowrap;}
	#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}
	#navbar .nav-link:before { display: none;}
	#navbar .nav-link.active { background-color: var(--white);}
	.open #collpaseNav, .open #navbar { 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(--primary); 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;}
	.ci-home {min-height: inherit; height: auto !important;}
	.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) {

	.sepcial-swiper { padding: 0  0 50px;}
	.sepcial-swiper .swiper-product:nth-child(2n) { margin-top: -60px;}
	.sepcial-swiper {margin-top:150px;}
	.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, .feedKosiSpecial, .tripGravityCarousel, .highlightSwiper { margin: 0 -12px; padding: 0 15px;}
	.ci-head .title {font-size: 1.5rem;}
	.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: 150px; line-height: 60px;}
	.ciHeaderLogo img { width: 110px; height: auto;}
	.col-right { height: auto;}
	.banner-img { position: static; padding-bottom: 90%;}
	.banner-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.8rem; display: flex; flex-direction: column; justify-content: center;}
	.banner-caption h2 { font-size: 2rem; margin: 0;}
	.ci-theme-packages .grid-5 .col {width: 150px;}
	.secSmallPackage .rich-text { margin-top: -30px;}

	.ci-usps .grid-5 { gap: 1rem;}
	.ci-usps .grid-5 .col { display: flex; width: 100%;}
	.card-catg .badge, .ci-KosiSpecials .card .badge { border-radius: 2rem; font-size: 0.6rem; padding: 0.3rem 0.5rem 0.3rem 1.2rem; }
	.card-catg .badge:before, .ci-KosiSpecials .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;}
}
@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%; }

}