@font-face { font-family: "lato-black"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-black/lato-black.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-black/lato-black.woff") format("woff"), url("../../fonts/lato/lato-black/lato-black.woff2") format("woff2"), url("../../fonts/lato/lato-black/lato-black.ttf") format("truetype"); }
@font-face { font-family: "lato-bold"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-bold/lato-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-bold/lato-bold.woff") format("woff"), url("../../fonts/lato/lato-bold/lato-bold.woff2") format("woff2"), url("../../fonts/lato/lato-bold/lato-bold.ttf") format("truetype"); }
@font-face { font-family: "lato-light"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-light/lato-light.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-light/lato-light.woff") format("woff"), url("../../fonts/lato/lato-light/lato-light.woff2") format("woff2"), url("../../fonts/lato/lato-light/lato-light.ttf") format("truetype"); }
@font-face { font-family: "lato-medium"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-medium/lato-medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-medium/lato-medium.woff") format("woff"), url("../../fonts/lato/lato-medium/lato-medium.woff2") format("woff2"), url("../../fonts/lato/lato-medium/lato-medium.ttf") format("truetype"); }
@font-face { font-family: "lato-normal-italic"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-normal-italic/lato-normal-italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-normal-italic/lato-normal-italic.woff") format("woff"), url("../../fonts/lato/lato-normal-italic/lato-normal-italic.woff2") format("woff2"), url("../../fonts/lato/lato-normal-italic/lato-normal-italic.ttf") format("truetype"); }
@font-face { font-family: "lato-regular"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-regular/lato-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-regular/lato-regular.woff") format("woff"), url("../../fonts/lato/lato-regular/lato-regular.woff2") format("woff2"), url("../../fonts/lato/lato-regular/lato-regular.ttf") format("truetype"); }
@font-face { font-family: "lato-semibold"; font-style: normal; font-weight: normal; src: url("../../fonts/lato/lato-semibold/lato-semibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/lato/lato-semibold/lato-semibold.woff") format("woff"), url("../../fonts/lato/lato-semibold/lato-semibold.woff2") format("woff2"), url("../../fonts/lato/lato-semibold/lato-semibold.ttf") format("truetype"); }
.lato-black { font-family: 'lato-black',Arial, Helvetica, sans-serif; }

.lato-bold { font-family: 'lato-bold',Arial, Helvetica, sans-serif; }

.lato-light { font-family: 'lato-light',Arial, Helvetica, sans-serif; }

.lato-medium { font-family: 'lato-medium',Arial, Helvetica, sans-serif; }

.lato-normal-italic { font-family: 'lato-normal-italic',Arial, Helvetica, sans-serif; }

.lato-regular { font-family: 'lato-regular',Arial, Helvetica, sans-serif; }

.lato-semibold { font-family: 'lato-semibold',Arial, Helvetica, sans-serif; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "lato-regular", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #3f3f3f; background-color: #ffffff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #0055b7; text-decoration: none; }
a:hover, a:focus { color: #0055b7; text-decoration: none; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 5px; }

.img-thumbnail { padding: 4px; line-height: 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: #484848; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 24px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

p { margin: 0; }

.lead { margin-bottom: 20px; font-size: 13px; font-weight: 300; line-height: 1.4; }
@media (min-width: 768px) { .lead { font-size: 18px; } }

small, .small { font-size: 91%; }

mark, .mark { background-color: #fcf8e3; padding: .2em; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase, .initialism { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-muted { color: #777777; }

.text-primary { color: #eb2026; }

a.text-primary:hover, a.text-primary:focus { color: #c61217; }

.text-success { color: #3c763d; }

a.text-success:hover, a.text-success:focus { color: #2b542c; }

.text-info { color: #31708f; }

a.text-info:hover, a.text-info:focus { color: #245269; }

.text-warning { color: #8a6d3b; }

a.text-warning:hover, a.text-warning:focus { color: #66512c; }

.text-danger { color: #a94442; }

a.text-danger:hover, a.text-danger:focus { color: #843534; }

.bg-primary { color: #fff; }

.bg-primary { background-color: #eb2026; }

a.bg-primary:hover, a.bg-primary:focus { background-color: #c61217; }

.bg-success { background-color: #dff0d8; }

a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; }

.bg-info { background-color: #d9edf7; }

a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; }

.bg-warning { background-color: #fcf8e3; }

a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; }

.bg-danger { background-color: #f2dede; }

a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; }

.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; }

ul, ol { margin: 0; padding: 0; list-style-type: none; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 20px; }

dt, dd { line-height: 14px; }

dt { font-weight: bold; }

dd { margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; }
.dl-horizontal dd:after { clear: both; }
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dl-horizontal dd { margin-left: 180px; } }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; }

.initialism { font-size: 90%; }

blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 14px; color: #777777; }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }

.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; }
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; }

address { margin-bottom: 20px; font-style: normal; line-height: 14px; }

body {width:auto !important; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1230px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }


.btn:active, .btn.active, .btn:hover, .btn:focus, .btn.focus { color: #0055b7; text-decoration: none; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-default { color: #0055b7; background-color: #fff; border:solid 1px #c4c4c4; }
.btn-default:focus, .btn-default.focus { color: #0055b7; background-color: #eff6ff; border-color: #c5deff; }
.btn-default:hover { color: #0055b7; background-color: #eff6ff; border-color: #c5deff; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #0055b7; background-color: #eff6ff; border-color: #c5deff; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #0055b7; background-color: #eff6ff; border-color: #c5deff; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #c4c4c4; }
.btn-default .badge { color: #fff; background-color: #0055b7; }

.btn-primary { color: #fff; background-color: #eb2026; border-color: #bc0006; }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #ff4d53; border-color: #db0006; }
.btn-primary:hover { color: #fff; background-color: #ff4d53; border-color: #db0006; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #ff4d53; border-color: #db0006; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #ff4d53; border-color: #db0006; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #eb2026; border-color: #bc0006; }
.btn-primary .badge { color: #eb2026; background-color: #fff; }

.btn-info { color: #fff; background-color: #87a1bf; border-color: #7694b6; }
.btn-info:focus, .btn-info.focus { color: #fff; }
.btn-info:hover { color: #fff; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #87a1bf; border-color: #7694b6; }
.btn-info .badge { color: #87a1bf; background-color: #fff; }

.btn-ghost-info { color: #fff; background-color: transparent; border-color: #87a1bf; }
.btn-ghost-info:focus, .btn-ghost-info.focus { color: #fff; background-color: #87a1bf; border-color: #87a1bf; }
.btn-ghost-info:hover { color: #fff; background-color: #87a1bf; border-color: #87a1bf; }
.btn-ghost-info:active, .btn-ghost-info.active, .open > .btn-ghost-info.dropdown-toggle { color: #fff; background-color: #87a1bf; border-color: #87a1bf; }
.btn-ghost-info:active:hover, .btn-ghost-info:active:focus, .btn-ghost-info:active.focus, .btn-ghost-info.active:hover, .btn-ghost-info.active:focus, .btn-ghost-info.active.focus, .open > .btn-ghost-info.dropdown-toggle:hover, .open > .btn-ghost-info.dropdown-toggle:focus, .open > .btn-ghost-info.dropdown-toggle.focus { color: #fff; background-color: #87a1bf; border-color: #87a1bf; }
.btn-ghost-info:active, .btn-ghost-info.active, .open > .btn-ghost-info.dropdown-toggle { background-image: none; }
.btn-ghost-info.disabled:hover, .btn-ghost-info.disabled:focus, .btn-ghost-info.disabled.focus, .btn-ghost-info[disabled]:hover, .btn-ghost-info[disabled]:focus, .btn-ghost-info[disabled].focus, fieldset[disabled] .btn-ghost-info:hover, fieldset[disabled] .btn-ghost-info:focus, fieldset[disabled] .btn-ghost-info.focus { background-color: transparent; border-color: #87a1bf; }
.btn-ghost-info .badge { color: transparent; background-color: #fff; }

.btn-ghost-default { color: #0055b7; background-color: transparent; border:solid 1px #c4c4c4; }
.btn-ghost-default:focus, .btn-ghost-default.focus { color: #0055b7; background-color: #eff6ff; border-color: #c4c4c4; }
.btn-ghost-default:hover { color: #0055b7; background-color: #eff6ff; border-color: #c4c4c4; }
.btn-ghost-default:active, .btn-ghost-default.active, .open > .btn-ghost-default.dropdown-toggle { color: #0055b7; background-color: #eff6ff; border-color: #c4c4c4; }
.btn-ghost-default:active:hover, .btn-ghost-default:active:focus, .btn-ghost-default:active.focus, .btn-ghost-default.active:hover, .btn-ghost-default.active:focus, .btn-ghost-default.active.focus, .open > .btn-ghost-default.dropdown-toggle:hover, .open > .btn-ghost-default.dropdown-toggle:focus, .open > .btn-ghost-default.dropdown-toggle.focus { color: #0055b7; background-color: #eff6ff; border-color: #c4c4c4; }
.btn-ghost-default:active, .btn-ghost-default.active, .open > .btn-ghost-default.dropdown-toggle { background-image: none; }
.btn-ghost-default.disabled:hover, .btn-ghost-default.disabled:focus, .btn-ghost-default.disabled.focus, .btn-ghost-default[disabled]:hover, .btn-ghost-default[disabled]:focus, .btn-ghost-default[disabled].focus, fieldset[disabled] .btn-ghost-default:hover, fieldset[disabled] .btn-ghost-default:focus, fieldset[disabled] .btn-ghost-default.focus { background-color: transparent; border-color: #c4c4c4; }
.btn-ghost-default .badge { color: transparent; background-color: #0055b7; }

.btn-link { color: #0055b7; font-weight: normal; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { color: #0055b7; text-decoration: none; background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

.btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33333; border-radius: 5px; }

.btn-sm { padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; }

.btn-xs { padding: 1px 5px; font-size: 11px; line-height: 1.5; border-radius: 3px; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.sprite1, .o-i-account, .o-i-bus, .o-i-cross-dark, .o-i-down_arrow, .o-i-error-icon, .o-i-error-symbol, .o-i-flight, .o-i-fph, .o-i-holiday, .o-i-hotel, .o-i-notification, .o-i-notification_overlay, .o-i-phone, .o-i-rail, .o-i-reward, .o-i-right-arrow, .o-i-trip-bag, .o-i-wallet { background: url(../../img/hs.common_header.sprite_new.png) no-repeat; display: inline-block; }

.o-i-account { background-position: -94px 0px; width: 13px; height: 12px; }

.o-i-bus { background-position: -73px -23px; width: 16px; height: 18px; }

.o-i-cross-dark { background-position: -52px -48px; width: 14px; height: 14px; }

.o-i-down_arrow { background-position: -94px -31px; width: 8px; height: 6px; }

.o-i-error-icon { background-position: -40px 0px; width: 28px; height: 14px; }

.o-i-error-symbol { background-position: 0px -23px; width: 20px; height: 20px; }

.o-i-flight { background-position: 0px -71px; width: 17px; height: 16px; }

.o-i-fph { background-position: -25px -48px; width: 22px; height: 16px; }

.o-i-holiday { background-position: -73px 0px; width: 16px; height: 18px; }

.o-i-hotel { background-position: -22px -71px; width: 18px; height: 15px; }

.o-i-notification { background-position: -63px -71px; width: 13px; height: 15px; }

.o-i-notification_overlay { background-position: -45px -71px; width: 13px; height: 15px; }

.o-i-phone { background-position: 0px 0px; width: 35px; height: 18px; }

.o-i-rail { background-position: -73px -46px; width: 15px; height: 18px; }

.o-i-reward { background-position: -51px -23px; width: 16px; height: 18px; }

.o-i-right-arrow { background-position: -94px -17px; width: 13px; height: 9px; }

.o-i-trip-bag { background-position: 0px -48px; width: 20px; height: 18px; }

.o-i-wallet { background-position: -25px -23px; width: 21px; height: 18px;margin: 0 auto; }

/*******common css*******/
html { margin: 0; padding: 0; }

.ch_wrapper, .ch_wrapper ul, .ch_wrapper h2 { margin: 0; padding: 0; }

.ch__clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.ch__userInteraction a:hover, .ch__userInteraction a:focus, ch__userInteraction a:active { color: #4a4a4a; }

.btn:focus { outline: none; }

.ch__flL { float: left; }

.ch__flR { float: right; }

.ch__makeBlock { display: block; }

ul { list-style: none; }

.marR10 { margin-right: 10px; }

.ch-prependtop5 { padding-top: 5px; }

.prepend_top10 { padding-top: 10px; }

.prepend_top18 { padding-top: 18px !important; }

.make_relative { position: relative; }

.append_bottom20 { margin-bottom: 20px !important; }

.ch__capitalize { text-transform: capitalize; }

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

.ch-make_block { display: inline-block; }

.ch-append_bottom35 { margin-bottom: 35px !important; }

.ch-append_bottom45 { margin-bottom: 45px !important; }

.ch-darkgrey2 { color: #4a4a4a !important; }

.ch-append_top10 { margin-top: 10px; }

.ch-block { display: block; }

.ch-append_bottom6 { margin-bottom: 6px; }

.font13 { font-size: 13px !important; }


/*****************************/
/******** Input Types ********/
/*****************************/
/* form starting stylings */
.inputM { position: relative; float: left; margin: 0 15px 0 0; float: left; font-family: "lato-regular", Arial, Helvetica, sans-serif; /* active state */ }
.inputM__closeIcon { position: absolute; left: 100px; top: 8px; z-index: 2; cursor: pointer; display: none; padding: 10px; }
.inputM label { color: #f5f5f5; font-size: 24px; font-weight: normal; position: absolute; pointer-events: none; top: 5px; transition: 0.2s ease all; }
.inputM input { font-size: 16px; padding: 5px 0; display: block; width: 100px; border: none; border-bottom: 1px solid #87a1bf; background: transparent; color: #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inputM input:focus { outline: none; text-overflow: clip; }
.inputM input:focus ~ label, .inputM input:valid ~ label { top: -15px; font-size: 12px; color: #87a1bf; }
.inputM input:valid ~ .inputM__closeIcon { display: inline-block; }
.inputM input:required:invalid { outline: 4px solid #124680; }
.inputM__bar { position: relative; display: block; width: 100px; }
.inputM__bar:before, .inputM__bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #87a1bf; transition: 0.2s ease all; }
.inputM__bar:before { left: 50%; }
.inputM__bar:after { right: 50%; }
.inputM.extraWidth input { width: 149px; }
.inputM.extraWidth .inputM__bar { width: 149px; }
.inputM input:focus ~ .inputM__bar:before, .inputM input:focus ~ .inputM__bar:after { width: 50%; }
.inputM__highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.inputM input:focus ~ .inputM__highlight { animation: inputHighlighter 0.4s ease; }
.inputM.disable { opacity: 0.4; -webkit-opacity: 0.4; -o-opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); }

@keyframes inputHighlighter { from { background: #87a1bf; }
  to { width: 0; background: transparent; } }
@-webkit-keyframes inputHighlighter { from { background: #87a1bf; }
  to { width: 0; background: transparent; } }
/*IE9 fix*/
.inputM label { top: -15px \9\0; font-size: 12px \9\0; color: #87a1bf \9\0; }

/*****css for social network*******/
.ch_ghostBtn { border: 1px solid #000; color: #fff; font-size: 14px; padding: 11px 57px; text-transform: uppercase; border-radius: 2px; display: inline-block; cursor:pointer;}
.ch_ghostBtn--google { background: #e06568; border-color: #e06568; }
.ch_ghostBtn--fb { background: #3d5a98; border-color: #3d5a98; }
.ch_ghostBtn:hover { color: #fff; }

/*******common css*******/
html { margin: 0; padding: 0; }

.ch_wrapper, .ch_wrapper ul, .ch_wrapper h2 { margin: 0; padding: 0; }

.ch__clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.lato-bold { font-family: "lato-bold", Arial, Helvetica, sans-serif !important; }

.ch__userInteraction a:hover, .ch__userInteraction a:focus, ch__userInteraction a:active { color: #4a4a4a; }

.btn:focus { outline: none; }

.ch__flL { float: left; }

.ch__flR { float: right; }

.ch__makeBlock { display: block; }

ul { list-style: none; }

.marR10 { margin-right: 10px; }

.ch-prependtop5 { padding-top: 5px; }

.prepend_top10 { padding-top: 10px; }

.prepend_top18 { padding-top: 18px !important; }

.make_relative { position: relative; }

.append_bottom20 { margin-bottom: 20px !important; }

.ch__capitalize { text-transform: capitalize; }

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

.ch-make_block { display: inline-block; }

.ch-append_bottom35 { margin-bottom: 35px !important; }

.ch-append_bottom45 { margin-bottom: 45px !important; }

.ch-darkgrey2 { color: #4a4a4a !important; }

.ch-append_top10 { margin-top: 10px; }

.ch-block { display: block; }

.ch-append_bottom6 { margin-bottom: 6px; }

.font13 { font-size: 13px !important; }

/*******common css*******/
/****sprite changes *****/
.ch__getMobileApp, .ch__notificationIcon, .ch__loginIcon { background: url(../images/hs.common_header.sprite_biz.png) no-repeat; }

.ch_o-i-refer-earn{ background: url(../../images/hs.common_header.sprite_new.png) no-repeat; display: inline-block; }
/****end sprite changes *****/
/****sprite position ****/
.ch_o-i-refer-earn { background-position: -70px -92px; width: 35px; height:18px;}

.ch__getMobileApp { background-position: 0 0; width: 35px; height: 20px; display: block; margin: 0 auto 2px; }

.ch__notificationIcon { background-position: -64px -71px; width: 13px; height: 15px; display: inline-block; }

/****end sprite position ****/
/***header css****/
.ch__header { background: #fff; /*border-top: solid #124680 4px;*/ max-height: 70px; z-index: 3;}

.ch__wrapper { width: 1170px; margin: 0 auto; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__navigation { width: 710px; float: left; }

.ch__logo { width: 130px; float: left; padding-top: 10px; padding-bottom: 7px; }

.ch__subNavigation { width: 580px; float: left; }

.ch__subNavigation li { float: left; height: 58px; text-align: center; line-height: 55px; }

.ch__subNavigation li a { font-size: 16px; text-transform: uppercase; font-weight: normal; color: #4a4a4a; padding: 19px 25px; text-decoration: none; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__subNavigation li:hover a { color: #ffffff; }

.ch__subNavigation li.active a { color: #ffffff; }

.ch__subNavigation li:hover,.ch__subNavigation li.active { background: #124680; }

.ch__userInteraction { float: right; width: 550px; color: #4a4a4a; font-size: 10px; }

.ch__support { font-size: 10px; border: 1px solid #b4b4b4; border-radius: 3px; padding: 2px 6px; display: inline-block; margin-bottom:2px;}

.ch__getapp, .ch__hourSupport { float: left; padding: 9px 7px; cursor: pointer; color: #4a4a4a; text-transform: uppercase; }

.ch__notification { display: block; position: relative; width: 45px; float: left; padding: 14px 10px; padding-bottom: 22px; cursor: pointer; color: #4a4a4a !important; }

.ch__notificationCount { position: absolute; top: 8px; background: #eb2026; padding: 0 7px; border-radius: 3px; right: 4px; line-height: 20px; }

.ch__loginIcon { background-position: -94px -1px; width: 13px; height: 13px; display: inline-block; }

.ch__login { width: 72px; float: left; cursor: pointer; padding: 18px 6px; color: #4a4a4a; text-transform: uppercase; }

.ch__signup { width: 72px; float: left; padding-top: 10px; cursor: pointer; padding: 22px 6px; color: #4a4a4a; text-transform: uppercase; }

/***end header css****/
/*****sign up section*****/
.ch__signupWrapper { background: #fff; }

.ch__signupWrapper h2 { text-align: center; padding-top: 23px !important; padding-bottom: 23px !important; font-size: 24px; font-weight: 300; color: #0055b7; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__signupContent { background: #ebebeb; padding-top: 20px; padding-bottom: 20px; }

.ch__signupSubContent { width: 860px; margin: 0 auto; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__signupSubContentList { width: 266px; margin-right: 20px; }

.ch__signupSubContentList:last-child { margin-right: 0; }

.ch__signupAccount { width: 1150px; margin: 0 auto; padding-top: 20px; padding-bottom: 42px; }

.ch__signupSubContentList--active { color: #00a19c; }
.ch__signupSubContentList--active .ch__signupSubContentNo { color: #0055b7; }
.ch__signupSubContentList--active .ch__signupSubContenttxt { color: #0055b7; }

.ch__createAccount { width: 698px; float: left; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__socialMedia { width: 400px; float: left; padding-left: 50px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__signupSubContentNo { float: left; width: 15px; margin-right: 5px; display: block; font-size: 24px; color: #646464; margin-top: 6px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__signupSubContenttxt { width: 245px; float: left; font-size: 14px; color: #646464; line-height: 16px; }

.ch__socilaSignup { color: #4a4a4a; font-size: 16px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__formField { border-right: 1px solid #e5e5e5; padding-top: 18px; padding-bottom: 20px; }
.ch__formField .inputM { margin: 0; margin-right: 20px; margin-top: 10px; }
.ch__formField .inputM input { font-size: 20px; padding: 0; width: 157px; color: #9b9b9b; }
.ch__formField .inputM label { color: #9b9b9b; }
.ch__formField .btn { min-width: 103px; padding: 12px 0px; font-size: 14px; margin-left: 16px; }

.ch__tndNLogin { font-size: 16px; line-height: 20px; }

.ch__tnd { width: 470px; float: left; color: #9b9b9b; }

.ch__haveAccount { color: #646464; width: 182px; float: left; text-align: right; font-family: "lato-regular", Arial, Helvetica, sans-serif; cursor: pointer; }

.ch__loginSection, .ch__forgetPwdSection { display: none; background: #fff; }

.ch__signUpSection { display: none; }

.ch__formField input:required:invalid { outline: 2px solid #fff !important; }

/*****end sign up section*****/
/**********forget password section ********/
.ch__ResetPsd { text-align: center; font-size: 14px; color: #303030; font-family: "lato-regular", Arial, Helvetica, sans-serif; padding-bottom: 22px !important; }

.ch__requireId { width: 480px; margin: 0 auto; border-right: none; padding-bottom: 50px; padding-top: 0; }
.ch__requireId .inputM input { width: 240px; }

.ch__backBtn { margin-left: 30px; color: #00a19c; font-size: 14px; }

/**********end forget password section ********/
/*********login account **********/
.ch__loginAccount { width: 968px; margin: 0 auto; padding-bottom: 22px; }
.ch__loginAccount .ch__createAccount { width: 516px; }
.ch__loginAccount .ch__formField { padding-bottom: 12px; }
.ch__loginAccount .inputM input { width: 232px; }
.ch__loginAccount .inputM .ch__pwdLabel { width: 104px; }

.ch__loginContainer { width: 1200px; margin: 0 auto; }

.ch__forgetPwd { font-size: 16px; color: #646464; margin-left: 252px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__loginSocialMedia { padding-left: 22px; width: 365px; }

.ch__trackIdBtn { width: 276px; float: left; text-align: center; border-right: 1px solid #e5e5e5; padding-bottom: 16px; margin-top: 17px; padding-top: 14px; }

.ch__arrow_icon { display: inline-block; position: absolute; width: 20px; height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #fff; position: absolute; bottom: -11px; right: 13px; }

.ch__loginSection .ch__arrow_icon, .ch__forgetPwdSection .ch__arrow_icon { right: 96px; }

.ch__forgetPwd:hover { color: #646464; text-decoration: underline; }

.ch__formField .inputM__bar { width: 100%; color: #0055b7; }
.ch__formField .inputM__bar:before, .ch__formField .inputM__bar:after { background: #0055b7; }
.ch__formField .inputM input { border-bottom: 1px solid #0055b7; }
.ch__formField .inputM__highlight { width: 100%; }
.ch__formField .inputM input:focus ~ label, .ch__formField .inputM input:valid ~ label { color: #0055b7; }

/*********end login account **********/
/********modification in logged in tab********/
.ch__wrapper .ch__profileOverlay { right: -20px; top: 53px; }
.ch__wrapper .ch-more-plus .ch__profileOverlay { right:auto;left:0px !important; z-index: 999; }
.ch__wrapper .ch-more-plus .ch__upArrowIcon { left:16px; }
.ch__wrapper .ch__myWallet { right: 180px; top: 55px; }
.ch__wrapper .ch_walletTxt { text-transform: uppercase; color: #4a4a4a; }
.ch__wrapper .ch__walletMoney:hover, .ch__wrapper .ch__walletMoney:focus, .ch__wrapper .ch__walletMoney:active, .ch__wrapper .ch__loggedinUser:active, .ch__wrapper .ch__loggedinUser:hover, .ch__wrapper .ch__loggedinUser:focus { background: none; outline: none; }

.ch__userInteraction .ch__loggedinUser { padding: 11px 14px; padding-top: 15px; padding-bottom: 21px; text-transform: uppercase; color: #4a4a4a; font-size: 10px; }
.ch__userInteraction .ch__walletMoney { padding: 7px 10px; min-width: 80px;}
.ch__userInteraction .ch__walletMoney .o-i-wallet { margin-bottom: 2px; }

/********modification in logged in tab********/
.login-profile { display: inline-block; /*width: 144px; */}

.trip-color { color: #4a4a4a; font-family: "lato-regular", Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 6px; line-height: 20px; }

.my_trips { width: 269px; background: #fff; position: absolute; right: 224px; top: 53px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); z-index: 999; }
.my_trips .ch__upArrowIcon { right: 48%; }

.ch-trip-heading { padding-top: 20px; padding-bottom: 20px; font-size: 14px; color: #9b9b9b; }

.ch-trip-info { display: block; }
.ch-trip-info span { font-size: 16px; color: #343434; text-transform: capitalize; margin-bottom: 6px; }
.ch-trip-info .ch-hotel-info { color: #343434; font-family: "lato-regular", Arial, Helvetica, sans-serif; }
.ch-trip-info .ch-sub-info { font-size: 12px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }
.ch-trip-info .darkgrey2 { color: #4a4a4a; }
.ch-trip-info .font12 { font-size: 12px; }
.ch-trip-info .block { display: block; }
.ch-trip-info .txt-info { width: 85px; }
.ch-trip-info .ch-upcoming-info { font-size: 14px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }
.ch-trip-info .arrow-key { width: 12px; text-align: center; margin-left: 6px; margin-right: 6px; }
.ch-trip-info .trip-place { font-size: 12px; color: #343434; }

.mytrip2 .ch-trip-info { margin-bottom: 14px; }

.ch-append-border { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; }

.log-in-trip .btn-primary { margin-top: 16px; margin-bottom: 16px; font-size: 16px; font-family: "lato-regular", Arial, Helvetica, sans-serif; padding-left: 25px; padding-right: 25px; }
.log-in-trip .ch-trip-heading { padding-bottom: 0; }
.log-in-trip .trip-log-wrapper { padding-left: 30px; padding-right: 30px; }
.log-in-trip .ch-sub-info { font-size: 12px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }
.log-in-trip .ch-append-border { padding-bottom: 22px; margin-bottom: 10px; }

.ch_wrapper .btn-info { background: #eff6ff; border-color: #c5deff; color: #0055b7; }
.ch_wrapper .ch-notificationoverlay { right: 30px; width: 267px; }

.ch-notificationoverlay { font-size: 14px; color: #4a4a4a; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch-notification_count { padding-left: 16px; padding-right: 16px; padding-top: 20px; padding-bottom: 18px; }

.ch-notification_count:hover { background: #f5f5f5; cursor: pointer; }

.ch-notification-msg { width: 195px; margin-left: 16px; }

/******reset password*******/
.ch-reset-send .ch__formField { padding-top: 0; padding-bottom: 38px; border-right: 0; }

/*****more plus ***/
.ch-more-plus .ch__profileOverlay { width: 203px; }

/****cross login icon ****/
.ch-accout-cross { position: absolute; right: 0; top: 20px; }

/***trip section revamp*********/
.ch-trip-list-icon { margin-left: 22px; margin-right: 22px; }

.ch-trip-list-info { border-top: 1px solid #f5f5f5; padding-top: 16px; padding-bottom: 16px; }
.ch-trip-list-info .o-i-right-arrow { margin-bottom: 0; }

.ch-trip-list-info:hover { background: #f5f5f5; }

/****issue fixed ***/
.login-profile .ch__signup { padding: 23px 6px 18px; }

.o-i-cross-dark { cursor: pointer; }

.multiCity { padding: 16px 25px; }

.multiCity .ch-trip-list-icon { display: block !important; margin: 0 20px 0 0; }

.multiCity .ch-hotel-info { display: inline-block; width: 45px; }

.multiCity .o-i-right-arrow { display: inline-block; margin: 0; height: 15px; background-position: -94px -59px; }

.my_trips.log-in-trip { right: 143px; }

.ch__notification { display: block; position: relative; width: 36px; float: left; padding: 14px 9px; padding-top: 20px; cursor: pointer; color: #fff !important; }

.ch__formField .inputM label { font-size: 20px; }

.ch__loginIcon { height: 15px; background-position: -94px 1px; margin-right: 5px; }

.ch__userInteraction .ch__loggedinUser { padding-top: 22px; padding-bottom: 14px; }

.ch-error-msg { font-size: 12px; padding: 10px; width: 234px; left: 0; }

/*hs.modify_search.scss*/
.ch-error-msg .o-i-error-icon { left: 10%; top: -8px; }

.btn-block:hover, .btn-block:focus, .btn-block:active { color: #0055b7 !important; }

.ch__login .o-i-account { margin-right: 5px; }

a.ch_ghostBtn--fb:focus { color: #fff; }

a.ch_ghostBtn--google:focus { color: #fff; }

/*-- Loading state on button --*/
a.loading, button.loading { background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-background-size: 50px 50px; background-size: 50px 50px; -moz-animation: loading-stripes 2s infinite linear; -webkit-animation: loading-stripes 2s infinite linear; -o-animation: loading-stripes 2s infinite linear; -ms-animation: loading-stripes 2s infinite linear; animation: loading-stripes 2s infinite linear; cursor: default; box-shadow: none; }

@-webkit-keyframes loading-stripes { 0% { background-position: 0 0; }
  100% { background-position: 50px 0; } }
@-moz-keyframes loading-stripes { 0% { background-position: 0 0; }
  100% { background-position: 50px 0; } }
a.loading:disabled, input.loading:disabled, button.loading:disabled, a.loading[disabled="disabled"], button.loading[disabled="disabled"] { cursor: default; opacity: 0.5; }

/*****css for social network*******/
.ch_ghostBtn { border: 1px solid #000; color: #fff; font-size: 14px; padding: 11px 57px; text-transform: uppercase; border-radius: 2px; display: inline-block; }
.ch_ghostBtn--google { background: #e06568; border-color: #e06568; }
.ch_ghostBtn--fb { background: #3d5a98; border-color: #3d5a98; }
.ch_ghostBtn:hover { color: #fff; }

@keyframes inputHighlighter { from { background: #87a1bf; }
  to { width: 0; background: transparent; } }
@-webkit-keyframes inputHighlighter { from { background: #87a1bf; }
  to { width: 0; background: transparent; } }
/*IE9 fix*/
.inputM label { top: -15px \9\0; font-size: 12px \9\0; color: #87a1bf \9\0; }

/*******common css*******/
html, body { margin: 0; padding: 0; }

body { font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__bodyWrapper, .ch__bodyWrapper ul, .ch__bodyWrapper h2, .ch__bodyWrapper p, .ch__bodyWrapper hr { margin: 0; padding: 0; }

.ch-hr { color: #ededed; border: 0; height: 1px; background-color: #ededed; }

a { text-decoration: none; }

.ch-clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.ch-flL { float: left; }

.ch-flR { float: right; }

.ch__makeBlock { display: block; }

ul { list-style: none; }

.ch__marL5 { margin-left: 5px; }

.make_relative { position: relative; }

.ch__hamburger .prepend_top14 { padding-top: 14px; }

.append_bottom10 { margin-bottom: 10px; }

.text-center { text-align: center; }

/*******common css*******/
.ch_wrapper .ch__formField { line-height: 14px; }

/******nav and search *******/
.ch__mainNavSearchContainer { position: relative; width: 1200px; margin: 0 auto; z-index: 12; }

.ch__innerHeader { font-size: 14px; background: #0d2f55; }

.ch__innerHeader { position: relative; margin: 0; }

.ch__innerHeader:before, .ch__innerHeader:after { content: ''; width: 50%; height: 100%; position: absolute; z-index: 1; }

.ch__innerHeader:before { background: #124680; left: 0; top: 0; }

.ch__innerHeader:after { background: #0d2f55; right: 0; top: 0; }

.ch__mainNavSearch:before, .ch__mainNavSearch:after { content: ''; height: 100%; position: absolute; }

.ch__mainNavSearch:before { background: #124680; width: 80%; left: 0; top: 0; }

.ch__mainNavSearch:after { background: #0d2f55; width: 20%; right: 0; top: 0; }

.ch__userProfile { width: 267px; float: right; background: #0d2f55; color: #fff; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__walletMoney { float: left; padding: 17px 21px 0 21px; cursor: pointer; }

.ch__walletMoney:hover, .ch__walletMoney:focus, .ch__walletMoney:active, .ch__loggedinUser:active, .ch__loggedinUser:hover, .ch__loggedinUser:focus { background: #0d2847; outline: none; }

.ch__walletMoneyLeft { display: block; border: 1px solid #b4b4b4; border-radius: 3px; padding: 4px 6px; font-family: "lato-regular", Arial, Helvetica, sans-serif; margin-bottom: 3px; color: #4a4a4a; }

.ch_walletTxt { display: block; color: #f5f5f5; text-align: center; }

.ch__loggedinUser { float: left; font-size: 12px; padding: 29px 21px; cursor: pointer; }

/******end nav and search********/
/******profile overlay********/
.ch__profileOverlay { width: 290px; background: #fff; display: none; position: absolute; right: -23px; top: 75px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }

.ch__profileOverlayTabs { padding-top: 14px !important; padding-bottom: 22px !important; }
.ch__profileOverlayTabs li a { padding-top: 14px; padding-bottom: 14px; padding-left: 30px; font-size: 18px; display: block; color: #4a4a4a; }
.ch__profileOverlayTabs li a:hover { background: #f5f5f5; }

.ch__upArrowIcon { position: absolute; top: -8px; right: 88px; width: 15px; height: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; background: #fff; }

.ch__myWallet, .ch__navHamburger { display: none; }

.ch__myWallet { width: 220px; background: #fff; position: absolute; right: 95px; top: 75px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); z-index: 999; }

.ch__myWallet .ch__upArrowIcon { top: -8px; right: 50%; }

.ch__myWalletBalance { padding-left: 38px !important; padding-right: 38px !important; }
.ch__myWalletBalance li { border-bottom: 1px solid #c8c8c8; }
.ch__myWalletBalance li a { padding-top: 28px; display: block; padding-bottom: 28px; color: #323232; font-family: "lato-regular", Arial, Helvetica, sans-serif; }
.ch__myWalletBalance li:last-child { border-bottom: none; }

.ch__walletUrM { color: #979797; line-height: 22px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__myWallet .btn-info { min-width: 100%; border-radius: 0; }

.ch__hamburger { width: 80px; float: left; margin-right: 20px; }
.ch__hamburger a { padding: 28px 0; padding-top: 30px; padding-bottom: 22px; }

.ch__menu { width: 228px; float: left; display: inline-block; padding-top: 25px; padding-left: 20px; }

.ch__hamburgerArrow { width: 36px; padding-left: 30px; padding-top: 25px; padding-bottom: 25px; display: inline-block; cursor: pointer; }

.ch__icon-bar { background-color: #fff; height: 1px; border-radius: 1px; width: 20px; display: block; margin-bottom: 5px; }

/******end profile overlay********/
/*******hamburger Menu ***********/
.ch__hamburgerMenu { width: 316px; background: #fff; display: block; position: fixed; top: 0; left: 0; z-index: 16; height: 100%; }

.ch__hamburgerMenuListTop { display: block; font-size: 18px; font-family: "lato-regular", Arial, Helvetica, sans-serif; }

.ch__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 15; }

.slideRight { transform: translate(100px); animation-duration: 5s; display: block; }

.ch__navHamburger { display: block; }

.ch__hamburgerMenu { left: -316px; }

.ch__overlay { display: none; }

/*******end hamburger menu *******/
/***funnel loggin common header ***/
.ch-funnel-log-in { width: 246px; padding-left: 20px; }
.ch-funnel-log-in .ch__login { padding: 29px 14px; }
.ch-funnel-log-in .ch__signup { padding: 29px 11px; }

.ch-login-funnel .ch__arrow_icon { right: 190px; z-index: 14; }

.ch-funnel-signup .ch__arrow_icon { right: 78px; z-index: 14; }

.ch__bodyWrapper .mCSB_outside + .mCSB_scrollTools { right: 0 !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #ececec; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color: #b3b3b3 !important; }

/*********error messages********/
.ch-error-msg { padding: 20px; z-index: 999; position: absolute; top: 45px; left: -50px; border: 1px solid #dcdcd8; border-radius: 1px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18); color: #4a4a4a; font-size: 12px; font-family: "lato-regular", Arial, Helvetica, sans-serif; width: 286px; background: #fff; }
.ch-error-msg .o-i-error-icon { position: absolute; top: -14px; left: 50%; }
.ch-error-msg .ch-error-innertxt { padding-top: 3px; padding-left: 14px; width : 181px;}


.multiCity { padding: 16px 25px; }

.multiCity .ch-trip-list-icon { margin: 0 20px 0 0; }

.make_ellipsis { width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ch__notification { display: block; position: relative; width: 45px; float: left; padding: 14px 10px; padding-top: 20px; cursor: pointer; color: #fff !important; }

.ch__loginIcon { height: 15px; background-position: -94px 1px; margin-right: 5px; }

.ch__userInteraction .ch__loggedinUser { padding-top: 22px; padding-bottom: 14px; }

.ch-error-msg { font-size: 12px; padding: 10px; width: 234px; left: 0; box-sizing: border-box; }

.ch-error-msg .o-i-error-icon { left: 10%; }

/*new css added */
.ch__notification { display: block; position: relative; width: 45px; float: left; padding: 14px 10px; padding-top: 20px; cursor: pointer; color: #fff !important; }

.ch__userInteraction .ch__loggedinUser { padding-top: 22px; padding-bottom: 14px; }

/*btn*/
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 9px 12px; font-size: 14px; line-height: 16px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn-primary { color: #fff; background-color: #eb2026; border-color: #bc0006; }

.btn-primary:hover { color: #fff; background-color: #ff4d53; border-color: #db0006; }

.ch__mainNavSearch .ch__login, .ch__mainNavSearch .ch__signup { color: #fff; }

.u-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*# sourceMappingURL=hs.common_header.css.map */


.hide_element {
    display: none!important
}

.show_block_element {
    display: block!important
}

.show_inline_element {
    display: inline-block!important
}

#ch_login_error {
    position: absolute;
    left: 392px;
    top: 71px;
}
#ch_signup_error {
    position: absolute;
    left: 543px;
    top: 67px;
}
#ch_forgetpwd_error {
    position: absolute;
    left: 275px;
    top: 97px;
}

.ch_trip_hotel_name{
	width : 204px;
}

.mmt_header_logo{
	max-width : 83%;margin-top:5px;
}

div.ch__signUpSection, div.ch__loginSection {
    transform: translateZ(0px);
} 

.user button {

    background: none !important;
    border: none;
    font-size: 14px !important;
    padding: 19px 15px;
    color: #000 !important;
    border-radius: 0px;
    margin: 0px;
    text-transform: uppercase;

}
#search_button {

    background: #109510;

}
.user button:hover{color:red  !important;}
.book-now.booking {

    float: left;}

@media only screen and (max-width: 768px) {
	
	.ch__subNavigation{z-index:999;}
   .ch__subNavigation{background:#124680;}
	.ch__subNavigation li a{color:white;}
	
	
	
}