@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

html { font-size: 14px; min-height: 100%; max-height: 100% }
body { font: 400 14px/1.5"Lato",Arial,Helvetica,sans-serif; background-color: #fff; color: #838383; overflow-x: hidden; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar; oveflow-y: scroll; text-align: left; padding-right: 0 !important; }


/*cms promotion*/
.flexslider .slides img { height: 200px !important; -moz-user-select: none; }
.cms_img { width: 100%!important; height: 300px!important; object-fit: cover; }
.cms_slider { background: white;margin:10px 10px}
/* cms promotion end*/
/*Headings size*/

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: normal; color: #2d3e52; }
h1 { font-size: 2em; line-height: 1.25em; }


section#content { background: #f5f5f5; min-height: 80vh; }
.box-result:hover, .box-result:focus, .box-result:visited, .box-result:active { -webkit-box-shadow: 0px 0px 15px 0px rgba(12,104,174,1); -moz-box-shadow: 0px 0px 15px 0px rgba(12,104,174,1); box-shadow: 0px 0px 15px 0px rgba(12,104,174,1); transition: all 1s; }
table.pricing th {color: #444;}
table.pricing td a, table.pricing td a:hover{color:#444}

/*jquery error validation*/
label.error { color: #e81123 !important; top: 0; font-weight: 300; margin: 0; right: 0; font-size: 12px !important; }
input[type="text"].error, input[type="password"].error, input[type="url"].error, input[type="file"].error, input[type="email"].error, textarea.error, input[type="text"].error, select.error { border-color: #e81123 !important; }
.form-control:focus { outline: none; border-color: inherit; box-shadow: none; -webkit-box-shadow: none }
.form-group select:focus { outline: none; box-shadow: none; -webkit-box-shadow: none }

/*inputs & buttons*/
input[type="text"], input[type="password"], select, textarea { width: 100%; padding: 6px 8px; font-size: 13px; color: #555; background: #fff; }
input.input-text, select, textarea, span.custom-select { background: #f5f5f5; border: none; line-height: normal }
input.input-text, textarea, span.custom-select { padding-left: 15px; padding-right: 15px; height: 34px }
input.input-text.input-large, textarea.input-large, span.custom-select.input-large { height: 43px; font-size: 1.1667em }
input.input-text.input-medium, textarea.input-medium, span.custom-select.input-medium { height: 34px }
input.input-text.input-small, textarea.input-small, span.custom-select.input-small { height: 28px }
input.input-text.input-mini, textarea.input-mini, span.custom-select.input-mini { height: 19px }
input.input-text.white, textarea.white, span.custom-select.white { background: #fff }
a.button { display: inline-block; background: #f2a315; font-size: 0.8333em; line-height: 1.8333em; white-space: nowrap; text-align: center }
a.button:hover { background: #d9d9d9 }
a.button.nohover:hover { background: #0c67ae }
a.button.btn-mini { padding-left: 10px; padding-right: 10px }
a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width { font-weight: bold }
a.info-trans { display: inline-block; padding: 0 20px; height: 30px; line-height: 26px; color: #777; border: 1px solid #777; }
.btn { border-radius: 0; }
.btn-primary { color: #fff !important; background-color: #f2a315 !important; border: 2px #f2a315 solid !important; }
.btn-primary:hover { color: #ffffff !important; background-color: #f2a315 !important; border: 2px #f2a315 solid !important; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none }

.column-3 > *:nth-child(3n+1), .constant-column-3 > *:nth-child(3n+1) { clear: both; }
/*.column-3 > *, .constant-column-3 > * { width: 31.3333%; margin-right: 3%; margin-bottom: 3%; }*/
.column-3 > *, .constant-column-3 > * { margin-right: 24%; margin-bottom: 3%; }
.column-3 > *:nth-child(3n), .constant-column-3 > *:nth-child(3n) { margin-right: 0; }
.table > thead > tr > th, .table > tr > th { vertical-align: middle; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #f2a315; border-color: #f2a315; }
/************** Ends *************/

/*Loading page*/
.loading-page { position: absolute; display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; background: url(/images/bon/waiting-bg.jpg) no-repeat center bottom; background-size: cover }
.loading-page .logo img { height: 50px; width: auto }
.loading-page .loading-page-wrapper { display: table-cell; vertical-align: middle; height: 100% }
.loading-page .loading-progress-bar { margin-left: auto; margin-right: auto; float: none }
.loading-page .container { position: relative; height: 100% }
.loading-page .loading-page-content { position: relative; z-index: 2; height: auto; background: rgba(255,255,255,0.5); width: 50%; padding: 50px 0; transform: translate(-50%,-50%); left: 50%; top: 50%; }
.loading-page .loading-text { font-size: 18px; font-weight: 600; color: #000 }
.loading-page .loading-progress-bar { height: 40px; padding: 4px; }
.loading-page .loading-progress-bar img { height: 80px; }
.loading-page .loading-progress { height: 30px; background: #fff }
.loading-page .loading-percent { position: absolute; right: 10px; top: 5px; line-height: 30px; color: #fff; font-size: 1.6667em; letter-spacing: -0.02em }
.loading-page .bottom-image { width: 30%; position: absolute; bottom: 1px; left: 50%; margin-left: -15% }


/*EmailVerification*/
#otp_input_box { display: flex; justify-content: center; gap: 10px; width: 350px; margin: auto; }

.verify_sec { margin-top: 20px; margin-bottom: 20px; }

#otp_txt { margin-top: 20px; font-weight: 400; }
    #otp_txt h4 { font-size: x-large; font-weight: bold; }
    #otp_txt span { margin-bottom: 30px; }
.margin_span { margin-bottom: 20px; }
#captcha_sec { margin-bottom: 30px; margin-top: 20px; margin-left: 454px; }


/*dashboard*/

.dashboard .widget { width: 100%; float: left; background: #fff; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 20px; min-height: 265px; border-top: 3px solid #0c67ae; }
.dashboard .widget .widget-header { padding: 10px; color: #555; }
.dashboard .widget .widget-header h3 { margin: 0; font-size: 18px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #ccc; text-align: center }
.dashboard .widget .widget-header h3::before { content: " "; position: absolute; bottom: -5px; left: calc(50% - 4px); height: 8px; width: 8px; border-radius: 5px; background-color: #ccc }
.dashboard .widget .widget-header h3 i.fa { margin-right: 10px; }
.dashboard .widget .widget-content { padding: 5px 10px; }
.dashboard .gridHeader th { border-top-width: 0; border-bottom-width: 2px; color: #f2a315; background: #fff; }

.declartion-section p { margin: 0; }
.declartion-section a { color : #0c67ae }


/*wait toggle*/
#tpProgressContainer { position: fixed; top: 50%; left: 50%; z-index: 9999; color: #FFF; }
#tpAlertOverlayContainer { position: absolute; left: 0; top: 0; background: #000; z-index: 9999; height: 100%; width: 100%; opacity: .75 !important; }
.bg-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; z-index: 2; }

/*progressbar*/
.progress-bar { text-align: left; padding-left: 10px; }
.loading { background: transparent url('/images/bon/loading-square.gif') center no-repeat; }
.progress-container { margin-bottom: 10px; background: #fff; padding: 10px; text-align: center }
.progress { height: 12px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: unset; box-shadow: none; -webkit-box-shadow: none; margin: 0px; }

/* no result*/
.no-result-section { padding-top: 15px; padding-bottom: 50px; text-align: center; background-color: #FFF; font-size: 14px; overflow: auto; min-height: 450px; }
.no-result-section img { padding-bottom: 10px; }
.no-result-section button { line-height: 5px; font-size: 10px; height: 20px; border-radius: 0px; text-transform: uppercase; background-color: #f2a315; }
.no-result-section .no-flight-icon { color: #f2a315; font-size: 50px; }

.p-price * { text-decoration: line-through; font-size: 12px; color: #666 }

.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=file],
.form-group input[type="url"],
.form-group input[type="email"],
.form-group textarea,
.form-group select { background-color: #fff !important; position: relative; padding: 5px 5px; max-height: 35px; min-height: 35px; color: #333; font-size: 14px; border-radius: 0; margin-bottom: 0; border: 1px solid #ccc; text-overflow: ellipsis; width: 100%; display: block; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none }

input[type="text"].error,
input[type="password"].error,
input[type="url"].error,
input[type="file"].error,
input[type="email"].error,
textarea.error
select.error { border-radius: 0; }
.form-group input[disabled=disabled],
.form-group select[disabled=disabled],
.form-group textarea[disabled=disabled] { background-color: #eee !important }

.form-group input[type=text]:focus,
.form-group input[type=password]:focus,
.form-group input[type=file]:focus,
.form-group input[type="url"]:focus,
.form-group input[type="email"]:focus,
.form-group textarea:focus,
.form-group select:focus { outline: none; box-shadow: none; -webkit-box-shadow: none; border-color: #0C67AE; }

.form-group textarea { border-radius: 0; }

button, input[type="button"].button, a.button { border: none; color: #fff; cursor: pointer; padding: 0 15px; white-space: nowrap }
button.btn-large, input[type="button"].button.btn-large, a.button.btn-large { padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px }
button.btn-medium, input[type="button"].button.btn-medium, a.button.btn-medium { padding: 0 32px !important; height: 34px; line-height: 34px; font-size: 1em }
button.btn-small, input[type="button"].button.btn-small, a.button.btn-small { height: 28px; padding: 0 24px; line-height: 28px; font-size: 0.9167em }
a.btn-view { height: 24px; padding: 0 10px; line-height: 20px; font-size: 0.9167em }
a.btn-view:hover { background: #0c67ae; }
button.btn-mini, input[type="button"].button.btn-mini, a.button.btn-mini { height: 19px; padding: 0 20px; font-size: 0.8333em; line-height: 19px }
button.full-width, input[type="button"].button.full-width, a.button.full-width { padding-left: 0; padding-right: 0 }
button, input[type="button"].button { font-size: 0.9167em; font-weight: bold; background: #f2a315; height: 34px; line-height: 34px; color: #fff !important; }
button:hover, input[type="button"].button:hover { background: #f2a315 }
.flexi label { padding-left: 0; }
.form-group label { font-size: 14px; font-weight: 400; color: #888;}
.servicesBlock { margin: 0 10px; }
    .servicesBlock label { padding-left: 0; }
.flexiDates i.fa { position: unset !important; }
.flexiDates .title .flexi label { font-size: 12px; padding: 0; }
.remarksText textarea { height: auto; resize: none; background: #fff; border: 1px solid #ccc; }
/*b2c header css*/

/*notify js*/
.notifyjs-bootstrap-base { border-radius: 0px !important; background-position: 3px 4px !important; padding-top: 3px !important }

/*Date picker*/
.ui-datepicker { display: none; padding: 0; border-radius: 0; width: auto !important; border-width: 0 !important; }
.ui-datepicker .ui-datepicker-header { padding: 0; border-width: 0; background: #f4f4f4; border-radius: 0; }
    .ui-datepicker .ui-datepicker-title { line-height: 2.8; font-size: 16px; font-weight: 600; color: #0e5d27; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { left: 2px; height: 100%; top: 0; border-width: 0; left: 0; border-radius: 0; }
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { left: initial; right: 0 }
.ui-datepicker-multi .ui-datepicker-group table { width: 100%; margin: 0; }
.ui-datepicker table { margin: 0; font-size: 12px; }
.ui-datepicker td, .ui-datepicker th { padding: 0; border: 1px solid #ccc; }
.ui-datepicker th { font-weight: 400 }
.ui-datepicker td span, .ui-datepicker th span, .ui-datepicker td a { padding: .75em; border-width: 0 !important; background: #fff !important; display: block; color: #888; text-align: center; }
.ui-datepicker .ui-state-default.ui-state-hover { color: #fff; background-color: #f2a315 !important; border-color: #f2a315; }
.ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover, .ui-datepicker .ui-state-default.ui-state-active { color: #fff; background: #0e5d27 !important; border-color: #0e5d27; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 50%; }
/*Header*/
#header { position: relative; z-index: 2; }
    #header .topnav { height: 30px; background: #0e5d27; width: 100% }
#header .topnav ul.quick-menu > li { margin-left: 20px }
#header .topnav ul.quick-menu > li:first-child { margin-left: 0 }
#header .topnav ul.quick-menu > li > a { color: #fff !important; line-height: 30px !important; display: block !important; font-size: 0.8333em !important; text-transform: uppercase !important; }
#header .ribbon { position: relative; }
#header .ribbon > a { position: relative; padding: 0 10px 0 0; text-transform: uppercase; color: #fff; }
#header .ribbon > a > i { font-size: 15px; margin-left: 2px; }
#header .ribbon:hover > ul.menu { top: 28px; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
#header .ribbon > ul.menu { position: absolute; top: -9999px; z-index: 99; visibility: hidden }
#header .ribbon > ul.menu.left { left: auto; right: -10px }
#header .ribbon.currency > ul.menu.mini { min-width: 300px; }
#header .ribbon.currency > ul.menu.mini li { float: left; width: 100% }
#header .main-header { height: auto; position: relative; width: 100% }
#header .logo { padding: 0; text-align: left; margin: 14px 0 0; height: auto }
#header .logo a { display: block }
#header .logo a img { height: 45px !important }
#header .mobile-menu-toggle { background: #0C67AE; color: #fff; margin: 0; height: 66px; width: 66px; padding: 16px 0px 0px 21px; position: absolute; right: 0; top: 0; bottom: 0; display: none; font-size: 30px; }
#header .mobile-menu-toggle .icon-bar { background: white }
#header .notification { }
#header .notification .count { background-color: red; padding: 0px 5px 0px 5px; top: -5px; }
.main-header { margin-bottom: 10px; }
.checkbox input[type=checkbox]{ accent-color: #0e5d27; }
#main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in }
#main-menu ul.menu, .chaser ul.menu { margin: 0; float: right }
#main-menu ul.menu li, .chaser ul.menu li { -webkit-backface-visibility: hidden; -webkit-transform: none !important }
#main-menu ul.menu > li, .chaser ul.menu > li { padding-left: 20px; padding-right: 20px }
#main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 0 }
#main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child { padding-right: 0 }
#main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul { top: 66px; visibility: visible; height: auto !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000 }
#main-menu ul.menu > li > a, .chaser ul.menu > li > a { font-weight: normal; display: block; padding: 0; height: 68px; line-height: 68px; text-transform: uppercase; letter-spacing: 0.04em }
#main-menu ul.menu > li.active > a, .chaser ul.menu > li.active > a { color: #194eb0; font-weight: bold }
#main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a { color: #194eb0 }
#main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left { left: auto; right: -10px }
#main-menu ul.menu > li ul, .chaser ul.menu > li ul { visibility: hidden; position: absolute; left: 0px; top: -9999px; z-index: -1; width: 180px; padding: 0; background: #0C67AE }
#main-menu ul.menu > li ul li, .chaser ul.menu > li ul li { text-align: left; position: relative }
#main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child { border-top: none }
#main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul { top: 0; display: block; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000 }
#main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a { border-top: 1px solid #04afe7; white-space: nowrap; color: #fff; padding: 12px 20px 12px 18px; display: block; font-size: 0.9167em; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 }
#main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.active > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.active > a { background: #04afe7; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

ul.menu.mini { min-width: 180px; border: 2px solid #231f20; background: #fff }
ul.menu.mini li { padding: 0 20px; float: none; margin: 0 }
ul.menu.mini li a { display: block; padding: 10px 0; color: inherit; line-height: normal; font-size: 12px; text-align: left }
ul.menu.mini li:hover, ul.menu.mini li.active { background: #f5f5f5 }
ul.menu.mini li:hover a, ul.menu.mini li.active a { color: #f2a315; }

.menu > li { position: relative }

/*Breadcrumb*/
.page-title-container { height: 56px; background: #0e5d27; }
.page-title-container .page-title .entry-title { line-height: 56px; color: #fff; margin: 0; }
.page-title-container .breadcrumbs { height: 100%; }
.page-title-container .page-title .entry-title { line-height: 56px; color: #fff; margin: 0; }
.page-title-container .breadcrumbs li { float: left; line-height: 56px; display: inline; margin-left: 5px; font-size: 0.8333em; font-weight: bold; text-transform: capitalize; }
.page-title-container .breadcrumbs li:after { content: "/"; color: #fff; }
.page-title-container .breadcrumbs li:last-child:after { content: ""; }
.page-title-container .breadcrumbs li.active { color: #fff; font-size: 18px; }
.page-title-container .breadcrumbs li a { padding-right: 5px; color: #fff; }

/*Modal Popup*/
.modal.policymodal .modal-dialog { width: 60%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
.modal.policymodal .mandatory-info { max-height: 300px; overflow: auto; margin-bottom: 10px; }
.modal.cancelbooking .modal-dialog { width: 60%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
.modal.cancelbooking .cancellation-policy { max-height: 200px; overflow: auto; margin-bottom: 10px; }
.modal#paymodel .modal-dialog { width: 60%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
.modal .modal-dialog .modal-content { border-radius: 0; -webkit-border-radius: 0; }
.modal .modal-dialog .modal-header { border-color: #cdcecf; background: #F9F9F9; }
.modal .modal-dialog .modal-header .close { margin-top: -30px; color: #2d3e52 !important; opacity: unset }
.modal .modal-dialog .modal-header .close:hover { background: none }
.modal .modal-dialog .modal-header .close:focus { outline: 0 }
.modal .modal-dialog .modal-header h4 { margin-bottom: 0 }
.modal .modal-dialog .modal-header .modal-body { padding: 25px 15px !important; }
.modal .form-group label { font-size: 14px; font-weight: normal; }
.modal .checkbox-inline [type="checkbox"] { display: none }
.modal .checkbox-inline label { padding-left: 0 }
.modal .checkbox-inline label::before { display: block; content: " "; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #d1d1d1; z-index: 0; line-height: 12px; text-align: center; font-size: 11px; }
.modal .checkbox-inline [type="checkbox"]:checked + label::before { content: "✔"; background-color: #0C67AE; color: #fff; border-color: #0C67AE; }
.modal .link { color: #0C67AE; font-size: 14px; }
.modal button { text-transform: uppercase }
.modal-signup #firstname_signup-error, .modal-signup #lastname_signup-error { padding-right: 15px; }
.modal-login #email_forgotpassword-error { top: 75px; }


/*navbar default*/
#main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in }
#main-menu ul.menu, .chaser ul.menu { margin: 0; float: right }
#main-menu ul.menu li, .chaser ul.menu li { -webkit-backface-visibility: hidden; -webkit-transform: none !important }
#main-menu ul.menu > li, .chaser ul.menu > li { padding-left: 20px; padding-right: 20px }
#main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 0 }
#main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child { padding-right: 0 }
#main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul { top: 66px; visibility: visible; height: auto !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000 }
#main-menu ul.menu > li > a, .chaser ul.menu > li > a { color: #888; font-weight: 400; display: block; padding: 0; height: 68px; line-height: 68px; text-transform: capitalize; letter-spacing: 0.04em }
#main-menu ul.menu > li.active > a, .chaser ul.menu > li.active > a { color: #194eb0; }
#main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a { color: #194eb0 }
#main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left { left: auto; right: -10px }
#main-menu ul.menu > li ul, .chaser ul.menu > li ul { visibility: hidden; position: absolute; left: 0px; top: -9999px; z-index: -1; width: 180px; padding: 0; background: #0C67AE }
#main-menu ul.menu > li ul li, .chaser ul.menu > li ul li { text-align: left; position: relative; float: none; background-color: #fff; color: gray !important; }
#main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child { border: none; }
#main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul { top: 0; display: block; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000 }
#main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a { border: 1px solid #000; white-space: nowrap; color: #000; padding: 12px 20px 12px 18px; display: block; font-size: 12px; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 }
#main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.active > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.active > a { background: #f5f5f5; color: #ec822b; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.navbar { margin-bottom: 0px; }
.navbar-brand { padding: 10px 0px; height: 75px; text-align: left; }
.navbar-brand img { max-width: 100%; }
.logo img { height: 80%; }
.navbar-brand.agency { width: 100px; text-align: right; }
.navbar-brand.agency img { height: 100%; }
#main-menu ul.menu > li:hover > a { border-bottom: 4px solid #f2a315; color: #888; }
#main-menu ul.menu > li.active a { border-bottom: 4px solid #f2a315; color: #f2a315; }


/*banner*/
section.search-panel.banner { background: url("/images/bon/banner.jpg") no-repeat top center; background-size: cover; min-height: 560px; position: relative; height: auto; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; }
.banner { background: url("/images/bon/tech.jpg") no-repeat center; background-size: cover; height: 450px; min-height: 450px; display: block; background-attachment: fixed; position: relative }
.banner .banner-txt h1 { font-size: 38px; font-weight: 700; color: #fff; line-height: 54px; display: inline-block; margin: 0px 0 10px; }
.banner .banner-txt p { color: #fff; }
.banner .bck-banner { background: rgba(0,0,0,0.7); padding: 20px; }

/*----special fare---------------------*/
.btnFareType { display: inline-block; font-size: 14px; font-weight: 600; background-color: transparent; border-radius: 5px; cursor: pointer; text-align: center; width: 100%; border: 1px solid #ddd; padding: 4px 10px; }


    .btnFareType:hover { background-color: #f2a315; color: #fff } 

    .btnFareType:focus { outline: none; }

input[name="faretype"]:checked + label { background-color: #f2a315; color: #fff }

input[name="faretype"]:disabled + label { background-color: #6c757d; cursor: not-allowed; }

.specailfarebtn { position: relative; display: inline-block; margin: 5px; }

input[name="faretype"] { display: none; }

/*----------------------Transfer search css start ----------------------*/
.transferHotel .select2 { width: 100% !important }
/*----------------------Transfer search css end----------------------*/


/*----------------------- Agency Deposit CSS start -------------------------*/
.error { color: red }
.inputContainer .select2-container { width: 95% !important; }
    .inputContainer .select2-container .selection .select2-selection { background-color: #fff !important; position: relative; padding: 2px 5px; max-height: 35px; min-height: 35px; color: #333; font-size: 14px; border-radius: 0; margin-bottom: 0; border: 1px solid #ccc; text-overflow: ellipsis; width: 100%; display: block; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none; }
        .inputContainer .select2-container .selection .select2-selection b { top: 60% }
#btnSubmit .spinner { border: 3px solid #f3f3f3; border-top: 3px solid #fff; border-radius: 50%; width: 20px; height: 20px; margin-right: 10px; animation: spin 1s linear infinite; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.pg-card { flex: 1 1 150px; padding: 16px; background-color: #ffffff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease; cursor: pointer; }

    .pg-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

    .pg-card h5 { margin: 0; font-size: 1.1rem; color: #333; }

/*----------------------- Agency Deposit CSS end -------------------------*/

/*footer*/
.footer_logo_sec { margin: 11px auto; }
.footer_content_sec { margin: 24px auto; }
footer {  background-size: cover; z-index: 2 }
footer .first img.white { width: 60% }
footer .first ul { margin: 0; padding: 0; }
footer .first ul li { list-style-type: none; display: inline; }
footer .first ul li a { color: #888888; padding: 10px 20px; font-size: 15px; z-index: 2 }
    footer .second { background-color: #0e5d27 }
footer .second img.travel { width: 45%; }
footer .second ul { }
footer .second ul li { display: inline; padding-left: 10px; }
footer .second ul li i { color: #fff; font-size: 16px; background: #888888; border-radius: 100px; width: 32px; height: 32px; padding: 8px; text-align: center; }
footer .third p { color: #000; font-size: 12px; }

/*------------------querylist--------------------*/
.querylist .jsgrid-grid-header, .querylist .jsgrid-grid-body { overflow-y: hidden }
.tableHead { border: 2px solid #ddd; border-bottom: none; }
tbody#queryList { border: 1px solid #ddd; border-top: none; }
.row-count a span { color: #0e5d27; font-weight: 500; cursor: pointer }
    .row-count a span:hover { text-decoration: underline; font-weight: 600; }
.tableHead th { border-right: 2px solid #ddd; }
#queryList tr th, #queryList tr td { border-right: 1px solid #ddd; }
td.quoterCounter { position: relative; text-align: center; }
.quoterCounter span { position: absolute; background: #f2a315; min-width: 10px; padding: 2px 9px; font-size: 10px; font-weight: 400; color: #fff; border-radius: 10px; top: 2px; right: 3px; }
.quoterCounter i { font-size: 18px; }
.queryCard-head { padding: 12px; border: 2px solid #eee; display: flex; align-items: center; background: #fff; }
    .queryCard-head h3 { margin: 0; font-size: 18px; }
.queryCard-body { padding: 12px; border: 2px solid #eee; border-top: none; background: #fff; }
.queryDetails { display: flex; align-items: center; }
.queryDetails-head { width: 111px; color: #666; position: relative; text-transform: capitalize; }
    .queryDetails-head::after { content: ":"; position: absolute; right: 0; }
.queryDetails span { color: #000; letter-spacing: 1.5px; }
.assignTo span { font-weight: 500 !important }
.queryCard-footer { margin-top: 12px; }
.client_footer span { margin-left: 14px; }
.air_btn i { color: #2196F3 !important; }
.htl_btn i { color: #FF9800 !important; }
.trf_btn i { color: #9c27b0 !important; }
.ssg_btn i { color: #F44336 !important; }
.quoteButtons { display: flex; align-items: center; gap: 15px; position: relative}
.newQuote { padding: 12px; border: 2px solid #eee; background: #fff; margin-bottom: 10px; }
.itr_card { padding: 16px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); cursor: grab; border-radius: 4px; margin-top: 10px; z-index: 999999; position: relative; }

.itr_card .itr_card-head { font-size: 18px; color: #000; margin-bottom: 18px; height: 55px; }
.itr_card .itr_card-body { color: #000; }
.info_btn { position: absolute; right: 0; }

.modal .modal-dialog .modal-header .closeQuery { margin-top: 0px; color: #2d3e52 !important; opacity: unset }

.action_btn i { cursor: pointer; }
.service_btn { padding: 5px 10px; border: 2px solid #ddd; font-size: 16px; text-align: center; cursor: pointer; background: #f7f7f7; width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; }
    .service_btn div { display: flex; justify-content: center; align-items: center; }
    .service_btn i { color: #000 }
/*-----------------querylist block css start --------------------------*/
.querySection { display: flex; align-items: center; padding: 15px; margin: 15px 0; background: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.title_content { display: flex; align-items: center; flex-grow: 1; }
.title_data { font-size: 18px; font-weight: 600; color: #333; margin-right: 20px; }
    .title_data a { text-decoration: underline !important; color: #007bff; }
.btn-query { align-items: center; background: transparent; margin-left: auto; }
.btnQuery-ctn { display: inline-flex; align-items: center; background: transparent; color: #2672b7 !important; border: 2px solid #2672b7; border-radius: 4px; padding: 8px 12px; cursor: pointer; transition: background 0.3s, color 0.3s; margin-left: auto; }
    .btnQuery-ctn:hover { background: #2672b7; color: #fff !important; }
.closeBtnQuery-ctn { color: #b72b26 !important; border: 2px solid #b72b26; }
    .closeBtnQuery-ctn:hover { background: #b72b26; }
/*-----------------querylist block css end --------------------------*/
        .service_btn:hover { background: #f2a31566; border-color: #f2a315 }
.priorityDiv { display: flex; align-items: center; cursor: pointer; }
.priority_btn { display: block; background: #f7f7f7; border: 1px solid #ddd; padding: 0; border-radius: 3px; margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
    .priority_btn i { background-color: #f2a315; border-right: 1px solid #ddd; line-height: 1; min-width: 33px; text-align: center; margin: -1px 0px -1px -1px; color: #fff; font-size: 16px; padding: 9px 5px; }
    .priority_btn span { font-size: 12px; padding: 0 10px 0 5px; text-transform: capitalize; }
.viewQuote i { background-color: #FF9800; }
.tableContent { margin: 22px 0; }
tr.table_head { background: #eee; }
.table_head th { padding: 3px 9px; border-bottom: 2px solid #ddd; }
.table_head span { color: #000; font-size: 13.5px; font-weight: 600; letter-spacing: 1.2px; }
.flight_icon i { color: #2196F3; }
.hotel_icon i { color: #FF9800; }
.table_row td { padding: 3px 9px; }
.values_tbody { border-top: 2px solid #ddd; background-color: #f7f7f7; border-width: 2px; }
.action_btn { padding: 1px 5px; margin-right: 5px; }
.selfApproval { background-color: #5bc0de; border-color: #46b8da; }
.removeOption { background-color: #f0ad4e; border-color: #eea236; }
.drag_text { display: flex; align-items: center; justify-content: center; font-style: italic; margin: 10px; border: 1px dashed; }
.quote-options .panel-heading h4 { display: flex; align-items: center; justify-content: space-between; }
    .quote-options .panel-heading h4 span { font-weight: 600; }
.quote-options .panel-heading .panel-title { text-transform: capitalize; }
.quote-options .panel-heading .panel-title { display: flex; align-items: center; justify-content: space-between; }
/*.quote-options .panel-heading h4 span { font-weight: 600; }*/
.accordianBtnSet { display: flex; align-items: center; }
.accordianBtn { padding: 5px; font-size: 12px; font-weight: 600; color: #fff; cursor: pointer; margin: 0; letter-spacing: 0.4px; }
.approveBtn { background: #003865; }
.bookOption { background: #0e5d27; }
.disapproveBtn { background: #EF5B0C; }
/*------------------querylist--------------------*/
/*--------------------------new query Design start---------------------------*/
.remarksText textarea { height: auto; resize: none; background: #fff; border: 1px solid #ccc; }
.headerContent { display: flex; align-items: center; justify-content: space-between; }
    .headerContent .quoteRef { color: #000; font-size: 16px }
.service_btn img { width: 30px }
.quoteCard-head { color: #2d3e52; font-weight: bold; font-size: 16px; display: flex; align-items: center; justify-content: space-between; }
    .quoteCard-head img { height: 40px; width: 40px; }
.quoteCard-body table tbody tr:nth-child(even), .drop-target tbody tr:nth-child(even) { background-color: #dddddd82; }
.quoteCard-body table tbody tr th, .drop-target tbody tr th, .drop-target tr th { color: #2d3e52; padding: 10px 3px; }
.quoteCard-body table tbody tr td, .drop-target tbody tr td { padding: 10px 8px; border-bottom: 1px solid #ddd; color: #000; font-weight: 500; }
.drag_ele_main { width: 100%; z-index: 999 }
.quote_body { padding: 0 }
.quoteTable-content { position: relative; cursor: pointer }
.quoteCard-body img, .drop-target img { height: 30px; }
.quoteTable-content .popover__content:before { position: absolute; z-index: -1; content: ""; right: calc(50% - 10px); top: -9px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ddd transparent; transition-duration: 0.3s; transition-property: transform; }
.quoteTable-content .popover__content { opacity: 0; visibility: hidden; position: absolute; left: 18px; transform: translate(0, 10px); background-color: #bfbfbf; padding: 1.5rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); width: 100%; top: 45px; background: #fff; border: 1px solid #ddd; padding: 5px; font-size: 12px; }

.quoteTable-content:hover .popover__content { z-index: 10; opacity: 1; visibility: visible; transform: translate(0, -20px); transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); text-align: center}
#setQuote-Payment .input[type=number] { -moz-appearance: textfield; }
#setQuote-Payment input::-webkit-outer-spin-button, #setQuote-Payment input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.queryheader { display: flex; align-items: start; gap: 25px; }
.queryheader-content { color: #000; }
.optionFooter { display: flex; align-items: center; justify-content: end; gap: 15px;}
.optionFooter_ctn{justify-content: end}
.optionFooter_btn { background: #fff }
.disableQuote { background: #ddd !important; border: none !important; cursor: not-allowed; }
    .disableQuote:hover { background: #ddd !important; border: none !important; }
/*--------------------------new query Design end---------------------------*/
#back-to-top { display: none; position: fixed; bottom: 80px; right: 30px; z-index: 2; font-size: 12px; border: none; outline: none; background-color: #f2a315; color: white; cursor: pointer; padding: 12px; border-radius: 0px; }
.cookie-policy, .cookie-policy a, .cookie-policy a:hover, .cookie-policy .btn:hover { color: #fff; }
.cookie-policy { width: 100%; position: fixed; margin: 0; left: 0; right: 0; bottom: 0; z-index: 98; display: none; background-color: rgba(17,17,17,.95); border: none; text-align: center; border-radius: 0px }
.cookie-policy__message { max-width: 65%; text-align: right; color: #fff; }
.cookie-policy__message, .cookie-policy__actions { display: inline-block; padding: 0 20px; line-height: 1.2; vertical-align: middle; }
.cookie-policy__actions { text-align: left; white-space: nowrap; }
.cookie-policy__actions .btn { border-color: #fff; margin-right: 10px; }
.cookie-policy__readmore { color: #fff; background-color: transparent; }

/*Autocomplete*/
.autocomplete-waiting { background-image: url(/images/bon/loading-square.gif) !important; background-position: right !important; background-repeat: no-repeat !important; }
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { background: url(/images/bon/map-marker.png) no-repeat; background-position: left; border-color: #ccc; font-family: inherit; padding: 10px 25px; transition: all 0.4s ease 0s; cursor: pointer; border-top: 1px solid; font-size: 14px; font-weight: 300; margin: 0; width: 100%; }
.autocomplete-no-suggestion { padding: 2px 5px; }
.autocomplete-selected { background-color: #F4F4F4; }
.autocomplete-suggestions strong { font-weight: 600; color: #0C67AE; }
.autocomplete-group { border-color: #ccc; font-family: inherit; padding: 10px 12px; transition: all 0.4s ease 0s; cursor: pointer; border-top: 1px solid; font-size: 1.14286em; text-align: right }

/* session timer*/
.modal .modal-dialog.modal-timer { width: 40%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
.session-btm { background: #000; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 99 }
.session-btm i.fa { color: #fff; padding-right: 10px; }
.session-btm span { color: #fff; }

/*waiting page animation*/
.content_section p a { color: #337ab7 }




@-webkit-keyframes placeHolderShimmer { 0% { background-position: -468px 0 }
    100% { background-position: 468px 0 }
}

@keyframes placeHolderShimmer {
    0% { background-position: -468px 0 }
    100% { background-position: 468px 0 }
}

.animated-background { text-indent: -9999px; color: transparent !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #f6f7f8; background: #eeeeee; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee)); background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); -webkit-background-size: 800px 104px; background-size: 800px 104px; position: relative; border: solid 1px #dddddd; }
figure.animated-background { border: none }
/*waiting page animation*/

/*sidebar filter result*/
.mob-filter-close { display: none; }
.filter-btn { display: none }
.filter-rsp-close { display: none; }
.filter-open { display: none; }

/*left filter*/
.search-results-title { background: #fff; padding: 0 15px !important; margin: 0; border-bottom: 4px solid #f5f5f5; line-height: 30px; height: 35px; font-size: 14px; display: flex; align-items:center; justify-content: space-between }
.toggle-container .panel { margin-bottom: 0; box-shadow: none; border: none; border-bottom: 2px solid #f5f5f5; position: relative; border-radius: 0px; }
.toggle-container .panel:last-child { border: none }
.toggle-container .panel .panel-title { padding: 0; color: #2d3e52; font-size: 1.1667em; position: relative }
.toggle-container .panel h1.panel-title { font-size: 2em }
.toggle-container .panel h2.panel-title { font-size: 1.6667em }
.toggle-container .panel h3.panel-title { font-size: 1.5em }
.toggle-container .panel h4.panel-title { font-size: 14px; }
.toggle-container .panel h5.panel-title { font-size: 1.1667em }
.toggle-container .panel h6.panel-title { font-size: 1em }
.toggle-container .panel { border: none; margin-bottom: 4px; background: #fff; }
.toggle-container .panel .panel-title { padding-left: 5px }
.toggle-container .panel .panel-title > a { line-height: 12px; padding-right: 36px; position: relative }
.toggle-container .panel .panel-title > a > i { margin-right: 16px; position: absolute; right: 0; font-size: 14px; margin-top: 0px; color: #0C67AE; }
.toggle-container .panel .panel-title > span { white-space: normal; display: block; padding: 10px; line-height: 12px; padding-right: 36px; position: relative }
.toggle-container .panel .panel-title > span > i { margin-right: 16px; position: absolute; right: 0; font-size: 14px; margin-top: 0px; color: #f2a315; }
.toggle-container .panel .panel-content { padding: 10px 15px 15px 15px }
.toggle-container .panel .filter-clear { display: none; position: absolute; right: 35px; font-size: 10px; text-transform: uppercase; }
#tpResultContainer .filter-clear-all { display: none; position: absolute; right: 30px; font-size: 10px; text-transform: uppercase; }


/*Price slider*/
.ui-slider { position: relative; text-align: left }
.ui-slider.ui-slider-horizontal { height: 10px }
.ui-slider.ui-slider-horizontal .ui-slider-range { height: 100% }
.ui-slider.ui-slider-horizontal .ui-slider-handle { margin-left: -10px; top: -5px }
.ui-slider.ui-widget-content { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #f5f5f5 }
.ui-slider .ui-slider-range { display: block; position: absolute; z-index: 1; border: none; background: #231f20; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px }
.ui-slider.slider-color-yellow .ui-slider-range { background: #fdb714 }
.ui-slider.slider-color-blue .ui-slider-range { background: #0c67ae }
.ui-slider.slider-color-green .ui-slider-range { background: #98ce44 }
.ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 1; width: 20px; height: 20px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #f2a315; border: 2px solid #fff }
/*Price slider*/

/*left filter*/


/*Sort by */
.sorting-tabs { float: left; width: 100%; }
.sorting-tabs .sort-tabs { background: #fafafa; border: 1px solid #d4d4d4 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; list-style: none; padding: 0; position: relative; z-index: 0; }
.sorting-tabs .sort-tabs .sort-tabs-tab { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 14px; font-weight: 600; color: #231f20; border-right: 1px solid #e5e5e5; cursor: pointer; padding: 12px 0; position: relative; -webkit-transition: .3s; transition: .3s; }
.sorting-tabs .sort-tabs .sort-tabs-tab:last-of-type { border-right: none; }
.sorting-tabs .sort-tabs .sort-tabs-tab-text { text-transform: capitalize; }
.sorting-tabs .sort-tabs .sort-tabs-tab-text .fa { padding-left: 5px; }
.sorting-tabs .sort-tabs .sort-tabs-tab--active { -webkit-box-shadow: inset 0 -3px 0 #f2a315 !important; box-shadow: inset 0 -3px 0 #f2a315 !important; }


/* check out */
.box-title { margin-bottom: 0; line-height: 1em; font-size: 15px; }
.box-title small { font-size: 10px; color: #838383; text-transform: uppercase; display: block; margin-top: 4px }
.price { color: #f2a315; font-size: 16px; text-transform: uppercase; line-height: 1; display: block; }
.price small { display: block; color: #838383; font-size: 10px; }
.pkg_price_txt { display: block; color: #f2a315; font-size: 10px; padding-top: 5px; padding-left: 2px; }
.pkg_price { color: #f2a315; font-size: 18px; text-transform: uppercase; line-height: 1; display: block; }
.white-box { background: #fff; padding: 20px; overflow: auto; }
.price-details .breakup-details { font-size: 0.8333em; margin-bottom: 0; }
.price-details .breakup-details .price { float: none; display: block; line-height: 1.75em; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; padding-top: 10px }
.price-details .breakup-details .price:last-of-type { border-bottom: none; margin-bottom: 0; margin-top: 0; }
.price-details .breakup-details .price small { font-size: 12px; color: #2d3e52; text-transform: none !important }
.booking-section .checkbox-inline [type="checkbox"] { display: none }
.booking-section .radio-inline { padding: 5px 25px; }
.booking-section .radio-inline [type="radio"] { display: none }
.booking-section .checkbox-inline label { padding-left: 0 }
.booking-section .radio-inline label { padding-left: 0; cursor: pointer; width: 100%; padding-top: 2px; }
.booking-section .checkbox-inline label::before { display: block; content: " "; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #d1d1d1; z-index: 0; line-height: 12px; text-align: center; font-size: 11px; }
.booking-section .radio-inline label::before { display: block; content: " "; position: absolute; left: 5px; top: 10px; width: 14px; height: 14px; border: 1px solid #d1d1d1; z-index: 0; line-height: 12px; text-align: center; font-size: 11px; border-radius: 100% }
.booking-section .checkbox-inline [type="checkbox"]:checked + label::before { content: "✔"; background-color: #f2a315; color: #fff; border-color: #f2a315 #0C67AE; }
.booking-section .radio-inline [type="radio"]:checked + label::before { content: "✔"; background-color: #f2a315; color: #fff; border-color: #f2a315; }


.stickyPrice { position: -webkit-sticky; /* Safari */ position: sticky; top: 10px; }
/*checkout price change alert*/
.price-change { color: #fff; margin-bottom: 20px; padding: 10px; font-size: 14px; }
.price-increase { background: #e81123 }
.price-decrease { background: green }
.price-change .fa { padding-right: 5px; }
.price-change a:hover { color: #fff; }

/*Payment options*/
.payment-options { border: solid 1px #ccc; padding: 15px; margin-bottom: 10px; min-height: 150px; }

/*Confirmation*/
.booking-information > .booking-confirmation > .icon { color: #f2a315; font-size: 1.5em; margin-right: 12px; }
.booking-information > .booking-confirmation > .icon.red { color: red; }
.booking-information > .booking-confirmation .main-message { color: #000000; margin-bottom: 0; letter-spacing: 0.04em; }
.booking-information > .booking-confirmation .main-message > b { color: #f2a315;}
.booking-information > .booking-confirmation .main-message .icon { color: #f2a315; font-size: 1.5em; margin-bottom: 0; letter-spacing: 0.04em; margin-right: 10px; }
.person-information .login { font-size: 14px; }


/*searches*/
.recentsearches { width: 33%; float: left; margin: 0 auto; z-index: 9; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom: 20px; margin-top: 40px; margin-left: 20px; }
.recent { background: rgba(0, 0, 0, 0.62); }
.recent .recent-heading { padding: 0px 10px 0px 10px; color: #fff; font-size: 20px;margin:0;float:left }
.recent .clear { padding: 10px 10px 0px 10px; color: #fff; font-size: 12px !important;margin:0;float:right }
.recent .clear a:hover {color:#fff;}
.recent ul.searches { width: 100%; max-height: 358px; overflow: auto; height: auto; padding: 10px }
.recent ul.searches li { width: 100%; padding: 10px; border: 1px solid #fff; margin-bottom: 3px; margin-top: 3Px; }
.recent ul.searches li .ser-ic { color: #fff; }
.recent ul.searches li div.fh-details p { color: #fff; font-weight: 600;margin:0px; }
.recent ul.searches li a{overflow:auto;}
.recent ul.searches #minprice { color: #fff }

/*searches scrollbar*/
#recent-searches::-webkit-scrollbar { width: 10px; }
#recent-searches::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.62); }
#recent-searches::-webkit-scrollbar-thumb { background: #888; }
#recent-searches::-webkit-scrollbar-thumb:hover { background: #555; }

/*search panel*/
.search-panel .sub-panel { width: 65%; float: left; margin: 0 auto; z-index: 9; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom: 20px; margin-top: 40px; }
.search-panel .sub-panel .main-heading { left: 0; right: 0; font-size: 1.85714em; text-align: center; color: #292828; }
.search-panel .sub-panel .services_tab { background: rgba(0, 0, 0, 0.62); overflow: hidden; opacity: 0.9; }
.search-panel .sub-panel .services_tab li { }
.search-panel .sub-panel .services_tab li a.active-tab { background: #f2a315; opacity: 1; color: #fff; }
.search-panel .sub-panel .services_tab li a { transition: none !important; display: block; padding: 12px 12px; font-weight: 500; background: none; border-top: none !important; color: #fff; }
.search-panel .sub-panel .services_tab li a span { font-weight: 400; text-transform: uppercase; font-size: 14px; }
.search-panel .sub-panel .services_tab li a .mobile-service-icon { font-size: 12px; margin-right: 5px }
.search-panel .sub-panel .services-tab-content { padding: 0; position: relative; background: none !important; min-height: auto; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; z-index: 9; }
.search-panel .sub-panel .search-details { width: 100%; background: rgba(255,255,255,0.9); padding: 15px; }
.search-panel .sub-panel .search-details .form-group{margin-bottom:5px;}
.search-panel .sub-panel .search-details .form-group .label { font-size: 14px; font-weight: 400; color: #888; }
.search-panel .sub-panel .search-details .form-group input[type=text] { background-color: #fff !important; position: relative; padding: 10px 15px; max-height: 35px; min-height: 35px; color: #333; font-size: 1.14286em; border-radius: 0; margin-bottom: 0; border: 1px solid #ccc; text-overflow: ellipsis; width: 100%; display: block; }
.search-panel .sub-panel .search-details .form-group #ddlStar { max-height: 48px; height: 35px; color: #333; }
.search-panel .sub-panel .search-details .form-group i.fa { position: absolute; right: 30px; top: 34px; z-index: 10 }
.datepicker.form-group i.fa { position: absolute; right: 20px; top: 36px; }
.search-panel .sub-panel .search-details .pax-details { width: 100%; background: #fff; box-sizing: border-box; font-size: 14px; padding: 0px 15px; cursor: pointer; max-height: 48px; min-height: 35px; border: 1px solid #ccc; }
.search-panel .sub-panel .search-details .pax-details i { margin-right: 5px; font-size: 26px; padding-left: 20px; margin-top: -8px; }
.search-panel .sub-panel .search-details #passenger-block { z-index: 9; position: relative; overflow: hidden }
.search-panel .sub-panel .search-details #passenger-block .rooms-container { background: #fff; border: 1px solid #ccc; padding-top: 10px; overflow: auto; z-index: 9; position: relative; }
.search-panel .sub-panel .search-details .search-btn-panel { color: #fff; clear: both; overflow: hidden; position: relative; height: 66px; max-height: 64px; padding: 15px 0px 0px 0px; }
.search-panel .sub-panel .search-details .search-btn-panel button { text-transform: uppercase; z-index: 9 }
.search-panel .sub-panel .search-details .chklabel { font-size: 12px; color: #888; padding: 0px 0px 0px 5px;line-height:2 }
.search-panel .dropdown-toggle .passenger-info { padding: 6px 0 }
.search-panel #passenger-block.room { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee }
.search-panel #passenger-block .add-room { color: #555; margin-right: 5px; }
.search-panel #passenger-block .remove-room { color: #555; margin-left: 5px; }
.search-panel .roundtripclose i.fa-close { top: 36px !important; right: 51px !important; font-size: 11px; color: #333; }
.search-panel-modify .sub-panel { width: 60%; background: rgba(0,0,0,.5); padding: 20px; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.search-panel-modify .sub-panel .modify-heading { left: 0; right: 0; font-size: 1.85714em; color: #fff; text-transform: uppercase; font-size: 15px; }
.search-panel-modify .sub-panel .modify-cancel { border: solid 1px #fff; height: 20px; line-height: 18px; background: none; text-transform: uppercase; font-size: 12px; font-weight: normal }
.search-panel-modify .search-panel .sub-panel .search-details { width: 100%; }
.form-group.search { margin-bottom: 5px; }

/*flight search*/
.search-panel #passenger-block.flight-pax { left: 0px; overflow: hidden }
.search-panel .sub-panel .search-details .flight span.arrow { position: absolute; top: 40%; right: -14px; padding: 0px 0px; text-align: center; border-radius: 25px; font-size: 14px; width: 27px; height: 27px; border: 1px solid #ccc; background: #fff; cursor: pointer !important; z-index: 9; }
.search-panel .sub-panel .search-details .date .return { width: 100%; background: #f2f2f2;border: 1px solid #ccc; height: 35px }
.search-panel #passenger-block .ddl-box { margin-top: 0px; width: 100%; border-width: 0px; margin-top: 5px; color: #555; border-radius: 2px; border: 1px solid #aaa; }
.search-panel #passenger-block .ddl-box li { padding: 6px; width: 33.33333333%; float: left; text-align: center; border-right: 1px solid #aaa; font-size: 13px; }
.search-panel #passenger-block .ddl-box li:last-child { border: none }
.search-panel #passenger-block .ddl-box li a { color: #555; display: block; }
.search-panel #passenger-block.flight-pax select#ddlClass { height: 35px; background: #fff; border: 1px solid #ccc; }
.search-panel .sub-panel .search-details span.arrow { position: absolute; top: 45%; right: -14px; padding: 0px 0px; text-align: center; border-radius: 25px; font-size: 14px; width: 27px; height: 27px; border: 1px solid #ccc; background: #fff; cursor: pointer !important; z-index: 9; }
.search-panel .sub-panel .search-details .multi-leg .form-group i.fa { position: absolute; right: 30px; top: 16px; }

/*radio-btn*/
.awesome-button [type="radio"]:checked + label::before, .awesome-button [type="checkbox"]:checked + label::before { color: #fff; border-color: #f2a315; background-color: #f2a315; }

.bs { box-shadow: 0 0 4px 0 rgba(0,0,0,.1); }
/*Login-page*/

/*loginbox*/
.login-outer .login-box { box-shadow: 0 0 4px 0 rgba(0,0,0,.1); }
.login-outer .login-box h2 { font-weight: 400; color: #f2a315; }
.login-outer .login-box .login-form .form-group { margin-bottom: 10px; }
.login-outer .login-box .login-form label { font-size: 14px; font-weight: 400; color: #888; }
.login-outer .login-box .login-form .form-control { border-radius: 0px; height: 40px; }
.login-outer .login-box .secure { margin-right: 50px; }
.login-outer .login-box .secure img.secure-pic { transform: translate(0%, 50%); }
.login-outer .sign-box { position: relative; background: url(/images/bon/istan.jpg) no-repeat center; background-size: cover; height: 100% }
.login-outer .sign-box .div-overlay { position: absolute; width: 100%; height: 100%; background: rgba(245, 130, 31, 0.85); }
.login-outer .sign-box h2 { color: #fff; }
.login-outer .sign-box p { color: #fff; padding-top: 10px }
.login-outer .sign-box .sign-btn-contain { }
.login-outer .sign-box .sign-btn-contain a.signup-btn { margin-top: 10px auto 0; padding-left: 20px; display: inline-block; border: 1px solid #fff; font-size: 18px; line-height: 45px; color: #fff; width: 90%; position: absolute; bottom: 20px; }
.login-outer .sign-box .sign-btn-contain a.signup-btn i { float: right; vertical-align: middle; line-height: 40px; transform: rotate(-90deg); margin-right: 20px; font-size: 28px; }
.login-outer .sign-box .sign-btn-contain a.signup-btn:hover { background: #fff; color: #231f20; }
.login-outer .sign-box .sign-btn-contain a.signup-btn:hover i { color: #231f20; }
.login-outer .sign-box .sign-img img.sign { width: 50%; }

/*Signup-page*/
.signup-outer {}
.signup-outer .login-box { box-shadow: 0 0 4px 0 rgba(0,0,0,.1); }
.signup-outer .login-box h2 { font-weight: 400; color: #f2a315; }
.signup-outer .sign-box .sign-img img.sign { width: 48%; }
.signup-outer .sign-box h2 { color: #fff; }
.signup-outer .sign-box p { color: #fff; padding-top: 10px }
.signup-outer .sign-box { position: relative; background: url(/images/bon/istan.jpg) no-repeat center; background-size: cover; height: 100% }
.signup-outer .sign-box .sign-btn-contain a.signup-btn { margin-top: 10px auto 0; padding-left: 20px; display: inline-block; border: 1px solid #fff; font-size: 18px; line-height: 45px; color: #fff; width: 90%; position: absolute; bottom: 20px; }
.signup-outer .sign-box .sign-btn-contain a.signup-btn i { float: right; vertical-align: middle; line-height: 40px; transform: rotate(-90deg); margin-right: 20px; font-size: 28px; }
.signup-outer .sign-box .div-overlay { position: absolute; width: 100%; height: 100%; background: rgba(245, 130, 31, 0.85); }
.signup-outer .sign-box .sign-btn-contain a.signup-btn:hover { background: #fff; color: #231f20; }
.signup-outer .sign-box .sign-btn-contain a.signup-btn:hover i { color: #231f20; }
.headingsection { background-color: #F2A315;padding: 10px;color: white;padding-left: 10px; }
.search-box-inner-cal.hasDatepicker { background: #fff url(/images/BON/calendar.png) no-repeat right center !important; background-position-x: 98% !important; text-align: left !important; }
/*ABout us page css*/
.cms-page { background: #f2a315; }
.cms-page h1 { color: #fff; text-transform: uppercase; }
.cms-page h1 { font-size: 18px; }
.main-large-first .image-div { height: 150px; }
.main-large-first .image-div img { width: 100%; }
/*end about us page css*/

.agency-info { }
.agency-info .agencylogo { width: auto; height:150px }
.agency-info img { display: block; max-width: 100%; height: auto; }

/*home-page css*/
/*.business-info {-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);}*/
.box-shadow { -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); }
.business-info h2 { font-weight: 400 !important; font-size: 40px; margin-bottom: 20px; color: #f2a315 }
.business-info h4 { font-weight: 300; font-size: 18px; line-height: 28px; margin-bottom: 30px; }
.business-info ul { list-style-type: disc; list-style-position: inside; }
.business-info ul li { font-size: 16px; line-height: 26px; font-weight: 300; color: #898989 }
.business-info .vertical-box:nth-child(1) { margin-top: -90px; }
.business-info .vertical-box .item { padding: 10px; height: 140px; width: 170px; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.5); text-align: center; margin-bottom: 30px; margin-right: 30px; }
.business-info .vertical-box .item p.data { margin: 0 auto; height: 58px; font-family: Fira Sans,sans-serif; font-size: 30px; text-align: center; color: #f2a315; line-height: 65px; }
.business-info .vertical-box .item p.sttmnt { line-height: 16px; padding-top: 1px; font-size: 16px; font-weight: 300; color: #5b6f79; opacity: .6; }
.business-info .vertical-box .item i.fa { font-size: 40px; color: #f2a315 }

section.about { position: relative; background: url(/images/bon/trek.jpg) no-repeat center; background-size: cover; height: 400px; background-attachment: fixed; }
section.about .about-overlay { position: absolute; width: 100%; height: 100%; background: rgba(37, 55, 69, 0.7); }
section.about h2 { color: #fff; }
section.about ul { }
section.about ul li:before { content: '\2022'; color: #f2a315; margin-right: 10px; }
section.about ul li { list-style-type: none; font-size: 16px; line-height: 26px; margin-bottom: 15px; color: #fff; list-style-position: inside; }

.organized { }
.organized h3 {; margin-bottom: 20px; }
.organized ul { }
.organized ul li { background: url(/images/bon/checked.png) no-repeat 0px 5px transparent; list-style-type: none; margin: 0; padding: 0px 0px 1px 34px; vertical-align: middle; font-size: 16px; line-height: 24px; font-weight: 300 }
.organized .horizontal-box .item { padding: 10px; height: 140px; width: 170px; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.5); text-align: center; margin-bottom: 30px; margin-right: 30px; }
.organized .horizontal-box:nth-child(2) { margin-top: 50px }
/*validations*/
#AgencyUser_ISD-error { position: absolute; left: 88px; }
#ISD-error { position: absolute; left: 88px; }

/*tabs*/
.tab-container ul.tabs { margin: 0; padding: 0 }
.tab-container ul.tabs li { padding-right: 4px; padding-left: 0px; }
.tab-container ul.tabs li:last-child { padding-right: 0 }
.tab-container ul.tabs li a { color: #fff; display: block; padding: 0 20px; background: #aaaaaa; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; text-transform: uppercase; white-space: nowrap }
.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a { color: #0c67ae; background: #fff }
.tab-container ul.tabs.full-width { display: block }
.tab-container ul.tabs.full-width li { float: none; display: table-cell; vertical-align: middle; width: 1% }
.tab-container ul.tabs.full-width li a { padding: 0; text-align: center }
.tab-container ul.tabs:after { display: table; content: ""; clear: both }
.tab-container .tab-content { background: #fff }
.tab-container .tab-content .tab-pane { padding: 20px; line-height: 1.7em }
.tab-container .tab-content .tab-pane .row { margin-bottom: 15px }
.tab-container .tab-content .tab-pane > img { margin: 0 15px 0 0 }
.tab-container .tab-content .tab-pane:after { content: ""; display: table; clear: both }
.tab-container .tab-content .tab-pane .image-box .details { padding-right: 0 }
.tab-container ul.tabs { display: block; background: #fff; padding: 10px 0 10px 10px; border-bottom: 1px solid #f5f5f5 }
.tab-container ul.tabs li { padding-right: 10px }
.tab-container ul.tabs li a { height: 30px; line-height: 30px; background: #f5f5f5; padding: 0 18px; color: #9e9e9e; font-weight: normal; font-size: 0.9167em; font-weight: bold }
.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a { color: #fff; background: #f2a315; position: relative }
.tab-container ul.tabs li.active > a:after, .tab-container ul.tabs li:hover > a:after { position: absolute; bottom: -4px; left: 50%; margin-left: -10px; border-top: 5px solid #f2a315; border-left: 7px solid transparent; border-right: 7px solid transparent; content: "" }
.tab-container ul.tabs li:hover > a:after { display: none }
.tab-container ul.tabs li.active:hover > a:after { display: block }
.tab-container ul.tabs.full-width li a { padding: 0 }
/*tabs*/

/*---Bookings---*/
a.pageNo { cursor: pointer; }
#mybookings.tab-container ul.tabs { padding: 10px 15px 10px 15px; }
#booking-list.tab-pane { padding: 15px; }
.booking-list .list-item { width: 100%; background: #ffffff; float: left; padding: 5px 20px; border: 1px solid #ddd; margin-bottom: 10px; }
.booking-list .list-item:hover { background: #f9f9f9; }
.booking-list .date-block { margin-top: 8px; }
.booking-list i.fa { font-size: 28px; }
.booking-list .dt-val { float: left; }
.booking-list .dt-val .date { float: left; font-size: 26px; line-height: 28px; }
.booking-list .dt-val .mnth_day { float: left; font-size: 11px; line-height: 13px; margin-left: 5px; }
.booking-list .dt-val .mnth_year { display: block; }
.booking-list .dt-val .day { float: left; }
.booking-list .service { font-size: 20px; vertical-align: middle; line-height: 20px; }
.booking-list .icon.icon-htl.black { height: 22px; background-position: -50px -20px; }
.booking-list .fa { color: #f2a315 }
.booking-list .fa.multi { position: absolute; left: 4px; top: 3px; }
.booking-enq-btn { margin-bottom: 7px; }
.booking-enq-btn ul li { display: inline; list-style-type: none; margin: 0 0 0 10px; padding-bottom: 5px; }
.booking-enq-btn ul li a { font-size: 12px; border: 1px solid #ccc; padding: 2px 10px; text-transform: capitalize }
.booking-enq-btn ul li a .book-btn-ic { font-size: 13px; margin-right: 5px; }
.booking-enq-btn ul li:first-child { margin: 0 0 0 0px; }
.booking-list .status { background-color: #ccc; color: #fff; padding: 0 5px; margin-left: 20px; font-size: 10px; text-transform: uppercase; text-align: center; display: inline-block }

#booking-detail .tabs { padding: 15px; }
#booking-detail .tab-content .tab-pane { padding: 15px; }
#booking-detail .fa { color: #f2a315; font-size: 14px; }
#booking-detail .starrating { color: #f2a315; font-size: 12px !important; }
#booking-detail .timing { text-transform: uppercase; line-height: 1.3333em; padding: 10px 0 0; margin: 0; }
#booking-detail .timing span { display: block }
#booking-detail .timing .duration { padding-left: 20px; padding-right: 20px; }
#booking-detail ul.action { overflow: auto }
#booking-detail ul.action li { display: block; list-style-type: none; font-size: 14px; }
#booking-detail ul.action li a { color: #000000; background: transparent; margin: 10px 0px; padding: 5px; display: block; text-transform: uppercase; font-weight: bold; border: 1px solid #ccc; font-size: 11px; }
#booking-detail ul.action li.flight { display: inline-block; padding-right: 5px; }
#booking-detail ul.action li a:first-child { margin-top: 0px; }
#booking-detail ul.action li i { padding-right: 5px; }
#booking-detail .room-details { width: 100% }
#booking-detail .room-details .room-info { overflow: hidden; display: block; margin-top: 10px; font-size: 14px; }
#booking-detail .room-details .room-info i { padding-right: 15px; width: 25px; }
#booking-detail .separator { border-right: solid 1px #0c67ae; padding-right: 10px; padding-left: 10px; }
#booking-detail .separator:last-of-type { border-right: none; }
#booking-detail .separator:first-of-type { padding-left: 0; }
#booking-detail .cancellation-policy h3 { display: none }
#booking-detail .status { background-color: #ccc; color: #fff; padding: 0 5px; font-size: 10px; text-transform: uppercase; text-align: center; display: inline-block }
#booking-detail table { border: 1px solid #ddd; margin-bottom: 10px; width: 100% }
#booking-detail table tr { border-bottom: 1px solid #ddd; }
#booking-detail table tr.active { background: #0c67ae }
#booking-detail table tr.active td { color: #fff; }
#booking-detail table tr th { background: #f7f7f7; padding: 5px 5px !important; border-left: 1px solid #ddd; color: #2d3e52; font-weight: bold }
#booking-detail table tr td { padding: 5px 5px !important; border-left: 1px solid #ddd; font-size: 13px; color: #2d3e52 }
#booking-detail .flight-detail { }
#booking-detail .flight-detail h3 { margin: 0px; }
#booking-detail .flight-detail hr.top { margin-top: 0px; margin-bottom: 10px; border-color: #eee; }
#booking-detail .flight-detail hr.bottom { margin-top: 10px; margin-bottom: 0px; border-color: #eee; }
/*------------ Bookings -------------*/


/*Contact us*/
#contactus-content #sidebar .detailed-logo { background: #fff; padding: 15px }
#contactus-content .tab-container .tab-content .tab-pane { padding: 10px; }
#contactus-content #sidebar .detailed-logo .box-title > small > i { font-size: 15px; color: #f2a315; }
#contactus-content #sidebar .box-title small { text-transform: none }

/*error page*/
.error-page-back { background: #f2a315; padding-bottom: 46px; }
.error-page-back .plug-in-pic { max-width: 100%; width: 60%; }
.error-page-back h1 { font-style: italic; font-weight: bold; color: #fff; font-size: 30px; }
.error-page-back h3 { color: #fff; font-size: 20px; }
.error-page-back h2 { color: #ffddbb; font-weight: bold; font-size: 32px; }
.error-page-back .go-home { background: #002b4c; border: 1px solid #002b4c; text-align: center; text-transform: uppercase }
.error-page-back .go-home i { color: #fff; font-size: 16px; }
.error-page-back .go-home:hover { background: transparent; border: 1px solid #002b4c; color: #fff; transition: all 1s; }

/*agency role*/
.agencyrole ul { display: inline-flex; border-bottom: 1px dotted #333; margin-bottom: 15px; }
    .agencyrole ul li.role-all { min-width: 175px; line-height: 1; padding-top: 15px; }
.agencyrole b { color: #000 }

/*agency Branches*/
.button-top-padding { padding-top: 20px; }

/*table header*/
thead.table-header tr { background-color: #231f20; color: #fff }
/*table header end*/

/* cms promotion*/
.cms_img { width: 100%; height: 450px; object-fit: cover; }

/*media query*/
@media (min-width: 1200px) {
    .container { padding-left: 0; padding-right: 0; }
}

@media only screen and (max-width: 768px) {
    /*navigation responsive*/
    #main-header #main-menu { float: none; }
    #main-menu .menu.fl-li li { float: none; border-bottom: 1px solid rgba(255,255,255,.1); }
    #main-menu ul.menu > li > a { color: #fff; }
    #main-menu ul.menu { width: 100%; text-align: center; margin-bottom: 10px; }
    #tpModifySearch .search-details { max-height: 526px; overflow-y: scroll; }
    #header .ribbon:hover > ul.menu { right: -15px; }
    .fixed { position: fixed; width: 100%; z-index: 9 !important }
    .fixed .main-header { z-index: 9 !important; background: #fff !important; height: 96px !important; }
    .navbar-toggle { display: block !important; }
    .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 25px !important; margin-right: 40px !important; margin-bottom: 8px; background-color: #f2a315 !important; background-image: none; border: 1px solid #f2a315 !important; border-radius: 0px !important; color: #fff !important; }
    .navbar-collapse.collapse { width: 0px; z-index: 4; top: 90px; height: 100% !important; overflow-x: hidden !important; transition: 0.5s ease; padding: 0; right: 0; position: fixed; width: 240px; right: -240px; }
    .navbar-collapse.collapse.in { position: absolute; z-index: 10; right: 0px; top: 130px; background: rgba(12, 103, 174, 1); }
    .navbar-brand img { width: 100%; margin-top: 3px; }
    .navbar-brand { position: static !important; height: 66px !important; display: block; }
    .navbar-collapse.collapsing { height: 0px !important; }
    #main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul {position:relative; top:0;}
    .autocomplete-suggestions { width: calc(100% - 60px) !important; }
    /*search panel*/
    .modify-search .search-info { margin-top: 0px; border-bottom: solid 1px; }
    .bdr-right { border-right: none; }
    section.search-panel.banner { height: 600px; min-height: 600px; z-index:0;}
    .search-panel .sub-panel .services_tab li a span { font-size: 12px; }
    .search-panel .sub-panel { width: 100%; padding-top: 30px; position: relative; top: -10px; }
    .search-panel .sub-panel .main-heading { display: none; }

    /*footer*/
    footer .first img.white { width: 100%; }
    footer .second img.travel { width: 80%; }

    /*loginpage*/
    .login-box .secure { display: none; }
    .sign-box .sign-btn-contain a.signup-btn { width: 80% !important; }
    .sign-box .sign-img img.sign { width: 100%; }
    .login-outer .sign-box .sign-img img.sign { width: 90%; }

    /*signup-page*/
    .signup-outer .sign-box .sign-img img.sign { width: 100%; padding-top: 20px; }

    /*homepage*/
    footer .first ul li a { padding: 10px 4px; font-size: 12px; }

    /*sidebar filter*/
    .filter-rsp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 4; display: none; height: auto; overflow-y: scroll }
    .filter-rsp .filter-rsp-main { display: block; transform: translate(-50%,-50%); left: 50%; top: 55%; }
    .filter-rsp-close { display: block; text-align: center; padding-top: 20px; }
    .filter-rsp-close .close-x { color: #fff; border: 1px solid red; border-radius: 100%; padding: 10px; font-size: 18px; background: red }
    .filter-rsp-close .all-done { color: #fff; border: 1px solid #00b81a; border-radius: 100%; padding: 10px; font-size: 18px; background: #00b81a; margin-left: 5px; }
    .filter-btn .filter-open { position: fixed; bottom: 60px; left: 15px; z-index: 2; font-size: 18px; border: none; outline: none; background-color: #f2a315; color: white; cursor: pointer; padding: 18px; border-radius: 0px; }
    .filter-open { display: block; }

    /*sort by*/
    .sorting-tabs .sort-tabs .sort-tabs-tab { font-size: 12px; }

    /*agency Branches*/
    .button-top-padding { padding-top: 0; }
    /*Markup*/
    .form-group.markup { margin-top: 30px; }
}

@media only screen and (max-width: 426px) {
    /*navbar*/
    #main-menu ul.menu > li:hover > a { border-bottom: 4px solid #fff; color: #fff; }
    #main-menu ul.menu > li.active a { border-bottom: 4px solid #fff; color: #fff; }
    .navbar-collapse.collapse.in { background: rgb(245, 130, 31); }


    /*top-bar*/
    .currency-balance.fr { margin-top: -30px; }
    #header .topnav ul.quick-menu > li > a { color: #ffffff !important; font-size: 0.800em !important; text-transform: initial !important; }
    .navbar-toggle { margin-right: 15px !important; }
    .outer-login{padding:0}

    /*search*/
    .search-panel .sub-panel { width: 100%; }
    .search-panel .sub-panel .search-details span.arrow { top: 65%; right: 150px; transform: rotate(90deg); }
    .search-panel .sub-panel .search-details .flight span.arrow { top: 87%; right: 150px; transform: rotate(90deg); }
    section.search-panel.banner { height: auto; min-height: 600px;z-index: 0; }
    .search-panel .sub-panel { top: -20px; padding-top: 0px; }
    .search-panel-modify.search-panel .sub-panel { position: fixed }
    .cookie-policy__message, .cookie-policy__actions { text-align: center; padding-bottom: 9px; }
    .search-panel .sub-panel .search-details .form-group input[type=text] { font-size:11px;}
    .recent ul.searches li { width: 100%; }

    /*recent searches*/
    .recent { background: rgba(0, 0, 0, 0.62); width: 38% }
    .recent .recent-heading { padding: 0px 10px 0px 10px; color: #fff; font-size: 20px;margin:0;float:left }
    .recent .clear { padding: 10px 10px 0px 10px; color: #fff; font-size: 12px !important;margin:0;float:right }
    .recent .clear a:hover {color:#fff;}
    .recent ul.searches { width: 100%; max-height: 358px; overflow: auto; height: auto; padding: 10px }
    .recent ul.searches li { width: 100%; padding: 10px; border: 1px solid #fff; margin-bottom: 3px; margin-top: 3px; }
    .recent ul.searches li .ser-ic { color: #fff; }
    .recent ul.searches li div.fh-details p { color: #fff; font-weight: 600;margin:0px;}
    .recent ul.searches li a{overflow:auto;}
    .recent ul.searches #minprice { color: #fff }
    /*footer*/
    footer { background: #626161; height: auto; text-align: center; }
    footer .first img.white { width: 60%; }
    footer .first ul li { display: block; padding: 6px 0; }
    footer .first ul li a { padding: 20px 0; }

    /*login-page*/
    .login-outer .sign-box .div-overlay { position: static; }
    .login-outer .sign-box .sign-img img.sign { display: none; }
    .login-outer .sign-box .sign-btn-contain a.signup-btn { position: static; width: 100% !important; }
    .login-outer .sign-box { margin-top: 20px; }

    /*signup*/
    .signup-outer .sign-box .div-overlay { position: static; }
    .signup-outer .sign-box .sign-img img.sign { display: none; }
    .signup-outer .sign-box .sign-btn-contain a.signup-btn { position: static; width: 100% !important; }
    .signup-outer .sign-box { margin-top: 20px; }

    /*home-page*/
    .business-info .vertical-box .item { width: 127px; height: 160px; }
    section.about { height: 453px; }
    .organized .horizontal-box .item { width: 127px }

    /*sidebar filter*/
    .filter-rsp .filter-rsp-main { top: 55%; }
    /*navigation responsive*/
    .navbar-collapse.collapse { height: auto !important }
    .navbar-collapse.collapse.in { top: 100px }

    .navbar-brand { width: 25%; }
    .navbar-toggle { margin-right: 20px !important; margin-top: 11px !important; }
    .main-header { margin-bottom: 0; }

    /*navbar-agency-logo*/
    .navbar-brand.agency img { width: 100%; }
    .navbar-brand.agency { width: 15%; height: 61px !important; padding-top: 0; margin-right: 7px; }

    /*agency Branches*/
    .button-top-padding { padding-top: 0; }
    /*Markup*/
    .form-group.markup { margin-top: 30px; }

    /*loading page*/
    .loading-page .loading-page-content { width: 100%; }
    /*cancellation modals*/
    .modal.policymodal .modal-dialog { width: 93%; left: 47%; }
    .modal.cancelbooking .modal-dialog { width: 93%; left: 47%; }
    /*booking details*/
    #booking-detail .timing span {font-size: 12px; }
}

@media only screen and (max-width: 359px) and (min-width: 320px) {

    /*navbar*/
    #main-menu ul.menu > li:hover > a { border-bottom: 4px solid #fff; color: #fff; }
    #main-menu ul.menu > li.active a { border-bottom: 4px solid #fff; color: #fff; }
    .navbar-collapse.collapse.in { background: rgb(245, 130, 31); }

    /*header starts*/
    #header .topnav ul.quick-menu > li > a { color: #ffffff !important; font-size: 0.600em !important; text-transform: initial !important; }
    #header .ribbon > a > i { font-size: 13px; margin-right: 1px; color: #fff; }
    #header .ribbon > a {padding: 0 0 0 0; }
    #header .ribbon:hover > ul.menu { right: -10px; }
    #header .ribbon.currency > ul.menu.mini { min-width: 90px; left: 0; }

    /*Search box*/
    .search-panel .sub-panel .search-details .form-group input[type=text] { font-size: 11px; }
    .currency-balance.fr { margin-top: -30px; }
    .navbar-toggle { margin-right: 20px !important; }
    .navbar-brand { width: 30%; }
    .navbar-toggle { margin-right: 20px !important; margin-top: 11px !important; }
    .main-header { margin-bottom:0; }

    /*date picker calender*/
    div#ui-datepicker-div { width: 275px !important; }

    /*navbar-agency-logo*/
  
    .navbar-brand.agency { width: 18%; height: 61px !important; padding-top: 0; margin-right: 7px; }

    #main-menu ul.menu > li.active a { border-bottom: 4px solid #fff; color: #fff; }
    #main-menu ul.menu > li > a:hover { color: #fff; border-bottom: 4px solid #fff; }
    section#content { background: #f5f5f5; min-height: 285px; z-index: unset; }
    .custom-header .custom-navbar .nav-right .nav-links { padding-top: 0; padding-bottom: 10px; }
    .custom-header .custom-navbar .nav-right .nav-links li { list-style: none; }
    .custom-header .custom-navbar .nav-right .nav-links li a { color: #fff; }
    .cookie-policy__message, .cookie-policy__actions { text-align: center; padding-bottom: 9px; }
    
    /*index page*/
    .outer-login { padding: 0; }
    section.about { height: 630px; }
    /*Dashboard*/
    .dashboard { padding-left: 0; padding-right: 0 }
    /*Markup*/
    .form-group.markup { margin-top: 30px; }

    /*loading page*/
    .loading-page .loading-page-content { width: 100%; }

    /*booking not allow modal*/
    .modal .modal-dialog.modal-timer { width: 90%; transform: translate(-50%,-50%); left: 48%; top: 50%; position: absolute; }

    /*checkout page*/
    .custom-btn { padding: 0 8px !important; height: 34px !important; line-height: 34px !important; font-size: 12px !important; }

    /*cancellation modals*/
    .modal.policymodal .modal-dialog { width: 93%; left: 47%; }
    .modal.cancelbooking .modal-dialog { width: 93%; left: 47%; }

    /*booking details*/
    #booking-detail .timing span { font-size: 11px; }
}

@media only screen and (max-width:425px) and (min-width: 360px) {

    /*header-navbar start*/
    #main-menu ul.menu > li:hover > a { border-bottom: 4px solid #fff; color: #fff; }
    #main-menu ul.menu > li.active a { border-bottom: 4px solid #fff; color: #fff; }
    .navbar-collapse.collapse.in { background: rgb(245, 130, 31); }
    #header .topnav ul.quick-menu > li > a { color: #ffffff !important; font-size: 0.680em !important; text-transform: initial !important; }
    #header .ribbon > a > i { font-size: 13px; margin-right: 1px; color: #fff; }
    /*#header .ribbon:hover > ul.menu { right: -15px; }*/
    #header .ribbon.currency > ul.menu.mini { min-width: 90px; }
    .currency-balance.fr { margin-top: -30px; }
    .navbar-brand { width: 25%; }
    .navbar-toggle { margin-right: 20px !important; margin-top: 11px !important; } 
    .main-header { margin-bottom: 0; }

    /*date picker calender*/
    div#ui-datepicker-div { width: 335px !important; left: 22px !important; }

    /*navbar-agency-logo*/
    .navbar-brand.agency img { width: 100%; }
    .navbar-brand.agency { width: 15%; height: 61px !important; padding-top: 0; margin-right: 7px; }

    #main-menu ul.menu { text-align: left; }
    #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 20px; }
    section#content { background: #f5f5f5; min-height: 285px; z-index: unset; }
    .navbar-toggle { margin-right: 17px !important; margin-top: 11px !important; }
    aside.logo.navbar-brand.fr.agency a { font-size: 14px !important }
    aside.logo.navbar-brand.fr.agency i.fa.fa-upload { margin-top: 20px !important; padding-right: 5px !important }
    .cookie-policy__message, .cookie-policy__actions { text-align: center; padding-bottom: 9px; }
        
    /*search starts*/
    .search-panel .sub-panel .search-details .form-group input[type=text] { font-size: 11px; }

    /*index page*/
    .outer-login{padding:0;}
    section.about { height: 540px; }
    /*Dashboard*/
    .dashboard { padding-left: 0; padding-right: 0 }
    /*Markup*/
    .form-group.markup { margin-top: 30px; }

    /*booking not allow modal*/
    .modal .modal-dialog.modal-timer { width: 90%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; margin: unset !important;}
    .custom-btn { padding: 0 8px !important; height: 34px !important; line-height: 34px !important; font-size: 12px !important; }

    /*cancellation modals*/
    .modal.policymodal .modal-dialog { width: 93%; left: 47%; }
    .modal.cancelbooking .modal-dialog { width: 93%; left: 47%; }
    /*booking details*/
    #booking-detail .timing span { font-size: 12px; }
    /*for registrationform section*/
    
}

/*------------------------------Markup on go start--------------------------------*/
.markupSection { background: #fff; padding: 12px; border: 1px solid #ddd; }

.markupContainer { display: flex; align-items: center; justify-content: end; gap: 18px; }

.markupOptions { display: flex; align-items: center; gap: 8px; }

    .markupOptions .markupOptions-ctn label { position: relative; padding-left: 20px; margin-bottom: 0; }

        .markupOptions .markupOptions-ctn label::before { display: block; content: " "; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #d1d1d1; z-index: 0; line-height: 12px; text-align: center; font-size: 11px; }

    .markupOptions .markupOptions-ctn :not([type="checkbox"]) + label::before { border-radius: 8px; border-width: 2px; }

    .markupOptions .markupOptions-ctn [type="radio"]:checked + label::before, .markupOptions .markupOptions-ctn [type="checkbox"]:checked + label::before { content: "✔"; background-color: #0c67ae; color: #fff; border-color: #0c67ae; }

    .markupOptions .markupOptions-ctn [type="radio"]:checked + label::before { content: "✔"; background-color: #0c67ae; color: #fff; border-color: #0c67ae; }

    .markupOptions .markupOptions-ctn :not([type="radio"]) + label::before { border-radius: 8px; border-width: 2px; }

    .markupOptions .markupOptions-ctn [type="radio"], .rdoList [type="checkbox"] { display: none; }

.markupInput input[type="number"]::-webkit-outer-spin-button,
.markupInput input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

.markupInput input[type="number"] { -moz-appearance: textfield; padding: 0 4px; color: #000 }

.viewMarkup span { color: #0c67ae; font-size: 12px; font-weight: 600; padding-bottom: 14px; cursor: pointer }

    .viewMarkup span:hover { text-decoration: underline; }
.markupBtn { float: right; }

#markupType { display: flex; align-items: center; justify-content: center; gap: 5px; }
/*------------------------------Markup on go end--------------------------------*/

/*Mobile Number Validation*/

.iti { position: relative; display: inline-block; }
    .iti * { box-sizing: border-box; -moz-box-sizing: border-box; }
.iti__hide { display: none; }
.iti__v-hide { visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; }
.iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }
.iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; }
.iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.iti__arrow--up { border-top: none; border-bottom: 4px solid #555; }
.iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; max-width: 250px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; }

@media (max-width: 500px) {
    .iti__country-list { white-space: normal; }
}

.iti__flag-box { display: inline-block; width: 20px; }
.iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }
.iti__country { padding: 5px 10px; outline: none; }
.iti__dial-code { color: #999; }
.iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; }
.iti__flag-box, .iti__country-name { margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; }
    .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; }
        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; }
.iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }
    .iti--container:hover { cursor: pointer; }

.iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; }

.iti-mobile .iti__country-list { max-height: 100%; width: 100%; }

.iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; }

.iti__flag { width: 20px; }
    .iti__flag.iti__be { width: 18px; }
    .iti__flag.iti__ch { width: 15px; }
    .iti__flag.iti__mc { width: 19px; }
    .iti__flag.iti__ne { width: 18px; }
    .iti__flag.iti__np { width: 13px; }
    .iti__flag.iti__va { width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag { background-size: 5652px 15px; }
}

.iti__flag.iti__ac { height: 10px; background-position: 0px 0px; }
.iti__flag.iti__ad { height: 14px; background-position: -22px 0px; }
.iti__flag.iti__ae { height: 10px; background-position: -44px 0px; }
.iti__flag.iti__af { height: 14px; background-position: -66px 0px; }
.iti__flag.iti__ag { height: 14px; background-position: -88px 0px; }
.iti__flag.iti__ai { height: 10px; background-position: -110px 0px; }
.iti__flag.iti__al { height: 15px; background-position: -132px 0px; }
.iti__flag.iti__am { height: 10px; background-position: -154px 0px; }
.iti__flag.iti__ao { height: 14px; background-position: -176px 0px; }
.iti__flag.iti__aq { height: 14px; background-position: -198px 0px; }
.iti__flag.iti__ar { height: 13px; background-position: -220px 0px; }
.iti__flag.iti__as { height: 10px; background-position: -242px 0px; }
.iti__flag.iti__at { height: 14px; background-position: -264px 0px; }
.iti__flag.iti__au { height: 10px; background-position: -286px 0px; }
.iti__flag.iti__aw { height: 14px; background-position: -308px 0px; }
.iti__flag.iti__ax { height: 13px; background-position: -330px 0px; }
.iti__flag.iti__az { height: 10px; background-position: -352px 0px; }
.iti__flag.iti__ba { height: 10px; background-position: -374px 0px; }
.iti__flag.iti__bb { height: 14px; background-position: -396px 0px; }
.iti__flag.iti__bd { height: 12px; background-position: -418px 0px; }
.iti__flag.iti__be { height: 15px; background-position: -440px 0px; }
.iti__flag.iti__bf { height: 14px; background-position: -460px 0px; }
.iti__flag.iti__bg { height: 12px; background-position: -482px 0px; }
.iti__flag.iti__bh { height: 12px; background-position: -504px 0px; }
.iti__flag.iti__bi { height: 12px; background-position: -526px 0px; }
.iti__flag.iti__bj { height: 14px; background-position: -548px 0px; }
.iti__flag.iti__bl { height: 14px; background-position: -570px 0px; }
.iti__flag.iti__bm { height: 10px; background-position: -592px 0px; }
.iti__flag.iti__bn { height: 10px; background-position: -614px 0px; }
.iti__flag.iti__bo { height: 14px; background-position: -636px 0px; }
.iti__flag.iti__bq { height: 14px; background-position: -658px 0px; }
.iti__flag.iti__br { height: 14px; background-position: -680px 0px; }
.iti__flag.iti__bs { height: 10px; background-position: -702px 0px; }
.iti__flag.iti__bt { height: 14px; background-position: -724px 0px; }
.iti__flag.iti__bv { height: 15px; background-position: -746px 0px; }
.iti__flag.iti__bw { height: 14px; background-position: -768px 0px; }
.iti__flag.iti__by { height: 10px; background-position: -790px 0px; }
.iti__flag.iti__bz { height: 14px; background-position: -812px 0px; }
.iti__flag.iti__ca { height: 10px; background-position: -834px 0px; }
.iti__flag.iti__cc { height: 10px; background-position: -856px 0px; }
.iti__flag.iti__cd { height: 15px; background-position: -878px 0px; }
.iti__flag.iti__cf { height: 14px; background-position: -900px 0px; }
.iti__flag.iti__cg { height: 14px; background-position: -922px 0px; }
.iti__flag.iti__ch { height: 15px; background-position: -944px 0px; }
.iti__flag.iti__ci { height: 14px; background-position: -961px 0px; }
.iti__flag.iti__ck { height: 10px; background-position: -983px 0px; }
.iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; }
.iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; }
.iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; }
.iti__flag.iti__co { height: 14px; background-position: -1071px 0px; }
.iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; }
.iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; }
.iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; }
.iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; }
.iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; }
.iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; }
.iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; }
.iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; }
.iti__flag.iti__de { height: 12px; background-position: -1269px 0px; }
.iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; }
.iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; }
.iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; }
.iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; }
.iti__flag.iti__do { height: 14px; background-position: -1379px 0px; }
.iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; }
.iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; }
.iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; }
.iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; }
.iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; }
.iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; }
.iti__flag.iti__er { height: 10px; background-position: -1533px 0px; }
.iti__flag.iti__es { height: 14px; background-position: -1555px 0px; }
.iti__flag.iti__et { height: 10px; background-position: -1577px 0px; }
.iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; }
.iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; }
.iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; }
.iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; }
.iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; }
.iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; }
.iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; }
.iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; }
.iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; }
.iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; }
.iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; }
.iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; }
.iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; }
.iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; }
.iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; }
.iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; }
.iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; }
.iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; }
.iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; }
.iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; }
.iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; }
.iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; }
.iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; }
.iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; }
.iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; }
.iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; }
.iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; }
.iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; }
.iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; }
.iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; }
.iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; }
.iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; }
.iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; }
.iti__flag.iti__id { height: 14px; background-position: -2325px 0px; }
.iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; }
.iti__flag.iti__il { height: 15px; background-position: -2369px 0px; }
.iti__flag.iti__im { height: 10px; background-position: -2391px 0px; }
.iti__flag.iti__in { height: 14px; background-position: -2413px 0px; }
.iti__flag.iti__io { height: 10px; background-position: -2435px 0px; }
.iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; }
.iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; }
.iti__flag.iti__is { height: 15px; background-position: -2501px 0px; }
.iti__flag.iti__it { height: 14px; background-position: -2523px 0px; }
.iti__flag.iti__je { height: 12px; background-position: -2545px 0px; }
.iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; }
.iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; }
.iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; }
.iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; }
.iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; }
.iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; }
.iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; }
.iti__flag.iti__km { height: 12px; background-position: -2721px 0px; }
.iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; }
.iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; }
.iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; }
.iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; }
.iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; }
.iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; }
.iti__flag.iti__la { height: 14px; background-position: -2875px 0px; }
.iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; }
.iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; }
.iti__flag.iti__li { height: 12px; background-position: -2941px 0px; }
.iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; }
.iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; }
.iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; }
.iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; }
.iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; }
.iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; }
.iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; }
.iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; }
.iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; }
.iti__flag.iti__md { height: 10px; background-position: -3160px 0px; }
.iti__flag.iti__me { height: 10px; background-position: -3182px 0px; }
.iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; }
.iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; }
.iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; }
.iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; }
.iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; }
.iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; }
.iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; }
.iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; }
.iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; }
.iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; }
.iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; }
.iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; }
.iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; }
.iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; }
.iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; }
.iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; }
.iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; }
.iti__flag.iti__my { height: 10px; background-position: -3578px 0px; }
.iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; }
.iti__flag.iti__na { height: 14px; background-position: -3622px 0px; }
.iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; }
.iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; }
.iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; }
.iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; }
.iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; }
.iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; }
.iti__flag.iti__no { height: 15px; background-position: -3774px 0px; }
.iti__flag.iti__np { height: 15px; background-position: -3796px 0px; }
.iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; }
.iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; }
.iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; }
.iti__flag.iti__om { height: 10px; background-position: -3877px 0px; }
.iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; }
.iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; }
.iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; }
.iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; }
.iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; }
.iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; }
.iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; }
.iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; }
.iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; }
.iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; }
.iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; }
.iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; }
.iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; }
.iti__flag.iti__py { height: 11px; background-position: -4185px 0px; }
.iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; }
.iti__flag.iti__re { height: 14px; background-position: -4229px 0px; }
.iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; }
.iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; }
.iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; }
.iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; }
.iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; }
.iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; }
.iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; }
.iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; }
.iti__flag.iti__se { height: 13px; background-position: -4427px 0px; }
.iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; }
.iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; }
.iti__flag.iti__si { height: 10px; background-position: -4493px 0px; }
.iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; }
.iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; }
.iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; }
.iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; }
.iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; }
.iti__flag.iti__so { height: 14px; background-position: -4625px 0px; }
.iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; }
.iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; }
.iti__flag.iti__st { height: 10px; background-position: -4691px 0px; }
.iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; }
.iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; }
.iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; }
.iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; }
.iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; }
.iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; }
.iti__flag.iti__td { height: 14px; background-position: -4845px 0px; }
.iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; }
.iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; }
.iti__flag.iti__th { height: 14px; background-position: -4911px 0px; }
.iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; }
.iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; }
.iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; }
.iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; }
.iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; }
.iti__flag.iti__to { height: 10px; background-position: -5043px 0px; }
.iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; }
.iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; }
.iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; }
.iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; }
.iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; }
.iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; }
.iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; }
.iti__flag.iti__um { height: 11px; background-position: -5219px 0px; }
.iti__flag.iti__un { height: 14px; background-position: -5241px 0px; }
.iti__flag.iti__us { height: 11px; background-position: -5263px 0px; }
.iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; }
.iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; }
.iti__flag.iti__va { height: 15px; background-position: -5329px 0px; }
.iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; }
.iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; }
.iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; }
.iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; }
.iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; }
.iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; }
.iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; }
.iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; }
.iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; }
.iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; }
.iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; }
.iti__flag.iti__za { height: 14px; background-position: -5588px 0px; }
.iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; }
.iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; }

.iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.8/img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag { background-image: url("../img/flags@2x.png"); }
}

.iti__flag.iti__np { background-color: transparent; }

#AgencyInformation_Mobile-error { position: absolute; left: 0; top: 35px; }