@charset "UTF-8";
 .nav>li>a { 
    padding: 7px 15px !important;
}
.tab-content{
    display:unset ;
}
.btn-warning {
    color: #fff;
    background-color: #dd3b0e;
    border-color: #eea236;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
.hotel-header .hotel-information h1 span {
    font-size: 25px;
}
.breadcrumb {
    background-color: transparent;
    margin: 10px 0px !important;
    padding: 0px !important;
}
.main-home p { 
    font-size: 15px;
}
p#minprices_data > span {
    font-size: 23px;
}
@media only screen and (min-width: 320px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 19em;
    }
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: "";
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}
.bootstrap-datetimepicker-widget td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
    color: #777777;
}
.bootstrap-datetimepicker-widget td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #428bca;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
    background-color: #428bca;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
    color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.sweet-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
}
.sweet-alert {
    background-color: white; 
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
}
@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}
.sweet-alert h2 {
    color: #575757;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 25px;
    display: block;
}
.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.sweet-alert button {
    background-color: #aedef4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
.sweet-alert button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
    background-color: #a1d9f2;
}
.sweet-alert button:active {
    background-color: #81ccee;
}
.sweet-alert button.cancel {
    background-color: #d0d0d0;
}
.sweet-alert button.cancel:hover {
    background-color: #c8c8c8;
}
.sweet-alert button.cancel:active {
    background-color: #b6b6b6;
}
.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button::-moz-focus-inner {
    border: 0;
}
.sweet-alert[data-has-cancel-button="false"] button {
    box-shadow: none !important;
}
.sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}
.sweet-alert .icon.error {
    border-color: #f27474;
}
.sweet-alert .icon.error .x-mark {
    position: relative;
    display: block;
}
.sweet-alert .icon.error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}
.sweet-alert .icon.error .line.left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}
.sweet-alert .icon.error .line.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}
.sweet-alert .icon.warning {
    border-color: #f8bb86;
}
.sweet-alert .icon.warning .body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f8bb86;
}
.sweet-alert .icon.warning .dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f8bb86;
}
.sweet-alert .icon.info {
    border-color: #c9dae1;
}
.sweet-alert .icon.info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #c9dae1;
}
.sweet-alert .icon.info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #c9dae1;
}
.sweet-alert .icon.success {
    border-color: #a5dc86;
}
.sweet-alert .icon.success::before,
.sweet-alert .icon.success::after {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .icon.success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.sweet-alert .icon.success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}
.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .icon.success .fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-tranform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-tranform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-tranform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
@-moz-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
.showSweetAlert {
    -webkit-animation: showSweetAlert 0.3s;
    -moz-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}
.hideSweetAlert {
    -webkit-animation: hideSweetAlert 0.2s;
    -moz-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}
@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@-moz-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@-moz-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
@-moz-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    -moz-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    -moz-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}
.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -moz-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    -moz-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}
@-moz-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}
@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}
.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    -moz-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486;
    }
    100% {
        border-color: #f8bb86;
    }
}
@-moz-keyframes pulseWarning {
    0% {
        border-color: #f8d486;
    }
    100% {
        border-color: #f8bb86;
    }
}
@keyframes pulseWarning {
    0% {
        border-color: #f8d486;
    }
    100% {
        border-color: #f8bb86;
    }
}
.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    -moz-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }
    100% {
        background-color: #f8bb86;
    }
}
@-moz-keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }
    100% {
        background-color: #f8bb86;
    }
}
@keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }
    100% {
        background-color: #f8bb86;
    }
}
.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    -moz-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}
.searchbox {
    left: 0;
}
.searchbox .searchbox-wrap {
    position: relative;
    display: block;
    padding: 16px 8px;
    background: #ebebeb;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.35);
}
.searchbox .searchbox-wrap .icn-plane {
    position: absolute;
    top: -26px;
    right: 16px;
}
.searchbox .searchbox-wrap > form > div {
    padding: 0 6px;
}
.searchbox .searchbox-wrap input,
.searchbox .searchbox-wrap select {
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-size: 12px;
    padding: 8px;
    width: 100%;
}
.searchbox .searchbox-wrap input:focus,
.searchbox .searchbox-wrap select:focus {
    border: 1px solid #888888;
}
.searchbox .searchbox-wrap select {
    padding: 9px 8px;
}
.searchbox .searchbox-wrap .date-home-checkin,
.searchbox .searchbox-wrap .date-home-checkout,
.searchbox .searchbox-wrap .date-menu-checkin,
.searchbox .searchbox-wrap .date-menu-checkout,
.searchbox .searchbox-wrap .date-detail-checkin,
.searchbox .searchbox-wrap .date-detail-checkout,
.searchbox .searchbox-wrap .date-search-checkin,
.searchbox .searchbox-wrap .date-search-checkout {
    position: relative;
}
.searchbox .searchbox-wrap .date-home-checkin i,
.searchbox .searchbox-wrap .date-home-checkout i,
.searchbox .searchbox-wrap .date-menu-checkin i,
.searchbox .searchbox-wrap .date-menu-checkout i,
.searchbox .searchbox-wrap .date-detail-checkin i,
.searchbox .searchbox-wrap .date-detail-checkout i,
.searchbox .searchbox-wrap .date-search-checkin i,
.searchbox .searchbox-wrap .date-search-checkout i {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 6px;
}
.searchbox .searchbox-wrap .search-suggest {
    background-color: #ffffff;
    border: 1px solid #c7a465;
    position: absolute;
    padding: 12px 0;
    display: none;
    z-index: 168;
    top: 70px;
    left: 0;
}
.searchbox .searchbox-wrap .search-suggest h4 {
    font-weight: bold;
}
.searchbox .searchbox-wrap .search-suggest div {
    padding-bottom: 6px;
}
.searchbox .searchbox-wrap .search-autocomplete {
    position: absolute;
    padding: 0 6px;
    display: none;
    z-index: 168;
    width: 100%;
    top: 54px;
    left: 0;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    display: block;
    font-size: 14px;
    max-height: 320px;
    padding-bottom: 4px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item {
    padding: 4px 8px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place {
    position: relative;
    padding: 8px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place a {
    font-weight: bold;
    display: block;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place img {
    width: 48px;
    height: 48px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place span {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    color: #c72628;
    right: 10px;
    top: 8px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place span b {
    font-size: 16px;
    font-weight: bold;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place span b:after {
    content: " ";
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item:hover,
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.item-place:hover {
    background-color: #d9f6f9;
    color: #00c0d9;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap div.title {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
    background-color: #dddddd;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap .mCSB_scrollTools {
    right: -4px;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    background-color: #236baa;
}
.searchbox .searchbox-wrap .search-autocomplete .autocomplete-wrap .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
    background-color: #dddddd;
}
.searchbox .btn-orange {
    line-height: 20px;
}
.searchbox .bootstrap-datetimepicker-widget .table-condensed thead tr th {
    color: #003e6c;
}
.searchbox .bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover {
    background-color: #003e6c;
    color: #ffffff;
}
.top-search {
    position: absolute;
    top: 72px !important;
    padding: 0;
    z-index: 1020;
}
.top-search .searchbox-wrap {
    background: #003e6c;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.top-search .searchbox-wrap ul li.lbl-search {
    color: #ffffff;
    margin-bottom: 3px;
}
.top-search input,
.top-search select {
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .searchbox {
        margin: 0px;
        position: inherit;
        left: 0;
        top: 0;
    }
    .top-search {
        top: 0 !important;
        margin: 0;
    }
}
@media (min-width: 992px) and (max-width: 1085px) {
    .top-search {
        top: 72px !important;
    }
}
@font-face {
    font-family: "ionicons";
    src: url("https://res.ivivu.com/hotel/fonts/ionicons/ionicons.eot");
    src: url("https://res.ivivu.com/hotel/fonts/ionicons/ionicons.eot?#iefix") format("embedded-opentype"), url("https://res.ivivu.com/hotel/fonts/ionicons/ionicons.woff") format("woff"),
        url("https://res.ivivu.com/hotel/fonts/ionicons/ionicons.ttf") format("truetype"), url("https://res.ivivu.com/hotel/fonts/ionicons/ionicons.svg#svgFontName") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "entypo";
    src: url("https://res.ivivu.com/hotel/fonts/entypo/entypo.eot");
    src: url("https://res.ivivu.com/hotel/fonts/entypo/entypo.eot?#iefix") format("embedded-opentype"), url("https://res.ivivu.com/hotel/fonts/entypo/entypo.woff") format("woff"),
        url("https://res.ivivu.com/hotel/fonts/entypo/entypo.ttf") format("truetype"), url("https://res.ivivu.com/hotel/fonts/entypo/entypo.svg#svgFontName") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "entypo-social";
    src: url("https://res.ivivu.com/hotel/fonts/entypo-social/entypo-social.eot");
    src: url("https://res.ivivu.com/hotel/fonts/entypo-social/entypo-social.eot?#iefix") format("embedded-opentype"), url("https://res.ivivu.com/hotel/fonts/entypo-social/entypo-social.woff") format("woff"),
        url("https://res.ivivu.com/hotel/fonts/entypo-social/entypo-social.ttf") format("truetype"), url("https://res.ivivu.com/hotel/fonts/entypo-social/entypo-social.svg#svgFontName") format("svg");
    font-weight: normal;
    font-style: normal;
}
.sprites,
.ionicons,
.entypo,
.entypo-social {
    display: inline-block;
    font-style: normal;
}
.sprites {
    background: url("https://res.ivivu.com/img/sprites.png") no-repeat;
}
.ivivu-logo {
    background-position: 0 0;
    width: 80px;
    height: 50px;
}
.ivivu-blogo {
    background-position: 0 -258px;
    width: 80px;
    height: 50px;
}
.icn-plane {
    background-position: -108px 0;
    width: 62px;
    height: 36px;
}
.icn-menu-threedots {
    background-position: -176px -76px;
    width: 30px;
    height: 12px;
}
.icn-menu-search {
    background-position: -156px -76px;
    width: 20px;
    height: 20px;
}
.icn-search16 {
    background-position: -242px -114px;
    width: 16px;
    height: 16px;
}
.icn-menu-list {
    background-position: -156px -98px;
    width: 20px;
    height: 14px;
}
.icn-menu-phone {
    background-position: -176px -89px;
    width: 25px;
    height: 25px;
}
.icn-menu-arrow {
    background-position: -201px -89px;
    width: 16px;
    height: 25px;
}
.icn-user-circle {
    background-position: -140px -114px;
    width: 22px;
    height: 22px;
}
.icn-datecheckin {
    background-position: -170px 0;
    width: 22px;
    height: 18px;
}
.icn-datecheckout {
    background-position: -170px -18px;
    width: 22px;
    height: 18px;
}
.icn-footermail {
    background-position: -164px -132px;
    width: 28px;
    height: 18px;
}
.icn-footerpin {
    background-position: -269px -30px;
    width: 16px;
    height: 24px;
}
.icn-favorite {
    background-position: -244px -30px;
    width: 25px;
    height: 24px;
}
.icn-happydealmin {
    background-position: -244px -54px;
    width: 25px;
    height: 24px;
}
.icn-checkmark {
    background-position: -258px -114px;
    width: 17px;
    height: 12px;
}
.icn-phonebook {
    background-position: -80px -38px;
    width: 39px;
    height: 39px;
}
.icn-novat {
    background-position: -119px -38px;
    width: 39px;
    height: 39px;
}
.icn-youtube {
    background-position: -342px 0;
    width: 42px;
    height: 30px;
}
.icn-c-facebook {
    background-position: -222px 0;
    width: 30px;
    height: 30px;
}
.icn-c-googleplus {
    background-position: -252px 0;
    width: 30px;
    height: 30px;
}
.icn-c-twitter {
    background-position: -282px 0;
    width: 30px;
    height: 30px;
}
.icn-c-pinterest {
    background-position: -312px 0;
    width: 30px;
    height: 30px;
}
.icn-phone-white {
    background-position: -290px -36px;
    width: 45px;
    height: 45px;
}
.logo-tmg {
    background-position: -80px -150px;
    width: 74px;
    height: 38px;
}
.logo-buffalo {
    background-position: -80px -188px;
    width: 64px;
    height: 45px;
}
.logo-victoria {
    background-position: 0 -210px;
    width: 70px;
    height: 48px;
}
.logo-bct {
    background-position: -80px -110px;
    width: 60px;
    height: 40px;
}
.icn-star-00 {
    background-position: 0 -50px;
    width: 80px;
    height: 16px;
}
.icn-star-10 {
    background-position: 0 -66px;
    width: 80px;
    height: 16px;
}
.icn-star-15 {
    background-position: 0 -82px;
    width: 80px;
    height: 16px;
}
.icn-star-20 {
    background-position: 0 -98px;
    width: 80px;
    height: 16px;
}
.icn-star-25 {
    background-position: 0 -114px;
    width: 80px;
    height: 16px;
}
.icn-star-30 {
    background-position: 0 -130px;
    width: 80px;
    height: 16px;
}
.icn-star-35 {
    background-position: 0 -146px;
    width: 80px;
    height: 16px;
}
.icn-star-40 {
    background-position: 0 -162px;
    width: 80px;
    height: 16px;
}
.icn-star-45 {
    background-position: 0 -178px;
    width: 80px;
    height: 16px;
}
.icn-star-50 {
    background-position: 0 -194px;
    width: 80px;
    height: 16px;
}
.v-icn-star-00 {
    background-position: 0 -50px;
    width: 16px;
    height: 16px;
}
.v-icn-star-10 {
    background-position: 0 -66px;
    width: 16px;
    height: 16px;
}
.v-icn-star-15 {
    background-position: 0 -82px;
    width: 27px;
    height: 16px;
}
.v-icn-star-20 {
    background-position: 0 -98px;
    width: 30px;
    height: 16px;
}
.v-icn-star-25 {
    background-position: 0 -114px;
    width: 40px;
    height: 16px;
}
.v-icn-star-30 {
    background-position: 0 -130px;
    width: 44px;
    height: 16px;
}
.v-icn-star-35 {
    background-position: 0 -146px;
    width: 54px;
    height: 16px;
}
.v-icn-star-40 {
    background-position: 0 -162px;
    width: 58px;
    height: 16px;
}
.v-icn-star-45 {
    background-position: 0 -178px;
    width: 68px;
    height: 16px;
}
.v-icn-star-50 {
    background-position: 0 -194px;
    width: 72px;
    height: 16px;
}
.ionicons {
    font-family: "ionicons";
    font-size: 60px;
    line-height: 0;
}
.entypo {
    font-family: "entypo";
    font-size: 60px;
    line-height: 0;
}
.entypo-social {
    font-family: "entypo-social";
    font-size: 60px;
    line-height: 0;
}
[data-icon]:before {
    content: attr(data-icon);
    speak: none;
}
.icn-hotel-happyxl {
    background-position: -196px -30px;
    width: 48px;
    height: 48px;
}
.icn-hotel-happyxs {
    background-position: -244px -54px;
    width: 25px;
    height: 25px;
}
.icn-hotel-happyto {
    background-position: -162px -114px;
    width: 16px;
    height: 16px;
}
.icn-hotel-happydetail {
    background-position: -178px -114px;
    width: 16px;
    height: 16px;
}
.icn-hotel-happyrequest {
    background-position: -194px -114px;
    width: 16px;
    height: 16px;
}
.icn-stick-12 {
    background-position: -140px -137px;
    width: 12px;
    height: 12px;
}
.icn-stick-16 {
    background-position: -210px -114px;
    width: 16px;
    height: 16px;
}
.icn-arrow-up {
    background-position: -152px -136px;
    width: 12px;
    height: 7px;
}
.icn-arrow-down {
    background-position: -152px -143px;
    width: 12px;
    height: 7px;
}
@media only screen and (min-width: 320px) {
    .vremovePadding-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.hide-by-default {
    display: none;
}
.normalInput {
    background-color: white !important;
    cursor: default !important;
}
.setBackgroundCover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vcolor-primary {
    color: #c72628;
}
.vcolor-warning {
    color: #cb8725;
}
.vcolor-info {
    color: #003025;
}
.vcolor-gray {
    color: #818180;
}
.vcolor-danger {
    color: #d9534f;
}
.vcolor-red {
    color: #e52822;
}
.vcolor-success {
    color: #477a00;
}
.vcolor-link {
    color: #40a6f2;
}
.vcolor-blue {
    color: #0f81d7;
}
.vcolor-text {
    color: #555863;
}
.vcolor-text-dark {
    color: #3d3f47;
}
.vcolor-text-light {
    color: #6c707e;
}
.vbackground-primary {
    background-color: #c72628;
}
.vbackground-warning {
    background-color: #cb8725;
}
.vbackground-info {
    background-color: #003025;
}
.vbackground-danger {
    background-color: #d9534f;
}
.vbackground-panel-background {
    background-color: #f6f7f7;
}
.vspacing0 {
    margin: 0px 0px;
}
.vspacing-x0 {
    margin: 0px 0px;
}
.vspacingtop0 {
    margin-top: 0px;
}
.vspacingbottom0 {
    margin-bottom: 0px;
}
.vspacingleft0 {
    margin-left: 0px;
}
.vspacingright0 {
    margin-right: 0px;
}
.vspacing1 {
    margin: 1px 0px;
}
.vspacing-x1 {
    margin: 0px 1px;
}
.vspacingtop1 {
    margin-top: 1px;
}
.vspacingbottom1 {
    margin-bottom: 1px;
}
.vspacingleft1 {
    margin-left: 1px;
}
.vspacingright1 {
    margin-right: 1px;
}
.vspacing2 {
    margin: 2px 0px;
}
.vspacing-x2 {
    margin: 0px 2px;
}
.vspacingtop2 {
    margin-top: 2px;
}
.vspacingbottom2 {
    margin-bottom: 2px;
}
.vspacingleft2 {
    margin-left: 2px;
}
.vspacingright2 {
    margin-right: 2px;
}
.vspacing3 {
    margin: 3px 0px;
}
.vspacing-x3 {
    margin: 0px 3px;
}
.vspacingtop3 {
    margin-top: 3px;
}
.vspacingbottom3 {
    margin-bottom: 3px;
}
.vspacingleft3 {
    margin-left: 3px;
}
.vspacingright3 {
    margin-right: 3px;
}
.vspacing5,
.vspacing {
    margin: 5px 0px;
}
.vspacing-x5 {
    margin: 0px 5px;
}
.vspacingtop5 {
    margin-top: 5px;
}
.vspacingbottom5,
.vspacingbottom {
    margin-bottom: 5px;
}
.vspacingleft5 {
    margin-left: 5px;
}
.vspacingright5 {
    margin-right: 5px;
}
.vspacing6 {
    margin: 6px 0px;
}
.vspacing-x6 {
    margin: 0px 6px;
}
.vspacingtop6 {
    margin-top: 6px;
}
.vspacingbottom6 {
    margin-bottom: 6px;
}
.vspacingleft6 {
    margin-left: 6px;
}
.vspacingright6 {
    margin-right: 6px;
}
.vspacing7 {
    margin: 7px 0px;
}
.vspacing-x7 {
    margin: 0px 7px;
}
.vspacingtop7 {
    margin-top: 7px;
}
.vspacingbottom7 {
    margin-bottom: 7px;
}
.vspacingleft7 {
    margin-left: 7px;
}
.vspacingright7 {
    margin-right: 7px;
}
.vspacing8 {
    margin: 8px 0px;
}
.vspacing-x8 {
    margin: 0px 8px;
}
.vspacingtop8 {
    margin-top: 8px;
}
.vspacingbottom8 {
    margin-bottom: 8px;
}
.vspacingleft8 {
    margin-left: 8px;
}
.vspacingright8 {
    margin-right: 8px;
}
.vspacing9 {
    margin: 9px 0px;
}
.vspacing-x9 {
    margin: 0px 9px;
}
.vspacingtop9 {
    margin-top: 9px;
}
.vspacingbottom9 {
    margin-bottom: 9px;
}
.vspacingleft9 {
    margin-left: 9px;
}
.vspacingright9 {
    margin-right: 9px;
}
.vspacing10 {
    margin: 10px 0px;
}
.vspacing-x10 {
    margin: 0px 10px;
}
.vspacingtop10 {
    margin-top: 10px;
}
.vspacingbottom10 {
    margin-bottom: 10px;
}
.vspacingleft10 {
    margin-left: 10px;
}
.vspacingright10 {
    margin-right: 10px;
}
/*.vspacing15 {
    margin: 15px 0px;
}
.v*/
.vspacing-x15 {
    margin: 0px 15px;
}
.vspacingtop15 {
    margin-top: 15px;
}
.vspacingbottom15 {
    margin-bottom: 15px;
}
.vspacingleft15 {
    margin-left: 15px;
}
.vspacingright15 {
    margin-right: 15px;
}
.vspacing20 {
    margin: 20px 0px;
}
.vspacing-x20 {
    margin: 0px 20px;
}
.vspacingtop20 {
    margin-top: 20px;
}
.vspacingbottom20 {
    margin-bottom: 20px;
}
.vspacingleft20 {
    margin-left: 20px;
}
.vspacingright20 {
    margin-right: 20px;
}
.vspacing25 {
    margin: 25px 0px;
}
.vspacing-x25 {
    margin: 0px 25px;
}
.vspacingtop25 {
    margin-top: 25px;
}
.vspacingbottom25 {
    margin-bottom: 25px;
}
.vspacingleft25 {
    margin-left: 25px;
}
.vspacingright25 {
    margin-right: 25px;
}
.vspacing30 {
    margin: 30px 0px;
}
.vspacing-x30 {
    margin: 0px 30px;
}
.vspacingtop30 {
    margin-top: 30px;
}
.vspacingbottom30 {
    margin-bottom: 30px;
}
.vspacingleft30 {
    margin-left: 30px;
}
.vspacingright30 {
    margin-right: 30px;
}
.vspacing35 {
    margin: 35px 0px;
}
.vspacing-x35 {
    margin: 0px 35px;
}
.vspacingtop35 {
    margin-top: 35px;
}
.vspacingbottom35 {
    margin-bottom: 35px;
}
.vspacingleft35 {
    margin-left: 35px;
}
.vspacingright35 {
    margin-right: 35px;
}
.vspacing40 {
    margin: 40px 0px;
}
.vspacing-x40 {
    margin: 0px 40px;
}
.vspacingtop40 {
    margin-top: 40px;
}
.vspacingbottom40 {
    margin-bottom: 40px;
}
.vspacingleft40 {
    margin-left: 40px;
}
.vspacingright40 {
    margin-right: 40px;
}
.vspacing45 {
    margin: 45px 0px;
}
.vspacing-x45 {
    margin: 0px 45px;
}
.vspacingtop45 {
    margin-top: 45px;
}
.vspacingbottom45 {
    margin-bottom: 45px;
}
.vspacingleft45 {
    margin-left: 45px;
}
.vspacingright45 {
    margin-right: 45px;
}
.vspacing50 {
    margin: 50px 0px;
}
.vspacing-x50 {
    margin: 0px 50px;
}
.vspacingtop50 {
    margin-top: 50px;
}
.vspacingbottom50 {
    margin-bottom: 50px;
}
.vspacingleft50 {
    margin-left: 50px;
}
.vspacingright50 {
    margin-right: 50px;
}
.no-margin {
    margin: 0px;
}
.no-padding {
    padding: 0px;
}
.star_1:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF";
}
.star_2:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF";
}
.star_3:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF";
}
.star_4:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF \25CF";
}
.star_5:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF \25CF \25CF";
    width: 30px;
}
.vremoveSpacing {
    padding: 0px;
}
.vremoveMargin {
    margin: 0px;
}
.horizontalLine {
    border-bottom: 1px solid #ddd;
    margin: 8px 0px;
}
.nonClickable {
    opacity: 0.6;
    pointer-events: none;
}
.mustacheTemplate {
    display: none;
}
i.fixGlyphicon,
span.fixGlyphicon {
    top: 1px;
    margin-right: 2px;
}
.vHeadLineTitle {
    color: #c72628;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
}
.vbuttonWarning {
    transition: all 0.4s ease;
    border-radius: 4px;
    color: #cb8725;
    border: 2px solid #cb8725;
    background: transparent;
    padding: 10px;
    font-size: 16px;
}
.vbuttonWarning:hover {
    background: #cb8725;
    color: white;
}
.datepickerDiv {
    position: relative;
}
.datepickerDiv i.sprites {
    position: absolute;
    top: 7px;
    right: 7px;
}
.autoexpand_textarea {
    overflow: hidden;
    padding: 6px 12px;
    -moz-box-sizing: content-box;
}
.btn.btn-action {
    outline: none !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #cb8725;
    border: 1px solid #cb8725;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
}
.btn.btn-action:hover {
    background: #f9ab52;
    color: #fff;
}
.btn.btn-action:focus {
    background: #f9ab52;
    color: #fff;
}
.btn.btn-action .fa {
    color: #fff !important;
}
@media only screen and (max-width: 479px) {
    .btn.btn-action.btn-big {
        height: 60px;
        font-size: 24px;
    }
}
.btn.btn-action_accent {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #003025;
    border: 1px solid #003025;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
}
.btn.btn-action_accent:hover {
    background: #4fcce0;
    color: #fff;
}
.btn.btn-action_accent:focus {
    background: #4fcce0;
    color: #fff;
}
.btn.btn-action_accent .fa {
    color: #fff !important;
}
@media only screen and (max-width: 479px) {
    .btn.btn-action_accent.btn-big {
        height: 60px;
        font-size: 24px;
    }
}
.collapse-icon {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}
.collapse-icon.open {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}
@media only screen and (min-width: 320px) {
    .p-r-0-xs {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .p-r-0-sm {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .p-r-0-md {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .p-r-0-lg {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 320px) {
    .p-l-0-xs {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .p-l-0-sm {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .p-l-0-md {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .p-l-0-lg {
        padding-left: 0px;
    }
}
.v-text-200 {
    font-weight: 200;
}
.v-text-300 {
    font-weight: 300;
}
.v-text-400 {
    font-weight: 400;
}
.v-text-500 {
    font-weight: 500;
}
.v-text-600 {
    font-weight: 600;
}
.v-text-700 {
    font-weight: 700;
}
@media only screen and (min-width: 320px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 19em;
    }
}
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.v-ribbon h1,
.v-ribbon h2,
.v-ribbon h3,
.v-ribbon h4,
.v-ribbon h5,
.v-ribbon h6,
.v-ribbon span {
    z-index: 1;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    margin: 0 0px 0px -26px;
    background-color: #e52822;
    top: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
}
.v-ribbon h1:before,
.v-ribbon h1:after,
.v-ribbon h2:before,
.v-ribbon h2:after,
.v-ribbon h3:before,
.v-ribbon h3:after,
.v-ribbon h4:before,
.v-ribbon h4:after,
.v-ribbon h5:before,
.v-ribbon h5:after,
.v-ribbon h6:before,
.v-ribbon h6:after,
.v-ribbon span:before,
.v-ribbon span:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}
@media only screen and (min-width: 320px) {
    .v-ribbon h1,
    .v-ribbon h2,
    .v-ribbon h3,
    .v-ribbon h4,
    .v-ribbon h5,
    .v-ribbon h6,
    .v-ribbon span {
        padding: 5px 10px 5px 20px;
    }
}
@media only screen and (min-width: 480px) {
    .v-ribbon h1,
    .v-ribbon h2,
    .v-ribbon h3,
    .v-ribbon h4,
    .v-ribbon h5,
    .v-ribbon h6,
    .v-ribbon span {
        padding: 5px 10px 5px 10px;
    }
}
.v-ribbon h1:before,
.v-ribbon h2:before,
.v-ribbon h3:before,
.v-ribbon h4:before,
.v-ribbon h5:before,
.v-ribbon h6:before,
.v-ribbon span:before {
    border-width: 0 10px 10px 0;
    border-right-color: #9c0000;
    left: 0;
}
.v-ribbon3 .ribbon span {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #9c0000;
    background: linear-gradient(#e52822 0%, #9c0000 100%);
    position: absolute;
    top: 19px;
    left: -21px;
}
.v-ribbon3 .ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #9c0000;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #9c0000;
}
.v-ribbon3 .ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #9c0000;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #9c0000;
}
.v-ribbon h1,
.v-ribbon .ribbon-content {
    z-index: 1;
    font-size: 14px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    margin: 0 0px 0px -10px;
    padding: 5px 0;
    background-color: #e52822;
    font-weight: 400;
    top: 30px;
    -moz-box-shadow: 3px 3px 1px -3px #4e4e4e;
    -webkit-box-shadow: 3px 3px 1px -3px #4e4e4e;
    box-shadow: 3px 3px 1px -3px #4e4e4e;
}
.v-ribbon h1:before,
.v-ribbon h1:after,
.v-ribbon .ribbon-content:before,
.v-ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}
.v-ribbon h1 span.spanOff,
.v-ribbon .ribbon-content span.spanOff {
    font-size: 12px;
}
@media only screen and (max-width: 320px) {
    .v-ribbon h1,
    .v-ribbon .ribbon-content {
        padding: 8px 10px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        /* width: 100%; */
    }
}
@media only screen and (min-width: 320px) {
    .v-ribbon h1,
    .v-ribbon .ribbon-content {
        padding: 8px 10px;
    }
}
@media only screen and (min-width: 768px) {
    .v-ribbon h1,
    .v-ribbon .ribbon-content {
        padding: 5px 35px;
        /* font-size: 18px; */
    }
}
.v-ribbon h1.normalContent,
.v-ribbon .ribbon-content.normalContent {
    text-align: left;
    font-size: 13px;
}
@media only screen and (min-width: 320px) {
    .v-ribbon h1.normalContent,
    .v-ribbon .ribbon-content.normalContent {
        padding: 6px 10px;
        max-width: none;
    }
}
@media only screen and (min-width: 768px) {
    .v-ribbon h1.normalContent,
    .v-ribbon .ribbon-content.normalContent {
        padding: 4px 5px;
        max-width: 100%;
    }
}
.v-ribbon h1:before,
.v-ribbon .ribbon-content:before {
    border-width: 0 10px 10px 0;
    border-right-color: #9c0000;
    left: 0;
}
.v-ribbon2 h1 {
    z-index: 10;
    font-size: 22px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    margin: 0 0px 0px 0px;
    padding: 5px 0;
    background-color: #e52822;
    font-weight: bold;
    top: 10px;
    -moz-box-shadow: 3px 3px 1px -3px #4e4e4e;
    -webkit-box-shadow: 3px 3px 1px -3px #4e4e4e;
    box-shadow: 3px 3px 1px -3px #4e4e4e;
}
.v-ribbon2 h1:before,
.v-ribbon2 h1:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}
.v-ribbon2 h1 span.spanOff {
    font-size: 12px;
}
@media only screen and (min-width: 320px) {
    .v-ribbon2 h1 {
        padding: 8px 45px;
    }
}
@media only screen and (min-width: 768px) {
    .v-ribbon2 h1 {
        padding: 5px 35px;
    }
}
.v-ribbon2 h1.normalContent {
    text-align: left;
    font-size: 12px;
}
@media only screen and (min-width: 320px) {
    .v-ribbon2 h1.normalContent {
        padding: 12px 10px;
        max-width: none;
    }
}
@media only screen and (min-width: 768px) {
    .v-ribbon2 h1.normalContent {
        padding: 8px 10px;
        max-width: 205px;
    }
}
* {
    outline: none;
}
body {
    
    background-color: #fff;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}
ul,
ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a {
    color: #c7a465;
}
a:hover {
    color: #00c0d9;
}
a,
a:hover,
a:visited,
a:active,
a:focus {
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.mirror {
    filter: progid:DXImageTransform.Microsoft.BasicImage(mirror = 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.uppercase {
    text-transform: uppercase;
}
.color-twitter {
    color: #78cdf0;
}
.color-facebook {
    color: #667eb9;
}
.color-googleplus {
    color: #f35e47;
}
.color-pinterest {
    color: #ea5768;
}
.color-orange {
    color: #ff9f00;
}
.color-price {
    color: #00c2e5;
}
.color-white {
    color: #ffffff;
}
.color-green {
    color: #0ea913;
}
.color-blue {
    color: #00c0d9;
}
.color-darkblue {
    color: #003e6c;
}
.color-red {
    color: #c32903;
}
.color-dred {
    color: #ff0000;
}
a.color-green:hover,
a.color-green:active,
a.color-green:visited {
    color: #0ea913;
    opacity: 0.8;
}
.cl-gray-8 {
    color: #888888;
}
.cl-gray-d {
    color: #dddddd;
}
.cr-red:hover,
.cr-red:focus {
    color: #c32903;
}
.bg-white {
    background-color: #ffffff;
}
.bg-blue {
    background-color: #003e6c;
}
.bg-green {
    background-color: #0ea913;
}
.bg-blue-light {
    background-color: #66ccff;
}
.bg-orange {
    background-color: #ffb81a;
}
.bg-inline-block {
    display: inline-block !important;
}
.font-opensans {
    font-family: "Open Sans";
}
.font-lighter {
    font-weight: lighter;
}
.font-normal {
    font-weight: normal;
}
.font-bold {
        font-size: 15px;
    font-weight: bold;
}
.disp-block {
    display: block;
}
.font-size-10 {
    font-size: 10px;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-14 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-20 {
    font-size: 20px;
}
.font-size-24 {
    font-size: 24px;
}
.font-size-28 {
    font-size: 28px;
}
.font-size-32 {
    font-size: 32px;
}
.font-size-36 {
    font-size: 36px;
}
.font-size-40 {
    font-size: 40px;
}
.font-size-48 {
    font-size: 48px;
}
.font-size-54 {
    font-size: 54px;
}
.opacity-3,
.hover-opacity-3:hover {
    opacity: 0.3;
}
.opacity-4,
.hover-opacity-4:hover {
    opacity: 0.4;
}
.opacity-5,
.hover-opacity-5:hover {
    opacity: 0.5;
}
.opacity-6,
.hover-opacity-6:hover {
    opacity: 0.6;
}
.opacity-7,
.hover-opacity-7:hover {
    opacity: 0.7;
}
.opacity-8,
.hover-opacity-8:hover {
    opacity: 0.8;
}
.opacity-9,
.hover-opacity-9:hover {
    opacity: 0.9;
}
.br-4 {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.br-8 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.bc-1s-red {
    border: 1px solid #ff0000 !important;
}
.content-horizontal:before {
    content: "|";
}
.content-greater:before {
    content: ">";
}
.content-asterisk:before {
    content: "*";
}
.txt-through {
    text-decoration: line-through;
}
.txt-left {
    text-align: left;
}
.txt-center {
    text-align: center;
}
.txt-justify {
    text-align: justify;
}
.txtarea-resize-none {
    resize: none;
}
.dsp-block {
    display: block;
}
.txtshadow {
    -webkit-text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
.boxshadow {
    -webkit-box-shadow: 3px 3px 5px 6px #cccccc;
    -moz-box-shadow: 3px 3px 5px 6px #cccccc;
    box-shadow: 3px 3px 5px 6px #cccccc;
}
.insetshadow {
    -webkit-box-shadow: inset 0 0 10px #000000;
    -moz-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}
.pad-t-0 {
    padding-top: 0px;
}
.pad-r-0 {
    padding-right: 0px;
}
.pad-b-0 {
    padding-bottom: 0px;
}
.pad-l-0 {
    padding-left: 0px;
}
.pad-tb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.pad-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.pad-t-4 {
    padding-top: 4px;
}
.pad-r-4 {
    padding-right: 4px;
}
.pad-b-4 {
    padding-bottom: 4px;
}
.pad-l-4 {
    padding-left: 4px;
}
.pad-tb-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.pad-lr-4 {
    padding-left: 4px;
    padding-right: 4px;
}
.pad-t-8 {
    padding-top: 8px;
}
.pad-r-8 {
    padding-right: 8px;
}
.pad-b-8 {
    padding-bottom: 8px;
}
.pad-l-8 {
    padding-left: 8px;
}
.pad-tb-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.pad-lr-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.pad-t-10 {
    padding-top: 10px;
}
.pad-r-10 {
    padding-right: 10px;
}
.pad-b-10 {
    padding-bottom: 10px;
}
.pad-l-10 {
    padding-left: 10px;
}
.pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pad-t-15 {
    padding-top: 15px;
}
.pad-r-15 {
    padding-right: 15px;
}
.pad-b-15 {
    padding-bottom: 15px;
}
.pad-l-15 {
    padding-left: 15px;
}
.pad-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.pad-t-30 {
    padding-top: 30px;
}
.pad-r-30 {
    padding-right: 30px;
}
.pad-b-30 {
    padding-bottom: 30px;
}
.pad-l-30 {
    padding-left: 30px;
}
.pad-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.mrg-t-4 {
    margin-top: 4px;
}
.mrg-r-4 {
    margin-right: 4px;
}
.mrg-b-4 {
    margin-bottom: 4px;
}
.mrg-l-4 {
    margin-left: 4px;
}
.mrg-tb-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.mrg-lr-4 {
    margin-left: 4px;
    margin-right: 4px;
}
.mrg-t-8 {
    margin-top: 8px;
}
.mrg-r-8 {
    margin-right: 8px;
}
.mrg-b-8 {
    margin-bottom: 8px;
}
.mrg-l-8 {
    margin-left: 8px;
}
.mrg-tb-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mrg-lr-8 {
    margin-left: 8px;
    margin-right: 8px;
}
.mrg-t-10 {
    margin-top: 10px;
}
.mrg-r-10 {
    margin-right: 10px;
}
.mrg-b-10 {
    margin-bottom: 10px;
}
.mrg-l-10 {
    margin-left: 10px;
}
.mrg-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mrg-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.mrg-t-15 {
    margin-top: 15px;
}
.mrg-r-15 {
    margin-right: 15px;
}
.mrg-b-15 {
    margin-bottom: 15px;
}
.mrg-l-15 {
    margin-left: 15px;
}
.mrg-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mrg-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.mrg-t-30 {
    margin-top: 30px;
}
.mrg-r-30 {
    margin-right: 30px;
}
.mrg-b-30 {
    margin-bottom: 30px;
}
.mrg-l-30 {
    margin-left: 30px;
}
.mrg-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mrg-lr-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.mrg-lr-auto {
    margin-left: auto;
    margin-right: auto;
}
.bdr-a-d {
    border: 1px solid #dddddd;
}
.bdr-t-d {
    border-top: 1px solid #dddddd;
}
.bdr-r-d {
    border-right: 1px solid #dddddd;
}
.bdr-b-d {
    border-bottom: 1px solid #dddddd;
}
.bdr-l-d {
    border-left: 1px solid #dddddd;
}
.wth-full {
    width: 100%;
}
.bdr-lb-d8 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.bdr-lb-d8:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.breadcrumb {
    background-color: transparent;
    margin: 10px 0;
}
.btn-blue,
.btn-orange {
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
}
.btn-blue:hover,
.btn-orange:hover {
    color: #ffffff;
}
.btn-blue {
    background-color: #00c0d9;
    border: none !important;
}
.btn-blue:hover {
    background-color: rgba(0, 192, 217, 0.8);
}
.btn-orange {
    background-color: #ff9f00;
    border: none !important;
}
.btn-orange:hover {
    background-color: #faad2e;
}
.bdr-orange {
    border: 1px solid #ff9f00 !important;
}
.home-slider .btn-blue {
    padding: 8px 24px;
}
[data-page="hotellist"] .btn-blue,
[data-page="searchpage"] .btn-blue {
    font-weight: bold;
    padding: 4px 8px;
    min-width: 80px;
    display: block;
}
input.loading {
    background: url("https://res.ivivu.com/img/loading_input.gif") no-repeat 98% center #fff !important;
}
[data-page="homepage"] {
    margin-top: 0 !important;
}
#ivivuModal .close {
    padding: 2px 4px;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
}
.modal-vertical-centered {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important;
    -webkit-transform: translate(0, 50%) !important;
}
#preloader {
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 12px 12px 12px 56px;
    color: #40a8cc;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 60px;
    margin-top: -30px;
    margin-left: -120px;
    border-radius: 8px;
    z-index: 999;
}
#preloader h4 {
    font-size: 16px;
    font-weight: bold;
}
#preloader span {
    font-size: 13px;
}
#preloader i.preloader {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 42px;
    height: 42px;
    display: block;
    background: url(https://res.ivivu.com/img/preloader.gif) no-repeat 0 0;
    background-size: 42px 42px;
}
.vmapModalHeader .vmapName {
    color: #c72628;
    font-size: 18px;
    font-weight: bold;
}
.vmapModalHeader .vmapLocation {
    color: #003025;
    font-size: 14px;
}
.vmapModalHeader .vmapHotelName {
    color: #818180;
    font-size: 14px;
}
.vmapModalHeader .vmapVerticalLine {
    border-left: 1px solid #818180;
    margin: 0px 10px;
}
.vmapModalHeader .vmapCloseButton {
    position: inherit !important;
    padding: 0px !important;
    float: inherit !important;
    float: right !important;
}
.vmapModalBody {
    border: 1px solid #cdcccb;
    border-radius: 5px;
}
.socialIcon {
    width: 30px;
}
.socialIcon:hover {
    opacity: 0.7;
}
.customModal {
    font-size: 12px;
}
.vmodal {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    color: #4e4e4e;
    font-size: 12px;
    line-height: 1.8;
}
.vmodal .spanLabel {
    top: 5px;
}
.vmodal .modal-header {
    border-bottom: none;
    padding: 15px 15px 0px 0px;
}
.vmodal .modal-header .modal-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    color: #c72628;
}
.vmodal .modal-header.primary {
    padding: 8px 15px;
    background: #c72628;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.vmodal .modal-header.primary .modal-title {
    color: white;
}
.vmodal .modal-header.primary button.close {
    color: white;
    margin-top: 3px;
}
.vmodal .modal-body {
    padding: 15px;
}
.vmodal table.table tr td {
    vertical-align: middle;
}
.favouriteIcon {
    width: 15px;
    margin: 5px;
}
.inline-block {
    display: inline-block;
}
 
.date-modal-checkin,
.date-modal-checkout {
    position: relative;
}
.date-modal-checkin i,
.date-modal-checkout i {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 6px;
}
.loginModal {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}
.loginModal p {
    font-size: 16px;
}
.loginModal h2 {
    color: #555863;
}
.loginModal a {
    transition: all 0.15s ease-in-out;
    color: #818180;
    text-decoration: underline;
}
.loginModal a:hover {
    color: #003025;
}
.loginModal .modal-content .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f9f9f9;
}
.loginModal .modal-content .modal-header .modal-image img {
    width: 80px;
}
.loginModal .modal-content .separateDiv .separateDivInner {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}
.loginModal .modal-content .separateDiv .separateDivInner span {
    color: #818180;
    font-size: 16px;
    background-color: white;
    padding: 0 10px;
    position: relative;
    top: 8px;
}
.loginModal .modal-content .registerAccountDiv p {
    margin-top: 8px;
}
@media only screen and (min-width: 320px) {
    .loginModal .modal-content .modal-body {
        padding: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .loginModal .modal-content .modal-body {
        padding: 15px;
    }
}
.loginModal .modal-content .modal-body label {
    color: #494b55;
    font-size: 16px;
    font-weight: normal;
}
.loginModal .modal-content .modal-body input[type="text"] {
    transition: all 0.15s ease-in-out;
    border: 1px solid #ebebeb;
    box-shadow: none;
    font-size: 16px;
    height: 40px;
}
.loginModal .modal-content .modal-body input[type="text"]:focus {
    border-color: rgba(64, 166, 242, 0.65);
}
.loginModal .modal-content .modal-body .checkbox label {
    font-size: 14px;
}
.loginModal .modal-content .socialLoginButton {
    text-align: left;
    border: 1px solid #ebebeb;
    background-color: white;
}
.loginModal .modal-content .socialLoginButton .media {
    padding-top: 5px;
    padding-bottom: 5px;
}
.loginModal .modal-content .socialLoginButton .media {
    padding-top: 5px;
    padding-bottom: 5px;
}
.loginModal .modal-content .socialLoginButton .media .media-left img {
    width: 25px;
}
.loginModal .modal-content .socialLoginButton .button-title {
    font-size: 16px;
}
.loginModal .modal-content .socialLoginButton .button-description {
    font-size: 13px;
}
.loginModal .modal-content .socialLoginButton i.fa {
    font-size: 30px;
}
.loginModal .modal-content .socialLoginButton i,
.loginModal .modal-content .socialLoginButton .button-title,
.loginModal .modal-content .socialLoginButton .button-description {
    color: #818180;
}
.loginModal .modal-content .socialLoginButton:hover {
    background-color: #f1f1f2;
}
.loginModal .modal-content .loginButton {
    transition: all 0.15s ease-in-out;
    height: 40px;
    background-color: #cb8725;
    border: 1px solid #cb8725;
}
.loginModal .modal-content .loginButton .button-title {
    color: white;
    font-size: 16px;
}
.loginModal .modal-content .loginButton:hover {
    background-color: rgba(247, 147, 33, 0.8);
}
.v-margin-top-0 {
    margin-top: 0px;
}
.v-margin-left-0 {
    margin-left: 0px;
}
.v-margin-bottom-0 {
    margin-bottom: 0px;
}
.v-margin-right-0 {
    margin-right: 0px;
}
.v-padding-top-0 {
    padding-top: 0px;
}
.v-padding-left-0 {
    padding-left: 0px;
}
.v-padding-bottom-0 {
    padding-bottom: 0px;
}
.v-padding-right-0 {
    padding-right: 0px;
}
@media (min-width: 768px){
    .v-padding-right-sm-0 {
        padding-right: 0px;
    }
}
@media (max-width: 767px){
    .v-margin-bottom-xs-15{
        margin-bottom: 15px;
    }
}
.v-margin-top-3 {
    margin-top: 3px;
}
.v-margin-left-3 {
    margin-left: 3px;
}
.v-margin-bottom-3 {
    margin-bottom: 3px;
}
.v-margin-right-3 {
    margin-right: 3px;
}
.v-padding-top-3 {
    padding-top: 3px;
}
.v-padding-left-3 {
    padding-left: 3px;
}
.v-padding-bottom-3 {
    padding-bottom: 3px;
}
.v-padding-right-3 {
    padding-right: 3px;
}
.v-margin-top-5 {
    margin-top: 5px;
}
.v-margin-left-5 {
    margin-left: 5px;
}
.v-margin-bottom-5 {
    margin-bottom: 5px;
}
.v-margin-right-5 {
    margin-right: 10px;
}
.v-padding-top-5 {
    padding-top: 5px;
}
.v-padding-left-5 {
    padding-left: 5px;
}
.v-padding-bottom-5 {
    padding-bottom: 5px;
}
.v-padding-right-5 {
    padding-right: 5px;
}
.v-margin-top-8 {
    margin-top: 8px;
}
.v-margin-left-8 {
    margin-left: 8px;
}
.v-margin-bottom-8 {
    margin-bottom: 8px;
}
.v-margin-right-8 {
    margin-right: 8px;
}
.v-padding-top-8 {
    padding-top: 8px;
}
.v-padding-left-8 {
    padding-left: 8px;
}
.v-padding-bottom-8 {
    padding-bottom: 8px;
}
.v-padding-right-8 {
    padding-right: 8px;
}
.v-margin-top-10 {
    margin-top: 10px;
}
.v-margin-left-10 {
    margin-left: 10px;
}
.v-margin-bottom-10 {
    margin-bottom: 10px;
}
.v-margin-right-10 {
    margin-right: 10px;
}
.v-padding-top-10 {
    padding-top: 10px;
}
.v-padding-left-10 {
    padding-left: 10px;
}
.v-padding-bottom-10 {
    padding-bottom: 10px;
}
.v-padding-right-10 {
    padding-right: 10px;
}
.v-margin-top-15 {
    margin-top: 15px;
}
.v-margin-left-15 {
    margin-left: 15px;
}
.v-margin-bottom-15 {
    margin-bottom: 15px;
}
.v-margin-right-15 {
    margin-right: 15px;
}
.v-padding-top-15 {
    padding-top: 15px;
}
.v-padding-left-15 {
    padding-left: 15px;
}
.v-padding-bottom-15 {
    padding-bottom: 15px;
}
.v-padding-right-15 {
    padding-right: 15px;
}
.v-margin-top-20 {
    margin-top: 20px;
}
.v-margin-left-20 {
    margin-left: 20px;
}
.v-margin-bottom-20 {
    margin-bottom: 20px;
}
.v-margin-right-20 {
    margin-right: 20px;
}
.v-padding-top-20 {
    padding-top: 20px;
}
.v-padding-left-20 {
    padding-left: 20px;
}
.v-padding-bottom-20 {
    padding-bottom: 20px;
}
.v-padding-right-20 {
    padding-right: 20px;
}
.v-margin-top-25 {
    margin-top: 25px;
}
.v-margin-left-25 {
    margin-left: 25px;
}
.v-margin-bottom-25 {
    margin-bottom: 25px;
}
.v-margin-right-25 {
    margin-right: 25px;
}
.v-padding-top-25 {
    padding-top: 25px;
}
.v-padding-left-25 {
    padding-left: 25px;
}
.v-padding-bottom-25 {
    padding-bottom: 25px;
}
.v-padding-right-25 {
    padding-right: 25px;
}
.v-margin-top-30 {
    margin-top: 30px;
}
.v-margin-left-30 {
    margin-left: 30px;
}
.v-margin-bottom-30 {
    margin-bottom: 30px;
}
.v-margin-right-30 {
    margin-right: 30px;
}
.v-padding-top-30 {
    padding-top: 30px;
}
.v-padding-left-30 {
    padding-left: 30px;
}
.v-padding-bottom-30 {
    padding-bottom: 30px;
}
.v-padding-right-30 {
    padding-right: 30px;
}
body {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 480px) {
    body {
        background: #f9fbfc;
    }
}
.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}
.main-header > .navbar {
    -webkit-transition: margin-left 0.15s ease-in-out;
    -o-transition: margin-left 0.15s ease-in-out;
    transition: margin-left 0.15s ease-in-out;
    margin-bottom: 0;
    margin-left: 300px;
    border: none;
    min-height: 50px;
    border-radius: 0;
}
.layout-top-nav .main-header > .navbar {
    margin-left: 0;
}
.main-header #navbar-search-input.form-control {
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
    color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
    color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
    float: right;
}
@media (max-width: 991px) {
    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }
}
@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }
    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
    content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
    color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
    background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
    display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: 0.9;
}
.main-header .logo {
    -webkit-transition: width 0.15s ease-in-out;
    -o-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 300px;
    
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}
.main-header .logo .logo-lg {
    display: block;
}
.main-header .logo .logo-mini {
    display: none;
}
.main-header .navbar-brand {
    color: #fff;
}
.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}
.content-header > h1 {
    margin: 0;
    font-size: 24px;
}
.content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}
.content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
    color: #444;
    text-decoration: none;
    display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
    content: ">\00a0";
}
@media (max-width: 991px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de;
        padding-left: 10px;
    }
    .content-header > .breadcrumb li:before {
        color: #97a0b3;
    }
}
.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}
@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li {
        float: left;
    }
    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .main-header {
        position: relative;
    }
    .main-header .logo,
    .main-header .navbar {
        width: 100%;
        float: none;
    }
    .main-header .navbar {
        margin: 0;
    }
    .main-header .navbar-custom-menu {
        float: right;
    }
}
@media (max-width: 991px) {
    .navbar-collapse.pull-left {
        float: none !important;
    }
    .navbar-collapse.pull-left + .navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 40px;
    }
}
.dropdown-menu {
    box-shadow: none;
    border-color: #eee;
}
.dropdown-menu > li > a {
    color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
    margin-right: 10px;
}
.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu > .divider {
    background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
    position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-radius: 4px 4px 0 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    border-radius: 0 0 4px 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444 !important;
    text-align: center;
}
@media (max-width: 991px) {
    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    margin: 0;
    padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 15px;
    position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    content: " ";
    display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    padding: 0;
    margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    color: #444 !important;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #666666;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f9f9f9;
    }
}
.navbar-nav > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}
@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}
.open:not(.dropup) > .animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
    }
}
.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}
@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
    }
    .navbar-custom-menu > .navbar-nav > li {
        position: static;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
    }
}
.main-header .navbar {
    background-color: #c72628;
}
.main-header .navbar .nav > li > a {
    color: #fff;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
    background-color: #002e58;
}
@media (max-width: 767px) {
    .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .main-header .navbar .dropdown-menu li a:hover {
        background: #002e58;
    }
}
.main-header .logo {
    background-color: #002e58;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
    background-color: #002c52;
}
.main-header li.user-header {
    background-color: #c72628;
}
.content-header {
    background: transparent;
}
.main-header.ivivu-main-header {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    z-index: 10;
}
.main-header.ivivu-main-header .navbar {
    margin-left: 0px;
    border: 0px solid transparent;
    background-color: #c72628;
}
.main-header.ivivu-main-header .navbar .nav > li > a {
    color: #fff;
}
.main-header.ivivu-main-header .navbar .nav > li > a:hover,
.main-header.ivivu-main-header .navbar .nav > li > a:active,
.main-header.ivivu-main-header .navbar .nav > li > a:focus,
.main-header.ivivu-main-header .navbar .nav .open > a,
.main-header.ivivu-main-header .navbar .nav .open > a:hover,
.main-header.ivivu-main-header .navbar .nav .open > a:focus,
.main-header.ivivu-main-header .navbar .nav > .active > a {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header.ivivu-main-header .navbar .sidebar-toggle:hover {
    color: #003025;
    background: none;
}
.main-header.ivivu-main-header .navbar .navbar-header .navbar-brand {
    padding-top: 5px;
    padding-bottom: 0px;
}
.main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
    height: auto;
}
@media only screen and (max-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 50px;
        position: absolute;
        left: 0;
        top: 10px;
    }
}
@media only screen and (min-width: 321px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 65px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 100%;
    }
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 18px;
    }
}
@media only screen and (min-width: 480px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 20px;
    }
}
.main-header.ivivu-main-header .navbar ul.nav > li > a {
    transition: all 0.1s ease-in-out;
    letter-spacing: -0.2px;
}
.main-header.ivivu-main-header .navbar ul.nav > li > a:hover {
    color: #003025;
    background: none;
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar ul.nav > li > a {
        padding: 20px 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.nav > li > a {
        padding: 20px 13px;
    }
}
.main-header.ivivu-main-header .navbar ul.nav > li.active {
    border-bottom: 2px solid #fdbf65;
}
.main-header.ivivu-main-header .navbar ul.nav > li.active a {
    background: none;
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar ul.nav > li.active {
        border-bottom-width: 0px;
    }
    .main-header.ivivu-main-header .navbar ul.nav > li.active a {
        color: #003025;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu {
    background: #c72628;
    border: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
    transition: all 0.2s ease-in-out;
    color: white;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a:hover {
    background: none;
    color: #003025;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 18px;
        padding: 10px 15px;
    }
}
@media only screen and (min-width: 480px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 16px;
        padding: 8px 15px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 20px;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li.active a {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li.divider {
    background-color: rgba(255, 255, 255, 0.1);
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu {
    padding: 8px 0;
    background: white !important;
    min-width: 246px;
    margin: 5px -15px 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 12px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap .btn-login-header {
    width: 100%;
    background: #003025;
    color: white;
    border: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap .btn-login-header:hover {
    background-color: #42d7ef !important;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text {
    padding: 4px 12px;
    text-align: center;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text .register-link {
    cursor: pointer;
    text-decoration: underline;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text .register-link:hover {
    color: #42d7ef;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after,
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after {
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 7px;
    margin-left: -7px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header {
    padding: 10px 15px;
    display: flex;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__avatar {
    padding-right: 15px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__avatar img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(78, 78, 78, 0.4);
    width: 43px;
    height: 43px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.name {
    font-size: 18px;
    color: #c72628;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.description {
    font-size: 13px;
    color: black;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
        max-width: 170px;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
        max-width: 220px;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .equal-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .point-menu-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .point-text {
    padding-left: 0;
    padding-top: 4px;
    text-align: right;
    align-self: center;
    color: #c72628;
    font-size: 12px;
    font-weight: bold;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap {
    padding: 12px 16px 5px 16px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap .logout-btn {
    transition: all 0.5s;
    height: 40px;
    border-radius: 4px;
    color: black;
    border: solid 1px #bdbdbd;
    background-color: white;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap .logout-btn:hover {
    border: solid 1px #c72628;
    color: #c72628;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu > li > a {
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: black;
    font-size: 14px;
    letter-spacing: normal;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu > li > a:hover {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu {
        margin-top: 8px;
    }
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after,
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
        left: 86%;
    }
}
.main-header.ivivu-main-header .navbar .navbar-collapse {
    box-shadow: none;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu .username-header {
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 21px;
    margin-bottom: -4px;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper img {
    width: 39px;
    height: 39px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(78, 78, 78, 0.4);
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper {
        display: inline-block;
        position: absolute;
        left: -30px;
        bottom: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu {
        right: 70px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login a i.fa {
        text-shadow: 0 0 2px rgba(0, 19, 37, 0.5);
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login.logged-in a i.fa {
        color: #003025;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login.open a.dropdown-toggle {
        background: #004a8b;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login ul.dropdown-menu {
        background: #004a8b;
        background: linear-gradient(to bottom, #004a8b, #c72628);
        right: 0%;
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .btn-login {
    color: white;
    background: #cb8725;
    border: none;
    transition: all 0.2s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .btn-login:hover {
    background: #fdbf65;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 0px;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 20px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 40px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item.active {
        background: #004a8b;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-item {
    color: white;
    display: block;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
    color: #cb8725;
    text-decoration: none;
    letter-spacing: -1px;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link .fa {
    position: relative;
    top: 1px;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link:hover {
    color: #fdbf65;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-description,
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location {
    color: white;
    font-size: 12px;
    margin: 0px;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown {
    user-select: none;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu {
    width: 250px;
    background: white;
    padding: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu .hotline-dd-item {
    font-size: 16px;
    padding: 12px 15px;
    color: #6c707e;
    cursor: pointer;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu .hotline-dd-item:hover {
    background: rgba(148, 151, 163, 0.05);
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu li:not(:last-child) .hotline-dd-item {
    border-bottom: 1px solid rgba(148, 151, 163, 0.25);
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu {
        top: 3px;
        position: absolute;
        left: -35px;
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location:hover {
    color: #003025;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 50px;
        padding-right: 5px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1.5px;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        position: relative;
        right: 15px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 51px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 60px;
        padding-left: 30px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -1px;
        text-decoration: none;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link:hover {
        color: #fdbf65;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 60px;
    }
}
@media only screen and (-ms-high-contrast: none) and (min-width: 992px), only screen and (-ms-high-contrast: active) and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 80px;
    }
}
.header-search-form {
    border-radius: 0 0 4px 4px;
    background: #c72628;
    padding: 15px 0px;
}
.header-search-form__outer {
    position: absolute;
    left: 0px;
    padding: 0px;
}
.header-search-form__outer .container {
    padding: 0px;
}
@media only screen and (min-width: 1200px) {
    .header-search-form__outer {
        top: 64px;
    }
}
.header-search-form .form-group label {
    color: white;
}
@media only screen and (min-width: 768px) {
    .header-search-form .form-group {
        margin-bottom: 0px;
    }
}
.header-search-form .btn-action {
    border: 1px solid #cb8725;
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .header-search-form {
        background: linear-gradient(to bottom, #004a8b, #c72628);
    }
    .header-search-form__outer {
        top: 50px;
    }
    .header-search-form .date-div .form-group {
        margin-bottom: 0px;
    }
    .header-search-form .date-div.check-in {
        padding-right: 8px;
    }
    .header-search-form .date-div.check-out {
        padding-left: 8px;
    }
    .header-search-form .action-div .form-group {
        margin-bottom: 0px;
    }
}
.vloader {
    margin: 0;
    font-size: 4px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(33, 150, 243, 0.2);
    border-right: 1.1em solid rgba(33, 150, 243, 0.2);
    border-bottom: 1.1em solid rgba(33, 150, 243, 0.2);
    border-left: 1.1em solid #2196f3;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}
.vloader,
.vloader:after {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media only screen and (min-width: 768px) {
    .login-modal .modal-dialog {
        width: 400px;
    }
}
#login-modal .modal-content {
    border-radius: 0;
    
}
#login-modal .form-control {
    border-radius: 0;
}
#login-modal .btn-login {
    font-weight: 700;
}
#login-modal .modal-title {
    font-weight: initial;
    margin: 0;
    line-height: 1.42857143;
    
    color: #555863;
}
#login-modal .modal-header {
    padding-left: 15px;
    padding-bottom: 15px;
}
.homePage .mainContainer {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
.homePage .rsNav.rsBullets,
.homePage .rsArrowIcn {
    display: none;
}
.homePage #homePageSearchModule .guaranteeHeader {
    color: white;
    -webkit-text-shadow: 1px 1px 6px black;
    -moz-text-shadow: 1px 1px 6px black;
    text-shadow: 1px 1px 6px black;
}
.homePage #homePageSearchModule .guaranteeHeader h1 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 32px;
}
.homePage #homePageSearchModule .guaranteeHeader h1 a {
    color: white;
}
.homePage #homePageSearchModule .guaranteeHeader h1 a:hover {
    -webkit-text-shadow: 1px 1px 6px #4e4e4e;
    -moz-text-shadow: 1px 1px 6px #4e4e4e;
    text-shadow: 1px 1px 6px #4e4e4e;
}
.homePage #homePageSearchModule .guaranteeHeader h4 {
    font-size: 18px;
    font-weight: 400;
}
.homePage .homePageHeadLine {
    color: #c72628;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
}
.homePage .home-search {
    background: url("https://res.ivivu.com/img/home/slider/compressed/home-page-banner.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 125px 0px 125px 0px;
}
.homePage .home-search .searchbox .searchbox-wrap {
    border-radius: 5px;
}
@media only screen and (min-width: 320px) {
    .homePage .home-search {
        padding: 50px 0px 50px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .homePage .home-search {
        padding: 75px 0px 175px 0px;
    }
}
.homePage .searchbox {
    padding: 0px;
    font-size: 12px;
}
.homePage .searchbox .searchHeadLine {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}
.homePage .searchbox input[type="text"] {
    font-size: 12px;
}
.homePage .preferHotels .prefer-row {
    margin-right: -10px;
    margin-left: -10px;
}
.homePage .preferHotels .preferHotelItem {
    padding: 0 10px;
}
.homePage .preferHotels .preferHotelItem .preferImg {
    width: 320px;
    height: auto;
}
.homePage .preferHotels .preferHotelItem .preferRatingIcon {
    position: relative;
    top: 5px;
}
.homePage .preferHotels .preferHotelItem .preferHotelName {
    margin: 10px 0px 0px 0px;
    font-size: 13px;
}
.homePage .preferHotels .preferHotelItem .preferHotelName a {
    font-weight: bold;
    color: #c72628;
}
.homePage .preferHotels .preferHotelItem .preferHotelName a:hover {
    color: #003025;
}
.homePage .preferHotels .preferHotelItem .preferHotelAddress {
    font-size: 11px;
    color: #4e4e4e;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo {
    margin: 3px 0px;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelReviews {
    font-size: 12px;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelReviews .review-score {
    font-size: 14px;
    background-color: #c7a465;
    border-radius: 4px;
    padding: 0px 4px;
    color: #ffffff;
    display: inline-block;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelReviews .review-text {
    color: #c7a465;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelPriceFrom {
    text-align: right;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelPriceFrom .price-txt {
    font-size: 11px;
    color: #818180;
}
.homePage .preferHotels .preferHotelItem .preferHotelInfo .preferHotelPriceFrom .price-num {
    font-weight: bold;
    font-size: 14px;
    color: #003025;
}
.homePage .preferHotels .preferHotelItem .preferHotelAddress,
.homePage .preferHotels .preferHotelItem .preferHotelInfo {
    margin: 3px 0px;
}
.homePage .popularLocationPanel {
    padding: 0px;
}
@media only screen and (min-width: 320px) {
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem {
        padding: 0px 0px 20px 0px;
    }
}
@media only screen and (min-width: 480px) {
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem {
        padding: 0px 0px 20px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem {
        padding: 0px 20px 20px 0px;
    }
}
@media only screen and (min-width: 992px) {
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem {
        padding: 0px 20px 20px 0px;
    }
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationImage {
        width: 303px;
        height: 188px;
    }
}
@media only screen and (min-width: 1200px) {
    .homePage .popularLocationPanel .popularLocations .popularLocationsItem {
        padding: 0px 20px 20px 0px;
    }
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationName {
    font-weight: bold;
    float: left;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationName a {
    color: white;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationName a:hover {
    color: #003025;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationHotelQuantity {
    float: right;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationHotelQuantity a {
    color: white;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationHotelQuantity a:hover {
    color: #003025;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationName,
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .popularLocationHotelQuantity {
    font-size: 13px;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem figure {
    display: block;
    position: relative;
    overflow: hidden;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem figure img {
    width: 100%;
    max-width: 100%;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem figure:hover img {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem figcaption {
    position: absolute;
    background-color: rgba(0, 70, 126, 0.5);
    color: white;
    padding: 10px 5px;
    opacity: 1;
    width: 100%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem figcaption i.glyphicon {
    color: #cb8725;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .cap-bot:before {
    bottom: 10px;
    left: 10px;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .cap-bot figcaption {
    left: 0;
    bottom: 0;
}
.homePage .popularLocationPanel .popularLocations .popularLocationsItem .cap-bot:hover figcaption {
    bottom: 0;
}
.homePage .pricingLocationPanel {
    padding: 0px;
}
.homePage .place-pagination {
    font-size: 12px;
}
.homePage .additionalDiv .whyIvivu {
    padding: 0px 0px 0px 15px;
}
@media only screen and (min-width: 320px) {
    .homePage .additionalDiv .whyIvivu {
        padding: 0px 15px;
    }
}
@media only screen and (min-width: 480px) {
    .homePage .additionalDiv .whyIvivu {
        padding: 0px 15px;
    }
}
@media only screen and (min-width: 768px) {
    .homePage .additionalDiv .whyIvivu {
        padding: 0px 0px 0px 15px;
    }
}
@media only screen and (min-width: 992px) {
    .homePage .additionalDiv .whyIvivu {
        padding: 0px 0px 0px 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .homePage .additionalDiv .whyIvivu {
        padding: 0px 0px 0px 15px;
    }
}
.homePage .additionalDiv .whyIvivu ul li {
    margin-bottom: 15px;
}
.homePage .additionalDiv .whyIvivu ul li .socialIcon {
    height: 36px;
    width: 30px;
}
.homePage .additionalDiv .whyIvivu ul li img {
    position: relative;
    bottom: 3px;
    margin-right: 5px;
}
.homePage .additionalDiv .whyIvivu ul li span {
    color: #4e4e4e;
    font-size: 18px;
    cursor: pointer;
}
.homePage .additionalDiv .whyIvivu ul li span:hover {
    color: #003025;
}
.homePage .additionalDiv .whyIvivu ul li.homewhy-item .homewhy-item-outer .homewhy-item-inner {
    position: relative;
    top: 2px;
}
.homePage .additionalDiv .whyIvivu ul .extendContent {
    display: none;
}
.homePage .additionalDiv .whyIvivu ul .extendContent p {
    font-style: italic;
}
@media only screen and (min-width: 320px) {
    .homePage .additionalDiv .whyIvivu ul .extendContent p {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .homePage .additionalDiv .whyIvivu ul .extendContent p {
        padding-left: 25px;
        padding-right: 25px;
    }
}
.homePage .additionalDiv .earthGod {
    background-color: #f9f9f9;
    border: 1px solid #ededed;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.homePage .additionalDiv .earthGod span {
    
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0.5px;
}
.homePage .additionalDiv .earthGod span .highlight a {
    color: #003025;
}
.homePage .additionalDiv .earthGod2 {
    background-color: #f9f9f9;
    border: 1px solid #ededed;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.homePage .additionalDiv .earthGod2 span {
    font-size: 18px;
    line-height: 1.53;
}
@media only screen and (min-width: 320px) {
    .homePage .home-carousel {
        padding: 15px 0px;
    }
}
@media only screen and (min-width: 992px) {
    .homePage .home-carousel {
        padding: 0px 15px;
    }
}
.homePage .home-carousel .carousel-wrap .bigPromotion > div {
    padding-top: 15px;
    padding-bottom: 15px;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionCover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 188px;
    padding: 0px;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer {
    height: 188px;
}
@media only screen and (min-width: 320px) {
    .homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer {
        text-shadow: 0px 1px 2px #000;
        background: rgba(0, 70, 126, 0.3);
    }
}
@media only screen and (min-width: 480px) {
    .homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer {
        text-shadow: none;
        background: #f1f1f2;
    }
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .hotelItemRatingIcon {
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent {
    text-align: center;
    padding: 10px 10px 0px 10px;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent table {
    height: 178px;
    max-height: 178px;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent table tr td {
    vertical-align: middle;
    text-align: center;
}
.homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent .title {
    transition: all 0.7s ease-in-out;
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    font-weight: bold;
    font-size: 22px;
}
@media only screen and (min-width: 320px) {
    .homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent .title {
        color: white;
    }
}
@media only screen and (min-width: 480px) {
    .homePage .home-carousel .carousel-wrap .bigPromotion .bigPromotionContainer .bigPromotionContent .title {
        color: #d9534f;
    }
}
@media only screen and (min-width: 320px) {
    .homePage .home-carousel .carousel-wrap .owl-item img {
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width: 480px) {
    .homePage .home-carousel .carousel-wrap .owl-item img {
        width: inherit;
        height: auto;
    }
}
.homePage .home-carousel .carousel-wrap .owl-controls .owl-pagination {
    display: none;
}
.home-search .container .searchtxt {
    color: #ffffff;
    margin: 0px 15px 15px 0px;
}
.home-search .container .searchtxt h1 {
    font-size: 36px;
    font-weight: bold;
    padding: 0 0 12px;
}
.home-search .container .searchtxt h4 {
    font-size: 20px;
}
@media (max-width: 690px) {
    .home-search .container .searchtxt {
        display: none;
    }
}
.home-hotel,
.homePage .additionalDiv {
    padding: 8px 0 16px;
}
.home-hotel h3,
.homePage .additionalDiv h3 {
    color: #c72628;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
}
.home-hotel .home-carousel .carousel-wrap .item,
.homePage .additionalDiv .home-carousel .carousel-wrap .item {
    text-align: center;
}
.home-hotel .home-carousel .carousel-wrap .item .carousel-txt,
.homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-txt {
    display: block;
    text-align: left;
    color: #c72628;
    font-weight: bold;
    line-height: 24px;
    padding: 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
}
.home-hotel .home-carousel .carousel-wrap .item .carousel-img img,
.homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img,
.home-hotel .home-carousel .carousel-wrap .item .carousel-img div,
.homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div {
    border-radius: 4px;
}
.home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
.homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
.home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
.homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
    width: 90%;
    margin-top: 0px;
}
@media only screen and (min-width: 320px) {
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) {
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
        width: 67%;
    }
}
@media only screen and (min-width: 768px) {
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
        width: 67%;
    }
}
@media only screen and (min-width: 992px) {
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img img.percentOffImg,
    .home-hotel .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg,
    .homePage .additionalDiv .home-carousel .carousel-wrap .item .carousel-img div.percentOffImg {
        width: 90%;
    }
}
.home-hotel .home-carousel .carousel-wrap .owl-pagination,
.homePage .additionalDiv .home-carousel .carousel-wrap .owl-pagination {
    text-align: center;
}
.home-hotel .home-carousel .carousel-wrap .owl-pagination .owl-page,
.homePage .additionalDiv .home-carousel .carousel-wrap .owl-pagination .owl-page {
    display: inline-block;
    padding: 6px;
    margin: 6px 2px;
    border-radius: 50%;
    background-color: #e0e0e0;
}
.home-hotel .home-carousel .carousel-wrap .owl-pagination .owl-page.active,
.homePage .additionalDiv .home-carousel .carousel-wrap .owl-pagination .owl-page.active {
    background-color: #236baa;
}
.home-hotel .home-carousel .whiteboard-wrap,
.homePage .additionalDiv .home-carousel .whiteboard-wrap {
    background: #ffffff;
    border-radius: 6px;
    padding: 15px 0;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-title div,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-title div,
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content div,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content div {
    padding: 0;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-title,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-title {
    border-bottom: 1px solid #dddddd;
}
.home-hotel .home-carousel .whiteboard-wrap .white-board-destination,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .white-board-destination,
.home-hotel .home-carousel .whiteboard-wrap .white-board-price-from,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .white-board-price-from {
    font-weight: bold;
    font-size: 16px;
    color: #4e4e4e;
    padding: 6px;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item {
    font-size: 13px;
    border-radius: 4px;
    padding: 4px 6px;
    display: block;
    margin-bottom: 0px;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item a,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item a {
    color: #555863;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .item-description,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .item-description {
    color: #6c707e;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-price,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-price {
    color: #003025;
}
.home-hotel .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item:hover,
.homePage .additionalDiv .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item:hover {
    background: rgba(0, 60, 113, 0.1);
}
@media (min-width: 481px) {
    .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-item-mid .whiteboard-item-mid-full {
        display: inline;
    }
    .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-item-mid .whiteboard-item-mid-cut {
        display: none;
    }
}
@media (max-width: 480px) {
    .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-item-mid .whiteboard-item-mid-full {
        display: none;
    }
    .home-carousel .whiteboard-wrap .whiteboard-content .whiteboard-item .whiteboard-item-mid .whiteboard-item-mid-cut {
        display: inline;
    }
}
.popular-tab .popular-more {
    text-align: right;
    position: relative;
    margin-top: 16px;
}
.popular-tab .popular-more i {
    font-size: 36px;
    color: #c0c0c0;
    position: absolute;
    top: 2px;
    right: -16px;
}
.popular-tab .popular-wrap {
    height: 720px;
}
.popular-tab .popular-item {
    position: relative;
    min-height: 100px;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
}
.popular-tab .popular-item .popular-item-info {
    margin: 0 0 22px 100px;
    display: inline-block;
    width: 65%;
    display: block;
}
.popular-tab .popular-item .popular-item-info .popular-item-name a {
    font-weight: bold;
    color: #003e6c;
}
.popular-tab .popular-item .popular-item-info .popular-item-name i {
    margin-left: 8px;
}
.popular-tab .popular-item .popular-item-info .popular-item-address {
    display: inline-block;
    width: 70%;
    height: 16px;
    font-size: 12px;
}
.popular-tab .popular-item .popular-item-avatar {
    position: absolute;
    top: 10px;
    left: 0;
}
.popular-tab .popular-item .popular-item-avatar img {
    width: 90px;
    height: 70px;
    border-radius: 4px;
}
.popular-tab .popular-item .popular-item-review {
    position: absolute;
    font-size: 12px;
    bottom: 10px;
    left: 100px;
}
.popular-tab .popular-item .popular-item-review .review-score {
    background-color: #a0c419;
    border-radius: 4px;
    font-weight: bold;
    padding: 2px 4px;
    color: #ffffff;
    display: inline-block;
}
.popular-tab .popular-item .popular-item-review .review-text {
    color: #a0c419;
}
.popular-tab .popular-item .popular-item-price {
    position: absolute;
    text-align: right;
    top: 10px;
    right: 0;
}
.popular-tab .popular-item .popular-item-price .price-txt {
    font-size: 12px;
    color: #888888;
    display: block;
}
.popular-tab .popular-item .popular-item-price .price-num {
    font-weight: bold;
    font-size: 16px;
    color: #00c1de;
    display: block;
}
.popular-tab .popular-item .popular-item-badges {
    position: absolute;
    bottom: 0;
    right: 0;
}
.popular-tab .popular-item .popular-item-badges .fnt-favor {
    color: #df5036;
}
.popular-tab .popular-item .popular-item-badges .fnt-happy {
    color: #ff9f00;
}
.popular-tab .popular-item:last-child {
    border-bottom: none;
}
.popular-tab .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    background-color: #236baa;
}
.popular-tab .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
    background-color: #e0e0e0;
}
@media (max-width: 420px) {
    .popular-tab .popular-item .popular-item-avatar {
        position: initial;
    }
    .popular-tab .popular-item .popular-item-avatar img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }
    .popular-tab .popular-item .popular-item-review {
        left: 2px;
        bottom: 28px;
    }
    .popular-tab .popular-item .popular-item-info {
        margin: 0 0 50px 0;
        display: inline-block;
        width: 100%;
        display: block;
    }
    .popular-tab .popular-item .popular-item-info .popular-item-name a {
        display: block;
    }
    .popular-tab .popular-item .popular-item-info .popular-item-name i {
        margin-left: 0;
    }
    .popular-tab .popular-item .popular-item-info .popular-item-address {
        width: 100%;
        display: block;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .popular-tab .popular-item .popular-item-price {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .popular-tab .popular-item .popular-item-price .price-txt {
        display: inline-block;
    }
    .popular-tab .popular-item .popular-item-price .price-num {
        display: inline-block;
    }
    .popular-tab .popular-item .popular-item-badges {
        bottom: 22px;
    }
}
.home-carousel .whiteboard-wrap {
    background: none !important;
}
.hero-container {
    background: rgba(148, 151, 163, 0.2);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 320px) {
    .hero-container {
        height: auto;
        padding: 50px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hero-container {
        height: 493px;
    }
}
.hero-container .hero-heading {
    color: white;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}
.hero-container .hero-heading-1 {
    font-size: 40px;
    font-weight: bold;
}
.hero-container .hero-heading-2 {
    font-weight: normal;
    font-size: 20px;
}
@media only screen and (max-width: 479px) {
    .hero-container .hero-heading-1 {
        font-size: 21px;
    }
    .hero-container .hero-heading-2 {
        font-size: 14px;
    }
}
@supports (display: grid) {
    .grid__container {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-rows: auto;
        grid-auto-flow: row;
    }
    @media only screen and (min-width: 320px) {
        .grid__container {
            grid-gap: 5px;
        }
    }
    @media only screen and (min-width: 480px) {
        .grid__container {
            grid-gap: 15px;
        }
    }
    .grid__container--popular {
        grid-template-columns: [col1] auto [col2] auto [col3] auto [end];
        grid-template-rows: [row1] auto [row2] auto [row3] auto [row4] auto [end];
    }
    .grid__container--popular .grid__item--1 {
        grid-column: 1/3;
        grid-row: 1/2;
    }
    .grid__container--popular .grid__item--2 {
        grid-column: 3 / end;
        grid-row: 1/3;
        height:100%;
    }
    .grid__container--popular .grid__item--6 {
        grid-column: 1/2;
        grid-row: 3/5;
    }
    .grid__container--popular .grid__item--7 {
        grid-column: 2 / end;
        grid-row: 3/4;
    }
    .grid__container--popular .grid__item--9 {
        grid-column: 1/3;
        grid-row: 5/6;
    }
    .grid__container--popular .grid__item--11 {
        grid-column: 3 / end;
        grid-row: 5 / end;
    }
    .grid__container--popular-2 {
        grid-template-columns: [col1] auto [col2] auto [col3] auto [end];
        grid-template-rows: [row1] auto [end];
    }
    .grid__container--popular-2 .grid__item--1 {
        grid-column: 1/3;
        grid-row: 1/2;
    }
    @media only screen and (min-width: 320px) {
        .grid__container--topics {
            grid-template-columns: [col1] auto [col2] auto [end];
            grid-template-rows: [row1] auto [row2] auto [end];
        }
    }
    @media only screen and (min-width: 480px) {
        .grid__container--topics {
            grid-template-columns: [col1] auto [col2] auto [col3] auto [col4] auto [end];
            grid-template-rows: [row1] auto [end];
        }
    }
    .grid__item {
        padding: 0px;
        margin-bottom: 0px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
}
@supports not (display: grid) {
    .grid__item {
        display: inline-block;
        width: 49%;
    }
}
.owl-carousel {
    border-radius: 6px;
}
.owl-carousel .owl-dots .owl-dot span {
    background: rgba(148, 151, 163, 0.25);
}
.owl-carousel .owl-dots .owl-dot.active span {
    background: rgba(148, 151, 163, 0.9);
}
@media only screen and (max-width: 767px) {
    .search-fullframe .tt-menu {
        /*display: none !important;*/
    }
}
.heading__title {
    color: #c62126;
    margin-bottom: 5px;
    font-size: 36px;
    font-weight: bold;
}
.heading__description {
    font-size: 18px;
    color: #333;
}
@media only screen and (max-width: 768px) {
    .heading__title { 
        font-size: 26px;
        margin-bottom: 5px;
        color: #c62126;
    }
    .heading__description {
        font-size: 14px;
    }
}
.tt-menu .icon-ic_ivivu_user_location {
    float: left;
    padding-right: 10px;
    font-size: 20px;
    margin-left: -2px;
}
@media only screen and (max-width: 768px) {
    .hotel-modal-fullframe {
        font-size: 14px;
        color: #555863;
        z-index: 2147483647 !important;
        position: fixed;
        overflow: hidden !important;
    }
    .hotel-modal-fullframe .modal-backdrop {
        overflow: hidden !important;
    }
    .hotel-modal-fullframe.centered-modal {
        transition: opacity 0s ease-in-out;
    }
    .hotel-modal-fullframe.centered-modal.in {
        display: flex !important;
    }
    .hotel-modal-fullframe.centered-modal .modal-dialog {
        align-self: center;
    }
    .hotel-modal-fullframe .modal-dialog {
        margin: 0;
        padding: 0;
        top: 0 !important;
        transform: none !important;
    }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
    .hotel-modal-fullframe .modal-dialog {
        width: 400px;
    }
}
@media only screen and (max-width: 768px) {
    .hotel-modal-fullframe .modal-content {
        border-radius: unset;
        box-shadow: none;
        border: none;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        transition: 1s;
        overflow: hidden;
    }
    .hotel-modal-fullframe .modal-content .search-form {
        background: none;
    }
    .hotel-modal-fullframe .modal-content .search-form .v_field {
        box-shadow: none;
    }
    .hotel-modal-fullframe .modal-content .search-form .search-result__description {
        color: #003025;
    }
    .hotel-modal-fullframe .modal-content .search-form .search-input {
        border: solid 1px #ccc;
        height: 50px;
    }
    .hotel-modal-fullframe .modal-content .search-form .input-icon-close {
        float: right;
        right: 15px;
        color: #ccc;
    }
    .hotel-modal-fullframe .modal-content .search-form .typeahead-container .tt-menu {
        box-shadow: none;
        height: calc(90vh - 150px);
        overflow-y: auto;
    }
    .hotel-modal-fullframe .modal-content .search-form .typeahead-container .tt-menu .tt-dataset .tt-suggestion {
        padding: 15px 10px;
    }
    .hotel-modal-fullframe .modal-body {
        padding: 0px;
        height: calc(100% - 80px);
    }
    .hotel-modal-fullframe .modal-body .header-title {
        border-bottom: 1px solid rgba(108, 112, 126, 0.15);
        padding-bottom: 10px;
    }
    .hotel-modal-fullframe .modal-body .back-fullframe {
        float: left;
        background: none;
        border: none;
    }
    .hotel-modal-fullframe .modal-body .back-fullframe i {
        font-size: 13px;
        position: absolute;
    }
    .hotel-modal-fullframe .modal-footer {
        border-top-width: 0px;
        padding: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .hotel-modal-fullframe .modal-footer .btn {
        height: 60px;
        border-radius: 4px !important;
    }
    .hotel-modal-fullframe .modal-footer .btn h3 {
        font-size: 18px;
    }
    .hotel-modal-fullframe .modal__title {
        font-weight: bold;
        line-height: 1.3;
        color: #c72628;
        font-size: 18px;
        text-align: center;
    }
    .hotel-modal-fullframe .modal__container {
        display: flex;
    }
    .hotel-modal-fullframe .modal__sidebar {
        padding: 30px;
        background: #f9fbfc;
        border-radius: 0px 6px 6px 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: all 0.15s ease-in-out;
    }
    .hotel-modal-fullframe .modal__sidebar .promotion-text {
        font-size: 18px;
        line-height: 1.3;
    }
    .hotel-modal-fullframe .modal__sidebar .promotion-text .highlight {
        color: #e52822;
    }
    .hotel-modal-fullframe .modal__sidebar a {
        color: #555863;
        text-decoration: underline;
    }
    .hotel-modal-fullframe .modal__sidebar .item-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
    }
    .hotel-modal-fullframe .modal__main {
        height: calc(100vh - 200px);
    }
    .hotel-modal-fullframe .modal__main .form-control-feedback {
        font-size: 24px;
    }
}
@media only screen and (max-width: 768px) and (min-width: 320px) {
    .hotel-modal-fullframe .modal__main {
        padding: 15px;
    }
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
    .hotel-modal-fullframe .modal__main {
        padding: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .hotel-modal-fullframe .modal__list {
        border-radius: 6px;
        border: 1px solid rgba(85, 88, 99, 0.2);
        padding: 0px;
    }
    .hotel-modal-fullframe .modal__list--item {
        margin: 0px;
        padding: 10px 15px;
    }
    .hotel-modal-fullframe .modal__list--item:not(:last-child) {
        border-bottom: 1px solid rgba(85, 88, 99, 0.2);
    }
    .hotel-modal-fullframe .control-label {
        font-size: 14px;
        font-weight: normal;
    }
    .hotel-modal-fullframe .date-input-group .icon {
        font-size: 16px;
        position: absolute;
        margin-left: 10px;
        margin-top: 9px;
    }
    .hotel-modal-fullframe .date-input-group input {
        padding-left: 35px;
    }
    .hotel-modal-fullframe .form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: inset 0 0 0 0 white;
    }
    .hotel-modal-fullframe.overflow-auto {
        overflow: auto;
    }
    .hotel-modal-fullframe.overflow-auto .modal-footer {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .hotel-modal-fullframe.overflow-auto .modal-content {
        overflow: auto;
    }
}
@media only screen and (min-width: 320px) {
    .super-cards.specific .super-card,
    .super-cards.topics .super-card {
        height: 312px;
    }
    .super-cards.specific .super-card .card-bg,
    .super-cards.topics .super-card .card-bg {
        height: 312px;
    }
}
@media only screen and (min-width: 414px) {
    .super-cards.specific .super-card,
    .super-cards.topics .super-card {
        height: 370px;
    }
    .super-cards.specific .super-card .card-bg,
    .super-cards.topics .super-card .card-bg {
        height: 370px;
    }
}
@media only screen and (min-width: 768px) {
    .super-cards.specific .super-card,
    .super-cards.topics .super-card {
        height: 300px;
    }
    .super-cards.specific .super-card .card-bg,
    .super-cards.topics .super-card .card-bg {
        height: 300px;
    }
}
@media only screen and (min-width: 998px) {
    .super-cards.specific .super-card,
    .super-cards.topics .super-card {
        height: 360px;
    }
    .super-cards.specific .super-card .card-bg,
    .super-cards.topics .super-card .card-bg {
        height: 360px;
    }
}
.super-cards .super-card {
    background: white;
    padding: 0px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    transition: all 0.2s linear;
    height: 190px;
    text-align: left;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.super-cards .super-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.super-cards .super-card .card-bg {
    border-radius: 4px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0) 100%);
    height: 190px;
}
@supports (display: grid) {
    .super-cards .super-card.card-auto-height {
        height: 100%;
    }
    .super-cards .super-card.card-auto-height .card-bg {
        height: 100%;
    }
}
@media only screen and (max-width: 479px) {
    .super-cards .super-card {
        height: 150px;
    }
    .super-cards .super-card .card-bg {
        height: 150px;
    }
}
.super-cards .super-card .info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: inline-block;
    padding: 0px 15px;
}
.super-cards .super-card .info .title {
    line-height: 1;
    color: white;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.super-cards .super-card .info .description {
    color: white;
    font-size: 16px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.super-cards .super-card .info .divider {
    margin-bottom: 10px;
    height: 3px;
    width: 50px;
    border-radius: 15px;
    background: #003025;
}
@media only screen and (max-width: 479px) {
    .super-cards .super-card .info .title {
        font-size: 19px;
        line-height: 1.2;
        overflow: hidden;
        max-width: 95px;
    }
    .super-cards .super-card .info .divider {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 320px) {
    .super-cards .super-card .info .title {
        font-size: 14px;
    }
}
.super-cards .super-card .next-button {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1;
    padding: 12px 14px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 320px) {
    .promotion-cards .promotion-card {
        padding: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .promotion-cards .promotion-card {
        padding: 0px 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .promotion-cards .promotion-card {
        padding: 0px;
    }
}
.promotion-cards .promotion-card img {
    border-radius: 6px;
}
@media only screen and (min-width: 768px) {
    .why-us {
        padding: 0px;
    }
}
.why-us__bg {
    border-top: 1px solid rgba(148, 151, 163, 0.12);
    border-bottom: 1px solid rgba(148, 151, 163, 0.12);
    background: rgba(148, 151, 163, 0.08);
}
@media only screen and (min-width: 480px) {
    .why-us__item {
        padding: 0px 15px;
    }
}
@media only screen and (max-width: 479px) {
    .why-us__item .media .media-body,
    .why-us__item .media .media-left,
    .why-us__item .media .media-right {
        display: block;
        width: 100%;
        text-align: center;
    }
}
.why-us__img {
    width: 50px;
}
.why-us__title {
    font-size: 30px;
    color: #3d3f47;
    margin-bottom: 0px;
}
.why-us__description {
    font-size: 16px;
    color: #6c707e;
    line-height: 1.7;
}
@keyframes moveframe {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 500px 0;
    }
}
@-webkit-keyframes flashloading {
    0%,
    to {
        opacity: 0.2;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes flashloading {
    0%,
    to {
        opacity: 0.2;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.2;
    }
}
.item-placeholder-loading {
    background: #ccc;
    opacity: 0.2;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: bac;
    width: 100%;
    min-height: 286px;
    display: flex;
    transition: all 0.3s ease;
    box-shadow: none;
}
.item-placeholder-loading__flash {
    -webkit-animation: 1.5s flashloading ease-in-out infinite;
    animation: 1.5s flashloading ease-in-out infinite;
}
.item-placeholder-loading__one-line {
    background: rgba(148, 151, 163, 0.1);
    display: flex;
    transition: all 0.3s ease;
    animation: moveframe 1.5s linear infinite;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.02));
}
.item-placeholder-loading__multi-line {
    padding: 15px;
    display: flex;
    width: auto;
    flex-direction: column;
    flex-grow: 1;
    transition: all 0.3s ease;
}
.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}
.main-header > .navbar {
    -webkit-transition: margin-left 0.15s ease-in-out;
    -o-transition: margin-left 0.15s ease-in-out;
    transition: margin-left 0.15s ease-in-out;
    margin-bottom: 0;
    margin-left: 300px;
    border: none;
    min-height: 50px;
    border-radius: 0;
}
.layout-top-nav .main-header > .navbar {
    margin-left: 0;
}
.main-header #navbar-search-input.form-control {
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
    color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
    color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
    float: right;
}
@media (max-width: 991px) {
    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }
}
@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }
    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
    content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
    color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
    background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
    display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: 0.9;
}
.main-header .logo {
    -webkit-transition: width 0.15s ease-in-out;
    -o-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 300px;
    
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}
.main-header .logo .logo-lg {
    display: block;
}
.main-header .logo .logo-mini {
    display: none;
}
.main-header .navbar-brand {
    color: #fff;
}
.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}
.content-header > h1 {
    margin: 0;
    font-size: 24px;
}
.content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}
.content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
    color: #444;
    text-decoration: none;
    display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
    content: ">\00a0";
}
@media (max-width: 991px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de;
        padding-left: 10px;
    }
    .content-header > .breadcrumb li:before {
        color: #97a0b3;
    }
}
.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}
@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li {
        float: left;
    }
    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .main-header {
        position: relative;
    }
    .main-header .logo,
    .main-header .navbar {
        width: 100%;
        float: none;
    }
    .main-header .navbar {
        margin: 0;
    }
    .main-header .navbar-custom-menu {
        float: right;
    }
}
@media (max-width: 991px) {
    .navbar-collapse.pull-left {
        float: none !important;
    }
    .navbar-collapse.pull-left + .navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 40px;
    }
}
.dropdown-menu {
    box-shadow: none;
    border-color: #eee;
}
.dropdown-menu > li > a {
    color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
    margin-right: 10px;
}
.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu > .divider {
    background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
    position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-radius: 4px 4px 0 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    border-radius: 0 0 4px 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444 !important;
    text-align: center;
}
@media (max-width: 991px) {
    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    margin: 0;
    padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 15px;
    position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    content: " ";
    display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    padding: 0;
    margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    color: #444 !important;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #666666;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f9f9f9;
    }
}
.navbar-nav > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}
@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}
.open:not(.dropup) > .animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
    }
}
.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}
@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
    }
    .navbar-custom-menu > .navbar-nav > li {
        position: static;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
    }
}
.main-header .navbar {
    background-color: #c72628;
}
.main-header .navbar .nav > li > a {
    color: #fff;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
    background-color: #002e58;
}
@media (max-width: 767px) {
    .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .main-header .navbar .dropdown-menu li a:hover {
        background: #002e58;
    }
}
.main-header .logo {
    background-color: #002e58;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
    background-color: #002c52;
}
.main-header li.user-header {
    background-color: #c72628;
}
.content-header {
    background: transparent;
}
@media only screen and (min-width: 768px) {
    .typeahead-container.typeahead-hotel-list .tt-menu {
        width: 690px;
    }
}
@media only screen and (min-width: 998px) {
    .typeahead-container.typeahead-hotel-list .tt-menu {
        width: 910px;
    }
}
@media only screen and (min-width: 1200px) {
    .typeahead-container.typeahead-hotel-list .tt-menu {
        width: 730px;
    }
}
.typeahead-container .emptyData {
    padding: 15px;
    text-align: center;
}
.typeahead-container .dataTitle {
    padding: 15px 15px 5px 15px;
    margin: 0px;
    font-weight: bold;
    border-top: 1px solid #ddd;
    color: #c72628;
}
.typeahead-container .dataTitle .fa {
    color: #c72628;
}
.typeahead-container .twitter-typeahead {
    width: 100%;
}
.typeahead-container .twitter-typeahead input {
    color: #3d3f47;
}
.typeahead-container .tt-hint {
    color: #6c707e;
}
.typeahead-container .tt-menu {
    width: 100%;
    margin-top: 1px;
    color: #3d3f47;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
}
.typeahead-container .tt-menu .tt-dataset {
    background: white;
    border-radius: 4px;
    position: relative;
    width: 100%;
}
.typeahead-container .tt-menu .tt-dataset-popularLocation {
    padding-bottom: 10px;
}
.typeahead-container .tt-menu .tt-dataset .tt-suggestion {
    padding: 15px 15px;
    border-radius: 4px;
}
.typeahead-container .tt-menu .tt-dataset .tt-suggestion .tourCount {
    margin-left: 5px;
    font-size: 12px;
    color: #c72628;
}
.typeahead-container .tt-menu .tt-dataset .tt-suggestion mark {
    padding: 0px;
    color: #3d3f47;
    font-weight: normal;
    background-color: transparent;
}
.typeahead-container .tt-menu .tt-dataset .tt-selectable {
    cursor: pointer;
    background: white;
}
.typeahead-container .tt-menu .tt-dataset .tt-selectable:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.typeahead-container .tt-menu .tt-dataset .tt-selectable:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.typeahead-container .tt-menu .tt-dataset .tt-selectable:hover {
    background: rgba(61, 63, 71, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.typeahead-container .tt-menu .tt-dataset .tt-selectable.tt-cursor {
    background: rgba(61, 63, 71, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.typeahead-container .search-header {
    padding: 15px 15px 0px 15px;
}
.typeahead-container .search-header__inner {
    border-bottom: 1px solid rgba(108, 112, 126, 0.15);
}
.typeahead-container .search-header .title {
    font-size: 16px;
    font-weight: bold;
}
.typeahead-container .search-result__icon {
    font-size: 18px;
    margin-right: 10px;
}
.typeahead-container .search-result__description {
    color: #6c707e;
}
.typeahead-container .search-result.suggestion .media .media-left picture img {
    width: 60px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    max-height: 40px;
}
.typeahead-container .search-result.suggestion .media .media-body .media-heading {
    font-size: 16px;
    color: #3d3f47;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media only screen and (max-width: 479px) {
    .hotel-list-search-container {
        padding: 0px;
    }
}
.search-brief {
    color: #3d3f47;
    background: white;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    animation-duration: 0.2s !important;
    animation-delay: 0s;
}
.search-brief__header {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(108, 112, 126, 0.15);
}
.search-brief__header--title {
    font-size: 17px;
    font-weight: bold;
    margin: 0px;
    color: #c72628;
}
.search-brief__body {
    padding: 10px 15px;
}
.search-brief .icon {
    color: rgba(108, 112, 126, 0.8);
    font-size: 16px;
    margin-right: 5px;
}
@media only screen and (max-width: 479px) {
    .search-brief {
        display: block;
    }
}
@media only screen and (min-width: 480px) {
    .search-brief {
        display: none;
    }
}
.modal-body .dates {
    border: solid 1px #ccc;
    margin-left: 0;
    margin-right: 0px;
    border-radius: 5px;
}
.modal-body .dates.checkin-only {
    height: 34px;
}
.modal-body .dates .t-picker-only .t-datepicker-day {
    top: 42px;
}
.modal-body .dates .t-picker-only .v_field {
    height: initial;
    box-shadow: none;
}
.modal-body .dates .t-picker-only .v_field .vicon {
    position: inherit;
    margin-top: inherit;
}
.modal-body .dates .t-picker-only .v_field .v_field__description {
    display: none;
}
.modal-body .dates .nights {
    color: #6c707e;
    position: absolute;
    background: white;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -1px;
    min-width: 40px;
    left: -26px;
    text-align: center;
}
.modal-body .dates .nights .vicon {
    margin-left: 2px;
    color: rgba(108, 112, 126, 0.8);
}
.modal-body .dates .check-in {
    padding-left: 0;
}
.modal-body .dates .check-in .v_field {
    border-right: 1px solid rgba(108, 112, 126, 0.15);
    border-radius: 4px 0px 0px 4px;
    padding-right: 0px;
}
.modal-body .dates .check-out .v_field {
    border-radius: 0px 4px 4px 0px;
    padding-right: 0px;
    padding-left: 30px;
}
.modal-body .v_field {
    height: 60px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    background: white;
    transition: all 0.3s linear;
    user-select: none;
    color: #3d3f47;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.modal-body .v_field__icon-container .icon {
    color: rgba(108, 112, 126, 0.8);
}
@media only screen and (min-width: 320px) {
    .modal-body .v_field__icon-container .icon {
        font-size: 16px;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 480px) {
    .modal-body .v_field__icon-container .icon {
        font-size: 20px;
        margin-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .modal-body .v_field__icon-container .icon {
        display: none;
    }
}
.modal-body .v_field__text,
.modal-body .v_field__description {
    margin-bottom: 0px;
}
.modal-body .v_field__description {
    color: #6c707e;
}
.modal-body .v_field__description {
    color: #6c707e;
}
.modal-body .v_field__input {
    border: 0px;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}
.modal-body .v_field__input:focus {
    outline: none;
}
.modal-body .v_field__content {
    font-size: 16px;
}
@media only screen and (max-width: 320px) {
    .modal-body .v_field__content {
        font-size: 12px;
    }
}
@media only screen and (max-width: 375px) {
    .modal-body .v_field__content {
        font-size: 14px;
        letter-spacing: -0.3px;
    }
}
.search-form {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.search-form.home-page {
    background: rgba(0, 0, 0, 0.3);
}
.search-form .input-icon {
    color: rgba(108, 112, 126, 0.8);
    margin-left: 16px;
    margin-right: 4px;
    font-size: 18px;
}
@media only screen and (min-width: 320px) {
    .search-form.hotel-list {
        border-radius: 0;
    }
    .search-form.hotel-list .typeahead-container {
        margin-bottom: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 998px) {
    .search-form.hotel-list {
        margin-top: 0px;
        border-radius: 0 0 4px 4px;
    }
    .search-form.hotel-list .typeahead-container {
        margin-bottom: 0px;
        padding-right: 0px;
    }
}
.search-form .main-search-form {
    transition: all 0.2s ease-in-out;
    animation-duration: 0.15s !important;
    animation-delay: 0s;
}
@media only screen and (max-width: 479px) {
    .search-form .main-search-form {
        display: none;
    }
}
.search-form .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-form .header__title {
    color: #6c707e;
    font-size: 17px;
}
.search-form .header__close {
    display: inline-block;
    padding: 4px 20px;
    background: rgba(61, 63, 71, 0.5);
    color: white;
    border-radius: 50px;
    cursor: pointer;
    font-size: 17px;
    transition: all 0.2s ease-in-out;
}
.search-form .header__close:hover,
.search-form .header__close:focus {
    background: rgba(61, 63, 71, 0.15);
}
@media only screen and (min-width: 480px) {
    .search-form .header {
        display: none;
    }
}
.search-form .form-control {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #3d3f47;
}
.search-form .form-control:read-only {
    box-shadow: none;
    background-color: white;
    cursor: default;
}
.search-form .form-control.search-input {
    font-size: 16px;
    height: 60px;
    padding: 0px 15px;
}
.search-form .dates .nights {
    color: #6c707e;
    position: absolute;
    background: white;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -1px;
    min-width: 40px;
    left: -20px;
    text-align: center;
}
.search-form .dates .nights .vicon {
    margin-left: 2px;
    color: rgba(108, 112, 126, 0.8);
}
.search-form .dates .check-in .v_field {
    border-right: 1px solid rgba(108, 112, 126, 0.15);
    border-radius: 4px 0px 0px 4px;
    padding-right: 0px;
}
.search-form .dates .check-out .v_field {
    border-radius: 0px 4px 4px 0px;
    padding-right: 0px;
    padding-left: 30px;
}
@media only screen and (min-width: 768px) {
    .search-form .rooms {
        padding: 0px;
    }
}
.search-form .v_field {
    height: 60px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    background: white;
    transition: all 0.3s linear;
    user-select: none;
    color: #3d3f47;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.search-form .v_field__icon-container .icon {
    color: rgba(108, 112, 126, 0.8);
}
@media only screen and (min-width: 320px) {
    .search-form .v_field__icon-container .icon {
        font-size: 16px;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 480px) {
    .search-form .v_field__icon-container .icon {
        font-size: 20px;
        margin-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .search-form .v_field__icon-container .icon {
        display: none;
    }
}
.search-form .v_field__text,
.search-form .v_field__description {
    margin-bottom: 0px;
}
.search-form .v_field__description {
    color: #6c707e;
}
.search-form .v_field__description {
    color: #6c707e;
}
.search-form .v_field__input {
    border: 0px;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0px;
}
.search-form .v_field__input:focus {
    outline: none;
}
.search-form .v_field__content {
    font-size: 16px;
}
@media only screen and (max-width: 320px) {
    .search-form .v_field__content {
        font-size: 14px;
        letter-spacing: -0.3px;
    }
}
.search-form .search-form-button {
    height: 60px;
    border-radius: 4px;
    font-size: 16px;
}
.search-form .room-popover {
    background: #ebebeb;
    border-radius: 4px;
    z-index: 3;
}
@media only screen and (min-width: 320px) {
    .search-form .room-popover {
        padding: 0px;
        margin-top: 1px;
    }
}
@media only screen and (min-width: 768px) {
    .search-form .room-popover {
        margin-top: 0px;
        position: absolute;
        top: 74px;
        padding: 10px;
    }
    .search-form .room-popover:after,
    .search-form .room-popover:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .search-form .room-popover:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ebebeb;
        border-width: 9px;
        left: 50%;
        margin-left: -9px;
    }
    .search-form .room-popover:before {
        border-color: rgba(113, 158, 206, 0);
        border-bottom-color: transparent;
        border-width: 10px;
        left: 50%;
        margin-left: -10px;
    }
}
.search-form .room-popover__inner {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: white;
    padding: 0px;
}
.search-form .room-popover__item {
    padding: 10px;
    color: #6c707e;
}
.search-form .room-popover__item.child-age-selection {
    padding: 15px 5px 5px 5px;
}
.search-form .room-popover .room-popover__item ~ .room-popover__item {
    border-top: 1px solid rgba(108, 112, 126, 0.15);
}
.search-form .room-popover .room-popover__item ~ .room-popover__item.request-group-popover {
    display: flex;
}
.search-form .room-popover .room-popover__item ~ .room-popover__item .request-group-btn {
    color: #6c707e;
}
.search-form .room-popover__quantity {
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.search-form .room-popover__quantity .quantity {
    min-width: 26px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    font-size: 21px;
    color: #3d3f47;
}
.search-form .room-popover .btn-group .btn {
    color: #6c707e;
}
.search-form .room-popover .child-ages {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-font-feature-settings: "liga" on;
}
.search-form .room-popover .child-ages__item {
    display: flex;
    padding: 5px;
}
@media only screen and (min-width: 320px) {
    .search-form .room-popover .child-ages__item {
        width: calc(100% / 3);
    }
}
.search-form .room-popover .child-ages .select-child {
    width: 100%;
}
.search-form .room-popover .child-ages .select-child:after {
    font-family: FontAwesome;
    content: "\f107";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: auto;
    pointer-events: none;
}
.search-form .room-popover .child-ages .select-child select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    height: 40px;
    z-index: 1;
}
.search-form .room-popover .child-ages .select-child select.form-control + .select-icon {
    position: absolute;
    right: 16px;
    top: 13px;
}
@media only screen and (min-width: 320px) {
    .search-form {
        padding: 10px 15px;
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .search-form {
        padding: 15px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 768px) {
    .search-form .dates,
    .search-form .rooms {
        margin-bottom: 15px;
    }
}
.invisible-date-container {
    position: absolute;
    top: 0px;
}
.invisible-date-container .invisible-date-picker {
    height: 60px;
    width: 100%;
    color: transparent;
    cursor: pointer;
}
.daterangepicker {
    user-select: none;
    border-radius: 4px;
    margin-top: 15px;
    background: transparent;
    width: auto !important;
    border: 0px solid transparent;
    padding: 0px;
    z-index: 2147483648 !important;
}
.daterangepicker table {
    border-collapse: separate;
    border-spacing: 18px 14px;
    font-size: 16px;
}
@media only screen and (max-width: 320px) {
    .daterangepicker table {
        font-size: 12px;
        border-spacing: 4px 8px;
    }
}
@media only screen and (max-width: 484px) {
    .daterangepicker table {
        font-size: 14px;
        border-spacing: 10px 12px;
    }
}
.daterangepicker.show-calendar {
    padding: 0px;
}
.daterangepicker:after {
    border-bottom-color: #ebebeb;
    border-width: 9px;
    top: -7px;
}
.daterangepicker:before {
    border-bottom-color: transparent;
    border-width: 10px;
    top: -4px;
}
.daterangepicker .calendar {
    max-width: none !important;
    width: auto;
}
.daterangepicker .calendar th .active.start-date,
.daterangepicker .calendar tr .active.start-date {
    box-shadow: 0px 0px 0px 0px rgba(64, 166, 242, 0.1), 9px 0px 0px 0px rgba(64, 166, 242, 0.1);
}
.daterangepicker .calendar th .active.start-date::before,
.daterangepicker .calendar tr .active.start-date::before {
    border: none;
    border-radius: unset;
}
@media only screen and (max-width: 320px) {
    .daterangepicker .calendar th .active.start-date,
    .daterangepicker .calendar tr .active.start-date {
        box-shadow: 0px 0px 0px 0px rgba(64, 166, 242, 0.1), 2px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
@media only screen and (max-width: 484px) {
    .daterangepicker .calendar th .active.start-date,
    .daterangepicker .calendar tr .active.start-date {
        box-shadow: 0px 0px 0px 0px rgba(64, 166, 242, 0.1), 5px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
.daterangepicker .calendar th .active.end-date,
.daterangepicker .calendar tr .active.end-date {
    box-shadow: -9px 0px 0px 0px rgba(64, 166, 242, 0.1), 0px 0px 0px 0px rgba(64, 166, 242, 0.1);
}
.daterangepicker .calendar th .active.end-date::before,
.daterangepicker .calendar tr .active.end-date::before {
    border: none;
    border-radius: unset;
}
@media only screen and (max-width: 320px) {
    .daterangepicker .calendar th .active.end-date,
    .daterangepicker .calendar tr .active.end-date {
        box-shadow: -2px 0px 0px 0px rgba(64, 166, 242, 0.1), 0px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
@media only screen and (max-width: 484px) {
    .daterangepicker .calendar th .active.end-date,
    .daterangepicker .calendar tr .active.end-date {
        box-shadow: -5px 0px 0px 0px rgba(64, 166, 242, 0.1), 0px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
.daterangepicker .calendar th .active.start-date.end-date,
.daterangepicker .calendar tr .active.start-date.end-date {
    box-shadow: none;
}
.daterangepicker .calendar th .active.start-date.end-date::before,
.daterangepicker .calendar tr .active.start-date.end-date::before {
    border: none;
    border-radius: unset;
}
@media only screen and (min-width: 320px) {
    .daterangepicker .calendar th td,
    .daterangepicker .calendar tr td {
        padding: 6px;
        min-width: 35px;
    }
}
@media only screen and (min-width: 375px) {
    .daterangepicker .calendar th td,
    .daterangepicker .calendar tr td {
        padding: 6px;
    }
}
@media only screen and (min-width: 414px) {
    .daterangepicker .calendar th td,
    .daterangepicker .calendar tr td {
        padding: 6px;
    }
}
@media only screen and (min-width: 484px) {
    .daterangepicker .calendar th td,
    .daterangepicker .calendar tr td {
        padding: 6px;
    }
}
.daterangepicker .calendar th td.line-through-cell,
.daterangepicker .calendar tr td.line-through-cell {
    text-decoration: line-through;
}
.daterangepicker .calendar.single {
    width: auto !important;
    margin: 0px;
    background: #ebebeb;
    padding: 5px;
    border-radius: 4px;
}
@media only screen and (min-width: 320px) {
    .daterangepicker .calendar.single {
        padding: 5px;
    }
}
@media only screen and (min-width: 768px) {
    .daterangepicker .calendar.single {
        padding: 5px;
    }
}
.daterangepicker .calendar-table table thead tr:nth-child(2) th {
    color: #3d3f47;
    font-weight: bold;
}
.daterangepicker .calendar-table table thead tr:nth-child(2) th:first-child {
    color: #3d3f47;
}
.daterangepicker .calendar-table table thead tr:nth-child(2) th:nth-last-child(1),
.daterangepicker .calendar-table table thead tr:nth-child(2) th:nth-last-child(2) {
    color: #d9534f;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    text-decoration: inherit;
    cursor: default;
}
.daterangepicker td {
    color: #3d3f47;
    border: 0.5px solid transparent;
    transition: all 0.1s ease-in-out;
}
.daterangepicker td.off.disabled {
    color: rgba(108, 112, 126, 0.35) !important;
    text-decoration: none;
    pointer-events: none;
}
.daterangepicker td.off.available {
    color: rgba(108, 112, 126, 0.85);
}
.daterangepicker td:nth-last-child(1).weekend,
.daterangepicker td:nth-last-child(2).weekend {
    color: #d9534f;
}
.daterangepicker td:nth-last-child(1).weekend.off,
.daterangepicker td:nth-last-child(2).weekend.off {
    color: rgba(217, 83, 79, 0.6);
}
.daterangepicker td.in-range {
    color: #0d73bf !important;
    background-color: rgba(64, 166, 242, 0.1) !important;
    box-shadow: -9px 0px 0px 0px rgba(64, 166, 242, 0.1), 9px 0px 0px 0px rgba(64, 166, 242, 0.1);
}
.daterangepicker td.in-range::before {
    border: none;
    border-radius: unset;
}
@media only screen and (max-width: 320px) {
    .daterangepicker td.in-range {
        box-shadow: -2px 0px 0px 0px rgba(64, 166, 242, 0.1), 2px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
@media only screen and (max-width: 484px) {
    .daterangepicker td.in-range {
        box-shadow: -5px 0px 0px 0px rgba(64, 166, 242, 0.1), 5px 0px 0px 0px rgba(64, 166, 242, 0.1);
    }
}
.daterangepicker td.in-range.available {
    color: #0d73bf;
}
.daterangepicker td.active {
    background-color: #0082bb !important;
}
.daterangepicker td.active.start-date.end-date.available,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    border-radius: 0px;
}
.daterangepicker td.active.start-date {
    border-radius: unset;
}
.daterangepicker td.active.end-date {
    border-radius: unset;
}
.daterangepicker td.available:not(.start-date):not(.end-date):hover {
    border-radius: 0px;
    color: #c72628;
    background-color: rgba(0, 60, 113, 0.1);
}
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    color: white !important;
    background-color: #c72628;
}
.daterangepicker td.start-date:hover,
.daterangepicker td.end-date:hover {
    background-color: #00213e;
}
a:hover,
a:focus,
tr,
th {
    color: #23527c !important;
}
.t-datepicker .vicon-check-in {
    font-size: 20px;
}
.t-datepicker .vicon-check-out {
    font-size: 20px;
}
.t-datepicker .v_field__description {
    padding-left: 5px;
}
.t-day-check-in,
.t-day-check-out {
    padding-left: 5px;
    padding-right: 3px;
}
.t-check-in,
.t-check-out {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
    position: absolute;
    left: 53px;
    display: block;
    font-weight: normal;
    opacity: 0.5;
    font-size: 16px;
    cursor: pointer;
}
@media (max-width: 480px) {
    .t-check-in .t-date-info-title,
    .t-check-out .t-date-info-title {
        left: 73px;
        font-size: 14px;
    }
}
.t-check-in .fa,
.t-check-out .fa {
    top: -1px;
    position: relative;
}
.t-check-in {
    border-radius: 4px 0 0 4px;
}
.t-check-in .vicon-check-out {
    display: none;
}
.t-picker-only {
    width: 100%;
}
.t-check-out .vicon-check-in {
    display: none;
}
.t-check-out .t-datepicker-day {
    left: -100%;
}
.t-input {
    bottom: 0;
    left: 20px;
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 50px;
}
.t-arrow-top {
    top: 52px;
    z-index: 9999;
}
.t-arrow-top,
.t-arrow-top::after {
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ddd;
    display: inline-block;
    position: absolute;
}
.t-arrow-top::after {
    top: -9px;
    left: -10px;
    content: "";
    border-width: 10px;
    border-bottom-color: #fff;
}
.t-dates {
    height: 38px;
    box-sizing: border-box;
}
.t-datepicker-day {
    overflow: hidden;
    top: 71px;
    overflow: hidden;
    position: absolute;
    z-index: 9998;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
}
.t-table-wrap {
    width: 100%;
    padding: 0 10px;
    font-size: inherit;
    display: inline-block;
    vertical-align: top;
}
.t-datepicker-days {
    width: 650px;
}
.t-datepicker-days .t-table-wrap {
    padding: 0;
    width: 47%;
    margin-left: 2%;
}
@media (max-width: 480px) {
    .t-datepicker-days {
        width: 300px;
    }
    .t-datepicker-days .t-table-wrap {
        margin-left: 0;
        width: 100%;
        padding: 0 10px;
    }
}
@media (max-width: 320px) {
    .t-datepicker-days {
        width: 290px;
    }
    .t-datepicker-days .t-table-wrap {
        padding: 0 5px;
    }
}
.t-table-condensed {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: top;
}
.t-next,
.t-prev,
.t-table-condensed th,
.t-table-condensed td {
    text-align: center;
    padding: 10px;
}
.t-date-title {
    clear: both;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 15px 0 10px 0;
}
.t-day,
.t-range,
.t-start,
.t-end,
.t-disabled {
    border-width: 2px;
    border-style: solid;
}
.t-disabled {
    cursor: auto;
}
.t-arrow {
    border: none;
}
.t-dates,
.t-day,
.t-arrow,
.t-range,
.t-start,
.t-end,
.t-end-limit {
    cursor: pointer;
}
.t-special-day {
    position: relative;
}
.t-special-day:before {
    content: "";
    height: 3px;
    width: 3px;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    border-width: 3px;
    border-style: solid;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.t-hover-day {
    position: relative;
}
.t-hover-day-content {
    top: -30px;
    width: 70px;
    right: calc(50% - 35px);
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 5px;
    border-radius: 4px;
    z-index: 9999;
}
.t-hover-day::after {
    content: "";
    position: absolute;
    top: -8px;
    right: calc(50% - 7px);
    border-width: 7px;
    border-style: solid;
}
.t-today .t-hover-day-content {
    z-index: 9998;
}
.t-disabled,
.t-check-in .t-end-limit {
    opacity: 0.25;
    cursor: auto;
}
.t-check-in,
.t-check-out {
    border-color: #ededed;
}
.t-check-in {
    border-right-color: #e8e8e8;
}
.t-date-title {
    color: #e91e63;
}
.t-special-day:before {
    border-color: transparent;
    border-top-color: #e91e63;
    border-right-color: #e91e63;
}
.t-datepicker-day {
    border-color: #ededed;
    background: #fff;
}
.t-day,
.t-range,
.t-start,
.t-end,
.t-disabled {
    background: #fafafa;
    border-color: #fff;
}
.t-disabled {
    background: transparent;
}
.t-highlighted {
    color: #0082bb;
}
.t-highlighted.t-disabled {
    background: #fafafa;
}
.t-start,
.t-end,
.t-end-limit {
    color: #fff;
    background: #0082bb;
}
.t-range,
.t-range-limit {
    color: #0082bb;
}
.t-range {
    background: #bbeaff;
}
.t-range-limit {
    background: #bbeaff;
}
.t-range-limit.t-start,
.t-range-limit.t-end {
    color: #fff;
    background: #00a5ee;
}
.t-check-in .t-end,
.t-check-out .t-start,
.t-check-out tr ~ .t-end {
    color: #fff;
    background: #0082bb;
}
.t-hover-day,
.t-hover-day-content,
.t-hover-day:hover {
    color: #fff;
    background: #00a5ee;
}
.t-hover-day::after {
    border-color: transparent;
    border-top-color: #00a5ee;
}
.t-today,
.t-today .t-hover-day-content {
    background: #aeaeae;
}
.t-today::after {
    border-top-color: #aeaeae;
}
.t-today:hover,
.t-today:hover .t-hover-day-content {
    background: #0082bb;
}
.t-today:hover::after {
    border-top-color: #0082bb;
}
.t-start.t-today,
.t-end.t-today {
    color: #fff;
}
.t-start.t-today,
.t-start.t-today .t-hover-day-content,
.t-end.t-today,
.t-end.t-today .t-hover-day-content {
    background: #0082bb;
}
.t-start.t-today::after,
.t-end.t-today::after {
    border-top-color: #0082bb;
}
@media only screen and (max-width: 500px) {
    .homePageFooterDiv {
        padding: 0;
    }
    .homePageFooterDiv > .container {
        padding: 0;
    }
}
.bestBookingSystemSpan {
    opacity: 0.8;
}
.visible-xs-inline-block {
    word-wrap: break-word;
}
.wrap-search-m .header-detail-m {
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: #c72628;
    z-index: 10;
    text-align: center;
    position: relative;
}
.wrap-search-m .header-detail-m .btn-back {
    position: absolute;
    top: 0;
    left: 5px;
    width: 38px;
    height: 50px;
    color: #fff;
    padding-top: 18px;
    z-index: 11;
}
.wrap-search-m .header-detail-m .title {
    color: #fff;
}
.wrap-search-m .header-detail-m .title .name {
    display: block;
    font-weight: bold;
    line-height: 22px;
    padding-top: 6px;
    font-size: 16px;
}
.wrap-search-m .header-detail-m .title .date {
    display: inline-block;
    font-size: 12px;
}
.wrap-search-m .header-detail-m .right-head-m {
    position: absolute;
    top: 17px;
    right: 0px;
}
@media only screen and (max-width: 500px) {
    .wrap-search-m .header-detail-m .right-head-m .img-wrapper-mb img {
        width: 20px;
        height: 20px;
    }
}
.wrap-search-m .header-detail-m .right-head-m .btn-search {
    float: left;
    padding-right: 20px;
    color: #fff;
    background: unset;
    font-size: 16px;
    padding-top: 3px;
    box-shadow: none;
}
.wrap-search-m .header-detail-m .right-head-m > ul {
    float: right;
    width: 30px;
    min-height: 30px;
}
.wrap-search-m .header-detail-m .right-head-m > ul .user-menu-list {
    right: 15px;
}
.main-header.ivivu-main-header {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    z-index: 10;
}
.main-header.ivivu-main-header .navbar {
    margin-left: 0px;
    border: 0px solid transparent;
    background-color: #c72628;
}
.main-header.ivivu-main-header .navbar .nav > li > a {
    color: #fff;
}
.main-header.ivivu-main-header .navbar .nav > li > a:hover,
.main-header.ivivu-main-header .navbar .nav > li > a:active,
.main-header.ivivu-main-header .navbar .nav > li > a:focus,
.main-header.ivivu-main-header .navbar .nav .open > a,
.main-header.ivivu-main-header .navbar .nav .open > a:hover,
.main-header.ivivu-main-header .navbar .nav .open > a:focus,
.main-header.ivivu-main-header .navbar .nav > .active > a {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar .sidebar-toggle {
    color: #fff;
}
.main-header.ivivu-main-header .navbar .sidebar-toggle:hover {
    color: #003025;
    background: none;
}
.main-header.ivivu-main-header .navbar .navbar-header .navbar-brand {
    padding-top: 5px;
    padding-bottom: 0px;
}
.main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
    height: auto;
}
@media only screen and (max-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 50px;
        position: absolute;
        left: 0;
        top: 10px;
    }
}
@media only screen and (min-width: 321px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 65px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 100%;
    }
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 18px;
    }
}
@media only screen and (min-width: 480px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.nav > li {
        font-size: 20px;
    }
}
.main-header.ivivu-main-header .navbar ul.nav > li > a {
    transition: all 0.1s ease-in-out;
    letter-spacing: -0.2px;
}
.main-header.ivivu-main-header .navbar ul.nav > li > a:hover {
    color: #003025;
    background: none;
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar ul.nav > li > a {
        padding: 20px 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.nav > li > a {
        padding: 20px 13px;
    }
}
.main-header.ivivu-main-header .navbar ul.nav > li.active {
    border-bottom: 2px solid #fdbf65;
}
.main-header.ivivu-main-header .navbar ul.nav > li.active a {
    background: none;
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar ul.nav > li.active {
        border-bottom-width: 0px;
    }
    .main-header.ivivu-main-header .navbar ul.nav > li.active a {
        color: #003025;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu {
    background: #c72628;
    border: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
    transition: all 0.3s ease-in-out;
    color: white;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a:hover {
    background: none;
    color: #003025;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 18px;
        padding: 10px 15px;
    }
}
@media only screen and (min-width: 480px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 16px;
        padding: 8px 15px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu > li > a {
        font-size: 20px;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li.active a {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu > li.divider {
    background-color: rgba(255, 255, 255, 0.1);
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu {
    padding: 8px 0;
    background: white !important;
    min-width: 246px;
    margin: 5px -15px 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 12px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap .btn-login-header {
    width: 100%;
    background: #003025;
    color: white;
    border: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .btn-login-wrap .btn-login-header:hover {
    background-color: #42d7ef !important;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text {
    padding: 4px 12px;
    text-align: center;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text .register-link {
    cursor: pointer;
    text-decoration: underline;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .register-text .register-link:hover {
    color: #42d7ef;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after,
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after {
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 7px;
    margin-left: -7px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header {
    padding: 10px 15px;
    display: flex;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__avatar {
    padding-right: 15px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__avatar img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(78, 78, 78, 0.4);
    width: 43px;
    height: 43px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.name {
    font-size: 18px;
    color: #c72628;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.description {
    font-size: 13px;
    color: black;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
        max-width: 170px;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .member-header__info p.max {
        max-width: 220px;
    }
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .equal-row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .point-menu-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .point-text {
    padding-left: 0;
    padding-top: 4px;
    text-align: right;
    align-self: center;
    color: #c72628;
    font-size: 12px;
    font-weight: bold;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap {
    padding: 12px 16px 5px 16px;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap .logout-btn {
    transition: all 0.5s;
    height: 40px;
    border-radius: 4px;
    color: black;
    border: solid 1px #bdbdbd;
    background-color: white;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .logout-btn-wrap .logout-btn:hover {
    border: solid 1px #c72628;
    color: #c72628;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu > li > a {
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: black;
    font-size: 14px;
    letter-spacing: normal;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu > li > a:hover {
    background: none;
    color: #003025;
}
.main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu {
        margin-top: 8px;
    }
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:after,
    .main-header.ivivu-main-header .navbar ul.dropdown-menu.member-dropdown-menu:before {
        left: 86%;
    }
}
.main-header.ivivu-main-header .navbar .navbar-collapse {
    box-shadow: none;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu .username-header {
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 21px;
    margin-bottom: -4px;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper img {
    width: 39px;
    height: 39px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(78, 78, 78, 0.4);
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu .img-wrapper {
        display: inline-block;
        position: absolute;
        left: -30px;
        bottom: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu {
        right: 70px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login a i.fa {
        text-shadow: 0 0 2px rgba(0, 19, 37, 0.5);
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login.logged-in a i.fa {
        color: #003025;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login.open a.dropdown-toggle {
        background: #004a8b;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login ul.dropdown-menu {
        background: #004a8b;
        background: linear-gradient(to bottom, #004a8b, #c72628);
        right: 0%;
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .btn-login {
    color: white;
    background: #cb8725;
    border: none;
    transition: all 0.3s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .btn-login:hover {
    background: #fdbf65;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 0px;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 20px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item {
        margin-right: 40px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .search-item.active {
        background: #004a8b;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-item {
    color: white;
    display: block;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
    color: #cb8725;
    text-decoration: none;
    letter-spacing: -1px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link .fa {
    position: relative;
    top: 1px;
}
@media only screen and (max-width: 500px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link .fa {
        display: none;
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link:hover {
    color: #fdbf65;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-description,
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location {
    color: white;
    font-size: 12px;
    margin: 0px;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown {
    user-select: none;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu {
    width: 250px;
    background: white;
    padding: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0px 2px rgba(0, 0, 0, 0.15);
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu .hotline-dd-item {
    font-size: 16px;
    padding: 12px 15px;
    color: #6c707e;
    cursor: pointer;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu .hotline-dd-item:hover {
    background: rgba(148, 151, 163, 0.05);
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu li:not(:last-child) .hotline-dd-item {
    border-bottom: 1px solid rgba(148, 151, 163, 0.25);
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-dropdown .dropdown-menu {
        top: 3px;
        position: absolute;
        left: -35px;
    }
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location:hover {
    color: #003025;
}
@media only screen and (min-width: 320px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 50px;
        padding-right: 5px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1.5px;
    }
}
@media only screen and (max-width: 500px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        font-size: 18px !important;
        font-weight: bold !important;
        letter-spacing: inherit !important;
    }
}
@media only screen and (min-width: 375px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        position: relative;
        right: 15px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 51px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 60px;
        padding-left: 30px;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -1px;
        text-decoration: none;
    }
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-link:hover {
        color: #fdbf65;
    }
}
@media only screen and (min-width: 1200px) {
    .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
        height: 60px;
    }
}
.hotline-header .hotline-item,
.hotline-footer .hotline-item {
    color: white;
    display: block;
}
.hotline-header .hotline-link,
.hotline-footer .hotline-link {
    color: #cb8725;
    text-decoration: none;
    letter-spacing: -1px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
.hotline-header .hotline-link .fa,
.hotline-footer .hotline-link .fa {
    position: relative;
    top: 1px;
}
@media only screen and (max-width: 500px) {
    .hotline-header .hotline-link .fa,
    .hotline-footer .hotline-link .fa {
        display: none;
    }
}
.hotline-header .hotline-link:hover,
.hotline-footer .hotline-link:hover {
    color: #fdbf65;
}
.hotline-header .hotline-description,
.hotline-header .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location,
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-header .hotline-location,
.hotline-header .hotline-location,
.hotline-footer .hotline-description,
.hotline-footer .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-location,
.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline .hotline-footer .hotline-location,
.hotline-footer .hotline-location {
    color: white;
    font-size: 12px;
    margin: 0px;
}
.hotline-header .hotline-dropdown,
.hotline-footer .hotline-dropdown {
    user-select: none;
}
.hotline-header .hotline-dropdown .dropdown-menu,
.hotline-footer .hotline-dropdown .dropdown-menu {
    width: 250px;
    background: white;
    padding: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0px 2px rgba(0, 0, 0, 0.15);
}
.hotline-header .hotline-dropdown .dropdown-menu .hotline-dd-item,
.hotline-footer .hotline-dropdown .dropdown-menu .hotline-dd-item {
    font-size: 16px;
    padding: 12px 15px;
    color: #6c707e;
    cursor: pointer;
}
.hotline-header .hotline-dropdown .dropdown-menu .hotline-dd-item:hover,
.hotline-footer .hotline-dropdown .dropdown-menu .hotline-dd-item:hover {
    background: rgba(148, 151, 163, 0.05);
}
.hotline-header .hotline-dropdown .dropdown-menu li:not(:last-child) .hotline-dd-item,
.hotline-footer .hotline-dropdown .dropdown-menu li:not(:last-child) .hotline-dd-item {
    border-bottom: 1px solid rgba(148, 151, 163, 0.25);
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .hotline-header .hotline-dropdown .dropdown-menu,
    .hotline-footer .hotline-dropdown .dropdown-menu {
        position: absolute;
        right: 0;
        left: unset;
    }
}
.hotline-header .hotline-location,
.hotline-footer .hotline-location {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 500px) {
    .hotline-header .hotline-location,
    .hotline-footer .hotline-location {
        font-weight: 200;
        display: contents;
    }
}
.hotline-header .hotline-location:hover,
.hotline-footer .hotline-location:hover {
    color: #003025;
}
@media only screen and (min-width: 320px) {
    .hotline-header,
    .hotline-footer {
        height: 50px;
        padding-right: 5px;
    }
    .hotline-header .hotline-link,
    .hotline-footer .hotline-link {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1.5px;
    }
}
@media only screen and (max-width: 500px) {
    .hotline-header .hotline-link,
    .hotline-footer .hotline-link {
        font-size: 18px !important;
        font-weight: bold !important;
        letter-spacing: inherit !important;
    }
}
@media only screen and (min-width: 768px) {
    .hotline-header,
    .hotline-footer {
        height: 51px;
    }
    .hotline-header .hotline-link,
    .hotline-footer .hotline-link {
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) {
    .hotline-header,
    .hotline-footer {
        height: 60px;
        padding-left: 30px;
    }
    .hotline-header .hotline-link,
    .hotline-footer .hotline-link {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: -1px;
        text-decoration: none;
    }
    .hotline-header .hotline-link:hover,
    .hotline-footer .hotline-link:hover {
        color: #fdbf65;
    }
}
@media only screen and (min-width: 1200px) {
    .hotline-header,
    .hotline-footer {
        height: 60px;
    }
}
@media only screen and (-ms-high-contrast: none) and (min-width: 992px), only screen and (-ms-high-contrast: active) and (min-width: 992px) {
    .main-header.ivivu-main-header .navbar .navbar-header .navbar-brand img {
        width: 80px;
    }
}
.hotline-footer {
    padding-left: 0;
    height: inherit;
    float: left;
}
.hotline-m {
    display: flex;
    padding-left: 10px;
    padding-top: 7px;
    font-size: 10px;
}
.hotline-m span {
    font-size: 10px;
}
.hotline-m .dropdown-menu {
    padding: 15px;
}
.hotline-m .dropdown-menu span {
    font-size: 13px;
}
.hotline-m .dropdown-menu .hotline-dd-item {
    border-bottom: 1px solid rgba(148, 151, 163, 0.25);
    padding: 12px 15px;
}
.hotline-m .dropdown-menu .hotline-dd-item .vcolor-warning {
    color: #cb8725 !important;
}
.header-search-form {
    border-radius: 0 0 4px 4px;
    background: #c72628;
    padding: 15px 0px;
}
.header-search-form__outer {
    position: absolute;
    left: 0px;
    padding: 0px;
}
.header-search-form__outer .container {
    padding: 0px;
}
@media only screen and (min-width: 1200px) {
    .header-search-form__outer {
        top: 64px;
    }
}
.header-search-form .form-group label {
    color: white;
}
@media only screen and (min-width: 768px) {
    .header-search-form .form-group {
        margin-bottom: 0px;
    }
}
.header-search-form .btn-action {
    border: 1px solid #cb8725;
}
@media only screen and (min-width: 320px) and (max-width: 414px) {
    .header-search-form {
        background: linear-gradient(to bottom, #004a8b, #c72628);
    }
    .header-search-form__outer {
        top: 50px;
    }
    .header-search-form .date-div .form-group {
        margin-bottom: 0px;
    }
    .header-search-form .date-div.check-in {
        padding-right: 8px;
    }
    .header-search-form .date-div.check-out {
        padding-left: 8px;
    }
    .header-search-form .action-div .form-group {
        margin-bottom: 0px;
    }
}
.vloader {
    margin: 0;
    font-size: 4px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(33, 150, 243, 0.2);
    border-right: 1.1em solid rgba(33, 150, 243, 0.2);
    border-bottom: 1.1em solid rgba(33, 150, 243, 0.2);
    border-left: 1.1em solid #2196f3;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}
.vloader,
.vloader:after {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media only screen and (min-width: 768px) {
    .login-modal .modal-dialog {
        width: 400px;
    }
}
#login-modal .modal-content {
    border-radius: 0;
    
}
#login-modal .form-control {
    border-radius: 0;
}
#login-modal .btn-login {
    font-weight: 700;
}
#login-modal .modal-title {
    font-weight: initial;
    margin: 0;
    line-height: 1.42857143;
    
    color: #555863;
}
#login-modal .modal-header {
    padding-left: 15px;
    padding-bottom: 15px;
}
@media only screen and (min-width: 320px) {
    .vremovePadding-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-lg {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-sm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-md {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .vremovePadding-min-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.hide-by-default {
    display: none;
}
.normalInput {
    background-color: white !important;
    cursor: default !important;
}
.setBackgroundCover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vcolor-primary {
    color: #c72628;
}
.vcolor-warning {
    color: #cb8725;
}
.vcolor-info {
    color: #003025;
}
.vcolor-gray {
    color: #818180;
}
.vcolor-danger {
    color: #d9534f;
}
.vcolor-red {
    color: #e52822;
}
.vcolor-success {
    color: #477a00;
}
.vcolor-link {
    color: #40a6f2;
}
.vcolor-blue {
    color: #0f81d7;
}
.vcolor-text {
    color: #555863;
}
.vcolor-text-dark {
    color: #3d3f47;
}
.vcolor-text-light {
    color: #6c707e;
}
.vbackground-primary {
    background-color: #c72628;
}
.vbackground-warning {
    background-color: #cb8725;
}
.vbackground-info {
    background-color: #003025;
}
.vbackground-danger {
    background-color: #d9534f;
}
.vbackground-panel-background {
    background-color: #f6f7f7;
}
.vspacing0 {
    margin: 0px 0px;
}
.vspacing-x0 {
    margin: 0px 0px;
}
.vspacingtop0 {
    margin-top: 0px;
}
.vspacingbottom0 {
    margin-bottom: 0px;
}
.vspacingleft0 {
    margin-left: 0px;
}
.vspacingright0 {
    margin-right: 0px;
}
.vspacing1 {
    margin: 1px 0px;
}
.vspacing-x1 {
    margin: 0px 1px;
}
.vspacingtop1 {
    margin-top: 1px;
}
.vspacingbottom1 {
    margin-bottom: 1px;
}
.vspacingleft1 {
    margin-left: 1px;
}
.vspacingright1 {
    margin-right: 1px;
}
.vspacing2 {
    margin: 2px 0px;
}
.vspacing-x2 {
    margin: 0px 2px;
}
.vspacingtop2 {
    margin-top: 2px;
}
.vspacingbottom2 {
    margin-bottom: 2px;
}
.vspacingleft2 {
    margin-left: 2px;
}
.vspacingright2 {
    margin-right: 2px;
}
.vspacing3 {
    margin: 3px 0px;
}
.vspacing-x3 {
    margin: 0px 3px;
}
.vspacingtop3 {
    margin-top: 3px;
}
.vspacingbottom3 {
    margin-bottom: 3px;
}
.vspacingleft3 {
    margin-left: 3px;
}
.vspacingright3 {
    margin-right: 3px;
}
.vspacing5,
.vspacing {
    margin: 5px 0px;
}
.vspacing-x5 {
    margin: 0px 5px;
}
.vspacingtop5 {
    margin-top: 5px;
}
.vspacingbottom5,
.vspacingbottom {
    margin-bottom: 5px;
}
.vspacingleft5 {
    margin-left: 5px;
}
.vspacingright5 {
    margin-right: 5px;
}
.vspacing6 {
    margin: 6px 0px;
}
.vspacing-x6 {
    margin: 0px 6px;
}
.vspacingtop6 {
    margin-top: 6px;
}
.vspacingbottom6 {
    margin-bottom: 6px;
}
.vspacingleft6 {
    margin-left: 6px;
}
.vspacingright6 {
    margin-right: 6px;
}
.vspacing7 {
    margin: 7px 0px;
}
.vspacing-x7 {
    margin: 0px 7px;
}
.vspacingtop7 {
    margin-top: 7px;
}
.vspacingbottom7 {
    margin-bottom: 7px;
}
.vspacingleft7 {
    margin-left: 7px;
}
.vspacingright7 {
    margin-right: 7px;
}
.vspacing8 {
    margin: 8px 0px;
}
.vspacing-x8 {
    margin: 0px 8px;
}
.vspacingtop8 {
    margin-top: 8px;
}
.vspacingbottom8 {
    margin-bottom: 8px;
}
.vspacingleft8 {
    margin-left: 8px;
}
.vspacingright8 {
    margin-right: 8px;
}
.vspacing9 {
    margin: 9px 0px;
}
.vspacing-x9 {
    margin: 0px 9px;
}
.vspacingtop9 {
    margin-top: 9px;
}
.vspacingbottom9 {
    margin-bottom: 9px;
}
.vspacingleft9 {
    margin-left: 9px;
}
.vspacingright9 {
    margin-right: 9px;
}
.vspacing10 {
    margin: 10px 0px;
}
.vspacing-x10 {
    margin: 0px 10px;
}
.vspacingtop10 {
    margin-top: 10px;
}
.vspacingbottom10 {
    margin-bottom: 10px;
}
.vspacingleft10 {
    margin-left: 10px;
}
.vspacingright10 {
    margin-right: 10px;
}
/*.vspacing15 {
    margin: 15px 0px;
}*/
.vspacing-x15 {
    margin: 0px 15px;
}
.vspacingtop15 {
    margin-top: 15px;
}
.vspacingbottom15 {
    margin-bottom: 15px;
}
.vspacingleft15 {
    margin-left: 15px;
}
.vspacingright15 {
    margin-right: 15px;
}
.vspacing20 {
    margin: 20px 0px;
}
.vspacing-x20 {
    margin: 0px 20px;
}
.vspacingtop20 {
    margin-top: 20px;
}
.vspacingbottom20 {
    margin-bottom: 20px;
}
.vspacingleft20 {
    margin-left: 20px;
}
.vspacingright20 {
    margin-right: 20px;
}
.vspacing25 {
    margin: 25px 0px;
}
.vspacing-x25 {
    margin: 0px 25px;
}
.vspacingtop25 {
    margin-top: 25px;
}
.vspacingbottom25 {
    margin-bottom: 25px;
}
.vspacingleft25 {
    margin-left: 25px;
}
.vspacingright25 {
    margin-right: 25px;
}
.vspacing30 {
    margin: 30px 0px;
}
.vspacing-x30 {
    margin: 0px 30px;
}
.vspacingtop30 {
    margin-top: 30px;
}
.vspacingbottom30 {
    margin-bottom: 30px;
}
.vspacingleft30 {
    margin-left: 30px;
}
.vspacingright30 {
    margin-right: 30px;
}
.vspacing35 {
    margin: 35px 0px;
}
.vspacing-x35 {
    margin: 0px 35px;
}
.vspacingtop35 {
    margin-top: 35px;
}
.vspacingbottom35 {
    margin-bottom: 35px;
}
.vspacingleft35 {
    margin-left: 35px;
}
.vspacingright35 {
    margin-right: 35px;
}
.vspacing40 {
    margin: 40px 0px;
}
.vspacing-x40 {
    margin: 0px 40px;
}
.vspacingtop40 {
    margin-top: 40px;
}
.vspacingbottom40 {
    margin-bottom: 40px;
}
.vspacingleft40 {
    margin-left: 40px;
}
.vspacingright40 {
    margin-right: 40px;
}
.vspacing45 {
    margin: 45px 0px;
}
.vspacing-x45 {
    margin: 0px 45px;
}
.vspacingtop45 {
    margin-top: 45px;
}
.vspacingbottom45 {
    margin-bottom: 45px;
}
.vspacingleft45 {
    margin-left: 45px;
}
.vspacingright45 {
    margin-right: 45px;
}
.vspacing50 {
    margin: 50px 0px;
}
.vspacing-x50 {
    margin: 0px 50px;
}
.vspacingtop50 {
    margin-top: 50px;
}
.vspacingbottom50 {
    margin-bottom: 50px;
}
.vspacingleft50 {
    margin-left: 50px;
}
.vspacingright50 {
    margin-right: 50px;
}
.no-margin {
    margin: 0px;
}
.star_1:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF";
}
.star_2:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF";
}
.star_3:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF";
}
.star_4:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF \25CF";
}
.star_5:before {
    font-size: 20px;
    color: #fdbf65;
    content: "\25CF \25CF \25CF \25CF \25CF";
    width: 30px;
}
.vremoveSpacing {
    padding: 0px;
}
.vremoveMargin {
    margin: 0px;
}
.horizontalLine {
    border-bottom: 1px solid #ddd;
    margin: 8px 0px;
}
.nonClickable {
    opacity: 0.6;
    pointer-events: none;
}
.mustacheTemplate {
    display: none;
}
i.fixGlyphicon,
span.fixGlyphicon {
    top: 1px;
    margin-right: 2px;
}
.vHeadLineTitle {
    color: #c72628;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
}
.vbuttonWarning {
    transition: all 0.4s ease;
    border-radius: 4px;
    color: #cb8725;
    border: 2px solid #cb8725;
    background: transparent;
    padding: 10px;
    font-size: 16px;
}
.vbuttonWarning:hover {
    background: #cb8725;
    color: white;
}
.datepickerDiv {
    position: relative;
}
.datepickerDiv i.sprites {
    position: absolute;
    top: 7px;
    right: 7px;
}
.autoexpand_textarea {
    overflow: hidden;
    padding: 6px 12px;
    -moz-box-sizing: content-box;
}
.btn.btn-action,
#LoginModal .btn.btn-login,
#RegisterModal .btn.btn-login,
#GetUserModal .btn.btn-login,
#UserSuccessModal .btn.btn-login,
#GetValidUser .btn.btn-login,
#GetSocialModal .btn.btn-login {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #cb8725;
    border: 1px solid #cb8725;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
}
.btn.btn-action:hover,
#LoginModal .btn.btn-login:hover,
#RegisterModal .btn.btn-login:hover,
#GetUserModal .btn.btn-login:hover,
#UserSuccessModal .btn.btn-login:hover,
#GetValidUser .btn.btn-login:hover,
#GetSocialModal .btn.btn-login:hover {
    background: #f9ab52;
    color: #fff;
}
.btn.btn-action:focus,
#LoginModal .btn.btn-login:focus,
#RegisterModal .btn.btn-login:focus,
#GetUserModal .btn.btn-login:focus,
#UserSuccessModal .btn.btn-login:focus,
#GetValidUser .btn.btn-login:focus,
#GetSocialModal .btn.btn-login:focus {
    background: #f9ab52;
    color: #fff;
}
.btn.btn-action .fa,
#LoginModal .btn.btn-login .fa,
#RegisterModal .btn.btn-login .fa,
#GetUserModal .btn.btn-login .fa,
#UserSuccessModal .btn.btn-login .fa,
#GetValidUser .btn.btn-login .fa,
#GetSocialModal .btn.btn-login .fa {
    color: #fff !important;
}
@media only screen and (max-width: 479px) {
    .btn.btn-action.btn-big,
    #LoginModal .btn.btn-big.btn-login,
    #RegisterModal .btn.btn-big.btn-login,
    #GetUserModal .btn.btn-big.btn-login,
    #UserSuccessModal .btn.btn-big.btn-login,
    #GetValidUser .btn.btn-big.btn-login,
    #GetSocialModal .btn.btn-big.btn-login {
        height: 60px;
        font-size: 24px;
    }
}
.btn.btn-action_accent {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #003025;
    border: 1px solid #003025;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
}
.btn.btn-action_accent:hover {
    background: #4fcce0;
    color: #fff;
}
.btn.btn-action_accent:focus {
    background: #4fcce0;
    color: #fff;
}
.btn.btn-action_accent .fa {
    color: #fff !important;
}
@media only screen and (max-width: 479px) {
    .btn.btn-action_accent.btn-big {
        height: 60px;
        font-size: 24px;
    }
}
.collapse-icon {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}
.collapse-icon.open {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}
@media only screen and (min-width: 320px) {
    .p-r-0-xs {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .p-r-0-sm {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .p-r-0-md {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .p-r-0-lg {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 320px) {
    .p-l-0-xs {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .p-l-0-sm {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .p-l-0-md {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .p-l-0-lg {
        padding-left: 0px;
    }
}
.v-text-200 {
    font-weight: 200;
}
.v-text-300 {
    font-weight: 300;
}
.v-text-400 {
    font-weight: 400;
}
.v-text-500 {
    font-weight: 500;
}
.v-text-600 {
    font-weight: 600;
}
.v-text-700 {
    font-weight: 700;
}
@media only screen and (min-width: 320px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 19em;
    }
}
.login-modal {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    color: #555863;
}
@media only screen and (min-width: 768px) {
    .login-modal .modal-dialog {
        width: 400px;
    }
}
.login-modal .modal-dialog .modal-header {
    border-bottom-color: transparent;
}
.login-modal .login-row,
.login-modal .register-row {
    animation-duration: 0.3s;
}
.login-social .btn-social {
    color: #555863;
    font-weight: 500;
    border-radius: 2px;
    font-size: 16px;
    text-align: left;
    padding: 12px 15px;
    transition: all 0.3s ease-in-out;
}
.login-social .btn-social i {
    margin-right: 5px;
}
.login-social .btn-social.btn-facebook {
    margin-bottom: 10px;
    border: 1px solid rgba(59, 89, 152, 0.5);
    background-color: #3b5998;
    color: white;
}
.login-social .btn-social.btn-facebook:hover {
    background-color: #30487b;
}
.login-social .btn-social.btn-google {
    background-color: rgba(148, 151, 163, 0.05);
    border: 1px solid rgba(148, 151, 163, 0.3);
}
.login-social .btn-social.btn-google:hover {
    background-color: rgba(148, 151, 163, 0.2);
}
.btn-login {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #cb8725;
    border: 1px solid #cb8725;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
    font-weight: 500;
    border-radius: 2px;
    font-size: 16px;
    padding: 12px 10px;
    margin-bottom: 15px;
}
.btn-login:hover {
    background: #fdbf65;
    color: #fff;
}
.btn-login:focus {
    background: #fdbf65;
    color: #fff;
}
.btn-login .fa {
    color: #fff !important;
}
.login-form .form-group .control-label {
    font-weight: normal;
    color: #555863;
}
.login-form .form-group .form-control {
    font-size: 16px;
    border-radius: 2px;
}
@media only screen and (min-width: 320px) {
    .separate {
        margin: 10px 0px 25px 0px;
    }
}
@media only screen and (min-width: 480px) {
    .separate {
        margin: 10px 0px 20px 0px;
    }
}
.separate__inner {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid rgba(148, 151, 163, 0.2);
    text-align: center;
}
.separate__text {
    color: #6c707e;
    background-color: white;
    padding: 0 10px;
    position: relative;
    top: 8px;
}
.filter-icon {
    display: inline-block;
    min-width: 18px;
    margin-bottom: 0px !important;
}
.md-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 320px) {
    .md-checkbox {
        margin: 15px 0px;
    }
}
@media only screen and (min-width: 480px) {
    .md-checkbox {
        margin: 10px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .md-checkbox {
        margin: 5px 0px;
    }
}
.md-checkbox:hover label {
    color: #40a6f2;
}
.md-checkbox:hover label:before {
    border-color: #40a6f2;
}
.md-checkbox label {
    font-size: 14px;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-top: 1px;
}
.md-checkbox label:before,
.md-checkbox label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
}
.md-checkbox label:before {
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid rgba(148, 151, 163, 0.3);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s;
}
.md-checkbox label .description {
    float: right;
    color: #6c707e;
}
.md-checkbox input[type="checkbox"] {
    outline: 0;
    margin-right: 15px;
    visibility: hidden;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
    transform: rotate(-45deg);
    top: 7px;
    left: 2px;
    width: 12px;
    height: 6px;
    border: 2px solid #40a6f2;
    border-top-style: none;
    border-right-style: none;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
    border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
    background: rgba(0, 0, 0, 0.26);
}
@media screen and (max-width: 500px) {
    .modal-dialog {
        padding: 0px 12px;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
    .close-modal-button {
        margin-left: -9px !important;
    }
}
.close-modal-button {
    width: 100%;
    margin-top: -22px;
    position: fixed;
    color: white;
    text-align: right;
    margin-left: 15px;
    cursor: pointer;
}
.modal-dialog {
    top: 8%;
}
.modal-content {
    border-radius: unset;
}
@media screen and (min-width: 500px) {
    #LoginModal .modal-dialog,
    #RegisterModal .modal-dialog,
    #GetUserModal .modal-dialog,
    #UserSuccessModal .modal-dialog,
    #GetValidUser .modal-dialog,
    #GetSocialModal .modal-dialog {
        width: 320px;
    }
}
#LoginModal .input-lg,
#RegisterModal .input-lg,
#GetUserModal .input-lg,
#UserSuccessModal .input-lg,
#GetValidUser .input-lg,
#GetSocialModal .input-lg {
    border-radius: 4px;
}
#LoginModal .btn-login,
#RegisterModal .btn-login,
#GetUserModal .btn-login,
#UserSuccessModal .btn-login,
#GetValidUser .btn-login,
#GetSocialModal .btn-login {
    border: 1px solid #c72628 !important;
    border-radius: 4px !important;
    background-color: white !important;
    transition: all 0.5s;
    color: #c72628 !important;
    box-shadow: unset !important;
    font-size: 14px !important;
}
#LoginModal .btn-login:hover,
#LoginModal .btn-login.active,
#RegisterModal .btn-login:hover,
#RegisterModal .btn-login.active,
#GetUserModal .btn-login:hover,
#GetUserModal .btn-login.active,
#UserSuccessModal .btn-login:hover,
#UserSuccessModal .btn-login.active,
#GetValidUser .btn-login:hover,
#GetValidUser .btn-login.active,
#GetSocialModal .btn-login:hover,
#GetSocialModal .btn-login.active {
    border: 1px solid #003025 !important;
    color: #003025 !important;
}
#LoginModal .btn-solid,
#RegisterModal .btn-solid,
#GetUserModal .btn-solid,
#UserSuccessModal .btn-solid,
#GetValidUser .btn-solid,
#GetSocialModal .btn-solid {
    color: white !important;
    background-color: #c72628 !important;
    border: unset;
}
#LoginModal .btn-solid:hover,
#LoginModal .btn-solid.active,
#RegisterModal .btn-solid:hover,
#RegisterModal .btn-solid.active,
#GetUserModal .btn-solid:hover,
#GetUserModal .btn-solid.active,
#UserSuccessModal .btn-solid:hover,
#UserSuccessModal .btn-solid.active,
#GetValidUser .btn-solid:hover,
#GetValidUser .btn-solid.active,
#GetSocialModal .btn-solid:hover,
#GetSocialModal .btn-solid.active {
    border: unset;
    background-color: #003025 !important;
    color: white !important;
}
#LoginModal .btn-login,
#RegisterModal .btn-login,
#GetUserModal .btn-login,
#UserSuccessModal .btn-login,
#GetValidUser .btn-login,
#GetSocialModal .btn-login {
    font-weight: 500;
    border-radius: 2px;
    font-size: 16px;
    padding: 12px 10px;
    margin-bottom: 15px;
}
#LoginModal .login-form .form-group .control-label,
#RegisterModal .login-form .form-group .control-label,
#GetUserModal .login-form .form-group .control-label,
#UserSuccessModal .login-form .form-group .control-label,
#GetValidUser .login-form .form-group .control-label,
#GetSocialModal .login-form .form-group .control-label {
    font-weight: normal;
    color: #818180;
}
#LoginModal .login-form .form-group .form-control,
#RegisterModal .login-form .form-group .form-control,
#GetUserModal .login-form .form-group .form-control,
#UserSuccessModal .login-form .form-group .form-control,
#GetValidUser .login-form .form-group .form-control,
#GetSocialModal .login-form .form-group .form-control {
    font-size: 16px;
}
#GetUserModal .img-user,
#UserSuccessModal .img-user,
#GetValidUser .img-user,
#GetSocialModal .img-user {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
#LoginModal .md-checkbox label,
#RegisterModal .md-checkbox label {
    cursor: unset;
    white-space: unset;
}
#LoginModal .md-checkbox:hover label,
#RegisterModal .md-checkbox:hover label {
    color: unset;
}
#LoginModal .first-text,
#RegisterModal .first-text {
    color: #c72628;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 5px;
    font-weight: bold;
}
#LoginModal .login-social .btn-social,
#RegisterModal .login-social .btn-social {
    color: #818180;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    text-align: left;
    padding: 5px 10px;
    padding-top: 7px;
    color: white;
    transition: all 0.3s ease-in-out;
}
#LoginModal .login-social .btn-social i,
#RegisterModal .login-social .btn-social i {
    margin-right: 5px;
    font-size: 25px;
    vertical-align: middle;
    padding-right: 20px;
}
#LoginModal .login-social .btn-social i:after,
#RegisterModal .login-social .btn-social i:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 56px;
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.3);
}
#LoginModal .login-social .btn-social.btn-facebook,
#RegisterModal .login-social .btn-social.btn-facebook {
    border: 1px solid rgba(71, 89, 147, 0.5);
    background-color: #475993;
}
#LoginModal .login-social .btn-social.btn-facebook:hover,
#RegisterModal .login-social .btn-social.btn-facebook:hover {
    background-color: #3a4877;
}
#LoginModal .login-social .btn-social.btn-facebook i,
#RegisterModal .login-social .btn-social.btn-facebook i {
    padding-left: 4px;
    padding-right: 16px;
}
#LoginModal .login-social .btn-social.btn-google,
#RegisterModal .login-social .btn-social.btn-google {
    border: 1px solid rgba(243, 74, 56, 0.5);
    background-color: #f34a38;
}
#LoginModal .login-social .btn-social.btn-google:hover,
#RegisterModal .login-social .btn-social.btn-google:hover {
    background-color: #f12712;
}
@media only screen and (min-width: 320px) {
    #LoginModal .separate,
    #RegisterModal .separate {
        margin: 10px 0px 25px 0px;
    }
}
@media only screen and (min-width: 480px) {
    #LoginModal .separate,
    #RegisterModal .separate {
        margin: 10px 0px 20px 0px;
    }
}
#LoginModal .separate__inner,
#RegisterModal .separate__inner {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid rgba(148, 151, 163, 0.2);
    text-align: center;
}
#LoginModal .separate__text,
#RegisterModal .separate__text {
    color: #818180;
    background-color: white;
    padding: 0 10px;
    position: relative;
    top: 8px;
}
#dropdown-nav-mobile {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		margin: 12px 2.5px;
	}

		#dropdown-nav-mobile li {
			display: inline-block;
		}

			#dropdown-nav-mobile li a {
				font-size: 14px;
				padding-top: 5px;
				padding-bottom: 5px;
			}


				#dropdown-nav-mobile li a:first-child {
					/*padding-left: 0;*/
				}

			#dropdown-nav-mobile li.active a {
				border-radius: 2px;
				background-color: rgba(255, 255, 255, 0.51);
			}

	@media only screen and (max-width: 500px) {
		.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li .hotline {
			text-align: center;
			/*right: 10%;
			transform: translate(-10%);*/
		}

		/*#homepage-search-icon {
			position: absolute;
			right: 30px;
			top: 5px;
		}*/

		.main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav > li.user-login ul.dropdown-menu {
			right: 15px;
		}
	}

	#dropdown-nav-mobile li.active a {
		color: #fff;
		font-weight: bold;
	}

	.navbar-collapse.pull-left + .navbar-custom-menu {
		right: 0;
	}

	.img-wrapper-mb img {
		width: 30px;
		height: 30px;
	}

	.app-banner {
		background-color: #F2F2F2;
		height: 77px;
		display: flex;
		padding: 5px;
		position: sticky;
		top: 0px;
		z-index: 2147483646;
		visibility: visible;
		background-size: cover;
	}

	@media (max-width: 768px) {

		.app-banner {
			background-color: #F2F2F2;
			height: 65px;
			padding: 5px;
			position: sticky;
			z-index: 2147483646;
			width: 100%;
			visibility: visible;
		}

			.app-banner .close-icon {
				margin: 13px 0;
				padding: 5px;
			}
	}


	.app-banner .desktop {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}

	.app-banner .desktop {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}

	.app-banner .close-icon i {
		color: #333;
	}

	.app-banner .desktop .qr-code-app {
		padding: 0 5px 0 0;
		float: left;
	}

		.app-banner .desktop .qr-code-app img {
			width: 68px;
			height: 68px;
		}

	.app-banner .desktop .link-app {
		padding: 0 5px 0 5px;
	}

	.app-banner .desktop .link-wrap .title-banner strong {
		font-size: 15px;
	}

	.app-banner .desktop .link-wrap .sub-title-banner {
		margin-bottom: 7px;
	}

		.app-banner .desktop .link-wrap .sub-title-banner span {
			margin-top: -3px;
			font-size: 12px;
		}

	.app-banner .desktop .link-app .icon-link-app {
		margin-top: 15px;
	}

		.app-banner .desktop .link-app .icon-link-app img {
			cursor: pointer;
			height: 29px;
			margin-bottom: 10px;
		}

	.app-banner .mobile {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}

		.app-banner .mobile .qr-code-app {
			padding: 0 5px 0 0;
			float: left;
		}


		.app-banner .mobile .link-app {
			float: left;
		}

		.app-banner .mobile .title-banner strong {
			font-size: 15px;
		}

		.app-banner .mobile .sub-title-banner span {
			font-size: 12px;
		}

		.app-banner .mobile .link-app .icon-link-app {
			margin-top: 15px;
		}

			.app-banner .mobile .link-app .icon-link-app img {
				cursor: pointer;
				height: 29px;
			}

		.app-banner .mobile .logo-app img {
			cursor: pointer;
			height: 29px;
		}

		.app-banner .mobile .btn-app-link {
			float: right;
			padding: 5px 10px;
			border-radius: 5px;
			border: solid 1px #9e9e9e;
			margin: 10px 0;
		}

			.app-banner .mobile .btn-app-link a {
				color: #000;
			}

	@media (max-width: 320px) {
		.app-banner .mobile .qr-code-app {
			display: none;
		}

		.app-banner {
			height: 55px;
		}

			.app-banner .close-icon {
				margin: 10px 0;
				padding: 5px;
			}
	}

	.app-footer {
		margin-top: 10px;
	}

		.app-footer .qr-code-app {
			padding: 0 5px 0 0;
			float: left;
		}

	.chat-footer .chat-icon {
		padding: 0 5px 0 0;
		float: left;
	}

	.chat-footer .link-app > div.icon-link-app {
		padding: 12px 0px;
		cursor: pointer;
	}

	.app-footer .qr-code-app img {
		width: 68px;
		height: 68px;
	}

	.app-footer .link-app {
		padding: 0 5px 0 5px;
	}

	.app-footer .link-wrap .title-banner {
		margin-bottom: 10px;
	}

		.app-footer .link-wrap .title-banner strong {
			font-size: 15px;
			color: #4E4E4E;
		}

	.app-footer .link-app .icon-link-app img {
		cursor: pointer;
		height: 29px;
		margin-bottom: 10px;
	}

	.vcher-text {
		line-height: 30px;
	}

	.vcher-price {
		text-align: right;
		float: right;
		position: relative;
		top: -23px;
		margin: 0;
	}

	.vcher-orgrin-price {
		display: block;
		color: #818180;
		text-decoration: line-through;
		font-size: 12px;
		height: 20px;
	}

	.vcher-total-price {
		color: #ec971f;
		font-size: 18px;
		font-weight: bold;
	}

	.voucher-text {
		color: #c72628;
		font-size: 12px;
	}

	#numvoucher {
		width: 60px;
		float: left;
		margin-right: 5px;
	}

	@media (min-width: 1200px) {
		.foot-col-3 {
			width: 20%;
		}

		.foot-col-5 {
			width: 23%;
		}
	}
	@media (max-width: 768px) {

	.hero-container {
		background-image: url(../image/undefined.jpg) !important;
	}

	}
	
@media only screen and (min-width: 320px) {
    .cardItem {
        padding: 0px 0px 30px 0px;
    }
}
@media only screen and (min-width: 480px) {
    .cardItem {
        padding: 0px 0px 30px 0px;
    }
}
.cardItem .cardItemContainer {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}
.cardItem .cardItemContainer:hover .cardItemContent {
    background-color: rgba(64, 166, 242, 0.1);
    border: 1px solid rgba(64, 166, 242, 0.2);
}
.cardItem .cardItemContainer .v-ribbon .normalContent {
    font-weight: normal;
}
.cardItem .cardItemContainer .cardItemImage figure {
    display: block;
    position: relative;
    overflow: hidden;
}
.cardItem .cardItemContainer .cardItemImage figure img {
    object-fit: cover;
    max-width: 100%;
    height:250px;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
@media only screen and (min-width: 320px) {
    .cardItem .cardItemContainer .cardItemImage figure img {
        width: 100%;
    }
}
.cardItem .cardItemContainer .cardItemContent {
    transition: all 0.2s ease-in-out;
    color: #4e4e4e;
    padding: 10px 0px;
    background-color: white;
    border: 1px solid #e4e4e6;
}
.cardItem .cardItemContainer .cardItemContent .cardItemTourNameDiv .cardItemTourName {
    color: #c72628;
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
    overflow: hidden;
}
.cardItem .cardItemContainer .cardItemContent .cardItemDepartDiv {
    min-height: 54px;
}
@media only screen and (max-width: 767px) {
    .cardItem .cardItemContainer .cardItemContent .cardItemDepartDiv {
        min-height: initial;
    }
}
.cardItem .cardItemContainer .cardItemContent .cardItemDepartDiv .tourListPros {
    color: #00abc5;
    margin-bottom: 0px;
}
.cardItem .cardItemContainer .cardItemContent .cardItemDepartDiv .tourListPros li:before {
    content: "\2022  ";
}
.cardItem .cardItemContainer .cardItemContent .note {
    font-style: italic;
}
.cardItem .cardItemContainer .cardItemContent .cardItemPrice {
    position: relative;
}
.cardItem .cardItemContainer .cardItemContent .cardItemPrice .price {
    font-size: 22px;
    font-weight: bold;
    float: right;
}
.cardItem .cardItemContainer .cardItemContent .cardItemPrice .price .textCurrency {
    font-size: 13px;
    font-weight: initial;
}
.cardItem .cardItemContainer .cardItemContent .cardItemPrice .tourBooking24H {
    float: left;
    color: #e52822;
    background-color: #fceaea;
    padding: 2px 5px 3px;
    margin-top: 3px;
    border-radius: 2px;
}
@media only screen and (max-width: 767px) {
    .cardItem .cardItemContainer .cardItemContent .cardItemPrice .tourBooking24H {
        float: right;
    }
}
.cardItem .cardItemContainer .cardItemContent .cardItemPrice .price-line {
    position: absolute;
    right: 15px;
    top: -20px;
    font-weight: 400;
    color: #828282;
    font-size: 15px;
    text-decoration: line-through;
}
@media only screen and (max-width: 375px) {
    .cardItem .cardItemContainer .cardItemContent .cardItemPrice .price-line {
        position: relative;
        right: auto;
        top: auto;
        float: right;
        margin-top: 7px;
        margin-right: 10px;
    }
}
.cardItem .cardItemContainer .cardItemContent i.fa {
    margin: 5px;
}
.cardItem .cardItemContainer .cardItemLocation {
    position: absolute;
    right: 0px;
    top: 11px;
    color: white;
    font-size: 12px;
    font-weight: normal;
    -webkit-text-shadow: 1px 1px 4px black;
    -moz-text-shadow: 1px 1px 4px black;
    text-shadow: 1px 1px 4px black;
    text-align: right;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    padding: 6px 15px;
}
@media only screen and (min-width: 320px) {
    .cardItem .cardItemContainer .cardItemLocation {
        padding: 9px 15px;
    }
}
@media only screen and (min-width: 480px) {
    .cardItem .cardItemContainer .cardItemLocation {
        padding: 6px 15px;
    }
}
.cardItem .cardItemContainer .cardItemTitle {
    transition: all 0.7s ease-in-out;
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0px;
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 2px;
    background: rgba(0, 70, 126, 0.7);
    z-index: 1;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
}
.cardItem .cardItemContainer .cardItemTitle p {
    margin: 0px;
    font-weight: normal;
    color: white;
}
.cardItem .cardItemContainer .cardItemButton {
    font-size: 13px;
    padding: 6px 20px;
}
.cardItem .cardItemContainer .ribbonDiv {
    position: relative;
    left: 1px;
    top: -50px;
}
.cardItem .cardItemContainer .ribbonDiv h1 {
    font-weight: normal;
    font-size: 14px;
}
.cardItem .cardItemContainer .cardItemPriceDivOuter {
    transition: all 0.7s ease-in-out;
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    background: rgba(0, 70, 126, 0.8);
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.cardItem .cardItemContainer .cardItemPriceDivOuter .cardItemPriceDivInner {
    padding: 5px 15px 3px 15px;
    font-size: 14px;
    color: #4e4e4e;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
}
.cardItem .cardItemContainer .cardItemPriceDivOuter .cardItemPriceDivInner .cardItemPriceAfterDiscount {
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
    overflow: hidden;
}
.cardItem .cardItemContainer .cardItemPriceDivOuter .cardItemPriceDivInner .cardItemPriceAfterDiscount i.glyphicon.glyphicon-map-marker {
    color: #cb8725;
}
.cardItem .cardItemContainer .cardItemPriceDivOuter .cardItemPriceDivInner .cardItemPriceBeforeDiscount {
    text-decoration: line-through;
    color: white;
    font-weight: normal;
}
.score-container__inner {
    float: left;
    padding-left: 0px !important;
}
.score-container__inner .score {
    padding: 3px 5px;
    border-radius: 6px;
    background: #c7a465;
    color: #fff;
    font-weight: bold;
}
.score-container__inner .score-description {
    color: #c7a465;
    font-weight: bold;
}
.hotel-header {
    margin-bottom: 15px;
    color: #555863;
}
@media only screen and (max-width: 768px) {
    .hotel-header {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 480px) {
    .hotel-header {
        padding-top: 5px !important;
    }
}
.hotel-header .hotel-information {
    letter-spacing: -0.2px;
}
@media only screen and (min-width: 768px) {
    .hotel-header .hotel-information {
        padding-right: 0px;
    }
}
.hotel-header .hotel-information .title {
    line-height: 1.25;
    color: #c72628;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px; 
}
.hotel-header .hotel-information .score-container {
    cursor: pointer;
}
.hotel-header .hotel-information .score-container__inner:hover {
    opacity: 0.8;
}
.hotel-header .hotel-information .score-container a {
    color: #6c707e;
}
.hotel-header .hotel-information .score-container .score {
    padding: 3px 5px;
    border-radius: 6px;
    background: #c7a465;
    color: white;
    font-weight: bold;
}
.hotel-header .hotel-information .score-container .score-description {
    color: #c7a465;
    font-weight: bold;
}
.hotel-header .hotel-information .icons {
    white-space: nowrap;
    position: relative;
    font-size: 17px;
}
.hotel-header .hotel-information .icons.stars {
    color: #cb8725;
    top: 0px;
}
.hotel-header .hotel-information .icons.favourite {
    color: #e52822;
}
.hotel-header .hotel-reservation {
    text-align: right;
}
.hotel-header .hotel-reservation .price {
    line-height: 1.1;
    font-weight: 600;
    color: #003025;
    margin-bottom: 0px;
}
.hotel-header .hotel-reservation .price .description {
    font-weight: normal;
    color: #555863;
}
.hotel-header .hotel-reservation .price .currency,
.hotel-header .hotel-reservation .price .description {
    font-size: 14px;
}
@media only screen and (min-width: 320px) {
    .hotel-header .hotel-reservation .price {
        font-size: 30px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-header .hotel-reservation .price {
        font-size: 20px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 479px) {
    .hotel-header .hotel-information .address {
        display: inline-block;
        width: calc(100vw - 40px);
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
    .hotel-header .hotel-reservation {
        margin-top: 15px;
        display: flex;
    }
    .hotel-header .hotel-reservation__price {
        display: flex;
        line-height: 1;
        text-align: left;
        flex-direction: row;
        align-items: center;
    }
    .hotel-header .hotel-reservation__price .price {
        letter-spacing: -1px;
    }
    .hotel-header .hotel-reservation__actions {
        width: 100%;
        display: flex;
    }
    .hotel-header .hotel-reservation__actions .btn-book {
        height: auto;
        font-size: 20px;
    }
    .hotel-header .hotel-reservation__actions.have-price {
        width: 110px;
    }
}
.hotel-promotion {
    padding: 9px 15px;
    font-size: 16px;
    background: linear-gradient(45deg, #e52822, #e83e39);
    color: white;
}
@media only screen and (min-width: 1200px) {
    .hotel-promotion {
        width: calc(100% - 1px);
    }
}
@media only screen and (max-width: 500px) {
    .combo-tabs .btn-big {
        height: 38px !important;
        font-size: 18px !important;
        padding: 5px !important;
        max-width: 297px;
        margin: 0 auto;
    }
}
.combo-tabs .combo {
    border-radius: 0px 0px 4px 4px;
    border-top: 0px solid transparent;
}
@media only screen and (max-width: 500px) {
    .combo-tabs .combo {
        border-radius: unset;
        border: none;
    }
}
.combo-tabs .combo .price-title {
    color: #cb8725;
}
.combo-tabs .combo .open-calendar-link {
    font-size: 12px;
    padding-top: 5px;
    text-decoration: underline;
}
@media only screen and (max-width: 500px) {
    .combo-tabs .combo .open-calendar-link {
        font-weight: bold;
        color: #c72628;
    }
}
.combo-tabs .nav.nav-tabs {
    border-bottom: 1px solid #fde29d;
}
@media only screen and (max-width: 500px) {
    .combo-tabs .nav.nav-tabs {
        border-bottom: none;
    }
}
.combo-tabs .nav.nav-tabs a {
    border: 1px solid transparent;
    border-bottom: 0px solid transparent;
    background-color: rgba(253, 226, 157, 0.3);
    font-size: 16px;
    color: #3d3f47;
}
.combo-tabs .nav.nav-tabs a:hover {
    background-color: rgba(253, 226, 157, 0.5);
}
@media only screen and (min-width: 320px) {
    .combo-tabs .nav.nav-tabs a {
        padding: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .combo-tabs .nav.nav-tabs a {
        padding: 15px 30px;
    }
}
.combo-tabs .nav.nav-tabs .active > a {
    border: 1px solid #fde29d;
    border-bottom: 0px solid transparent;
    background-color: #feeec5;
}
.combo {
    background: #feeec5;
    color: #555863;
    border-radius: 4px;
    border: 1px solid #fde29d;
    padding: 0px;
    font-size: 14px;
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .combo {
        display: flex;
    }
}
.combo__heading {
    color: #3d3f47;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
}
.combo__heading--price {
    color: #cb8725;
}
.combo__heading--price .currency {
    font-size: 16px;
    font-weight: normal;
}
@media only screen and (max-width: 479px) {
    .combo__heading--price-below {
        font-size: 20px;
        line-height: 1.4;
    }
}
.combo__main br {
    line-height: 1.8;
}
.combo__main p {
    margin: 0 0 4px;
}
@media only screen and (min-width: 320px) {
    .combo__main {
        padding: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .combo__main {
        padding: 30px 15px;
    }
}
.combo__highlight {
    color: #cb8725;
    padding: 0px;
    border-left: 3px solid #cb8725;
    padding-left: 15px;
}
.combo__highlight__title {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
}
.combo__highlight p:last-child {
    margin-bottom: 0px;
}
.combo__discount {
    background: rgba(253, 226, 157, 0.5);
    border: 1px solid #fde29d;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
    letter-spacing: -0.3px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.combo__discount--item:last-child {
    margin-bottom: 0px;
}
.combo__discount--table {
    border: 1px solid #fde29d;
    font-size: 12px;
    background: rgba(253, 226, 157, 0.5);
    margin-top: 10px;
    margin-bottom: 5px;
}
.combo__discount--table thead {
    background: rgba(253, 226, 157, 0.9);
}
.combo__discount--table thead tr th {
    font-weight: normal;
}
.combo__discount--table thead tr th {
    border: 1px solid #fde29d;
}
.combo__discount--table tbody tr td,
.combo__discount--table thead tr td {
    border: 1px solid #fde29d;
}
.combo__discount--table .price {
    font-weight: bold;
}
.combo__flight--title {
    font-size: 18px;
}
.combo__flight--title *{
    font-size: 18px;
}
@media only screen and (max-width: 500px) {
    .combo__flight--title {
        font-weight: bold;
        margin-left: -18px;
    }
}
.combo__flight--body {
    margin-top: 6px;
}
.combo__flight--timeline {
    position: relative;
}
.combo__flight--timeline:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #f59233;
    margin-left: -12px;
}
.combo__flight--timeline li {
    position: relative;
}
.combo__flight--timeline li:before {
    content: "";
    position: absolute;
    top: 39%;
    left: -14px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f59233;
}
.combo__flight--price {
    color: #555863;
    float: right;
    font-weight: bold;
}
.combo__flight--best-price {
    color: #f59233;
    font-size: 18px;
    float: right;
    font-weight: bold;
    margin-top: -3px;
}
.combo__flight--sales {
    font-size: 12px;
}
.combo__flight--sales li {
    position: relative;
    margin-top: 10px;
}
.combo__flight--sales li:before {
    content: "\f0e7";
    font-family: "FontAwesome";
    position: absolute;
    top: 13%;
    padding-left: 4.5px;
    margin-left: -3px;
    font-size: 8px;
    left: -14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    color: white;
    background-color: #f59233;
}
.combo__flight--note {
    color: rgba(85, 88, 99, 0.75);
    font-size: 12px;
    padding-top: 12px;
    line-height: 15px;
}
.combo__flight--note p {
    float: right;
    clear: right;
}
.combo__flight--contact {
    text-align: center;
    line-height: 35px;
}
.combo__flight--call {
    color: #f59233;
    font-size: 16px;
    font-weight: bold;
}
.combo__sidebar {
    color: #555863;
    transition: all 0.2s ease-in-out;
    display: flex;
    justify-content: space-between;
}
.combo__sidebar:hover {
    color: #555863;
}
.combo__sidebar--top {
    flex-grow: 0;
}
.combo__sidebar--bottom {
    display: flex;
    flex-grow: 1;
}
@media only screen and (min-width: 320px) {
    .combo__sidebar {
        padding: 15px;
        flex-direction: column-reverse;
    }
    .combo__sidebar--top {
        margin-top: 15px;
    }
    .combo__sidebar--bottom {
        margin-top: 0px;
        flex-direction: column-reverse;
    }
}
@media only screen and (min-width: 768px) {
    .combo__sidebar {
        padding: 20px;
        flex-direction: column;
    }
    .combo__sidebar--top {
        margin-top: 0px;
    }
    .combo__sidebar--bottom {
        margin-top: 15px;
        flex-direction: column;
    }
}
.combo__btn-call {
    font-size: 16px;
    color: #cb8725;
    padding-top: 0;
}
.combo__btn-call:hover {
    color: #cb8725;
}
.combo__car {
    padding: 0px;
    border: solid 1px #dac9b1;
    padding-top: 12px;
    border-radius: 5px;
}
.combo__car .t-datepicker-day {
    top: 51px;
}
.combo__car .t-arrow-top {
    top: 42px;
}
.combo__car .t-check-out .t-datepicker-day {
    left: -90%;
}
.combo__car .t-check-out .t-date-info-title {
    margin-top: 8px;
}
.combo__car .total-car {
    float: right;
    color: #ec971f;
}
.combo__car .total-car__price {
    font-size: 27px;
    font-weight: bold;
}
.combo__car .total-car__curency {
    padding-left: 4px;
    font-size: 15px;
}
.combo__car .devide-line {
    border-bottom: 1px solid #dac9b1;
    padding-top: 8px;
}
.combo__car .number-detail {
    font-size: 22px;
    font-weight: 500;
    padding-right: 20px;
}
.combo__car .text-detail {
    top: 6px;
    position: absolute;
}
.combo__car .subtext-detail {
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #ec971f;
    padding-left: 32px;
}
.combo__car .number-button {
    background-color: #feeec5;
    border-color: #c79b5d;
    color: #8f5300;
    font-weight: bold;
    border-radius: 1px;
    box-shadow: none;
    width: 35px;
}
.combo__car .date-input {
    background-color: #feeec5;
    height: 40px;
    border-color: #c79b5d;
    padding-left: 8px;
    box-shadow: none;
    color: #555863;
    font-weight: normal;
    padding-left: 30px;
    padding-top: 9px;
    cursor: pointer;
}
.combo__car .combo__btn-call {
    font-size: 16px;
    color: #cb8725;
    padding-top: 0;
}
.combo__car .combo__btn-call:hover {
    color: #cb8725;
}
.combo__car .room-popover__item {
    padding: 10px;
    color: #6c707e;
}
.combo__car .room-popover__item.child-age-selection {
    padding: 15px 5px 5px 5px;
}
.combo__car .room-popover__item ~ .room-popover__item {
    border-top: 1px solid rgba(108, 112, 126, 0.15);
}
.combo__car .room-popover__item .child-ages {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-font-feature-settings: "liga" on;
}
.combo__car .room-popover__item .child-ages__item {
    display: flex;
    padding: 5px;
}
@media only screen and (min-width: 320px) {
    .combo__car .room-popover__item .child-ages__item {
        width: calc(100% / 3);
    }
}
.combo__car select {
    background-color: #feeec5;
    height: 40px;
    border-color: #c79b5d;
}
.combo__car .calender-car {
    position: absolute;
    padding-left: 12px;
    padding-top: 12px;
    color: #8f5300;
}
.combo__list {
    padding: 0px;
    border: solid 1px #f8be82;
    padding: 10px;
    border-radius: 5px;
}
.combo__list--item {
    margin: 0px;
    padding: 12px 0px;
    padding-left: 20px;
}
.combo__list--item .media-left {
    padding-right: 15px;
}
.combo__list--item .media-left .media-icon {
    font-size: 16px;
}
@media only screen and (min-width: 320px) {
    .combo__list--departure {
        margin-top: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .combo__list--departure {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}
.combo .combo__media {
    padding: 9px 15px;
    border-radius: 4px;
    border: 1px solid rgba(85, 88, 99, 0.2);
}
.combo .combo__media .media-left {
    padding-right: 15px;
}
.combo .combo__media .media-left .media-icon {
    font-size: 16px;
}
.combo-exp {
    border-radius: 4px;
    background: #feeec5;
    border: 1px solid #fde29d;
    color: #3d3f47;
    display: flex;
    justify-items: center;
    justify-content: center;
    padding: 30px;
}
@media only screen and (max-width: 479px) {
    .combo-exp__clouds {
        position: relative;
        display: flex;
        align-items: flex-end;
        align-self: flex-end;
    }
    .combo-exp__clouds .cloud_1 {
        position: absolute;
        top: -30px;
        left: -68px;
        transform: rotate(180deg);
        z-index: 1;
    }
    .combo-exp__clouds .cloud_2 {
        position: absolute;
        transform: rotate(180deg);
        top: -30px;
        right: 42px;
    }
}
@media only screen and (min-width: 480px) {
    .combo-exp__clouds .cloud_1 {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    .combo-exp__clouds .cloud_2 {
        position: absolute;
        bottom: 0;
        z-index: 0;
        left: 56px;
    }
}
.combo-exp__title {
    line-height: 1.25;
    font-size: 30px;
    margin-bottom: 0px;
    font-weight: 300;
}
.combo-exp__price {
    line-height: 1.2;
    font-size: 30px;
    color: #cb8725;
    font-weight: bold;
    align-self: flex-end;
    margin: 10px 0 5px 0;
}
.combo-exp__price--currency {
    font-size: 17px;
    font-weight: normal;
}
.combo-exp__icon {
    display: flex;
    justify-items: center;
}
.combo-exp__content {
    display: flex;
    flex: 1;
    align-items: center;
}
.combo-exp__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
}
.combo-exp__save {
    display: flex;
    justify-content: center;
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    position: absolute;
    top: -30px;
    right: -30px;
}
.combo-exp__save .c_label,
.combo-exp__save .c_content {
    line-height: 1;
}
.combo-exp__save .c_label {
    color: white;
    background: #cb8725;
    position: relative;
    border-radius: 0 0 0 6px;
    font-weight: 500;
    padding: 5px 10px 3px 15px;
}
.combo-exp__save .c_label:after {
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    content: "";
    border-top: 24px solid #cb8725;
}
.combo-exp__save .c_content {
    background: #fde29d;
    color: #cb8725;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    padding: 5px 30px 3px 10px;
}
@media only screen and (min-width: 320px) {
    .combo-exp {
        flex-direction: column;
        padding: 30px 15px 15px 15px;
    }
    .combo-exp__content {
        margin-bottom: 30px;
    }
    .combo-exp__actions {
        justify-content: flex-end;
    }
    .combo-exp__save {
        display: none;
    }
    .combo-exp__icon {
        position: relative;
        top: -15px;
    }
}
@media only screen and (min-width: 768px) {
    .combo-exp {
        flex-direction: row;
        padding: 30px;
    }
    .combo-exp__actions {
        justify-content: flex-start;
    }
    .combo-exp__save {
        display: flex;
    }
    .combo-exp__icon {
        top: -25px;
    }
    .combo-exp__content {
        margin-bottom: 0px;
        padding: 0px 30px;
    }
}
.cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-font-feature-settings: "liga" on;
}
.cards__item {
    display: flex;
    padding: 0 2px 15px 2px;
}
@media only screen and (min-width: 320px) {
    .cards__item {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .cards__item {
        width: 50%;
    }
}
@media only screen and (min-width: 992px) {
    .cards__item {
        width: calc(100% / 3);
    }
}
.card {
    transition: all 0.3s ease-in-out;
    width: 100%;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.card:hover {
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
}
.card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 10px 8px 6px 8px;
    text-align: center;
}
.card__footer {
    text-align: center;
}
.card__line {
    text-align: center;
    width: 100%;
    margin: 0px auto;
}
.card__image_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.card__image {
    transition: all 0.35s ease-in-out;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    overflow: hidden;
    position: relative;
}
.card__image::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
@media (min-width: 40rem) {
    .card__image::before {
        padding-top: 66.6%;
    }
}
.card__title {
    color: #c72628;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    width: 100%;
}
.card__title .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card__title .stars {
    font-size: 14px;
    white-space: nowrap;
    height: 14px;
    color: #cb8725;
}
.card__text {
    width: 100%;
    color: #555863;
    letter-spacing: -0.5px;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.card__footer {
    border-top: 1px solid rgba(148, 151, 163, 0.15);
}
.card__footer button {
    border-radius: 0px;
}
.card__price {
    color: #003025;
    letter-spacing: -0.5px;
}
.card__price--1,
.card__price--2 {
    font-weight: bold;
    font-size: 21px;
}
.card__price--3 {
    font-weight: normal;
    font-size: 14px;
}
@media only screen and (max-width: 479px) {
    .no-padding-mobile {
        padding: 0px;
    }
    .hide-on-mobile {
        display: none;
    }
}
#hotel-popover-content {
    display: none;
}
.border-bottom {
    border-bottom: 1px solid rgba(108, 112, 126, 0.15);
}
.select-hotel-popover {
    max-width: 500px;
    position: relative;
}
.tooltip-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.htdt-head {
    margin-bottom: 10px;
}
.htdt-head h1 {
    font-weight: bold;
    font-size: 20px;
    display: inline;
    color: #c72628;
}
.htdt-head span.htdt-head-price {
    color: #aaaaaa;
}
.htdt-head span.htdt-head-price:before {
    content: "";
}
.htdt-head span.htdt-head-price:after {
    content: "";
}
.htdt-head strong {
    font-size: 18px;
}
.htdt-head strong:before {
    content: " ";
}
.htdt-head i.htdt-icon-location {
    font-size: 36px;
}
.htdt-head .hotelAddress {
    color: #333333;
}
.htdt-extend .htdt-youtube {
    position: relative;
    background: #ffffff;
    color: #007685;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .htdt-extend .htdt-youtube {
        color: #000;
    }
}
.htdt-extend .htdt-youtube.stopped {
    min-height: 110px;
}
.htdt-extend .htdt-youtube.stopped .htdt-ythumb {
    position: absolute;
    top: 10px;
    left: 10px;
}
.htdt-extend .htdt-youtube.stopped .htdt-ythumb .htdt-ywrap {
    display: inline-block;
    position: relative;
}
.htdt-extend .htdt-youtube.stopped .htdt-ythumb .htdt-ywrap img {
    width: 120px;
    height: 90px;
}
.htdt-extend .htdt-youtube.stopped .htdt-ythumb .htdt-ywrap .icn-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -21px;
}
.htdt-extend .htdt-youtube.stopped .htdt-ycont {
    padding-left: 140px;
}
.htdt-extend .htdt-youtube.stopped .htdt-ycont .htdt-ybadges {
    display: inline-block;
    padding: 2px 10px;
    background: #ffac23;
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    margin: 10px 0 0;
}
.htdt-extend .htdt-youtube.stopped .htdt-ycont h2 strong:before {
    content: " ";
}
.htdt-extend .htdt-youtube.stopped:hover {
    opacity: 0.8;
}
.htdt-extend .htdt-youtube.playing h2 {
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 10px 0 10px;
}
.htdt-extend .htdt-youtube.playing h2 strong:before {
    content: " ";
}
.htdt-extend .htdt-youtube.playing .htdt-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.htdt-extend .htdt-youtube.playing .htdt-embed iframe,
.htdt-extend .htdt-youtube.playing .htdt-embed object,
.htdt-extend .htdt-youtube.playing .htdt-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.htdt-extend .htdt-happydeal {
    background: #f3f8fc;
    color: #007685;
    border-radius: 8px;
    margin-bottom: 10px;
    min-height: 80px;
    border: 1px solid #b7cdde;
}
.htdt-extend .htdt-happydeal .htdt-hinfo {
    position: relative;
    height: 80px;
    padding: 10px 0 10px 70px;
}
.htdt-extend .htdt-happydeal .htdt-hinfo h2 {
    font-size: 16px;
    max-height: 34px;
}
.htdt-extend .htdt-happydeal .htdt-hinfo span {
    display: inline-block;
    font-weight: bold;
    padding-top: 4px;
    color: #00c2e5;
}
.htdt-extend .htdt-happydeal .htdt-hinfo i.icn-hotel-happyxl {
    position: absolute;
    top: 10px;
    left: 10px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl {
    background: #003e6c;
    border-radius: 40px 7px 7px 40px;
    color: #ffffff;
    min-height: 80px;
    padding: 15px 10px 15px 30px;
    right: -1px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ol {
    display: block;
    height: 100%;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ol > li {
    display: inline-block;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ol > li:first-child {
    width: 56%;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ol > li:last-child {
    width: 42%;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone {
    font-size: 15px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone .hline {
    font-weight: bold;
    line-height: 26px;
    font-size: 18px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone .hline a {
    color: #ffffff;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone .hline a,
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone .hline a:hover,
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hfone .hline a:visited {
    text-decoration: none;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl {
    font-size: 13px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li {
    position: relative;
    padding: 2px 0 2px 20px;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li a,
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li a:hover {
    color: #ffffff;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li a {
    position: relative;
    display: inline-block;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li a:hover {
    text-decoration: underline;
}
.htdt-extend .htdt-happydeal .htdt-hctrl ul.hctrl li i {
    position: absolute;
    top: 0;
    left: -20px;
}
.htdt-extend .htdt-phonebook {
    position: relative;
    background: #f3f8fc;
    color: #007685;
    min-height: 60px;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.htdt-extend .htdt-phonebook .htdt-phonebook-icn {
    display: inline-block;
    position: absolute;
    margin-top: -20px;
    top: 50%;
    left: -10px;
}
.htdt-extend .htdt-phonebook .icn-plane {
    position: absolute;
    bottom: -10px;
    right: 10px;
}
.htdt-extend .htdt-phonebook.htdt-pb1 {
    padding-left: 40px;
}
.htdt-extend .htdt-phonebook.htdt-pb2 {
    padding-left: 80px;
}
@media screen and (max-width: 768px) {
    .htdt-extend .htdt-happydeal .htdt-hinfo {
        height: inherit;
    }
    .htdt-extend .htdt-happydeal .htdt-hinfo h1 {
        max-height: inherit;
        padding-right: 10px;
    }
    .htdt-extend .htdt-happydeal .htdt-hctrl {
        border-radius: 0 0 8px 8px;
        text-align: center;
        padding: 15px 8px;
        right: 0;
    }
    .htdt-extend .htdt-happydeal .htdt-hctrl a {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .htdt-extend .htdt-youtube {
        padding: 10px 0 !important;
        border-radius: 0 !important;
        border-bottom: solid 0.5px #ccc;
        margin-bottom: 0 !important;
    }
    .htdt-extend .htdt-youtube.stopped {
        text-align: left;
    }
    .htdt-extend .htdt-youtube.stopped .htdt-ythumb {
        float: left;
        padding-right: 10px;
    }
    .htdt-extend .htdt-ycont {
        padding-left: 140px;
    }
    .htdt-extend .htdt-ycont .htdt-ybadges {
        margin: 0 !important;
    }
}
@media screen and (max-width: 480px) {
    .htdt-extend .htdt-youtube.stopped {
        text-align: left;
    }
    .htdt-extend .htdt-youtube.stopped .htdt-ythumb {
        position: static;
    }
    .htdt-extend .htdt-youtube.stopped .htdt-ycont {
        padding: 0;
    }
}
.htdt-price-lbl {
    margin-bottom: 10px;
}
.htdt-price-lbl h2 {
    font-size: 20px;
    color: #007685;
}
.htdt-price {
    background-color: #f3f8fc;
    border-radius: 8px;
    margin-bottom: 10px;
}
.htdt-price .searchbox {
    position: relative;
    top: 0;
}
.htdt-price .searchbox .searchbox-wrap {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.htdt-price .searchbox .searchbox-wrap .lbl-search {
    color: #007685;
}
.htdt-price .price-currency {
    padding-bottom: 15px;
    text-align: right;
    font-size: 12px;
}
.htdt-price .price-currency .lbl-currency {
    display: inline-block;
    padding-right: 8px;
    font-weight: bold;
    color: #007685;
}
.htdt-price .price-currency select {
    padding: 4px 8px;
    border-radius: 4px;
}
.htdt-price-tab {
    margin-bottom: 10px;
}
.htdt-price-tab table {
    border: 1px solid #b7cdde;
    background-color: #ffffff;
}
.htdt-price-tab table thead {
    background-color: #003e6c;
    color: #ffffff;
}
.htdt-price-tab table thead th {
    text-align: center;
    padding: 8px;
}
.htdt-price-tab table tbody td {
    vertical-align: middle;
}
.htdt-price-tab table tbody td:first-child {
    vertical-align: top;
}
.htdt-price-tab table .w820 {
    width: 820px;
}
.htdt-price-tab table .w460 {
    width: 460px;
}
.htdt-price-tab table .w360 {
    width: 360px;
}
.htdt-price-tab table .w100 {
    width: 100px;
}
.htdt-price-tab table .w180 {
    width: 180px;
}
.htdt-price-tab .htdt-room {
    background-color: #ffffff;
    min-height: 80px;
    cursor: pointer;
}
.htdt-price-tab .htdt-room .htdt-room-name {
    padding: 4px 8px;
}
.htdt-price-tab .htdt-room .htdt-room-name h3 {
    display: block;
    font-size: 100%;
    font-weight: bold;
    color: #003e6c;
}
.htdt-price-tab .htdt-room .htdt-room-name strong {
    display: block;
    color: #0ea913;
    font-size: 12px;
}
.htdt-price-tab .htdt-room .htdt-room-name span {
    display: block;
    font-size: 12px;
}
.htdt-price-tab .htdt-room .htdt-room-adult {
    text-align: center;
}
.htdt-price-tab .htdt-room .htdt-room-adult span {
    display: block;
}
.htdt-price-tab .htdt-room .htdt-room-adult .htdt-room-ainc {
    font-weight: bold;
}
.htdt-price-tab .htdt-room .htdt-room-adult .htdt-room-amax:before {
    content: "(";
}
.htdt-price-tab .htdt-room .htdt-room-adult .htdt-room-amax:after {
    content: ")";
}
.htdt-price-tab .htdt-room .htdt-room-price {
    text-align: center;
}
.htdt-price-tab .htdt-room .htdt-room-price span {
    display: block;
    margin: 0 auto;
}
.htdt-price-tab .htdt-room .htdt-room-ctrl {
    text-align: center;
}
.htdt-price-tab .htdt-room .htdt-room-ctrl .htdt-room-total {
    margin: 10px auto 0;
    border-radius: 4px;
    display: block;
    padding: 4px;
}
.htdt-price-tab .htdt-room .htdt-room-ctrl .htdt-room-button {
    display: inline-block;
    margin: 6px auto 10px;
    font-weight: bold;
    padding: 6px 16px;
}
.htdt-price-tab .htdt-room .htdt-room-ctrl a,
.htdt-price-tab .htdt-room .htdt-room-ctrl a:hover,
.htdt-price-tab .htdt-room .htdt-room-ctrl a:visited {
    color: #ffffff;
    text-decoration: none;
}
.htdt-price-tab .htdt-room .htdt-room-name:hover,
.htdt-price-tab .htdt-room .htdt-room-adult:hover {
    background-color: #fafafa;
}
.htdt-price-tab .htdt-room:hover .htdt-room-name,
.htdt-price-tab .htdt-room:hover .htdt-room-adult {
    background-color: #fafafa;
}
.htdt-price-tab .htdt-room-detail {
    display: none;
    background-color: #fafafa;
}
.htdt-price-tab .htdt-room-detail td {
    padding: 8px 8px 0;
}
.htdt-price-tab .htdt-room-detail div {
    padding-bottom: 4px;
}
.htdt-price-tab .htdt-room-detail .faci-detail li {
    display: inline-block;
    width: 190px;
}
.htdt-price-tab .htdt-showmore-room {
    display: block;
    text-align: center;
}
.htdt-price-tab .htdt-showmore-room .htdt-showmore-room-btn {
    border: 1px solid #c7a465;
    display: inline-block;
}
.htdt-price-tab .htdt-showmore-room .htdt-showmore-room-btn:hover {
    border: 1px solid #00c0d9;
}
.htdt-facility .faci-item {
    padding-left: 30px;
    padding-bottom: 4px;
    position: relative;
}
@media (max-width: 500px) {
    .htdt-facility .faci-item {
        padding-left: 0;
    }
}
.htdt-facility .faci-item i {
    position: absolute;
    top: 4px;
    left: 15px;
}
.htdt-facility .htdt-fac-showmore {
    display: block;
    text-align: center;
}
@media (max-width: 500px) {
    .htdt-facility .htdt-fac-showmore {
        text-align: left;
        padding-top: 15px;
    }
}
.htdt-facility .htdt-fac-showmore .htdt-fac-showmore-btn {
    border: 1px solid #c7a465;
    display: inline-block;
}
@media (max-width: 500px) {
    .htdt-facility .htdt-fac-showmore .htdt-fac-showmore-btn {
        border: none;
        display: initial;
        padding-left: 0;
    }
}
.htdt-facility .htdt-fac-showmore .htdt-fac-showmore-btn:hover {
    border: 1px solid #00c0d9;
}
.htdt-description {
    word-break: break-word;
}
.htdt-policy article img {
    width: 100%;
}
.htdt-rev-item {
    position: relative;
}
.htdt-rev-item .htdt-rev-point {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 0;
    display: inline-block;
    background-color: #eef6cf;
    font-size: 20px;
    width: 60px;
    text-align: center;
    border-bottom: 3px solid #a0c419;
    color: #a0c419;
    border-radius: 4px;
}
.htdt-rev-item .htdt-rev-title {
    margin-left: 70px;
}
.htdt-rev-item .htdt-rev-cont {
    margin-left: 70px;
}
.htdt-rev-item .htdt-rev-cont b:after {
    content: ": ";
}
.htdt-rev-showmore {
    display: block;
    text-align: center;
}
.htdt-rev-showmore .htdt-rev-showmore-btn {
    border: 1px solid #c7a465;
    display: inline-block;
}
.htdt-rev-showmore .htdt-rev-showmore-btn:hover {
    border: 1px solid #00c0d9;
}
.htdt-rev-norev {
    text-align: center;
    padding: 15px 0 0;
}
.htdt-slider {
    margin-bottom: 10px;
}
@media (max-width: 500px) {
    .htdt-slider {
        padding: 0 !important;
    }
}
@media (max-width: 500px) {
    .htdt-slider .v-ribbon h1 {
        margin: 0 0px 0px -25px !important;
        padding-left: 25px !important;
        font-weight: bold;
    }
}
@media (min-width: 321px) and (max-width: 350px) {
    .htdt-slider {
        position: relative;
        left: -15px;
    }
}
@media (max-width: 320px) {
    .htdt-price-tab {
        position: relative;
        left: -15px;
    }
}
.hotelFacilities .icon-circle:before {
    color: #003025;
    margin-right: 5px;
    content: " \25CF";
    font-size: 17px;
}
.hotelDetailTitle {
    color: #c72628;
    font-size: 16px !important;
    font-weight: bold;
}
.hotelDetailPanel {
    background: white;
    border-radius: 5px;
}
.hotelDetailPanel .horizontalLine2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hotelDetailPanel .hotelDetailPanel h4 {
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
    color: #c72628;
}
@media only screen and (max-width: 480px) {
    .recomment-hotel {
        margin-bottom: 0 !important;
    }
}
.recomment-hotel .same-hotel-box {
    scroll-behavior: smooth;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
}
@media only screen and (min-width: 481px) {
    .recomment-hotel .same-hotel-box {
        display: none;
    }
}
@media only screen and (max-width: 480px){
    .main-home.container .mrg-lr-mb-0 {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.recomment-hotel .same-hotel-box .same-hotel-item-box {
    flex: 0 0 auto;
    padding: 0;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-right: 15px;
    width: calc(100vw - 70px);
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body {
    width: auto;
    position: relative;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .title-item {
    color: #c72628;
    font-size: 14px;
    font-weight: bold;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .stars {
    color: #cb8725;
    top: 0px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body span.scoreSpan {
    border-radius: 3px;
    padding: 3px 5px 2px 5px;
    color: #ffffff;
    background-color: #c7a465;
    font-size: 13px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .hotelItemReviews {
    position: absolute;
    bottom: 0;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m {
    padding-top: 15px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price {
    float: left;
    max-width: 200px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price .filter-text {
    color: #828282;
    font-size: 12px;
    margin-bottom: 5px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price .price-text {
    color: #003025;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .right-price {
    float: right;
    padding: 10px 15px;
    background: #f793221a;
    border-radius: 5px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .right-price .btn-price {
    color: #cb8725;
    font-size: 18px;
    font-weight: bold;
}
.breadcrumb-m {
    background: #fff;
}
.breadcrumb-m li {
    display: contents !important;
}
.breadcrumb-m li:nth-child(2) {
    display: none !important;
}
.tourRecommendedPanel {
    background: white;
    border-radius: 5px;
}
.tourRecommendedPanel .horizontalLine2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tourRecommendedPanel .tourPanelHeading h4 {
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
    color: #c72628;
}
.tourRecommendedPanel .tourItem {
    margin-bottom: 15px;
}
.tourRecommendedPanel .tourItem .label {
    padding: 2px 5px;
    font-size: 10px;
}
.tourRecommendedPanel .tourItem h4 {
    line-height: 1.5;
    font-size: 14px;
    color: #c72628;
}
.tourRecommendedPanel .tourItem h4 a {
    color: #c72628;
}
.tourRecommendedPanel .tourItem h4 a:hover {
    color: #003025;
}
.tourRecommendedPanel .tourItem span {
    font-size: 12px;
}
.tourRecommendedPanel .tourItem .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.tourRecommendedPanel .tourItem .checkbox input {
    margin-top: 7px;
}
.tourRecommendedPanel .tourItem .tourItemPopupContent {
    display: none;
}
.tourRecommendedPanel .tourItem .tourItemPopup {
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
}
.tourRecommendedPanel .tourItem .tourItemPopup img {
    border-radius: 4px;
}
.tourRecommendedPanel .tourItem .tooltip {
    padding-top: 0px;
    opacity: 1;
    text-align: left;
}
.tourRecommendedPanel .tourItem .tooltip .ribbon span {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: white;
}
.tourRecommendedPanel .tourItem .tooltip h4,
.tourRecommendedPanel .tourItem .tooltip p,
.tourRecommendedPanel .tourItem .tooltip span {
    text-align: left;
    line-height: 1.5;
}
.tourRecommendedPanel .tourItem .tooltip h4 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tourRecommendedPanel .tourItem .tooltip p,
.tourRecommendedPanel .tourItem .tooltip span {
    font-size: 13px;
    color: #4e4e4e;
}
.tourRecommendedPanel .tourItem .tooltip .fa {
    padding-right: 5px;
}
.tourRecommendedPanel .tourItem .tooltip .tourItemPrice {
    font-size: 16px;
    font-weight: bold;
    color: #cb8725;
}
.tourRecommendedPanel .tourItem .tooltip .transportItem {
    padding-left: 10px;
}
.tourRecommendedPanel .tourItem .tooltip .tooltip-inner {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
.tourRecommendedPanel .tourItem .tooltip .tooltip-arrow {
    border-top-color: #ddd;
}
.lastViewedHotelPanel .horizontalLine {
    margin: 0px 0px 10px 0px;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem {
    margin-bottom: 20px;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem a {
    color: #c72628;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem a:hover {
    color: #003025;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem h4 {
    line-height: 1.5;
    font-size: 14px;
    color: #c72628;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem h4 .hotelItemRatingIcon {
    position: relative;
    top: 4px;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem p,
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem span {
    line-height: 1.5;
    font-size: 13px;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem .hotelItemReviews {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem .hotelItemReviews .review-score {
    font-size: 14px;
    background-color: #c7a465;
    border-radius: 4px;
    padding: 0px 4px;
    color: #ffffff;
    display: inline-block;
}
.lastViewedHotelPanel .lastViewedHotels .lastViewedItem .hotelItemReviews .review-text {
    color: #c7a465;
}
#image-gallery img{
	object-fit: cover;
	width: 100%;
}
@media (max-width: 500px){
	#image-gallery img{
		height: 250px;
	}
	.lSPager.lSGallery{
		display: none;
	}
}

/* archive */

.expandMapButton {
    margin-top: 5px;
    text-align: center;
}
.hotelName {
    color: #c72628;
}
.hotelListHeadLine .hotelName {
    font-size: 30px;
    font-weight: bold;
}
.hotelListHeadLine .mapIcon {
    font-size: 12px;
    color: #40a6f2;
}
.hotelListCustomerService {
    font-size: 14px;
    border-radius: 5px;
    padding: 15px;
    background-color: #f2f2f2;
    border: 1px solid #ebebeb;
}
.hotelListCustomerService .media-left {
    padding-top: 1px;
    padding-bottom: 3px;
}
.hotelListCustomerService .hotelListCustomerServiceAvatar {
    width: 100px;
    height: auto;
    border-radius: 5px;
}
.hotelListCustomerService .hotelListCustomerServiceName {
    padding-top: 2px;
    font-size: 10pt;
    color: #4e4e4e;
    font-weight: bold;
}
.hotelListCustomerService .hotelListCustomerServicePhone {
    font-weight: bold;
    color: #cb8725;
}
.place-hotel {
    background-color: white;
}
.pay-hotel-directly {
    text-align: left;
    padding: 4px 7px;
    border: 1px dashed rgba(0, 60, 113, 0.5);
    width: 125px;
    font-size: 12px;
    border-radius: 4px;
}
.pay-hotel-directly .emphasis {
    font-weight: 600;
}
.pay-hotel-directly:hover {
    border-color: #c72628;
}
.hotel-filters ul.filter-mobile li {
    width: 32%;
}
.hotel-filters ul.filter-mobile li a {
    width: 100%;
    text-align: center;
}
.filter-tags .filter-list {
    display: inline-block;
}
.filter-tags .filter-list .filter-item {
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #40a6f2;
    color: #40a6f2;
    cursor: pointer;
    line-height: 1;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.filter-tags .filter-list .filter-item__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.filter-tags .filter-list .filter-item__title {
    padding-left: 8px;
}
.filter-tags .filter-list .filter-item__icon {
    right: 0;
    margin: 0;
    padding: 8px 8px;
    font-style: normal;
    font-size: 8px;
}
.filter-tags .filter-list .filter-item:hover {
    color: white;
    background: rgba(64, 166, 242, 0.8);
}
.hotelLists {
    margin-top: 0px;
}
.hotelLists .closeItemButton {
    color: #cdcccb;
    position: absolute;
    right: -13px;
    top: -18px;
    font-size: 14px;
    cursor: pointer;
}
.hotelLists .closeItemButton:hover {
    color: #d9534f;
}
@media only screen and (min-width: 320px) {
    .hotelLists .closeItemButton {
        right: -29px;
        font-size: 20px;
        top: 12px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .closeItemButton {
        right: -13px;
        font-size: 14px;
        top: -18px;
    }
}
.hotelLists .hotelListHorizontalLine {
    border-bottom: 1px solid #ebebeb;
    margin: 20px 0px;
}
.hotelLists .hotelItemPromotion {
    border: 1px solid rgba(247, 147, 33, 0.8);
}
.hotelLists .hotelItem {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    position: relative;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem.viewdItem {
        padding-top: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .hotelLists .hotelItem.viewdItem {
        padding-top: 20px;
    }
}
.hotelLists .hotelItem.hasSuperPromotion {
    padding-top: 0px;
    padding-bottom: 0px;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem.hasSuperPromotion {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem.hasSuperPromotion {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv {
    font-size: 12px;
    color: #4e4e4e;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv {
        text-align: left;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv {
        text-align: right;
    }
}
.hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv .hotelItemSuperPromotionPercent {
    font-size: 29px;
    font-weight: bold;
    color: #d9534f;
    padding-right: 15px;
}
.hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv .hotelItemSuperPromotionContent {
    color: #d9534f;
    padding-right: 15px;
    font-weight: bold;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv .hotelItemSuperPromotionContent {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemSuperPromotionPercentDiv .hotelItemSuperPromotionContent {
        font-size: 13px;
    }
}
.hotelLists .hotelItem .hotelItemSuperPromotion {
    border: 1px solid rgba(247, 147, 33, 0.6);
}
.hotelLists .hotelItem .hotelItemSuperPromotion .hotelItemSuperPromotionBanner {
    color: #cb8725;
    font-weight: bold;
    background: rgba(247, 147, 33, 0.1);
    padding: 5px 15px;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemSuperPromotion .hotelItemSuperPromotionBanner {
        padding: 10px 15px;
        font-size: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemSuperPromotion .hotelItemSuperPromotionBanner {
        padding: 5px 15px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemSuperPromotion .hotelItemData {
        padding: 15px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemSuperPromotion .hotelItemData {
        padding: 15px 0px 15px 0px;
    }
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemImage {
        padding: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .hotelLists .hotelItem .hotelItemImage {
        padding: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemImage {
        padding: 0px 15px;
    }
}
@media only screen and (min-width: 992px) {
    .hotelLists .hotelItem .hotelItemImage {
        padding: 0px 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotelLists .hotelItem .hotelItemImage {
        padding: 0px 15px;
    }
}
.hotelLists .hotelItem .hotelItemImage img {
    width: 100%;
}
.hotelLists .hotelItem .hotelItemRatingIcon {
    position: relative;
    top: 3px;
}
.hotelLists .hotelItem .hotelItemFavouriteIcon {
    position: relative;
    top: 6px;
}
.hotelLists .hotelItem .hotelItemPromotionIcon {
    position: relative;
    bottom: 1px;
}
.hotelLists .hotelItem .hotelItemPromotionIcon .icon-gif {
    width: 23px;
}
.hotelLists .hotelItem .hotelItemName {
    font-size: 16px;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemName {
        padding: 15px 0px;
    }
    .hotelLists .hotelItem .hotelItemName.viewdItem {
        padding: 0px;
    }
}
@media only screen and (min-width: 480px) {
    .hotelLists .hotelItem .hotelItemName {
        padding: 15px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemName {
        padding: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .hotelLists .hotelItem .hotelItemName {
        padding: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotelLists .hotelItem .hotelItemName {
        padding: 0px;
    }
}
.hotelLists .hotelItem .hotelItemName a {
    font-weight: bold;
    color: #c72628;
}
.hotelLists .hotelItem .hotelItemName a:hover {
    color: #003025;
}
.hotelLists .hotelItem .hotelItemAddress {
    font-size: 12px;
    color: #4e4e4e;
}
.hotelLists .hotelItem .hotelItemReviews {
    font-size: 12px;
}
.hotelLists .hotelItem .hotelItemReviews .review-score {
    font-size: 14px;
    background-color: #c7a465;
    border-radius: 4px;
    padding: 0px 4px;
    color: #ffffff;
    display: inline-block;
}
.hotelLists .hotelItem .hotelItemReviews .review-text {
    color: #c7a465;
}
.hotelLists .hotelItem .hotelItemPriceFrom {
    text-align: right;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .price-num-div {
        text-align: left;
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .price-num-div {
        text-align: right;
        padding-left: 15px;
    }
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetail-div {
        padding-right: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetail-div {
        padding-right: 15px;
    }
}
.hotelLists .hotelItem .hotelItemPriceFrom .price-num {
    font-weight: bold;
    font-size: 16px;
    color: #003025;
}
.hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
    font-weight: bold;
}
@media only screen and (min-width: 320px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
        width: 125px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
        width: 125px;
    }
}
@media only screen and (min-width: 992px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
        width: 125px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotelLists .hotelItem .hotelItemPriceFrom .hotelItemDetailButton {
        width: 125px;
    }
}
.hotelLists .hotelItem .hotelItemAddress,
.hotelLists .hotelItem .hotelItemReviews,
.hotelLists .hotelItem .hotelListPros {
    margin-top: 10px;
}
.hotelLists .hotelItem .pricing-description {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.3px;
}
.hotelLists .hotelItem .pricing-description.promotion,
.hotelLists .hotelItem .pricing-description.contact-price {
    color: #003025;
}
.hotelLists .hotelItem .pricing-description.not-available {
    color: #003025;
}
@media only screen and (min-width: 320px) {
    #displayHotelListFilter {
        display: none;
    }
    .hotelLists {
        padding-right: 15px;
        padding-left: 15px;
    }
    .hotelListCustomerService {
        line-height: 24px;
    }
}
@media only screen and (min-width: 480px) {
    #displayHotelListFilter {
        display: none;
    }
    .hotelLists {
        padding-right: 15px;
        padding-left: 15px;
    }
    .hotelListCustomerService {
        line-height: 24px;
    }
}
@media only screen and (min-width: 768px) {
    #displayHotelListFilter {
        display: none;
    }
    .hotelLists {
        padding-right: 0px;
        padding-left: 0px;
    }
    .hotelListCustomerService {
        line-height: 24px;
    }
}
@media only screen and (min-width: 992px) {
    #displayHotelListFilter {
        display: block;
    }
    .hotelLists {
        padding-right: 0px;
        padding-left: 0px;
    }
    .hotelListCustomerService {
        line-height: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    #displayHotelListFilter {
        display: block;
    }
    .hotelLists {
        padding-right: 0px;
        padding-left: 0px;
    }
    .hotelListCustomerService {
        line-height: 24px;
    }
}
.blogContentPanel .panel.panel-default {
    margin-bottom: 15px;
}
.blogContentPanel .panel .panel-heading {
    padding: 7px 15px;
}
.blogContentPanel .panel .panel-heading .panel-title a {
    font-size: 14px;
    font-weight: bold;
}
.blogContentPanel .panel .panel-body .hotelListOtherPopularItem {
    padding-top: 5px;
    padding-bottom: 5px;
}
.blogContentPanel .panel iframe {
    border: none;
    height: 1000px;
    width: 100%;
}
.hotelListPanel .panel {
    border: 1px solid #ebebeb;
}
.hotelListPanel .panel.panel-default {
    margin-bottom: 15px;
}
.hotelListPanel .panel .panel-heading {
    padding: 7px 15px;
    border-color: #ebebeb;
    background-color: #f2f2f2;
}
.hotelListPanel .panel .panel-heading .panel-title a {
    font-size: 14px;
    font-weight: bold;
    color: #4d4d4d;
}
.hotelListPanel .panel .panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
}
.hotelListPanel .panel .panel-body .hotelListOtherPopularItem {
    padding-top: 5px;
    padding-bottom: 5px;
}
.getQuotationDiv {
    font-size: 12px;
}
.getQuotationDiv h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #c72628;
}
.getQuotationDiv h3,
.getQuotationDiv p {
    line-height: 1.5;
}
.hotelListTetRegionList label {
    position: relative;
    top: 3px;
}
.hotelListTetDiv {
    padding: 0px;
}
.hotelListTetDiv .hotelListTetTable thead {
    background-color: #f1f1f2;
    font-weight: bold;
}
.hotelListTetDiv .hotelListTetTable thead td {
    vertical-align: middle;
    border: none;
    text-align: center;
}
@media only screen and (min-width: 992px) {
    .hotelListTetDiv .hotelListTetTable thead .hotelListTetTableHeadBook {
        width: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .hotelListTetDiv .hotelListTetTable thead .hotelListTetTableHeadBook {
        width: 250px;
    }
}
.hotelListTetDiv .hotelListTetTable td {
    padding: 4px 8px;
}
.hotelListTetDiv .hotelListTetTable tr.selected td:first-child {
    border-left: 1px solid #003025;
}
.hotelListTetDiv .hotelListTetTable .hotelRow {
    background-color: rgba(190, 224, 255, 0.1);
}
.hotelListTetDiv .hotelListTetTable tbody td.selected {
    background-color: rgba(113, 188, 255, 0.2) !important;
}
.hotelListTetDiv .hotelListTetTable tbody td:not(:first-child) {
    text-align: center;
}
.hotelListTetDiv .hotelListTetTable tbody td {
    vertical-align: middle;
}
.hotelListTetDiv .hotelListTetTable a {
    color: #c72628;
}
.hotelListTetDiv .hotelListTetTable a:hover {
    color: #003025;
}
.hotelListTetDiv .hotelListTetTable .media {
    margin: 0px;
}
.hotelListTetDiv .hotelListTetTable img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.hotelListTetDiv .hotelListTetTable .tetHotelName {
    line-height: 1.5;
    color: #c72628;
    font-weight: bold;
}
.hotelListTetDiv .hotelListTetTable .tetHotelName .hotelItemRatingIcon {
    position: relative;
    top: 4px;
}
.hotelListTetDiv .hotelListTetTable .hotelItemAddress {
    font-size: 12px;
    color: #4e4e4e;
}
.hotelListTetDiv .hotelListTetTable .hotelItemAddress span {
    font-size: 12px;
    color: #4e4e4e;
}
.hotelListTetDiv .hotelListTetTable .allotment {
    font-size: 12px;
    color: #003025;
    font-weight: bold;
    margin-right: 20px;
}
.hotelListTetDiv .hotelListTetTable .allotment2 {
    font-size: 12px;
    color: #cb8725;
    font-weight: bold;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow {
    background-color: #f9f9f9;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow .roomName {
    line-height: 1.5;
    text-transform: capitalize;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow .roomNameDetail {
    text-transform: none;
    font-size: 12px;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow td:not(:first-child) {
    cursor: pointer;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow td {
    background-color: #f9f9f9;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow td.checked {
    background-color: rgba(113, 188, 255, 0.2) !important;
}
.hotelListTetDiv .hotelListTetTable tr.roomRow td input[type="checkbox"] {
    display: none;
}
@media only screen and (min-width: 480px) {
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .bookButtonDiv {
        padding-right: 0px;
    }
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .quotaionButtonDiv {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .bookButtonDiv {
        padding-right: 0px;
        padding-bottom: 5px;
    }
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .quotaionButtonDiv {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 992px) {
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .bookButtonDiv {
        padding-right: 5px;
        padding-bottom: 0px;
    }
    .hotelListTetDiv .hotelListTetTable tr.roomRow .buttonContainer .quotaionButtonDiv {
        padding-left: 5px;
    }
}
.hotelListTetDiv .hotelListTetTable p {
    margin-bottom: 0px;
}
.hotelListTetDiv .hotelListTetTable p,
.hotelListTetDiv .hotelListTetTable span {
    line-height: 1.5;
    font-size: 14px;
}
@media only screen and (min-width: 320px) {
    .hotelListTetDiv .hotelListTetTable p,
    .hotelListTetDiv .hotelListTetTable span {
        font-size: 14px;
    }
}
@media only screen and (min-width: 480px) {
    .hotelListTetDiv .hotelListTetTable p,
    .hotelListTetDiv .hotelListTetTable span {
        font-size: 12px;
    }
}
@media only screen and (min-width: 768px) {
    .hotelListTetDiv .hotelListTetTable p,
    .hotelListTetDiv .hotelListTetTable span {
        font-size: 12px;
    }
}
@media only screen and (min-width: 992px) {
    .hotelListTetDiv .hotelListTetTable p,
    .hotelListTetDiv .hotelListTetTable span {
        font-size: 12px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotelListTetDiv .hotelListTetTable p,
    .hotelListTetDiv .hotelListTetTable span {
        font-size: 14px;
    }
}
#assistantHotelDiv.affix {
    top: 15px;
    width: 283px;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #assistantHotelDiv.affix {
        top: 0px;
        position: relative;
        width: 100%;
    }
}
#assistantHotelDiv.fixed {
    z-index: 5;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
}
#assistantHotelDiv.affix-bottom {
    position: absolute;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #assistantHotelDiv.affix-bottom {
        position: relative;
        top: 0px !important;
    }
}
.assistantHotel {
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}
.assistantHotel .card {
    padding: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: white !important;
    background: linear-gradient(to bottom, #c72628, #0057a4);
}
.assistantHotel .card__title {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.5px;
}
.assistantHotel .card__description {
    font-size: 16px;
}
.assistantHotel .card__button {
    transition: all 0.25s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #cb8725;
    background: linear-gradient(to bottom, #cb8725, #f89f3a);
    font-weight: bold;
    border: 1px solid transparent;
    font-size: 16px;
    padding: 10px;
}
.assistantHotel .card__button:hover {
    border: 1px solid #e77f08;
}
.assistantHotel .card__button_trans {
    transition: all 0.25s ease-in-out;
    background: transparent;
    font-weight: bold;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    padding: 10px;
}
.assistantHotel .card__button_trans:hover {
    background: rgba(38, 190, 214, 0.1);
    border-color: #003025;
    color: #003025;
}
@media only screen and (min-width: 998px) {
    .sidebar-left {
        padding-right: 0px;
    }
}
.filter-list {
    font-size: 14px;
    color: #3d3f47;
    background: white;
    padding: 15px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 15px;
    border: 1px solid rgba(148, 151, 163, 0.15);
}
.filter-header {
    display: block;
}
.filter-header .filter-main-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 21px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.filter-text {
    margin-bottom: 15px;
}
.filter-text input {
    font-size: 14px;
}
.filter-section:not(:last-child) {
    margin-bottom: 15px;
}
.filter-section .filter-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px 5px 0px;
    border-top: 1px solid rgba(148, 151, 163, 0.15);
}
.filter-section .filter-menu .filter-title {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.filter-section .filter-show-more {
    text-align: right;
}
.filter-section .filter-close {
    cursor: pointer;
    font-size: 12px;
    color: #40a6f2;
    font-weight: bold;
    font-weight: 600;
    user-select: none;
}
.filter-section .filter-close:hover {
    color: #0f81d7;
}
.filter-tag-list {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #3d3f47;
}
.filter-tag-list .filter-tag-title {
    margin-right: 15px;
}
.filter-tag-list .filter-tags {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.filter-tag-list .filter-tags .filter-tag-item {
    display: inline-flex;
    border-radius: 4px;
    border: 1px solid #40a6f2;
    color: #40a6f2;
    margin: 3px 2px;
    background: rgba(64, 166, 242, 0.2);
    line-height: 1;
    position: relative;
    transition: all 0.3s ease-in-out;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.filter-tag-list .filter-tags .filter-tag-item .filter-tag-name {
    margin: 0px 8px;
}
.filter-tag-list .filter-tags .filter-tag-item .filter-tag-icon {
    padding: 5px 8px;
    font-style: normal;
    font-size: 12px;
    cursor: pointer;
}
.filter-tag-list .filter-tags .filter-tag-item:hover {
    background: rgba(64, 166, 242, 0.8);
    color: white;
}
@media only screen and (min-width: 320px) {
    .filter-tag-list .filter-tag-title {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .filter-tag-list .filter-tag-title {
        display: inline-block;
    }
}
.filter-icon {
    display: inline-block;
    min-width: 18px;
    margin-bottom: 0px !important;
}
.md-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 320px) {
    .md-checkbox {
        margin: 15px 0px;
    }
}
@media only screen and (min-width: 480px) {
    .md-checkbox {
        margin: 10px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .md-checkbox {
        margin: 5px 0px;
    }
}
.md-checkbox:hover label {
    color: #40a6f2;
}
.md-checkbox:hover label:before {
    border-color: #40a6f2;
}
.md-checkbox label {
    font-size: 14px;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-top: 1px;
}
.md-checkbox label:before,
.md-checkbox label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
}
.md-checkbox label:before {
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid rgba(148, 151, 163, 0.3);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s;
}
.md-checkbox label .description {
    float: right;
    color: #6c707e;
}
.md-checkbox input[type="checkbox"] {
    outline: 0;
    margin-right: 15px;
    visibility: hidden;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
    transform: rotate(-45deg);
    top: 7px;
    left: 2px;
    width: 12px;
    height: 6px;
    border: 2px solid #40a6f2;
    border-top-style: none;
    border-right-style: none;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
    border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
    background: rgba(0, 0, 0, 0.26);
}
.cs {
    background: white;
    font-size: 14px;
    margin-bottom: 15px;
    border-radius: 2px;
    padding: 15px 15px 15px 0px;
    border: 1px solid rgba(148, 151, 163, 0.15);
    position: relative;
    color: #3d3f47;
    display: flex;
    align-content: center;
    align-items: center;
}
.cs__header {
    justify-content: space-between;
    display: flex;
}
.cs__header .img-wrapper .img {
    width: 100px;
    height: 100px;
}
.cs__header .content {
    font-size: 16px;
    font-weight: bold;
}
.cs__text {
    width: 100%;
    letter-spacing: -0.5px;
}
.cs__text__title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cs__text .contact {
    display: flex;
    color: #555863;
}
.cs__text .contact .region {
    display: flex;
    justify-content: flex-end;
    min-width: 35px;
    margin-right: 10px;
}
.cs__text .contact .phone {
    display: flex;
}
.cs__text .contact .phone a {
    color: #cb8725;
}
.cs__text .contact ~ .contact {
    margin-top: 5px;
}
@media only screen and (min-width: 320px) {
    .cs {
        flex-direction: column;
        padding: 15px;
    }
    .cs__header {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .cs {
        flex-direction: row;
        padding: 15px 15px 15px 0px;
    }
    .cs__header {
        margin-bottom: 0px;
    }
}
.btn-load-more {
    font-size: 20px;
    font-weight: normal;
    padding-left: 30px;
    padding-right: 30px;
    color: #40a6f2;
    border-color: #40a6f2;
    transition: all 0.3s ease;
    background: rgba(64, 166, 242, 0.01);
}
.btn-load-more:hover,
.btn-load-more:focus {
    color: white;
    background: #40a6f2;
    border-color: #40a6f2;
}
@media only screen and (min-width: 320px) {
    .btn-load-more {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .btn-load-more {
        width: auto;
        font-size: 30px;
    }
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

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

.left-col {
    padding: 0;
}
.left-item {
    background: #ffffff;
    min-height: 95px;
    margin-bottom: 15px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.left-item .left-head {
    background-color: #f2f2f2;
    color: #4d4d4d;
    border-radius: 5px 5px 0 0;
    padding: 5px 15px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
}
.left-item .left-head .button-clear {
    color: #40a6f2;
    font-size: 12px;
}
.left-item .left-content {
    padding: 5px 15px;
}
.left-item .left-content ol {
    border: 0.08em solid #c7a465;
    position: relative;
    border-radius: 6px;
    margin: 0 16px 8px;
    color: #c7a465;
}
.left-item .left-content ol li {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    width: 49%;
    padding: 8px;
}
.left-item .left-content ol li a {
    padding: 4px 16px;
    display: block;
    color: #000000;
}
.left-item .left-content ol li.active {
    background-color: #c7a465;
    color: #ffffff;
}
.left-item .left-content ul li a {
    padding: 4px 0px;
    display: block;
    color: #000000;
}
.left-item .left-content ul li a .to {
    color: #888888;
    font-size: 10px;
}
.left-item .left-content ul li a i[class^="icn-star-"],
.left-item .left-content ul li a i[class*=" icn-star-"] {
    opacity: 0.6;
}
.left-item .left-content ul li a:hover {
    background-color: rgba(0, 192, 217, 0.1);
    color: #000000;
}
.left-item .left-content ul li a:hover i[class^="icn-star-"],
.left-item .left-content ul li a:hover i[class*=" icn-star-"] {
    opacity: 1;
}
.left-item .left-content ul li a.active {
    font-weight: bold;
    color: #ffac23;
}
.left-item .left-content ul li a.active .to {
    font-weight: normal;
    color: #ffac23;
}
.left-item .left-content ul li a.active .to:before,
.left-item .left-content ul li a.active .to:after {
    content: " ";
}
.left-item .left-content ul li a.active i[class^="icn-star-"],
.left-item .left-content ul li a.active i[class*=" icn-star-"] {
    opacity: 1;
}
.left-item .left-content ul.list-more {
    display: none;
}
.left-item .left-content .show-more {
    display: block;
    text-align: center;
    text-decoration: none;
}
.left-item .left-content .show-more .htxt {
    display: none;
}
.left-btn .place-map-btn {
    background: url(https://res.ivivu.com/img/map-bg.jpg);
    width: 100%;
    height: 120px;
    display: block;
    color: #ffffff;
    position: relative;
}
.left-btn .place-map-btn span {
    background-color: #ffac23;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}
.hotel-item {
    color: #555863;
    font-size: 12px;
    min-height: 150px;
    background: #f9fafa;
    display: flex;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.hotel-item__a {
    cursor: pointer;
    text-decoration: none !important;
}
.hotel-item__wrapper {
    background: rgba(148, 151, 163, 0.2);
    transition: all 0.3s ease-in-out;
    padding: 3px;
}
.hotel-item__wrapper:hover {
    background: #003025;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.hotel-item__wrapper.combo {
    background: linear-gradient(to bottom, #fbe4c1, #f9daa9);
    border-radius: 2px;
}
.hotel-item__wrapper ~ .hotel-item__wrapper {
    margin-top: 15px;
}
.hotel-item__combo {
    letter-spacing: -0.5px;
    padding: 8px 15px;
    color: #cb8725;
    font-size: 16px;
    font-weight: bold;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotel-item__combo .combo-expired {
    border-radius: 4px;
    padding: 2px 4px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}
.hotel-item .left {
    background: white;
    width: 100%;
}
.hotel-item .left .img-wrapper {
    width: 100%;
    overflow: hidden;
    display: flex;
    /*height: 100%;*/
}
.hotel-item .left .img-wrapper .image {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}
.hotel-item .left .combo-short-wrapper {
    position: absolute;
    top: 17px;
    left: -10px;
    width: 100%;
    background: linear-gradient(to bottom, #e73530, #e52822);
    letter-spacing: -0.5px;
    min-height: 40px;
    padding: 5px 5px 5px 10px;
    border-radius: 0px 4px 4px 0px;
    color: white;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}
.hotel-item .left .combo-short-wrapper:before,
.hotel-item .left .combo-short-wrapper:after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}
.hotel-item .left .combo-short-wrapper:before {
    border-width: 0 10px 10px 0;
    border-right-color: #901511;
    left: 0;
}
.hotel-item .center .header {
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .hotel-item .center .header {
        max-width: 300px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotel-item .center .header {
        max-width: 370px;
    }
}
.hotel-item .center .header .name {
    margin-bottom: 2px;
    width: 100%;
    color: #c72628;
    font-size: 16px;
    font-weight: bold;
}
.hotel-item .center .header .address {
    margin-bottom: 2px;
    display: inline-block;
    width: 100%;
    color: #003025; 
    font-size: 12px !important;
}
.hotel-item .center .header .address:hover {
    text-decoration: underline;
}
.hotel-item .center .header .review-small {
    margin-left: 5px;
    color: #c7a465;
    font-size: 12px;
}
.hotel-item .center .header .review-small .review-score {
    background: #c7a465;
    color: white;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
    font-weight: bold;
}
.hotel-item .center .header .review-small .review-count {
    color: #828282;
    font-weight: 200;
}
.hotel-item .center .header .stars {
    display: inline-block;
    white-space: nowrap;
    color: #fdbf65;
    font-size: 16px;
    margin-right: 10px;
}
.hotel-item .center .header .stars .star {
    letter-spacing: -3px;
}
.hotel-item .center .header .heart {
    font-size: 16px;
    color: #e52822;
}
.hotel-item .center .super-tag {
    border: 1px solid rgba(0, 60, 113, 0.25);
    color: #003025;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background: white;
    font-weight: bold;
    font-weight: 500;
    margin-bottom: 10px;
}
.hotel-item .center .super-tag ~ .super-tag {
    margin-left: 5px;
}
.hotel-item .right .review {
    color: #c7a465;
    flex-grow: 0;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}
.hotel-item .right .review-text {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
}
.hotel-item .right .review-score-wrapper {
    background: linear-gradient(to bottom, #a3c741, #99bc38);
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 8px 0px;
    width: 45px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.hotel-item .right .pricing {
    text-align: right;
}
.hotel-item .right .pricing .promotion {
    display: inline-block;
    background: linear-gradient(to bottom, #e83e39, #e52822);
    padding: 8px 15px 8px 8px;
    color: white;
    margin-bottom: 15px;
    font-weight: bold;
}
.hotel-item .right .pricing__room_name {
    background: rgba(0, 60, 113, 0.05);
    border: 1px solid rgba(0, 60, 113, 0.05);
    font-weight: 500;
    color: #c72628;
    width: auto;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 15px;
    position: relative;
    text-align: left;
}
@media screen and (max-width: 500px) {
    .hotel-item .right .pricing__room_name {
        max-width: 50%;
    }
}
.hotel-item .right .pricing .price {
    line-height: 1;
    letter-spacing: -0.5px;
}
.hotel-item .right .pricing .price.old {
    font-size: 16px;
    color: #6c707e;
    text-decoration: line-through;
}
.hotel-item .right .pricing .price.primary span {
    font-weight: bold;
    color: #003025;
    font-size: 21px;
}
.hotel-item .right .pricing .price .currency {
    font-size: 12px;
}
.hotel-item .right .pricing .price .tax-included {
    color: #6c707e;
}
.hotel-item .inform {
    padding: 5px 10px;
    border: 1px dashed #555863;
    border-radius: 4px;
}
.hotel-item .inform.not-available {
    color: #e52822;
    border: 1px dashed #e52822;
}
@media screen and (max-width: 479px) {
    .hotel-item .center .pill-title {
        display: none;
    }
    .hotel-item .center .pill-item {
        color: #003025;
        display: inline-block;
        margin-right: 10px;
        padding: 0px;
    }
    .hotel-item .center .pill-item:before {
        content: "✓";
    }
    .hotel-item .center .pill-item.pill-plus {
        display: none;
    }
    .hotel-item .right .pricing__group {
        display: flex;
        align-items: center;
        align-content: center;
    }
    .hotel-item .right .pricing__room_name {
        margin-top: 0px;
    }
    .hotel-item .right .pricing__room_name:after {
        position: absolute;
        content: "";
        top: 17px;
        right: -8px;
        border-left: solid 8px #e0e6ed;
        border-top: solid 8px transparent;
        border-bottom: solid 8px transparent;
    }
}
@media screen and (max-width: 479px) and (max-width: 500px) {
    .hotel-item .right .pricing__room_name:after {
        top: 30%;
    }
}
@media screen and (max-width: 479px) {
    .hotel-item .right .pricing .price {
        display: flex;
        order: 1;
        margin-bottom: 0px;
        flex-grow: 1;
        text-align: right;
        justify-content: flex-end;
    }
}
@media only screen and (min-width: 320px) {
    .hotel-item {
        flex-direction: column;
    }
    .hotel-item .left {
        min-height: 200px;
        position: relative;
    }
    .hotel-item .left .img-wrapper .image {
        min-height: 220px;
    }
    .hotel-item .center,
    .hotel-item .right {
        padding: 5px 15px ;
    }
    .hotel-item .review-small {
        display: inline-block;
    }
    .hotel-item .pricing {
        display: block;
    }
    .hotel-item .pricing .promotion {
        border-radius: 4px 0 0 4px;
        position: relative;
        right: -15px;
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-item .center .pill-container {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .hotel-item .center .pill-container.pill-secondary .pill-title {
        background: #003025;
    }
    .hotel-item .center .pill-container.pill-secondary .pill-title:after {
        border-top-color: #003025;
    }
    .hotel-item .center .pill-container.pill-secondary .pill-item {
        color: #003025;
    }
    .hotel-item .center .pill-container.pill-primary .pill-title {
        background: #c72628;
    }
    .hotel-item .center .pill-container.pill-primary .pill-title:after {
        border-top-color: #c72628;
    }
    .hotel-item .center .pill-container.pill-primary .pill-item {
        color: #003025;
    }
    .hotel-item .center .pill-title {
        color: white;
        font-weight: bold;
        padding: 2px 5px;
        border-radius: 3px 0 0 3px;
        background: #555863;
        position: relative;
    }
    .hotel-item .center .pill-title:after {
        border-top: 22px solid #555863;
        position: absolute;
        top: 0;
        right: -6px;
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        box-sizing: border-box;
        content: "";
    }
    .hotel-item .center .pill-item {
        padding: 2px 5px;
        background: white;
        margin-left: 1px;
        max-width: 160px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
    .hotel-item .center .pill-item:nth-child(2) {
        padding-left: 10px;
    }
    .hotel-item .center .pill-item:nth-last-child(1) {
        border-radius: 0px 3px 3px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-item {
        flex-direction: row;
    }
    .hotel-item .left {
        width: 160px;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        position: relative;
        flex-shrink: 0;
    }
    .hotel-item .left .img-wrapper .image {
        /*min-height: 150px;*/
    }
    .hotel-item .center {
        padding: 15px 10px;
        flex-grow: 1;
        flex-shrink: 2;
    }
    .hotel-item .right {
        background: white;
        width: 187px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-shrink: 0;
    }
    .hotel-item .right .pricing {
        display: flex;
        flex-direction: column;
    }
    .hotel-item .right .pricing__room_name {
        margin-top: 5px;
    }
    .hotel-item .right .pricing__room_name:after {
        position: absolute;
        content: "";
        top: -5px;
        right: 10px;
        border-bottom: solid 5px #e0e6ed;
        border-left: solid 5px transparent;
        border-right: solid 5px transparent;
    }
    .hotel-item .right .pricing .price {
        margin-bottom: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotel-item .left {
        width: 230px;
    }
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 400px 0;
    }
}
.hotel-item__wrapper ~ .hotel-item-loading {
    margin-top: 15px;
}
.hotel-item-loading {
    width: 100%;
    min-height: 183px;
    display: flex;
    background: #f9fafa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 3px solid rgba(148, 151, 163, 0.15);
    transition: all 0.3s ease;
}
.hotel-item-loading ~ .hotel-item-loading,
.hotel-item-loading ~ .hotel-item__wrapper {
    margin-top: 15px;
}
.hotel-item-loading__left {
    background: rgba(148, 151, 163, 0.1);
    display: flex;
    transition: all 0.3s ease;
    animation: move 1.5s linear infinite;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.02));
}
.hotel-item-loading__right {
    background: white;
    display: flex;
    width: 200px;
    transition: all 0.3s ease;
}
.hotel-item-loading__content {
    padding: 15px;
    display: flex;
    width: auto;
    flex-direction: column;
    flex-grow: 1;
    transition: all 0.3s ease;
}
.hotel-item-loading__bar {
    margin-bottom: 15px;
    background: rgba(148, 151, 163, 0.1);
    height: 25px;
    width: 100%;
    transition: all 0.3s ease-out;
    animation: move 1s linear infinite;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.02));
}
.hotel-item-loading__bar--long {
    width: 100%;
}
.hotel-item-loading__bar--normal {
    width: 75%;
}
.hotel-item-loading__bar--short {
    width: 50%;
}
.hotel-item-loading__bg {
    margin-bottom: 15px;
    background: rgba(148, 151, 163, 0.1);
    width: 100%;
    transition: all 0.3s ease-out;
    animation: move 1s linear infinite;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)) !important;
}
@media only screen and (min-width: 320px) {
    .hotel-item-loading {
        flex-direction: column;
    }
    .hotel-item-loading__left {
        min-height: 200px;
        width: 100%;
    }
    .hotel-item-loading__right {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-item-loading {
        flex-direction: row;
    }
    .hotel-item-loading__left {
        min-height: 100px;
        width: 160px;
    }
    .hotel-item-loading__right {
        display: flex;
    }
}
@media only screen and (min-width: 1200px) {
    .hotel-item-loading__left {
        width: 230px;
    }
}
.limit-length {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.hotel-item .left .v-ribbon span{
    padding: 2px 6px;
}
.hotel-rate {
    background: white;
    padding: 0;
    text-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}
.hotel-rate .room-rate {
    padding: 0px;
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate {
        border-radius: 4px;
    }
}
.hotel-rate .room-rate p {
    margin-bottom: 8px;
}
.hotel-rate .room-rate .room-rate-table {
    background: #f9fbfc;
    margin-bottom: 0px;
}
.hotel-rate .room-rate .room-rate-table > tbody + tbody {
    border-top-width: 0px;
}
.hotel-rate .room-rate .room-rate-table tbody tr,
.hotel-rate .room-rate .room-rate-table tbody th,
.hotel-rate .room-rate .room-rate-table tbody td,
.hotel-rate .room-rate .room-rate-table thead tr,
.hotel-rate .room-rate .room-rate-table thead th,
.hotel-rate .room-rate .room-rate-table thead td {
    border: 1px solid #e6e7ea;
}
@media only screen and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr,
    .hotel-rate .room-rate .room-rate-table tbody th,
    .hotel-rate .room-rate .room-rate-table tbody td,
    .hotel-rate .room-rate .room-rate-table thead tr,
    .hotel-rate .room-rate .room-rate-table thead th,
    .hotel-rate .room-rate .room-rate-table thead td {
        border-left: none;
        border-right: none;
    }
}
.hotel-rate .room-rate .room-rate-table thead tr th {
    background: #e6e7ea;
    padding: 8px 15px;
    color: #3d3f47;
    font-weight: 600;
    vertical-align: top;
    font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hotel-rate .room-rate .room-rate-table thead tr th {
        font-size: 15px;
    }
}
.hotel-rate .room-rate .room-rate-table thead tr th .description {
    font-weight: normal;
    font-size: 13px;
    color: #555863;
}
.hotel-rate .room-rate .room-rate-table tbody {
    background: white;
    border-bottom: 0px;
}
.hotel-rate .room-rate .room-rate-table tbody .compact-row .no-margin {
    margin: 0px !important;
}
.hotel-rate .room-rate .room-rate-table tbody tr.room-item.have-meal {
    border-top: 0px solid #e6e7ea;
}
@supports (-ms-ime-align: auto) or (-ms-accelerator: true) {
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item.have-meal {
        border-top: 0 !important;
    }
}
.hotel-rate .room-rate .room-rate-table tbody tr.room-item.have-meal:nth-of-type(2) {
    border-top: 1px solid #e6e7ea;
}
.hotel-rate .room-rate .room-rate-table tbody tr.room-item.have-meal ~ .have-meal {
    border-top: 1px solid #e6e7ea;
}
@media only screen and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr.showmore {
        border-bottom: none !important;
        display: block;
    }
}
.hotel-rate .room-rate .room-rate-table tbody tr.show-more-room {
    display: none;
    border: 0px solid transparent;
}
.hotel-rate .room-rate .room-rate-table tbody tr.show-more-room td {
    padding: 0px;
    background-color: #f9fbfc;
    border: 0 solid transparent;
    border-top: 4px solid #e6e7ea;
}
.hotel-rate .room-rate .room-rate-table tbody tr.show-more-room .show-more-room-button {
    display: inline-block;
    padding: 5px 30px 7px 30px;
    background: #e6e7ea;
    border-radius: 0 0 6px 6px;
    color: #40a6f2;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.hotel-rate .room-rate .room-rate-table tbody tr.show-more-room .show-more-room-button:hover,
.hotel-rate .room-rate .room-rate-table tbody tr.show-more-room .show-more-room-button:focus {
    background: rgba(230, 231, 234, 0.7);
}
.hotel-rate .room-rate .room-rate-table tbody .show-more-td {
    padding: 5px;
    text-align: right;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .show-more-td {
        padding: 15px;
        text-align: right;
    }
    .hotel-rate .room-rate .room-rate-table tbody .show-more-td span {
        color: #2f80ed;
        text-decoration: none;
    }
    .hotel-rate .room-rate .room-rate-table tbody .show-more-td i {
        color: #2f80ed;
    }
}
.hotel-rate .room-rate .room-rate-table tbody td {
    padding: 20px 15px 15px 15px;
    font-size: 13px;
    letter-spacing: 0px;
    transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hotel-rate .room-rate .room-rate-table tbody td {
        font-size: 12px;
        padding: 20px 5px 15px 5px;
    }
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody td {
        letter-spacing: -0.5px;
        font-size: 13px;
        padding-top: 15px;
    }
}
@media only screen and (min-width: 375px) {
    .hotel-rate .room-rate .room-rate-table tbody td {
        letter-spacing: -0.5px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody td {
        padding-top: 20px;
    }
}
@media only screen and (min-width: 992px) {
    .hotel-rate .room-rate .room-rate-table tbody td {
        letter-spacing: 0px;
        font-size: 14px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .best-price .best-price-label {
    display: block;
    position: absolute;
    left: -1px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    background: #e52822;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 4px;
    padding: 5px 0px;
    color: white;
}
@media only screen and (min-width: 481px) {
    .hotel-rate .room-rate .room-rate-table tbody .best-price {
        box-shadow: 1px 1px 1px 3px #e52822 inset;
        -moz-box-shadow: inset 1px 1px 1px 3px #e52822;
        -webkit-box-shadow: inset 1px 1px 1px 3px #e52822;
        -webkit-appearance: none;
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .condition {
        box-shadow: 2px 0px 0px 0px #e52822 inset;
        -moz-box-shadow: inset 2px 0px 0px 0px #e52822;
        -webkit-box-shadow: inset 2px 0px 0px 0px #e52822;
        -webkit-appearance: none;
        border-right-color: rgba(230, 231, 234, 0.5);
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .rate {
        border-right-color: rgba(230, 231, 234, 0.5);
    }
    @supports (-ms-ime-align: auto) or (-ms-accelerator: true) {
        .hotel-rate .room-rate .room-rate-table tbody .best-price {
            box-shadow: 0px 0px 0px 0px #e52822 inset;
        }
        .hotel-rate .room-rate .room-rate-table tbody .best-price .best-price-label {
            left: 0px;
        }
        .hotel-rate .room-rate .room-rate-table tbody .best-price .condition,
        .hotel-rate .room-rate .room-rate-table tbody .best-price .rate,
        .hotel-rate .room-rate .room-rate-table tbody .best-price .book {
            border-top: 2px solid #e52822;
            border-bottom: 2px solid #e52822;
        }
        .hotel-rate .room-rate .room-rate-table tbody .best-price .condition {
            box-shadow: 0px 0px 0px 0px #e52822 inset;
            border-left: 2px solid #e52822;
        }
        .hotel-rate .room-rate .room-rate-table tbody .best-price .book {
            border-right: 2px solid #e52822;
        }
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .book {
        position: relative;
        padding-top: 40px;
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .rate .ribbon__container {
        display: none;
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .ribbon > span {
        line-height: 22px;
    }
    .hotel-rate .room-rate .room-rate-table tbody .best-price .ribbon__container {
        top: -20px;
        left: -15px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .separate {
    background: #f9fbfc;
    border-width: 0px;
}
.hotel-rate .room-rate .room-rate-table tbody .separate td {
    background-color: #f9fbfc;
    border-width: 0px;
    padding: 10px;
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .room {
        width: 220px;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .room {
        width: 170px;
        background-color: #fafafa;
    }
}
@media only screen and (min-width: 992px) {
    .hotel-rate .room-rate .room-rate-table tbody .room {
        width: 240px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .room__img-container {
    margin-bottom: 15px;
}
.hotel-rate .room-rate .room-rate-table tbody .room__img-container img {
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .room__img-container img {
        box-shadow: none;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .room__info-container {
    padding-bottom: 10px;
}
.hotel-rate .room-rate .room-rate-table tbody .room__title {
    color: #003025;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    text-transform: capitalize;
}
.hotel-rate .room-rate .room-rate-table tbody .room__title .number-room {
    font-size: 36px;
}
.hotel-rate .room-rate .room-rate-table tbody .room__inform {
    color: #5cb85c;
    font-weight: bold;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description {
    font-weight: 500;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .room__description {
        color: #333;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .room__description--clarify {
    font-weight: 400;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description--facility {
    font-weight: normal;
    color: #6c707e;
    animation-duration: 0.2s;
    animation-delay: 0.05s;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description .p-40 {
    width: 50%;
    float: left;
    margin-right: 0;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description .p-40:nth-child(2n + 1) {
    padding-left: 15px;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description .p-40:nth-child(2n) {
    clear: both;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description .p-40-r {
    width: 48%;
    float: left;
    margin-right: 0;
    padding-left: 15px;
}
.hotel-rate .room-rate .room-rate-table tbody .room__description_compact {
    display: none;
}
.hotel-rate .room-rate .room-rate-table tbody .room_quantity {
    width: 50px;
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .room_quantity {
        text-align: right;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .room_quantity {
        text-align: center;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .condition {
    padding-right: 15px;
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .condition {
        min-width: 240px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .condition__title {
    position: -webkit-sticky;
    position: sticky;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item .fa,
.hotel-rate .room-rate .room-rate-table tbody .condition__item .vicon {
    width: 20px;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item .fa.vicon-cancellation,
.hotel-rate .room-rate .room-rate-table tbody .condition__item .vicon.vicon-cancellation {
    width: auto;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item .description {
    color: #3d3f47;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--primary {
    color: #23527c;
}
@media only screen and (max-width: 479px) {
    .hotel-rate .room-rate .room-rate-table tbody .condition__item--cancellation {
        color: #828282;
        cursor: pointer;
    }
    .hotel-rate .room-rate .room-rate-table tbody .condition__item--cancellation span.text-cancel {
        text-decoration: underline;
    }
    .hotel-rate .room-rate .room-rate-table tbody .condition__item--cancellation i {
        text-decoration: none;
    }
    .hotel-rate .room-rate .room-rate-table tbody .condition__item--cancellation .vicon-cancellation {
        display: none;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--exclude {
    font-weight: bold;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--highlight {
    font-weight: bold;
    color: #003025;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--highlight--note {
    font-weight: normal;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--promotion {
    color: #d9534f;
}
.hotel-rate .room-rate .room-rate-table tbody .condition__item--tax {
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 0px;
    color: #6c707e;
}
.hotel-rate .room-rate .room-rate-table tbody .extra-bed .extra-bed-price {
    text-shadow: 0px 0px 1px rgba(19, 94, 106, 0.15);
}
.hotel-rate .room-rate .room-rate-table tbody .rate {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate {
        min-width: 150px;
    }
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate {
        width: 50%;
        float: left;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__container {
    text-align: right;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__container {
        text-align: left;
    }
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__container .price-block {
        position: absolute;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__promotion-text {
    color: #e52822;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__promotion-text {
        float: left;
        margin-bottom: 30px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__promotion {
    display: inline-block;
    color: white;
    background: #e52822;
    padding: 3px 8px;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
}
.hotel-rate .room-rate .room-rate-table tbody .rate__contain {
    font-size: 12px;
    color: #6c707e;
}
.hotel-rate .room-rate .room-rate-table tbody .rate__supplier {
    text-align: right;
    font-size: 12px;
    color: #6c707e;
}
.hotel-rate .room-rate .room-rate-table tbody .rate__price {
    color: #003025;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price {
        font-size: 24px !important;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__price:hover {
    color: #65d2e4;
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price {
        letter-spacing: -1px;
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price {
        letter-spacing: -1px;
        font-size: 21px;
    }
}
@media only screen and (min-width: 992px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price {
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--currency {
        font-size: 13px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--currency {
        font-size: 16px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__price--not_applicable {
    color: #555863;
}
.hotel-rate .room-rate .room-rate-table tbody .rate__price--buy {
    font-weight: 400;
    color: #555863;
    font-size: 16px;
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--buy {
        font-size: 13px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--buy {
        font-size: 16px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .rate__price--old {
    font-weight: 400;
    color: #555863;
    font-size: 16px;
    text-decoration: line-through;
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--old {
        font-size: 13px;
    }
}
@media only screen and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate__price--old {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px) {
    .hotel-rate .room-rate .room-rate-table tbody .rate {
        min-width: 180px;
        max-width: 200px;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .book {
        width: 100px;
    }
}
@media only screen and (min-width: 992px) {
    .hotel-rate .room-rate .room-rate-table tbody .book {
        width: 160px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .book__container {
    text-align: center;
}
@media only screen and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody .book__container {
        width: 40%;
        float: right;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .book .not-applicable {
    text-align: left;
    color: #cb8725;
}
.hotel-rate .room-rate .room-rate-table tbody .book .btn.btn-show {
    padding: 1px 5px;
    font-size: 14px;
    font-weight: bold;
}
@media only screen and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody .book .btn {
        padding: 8px;
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .book .btn {
        padding: 8px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) {
    .hotel-rate .room-rate .room-rate-table tbody .book .btn {
        padding: 8px;
        font-size: 16px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .book .book-btn-group .btn {
    margin-bottom: 0px;
    border-radius: 4px;
    word-break: break-all;
}
.hotel-rate .room-rate .room-rate-table tbody .book .book-btn-group .btn.btn-action + .btn_description {
    border-color: #cb8725;
    background: white;
    color: #cb8725;
}
.hotel-rate .room-rate .room-rate-table tbody .book .book-btn-group .btn.btn-action_accent + .btn_description {
    border-color: #003025;
    background: white;
    color: #003025;
}
.hotel-rate .room-rate .room-rate-table tbody .book .book-btn-group .btn_description {
    padding: 2px 0px;
    border: 1px solid #e6e7ea;
    border-top: 0px;
    margin-top: -2px;
    border-radius: 0px 0px 4px 4px;
    word-break: break-word;
}
@media only screen and (max-width: 768px) {
    .hotel-rate .room-rate .room-rate-table tbody .book .book-btn-group .btn_description {
        padding: 0;
        margin-top: -3px;
    }
}
.hotel-rate .room-rate .room-rate-table tbody .book .book-btn-container + .book-btn-container {
    margin-top: 10px;
}
.hotel-rate .room-rate .room-rate-table tbody .book__description {
    font-weight: 500;
}
.hotel-rate .room-rate .room-rate-table tbody .login-inform {
    margin-top: 10px;
    font-size: 12px;
    color: #6c707e;
}
.hotel-rate .room-rate .room-rate-table tbody .secret {
    padding: 8px;
    background: #fde29d;
    border-radius: 6px;
    background: rgba(38, 190, 214, 0.05);
    border: 1px dashed #003025;
    color: #003025;
    cursor: pointer;
    margin-bottom: 15px;
    transition: all 0.2s ease-in-out;
}
.hotel-rate .room-rate .room-rate-table tbody .secret .title {
    margin-bottom: 5px;
}
.hotel-rate .room-rate .room-rate-table tbody .show-more {
    color: #40a6f2;
    user-select: none;
    text-decoration: underline;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.hotel-rate .room-rate .room-rate-table tbody .show-more:hover {
    color: #0f81d7;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item {
    padding: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item__select {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item__description {
    display: flex;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item__price {
    font-size: 12px;
    margin-bottom: 0px;
    color: #6c707e;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item__price.active {
    color: #003025;
}
.hotel-rate .room-rate .room-rate-table tbody .supplement-container .supplement-item select {
    display: inline-block;
    width: auto;
}
.hotel-rate .icon {
    width: auto;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}
.hotel-rate .icon.open {
    transform: rotate(180deg);
    transition: transform 0.2s linear;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hotel-rate {
        padding: 0 15px;
    }
    .hotel-rate .hotel-rate-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .condition,
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .rate,
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .book {
        display: none;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__description_compact {
        display: block;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__row {
        display: grid;
        grid-gap: 10px;
        grid-template: "title title" "image main";
        grid-template-columns: 150px auto;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__title-container {
        grid-area: title;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__title {
        margin: 0px;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__description {
        display: none !important;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__img-container {
        grid-area: image;
        padding: 0px;
        margin: 0px;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__info-container {
        grid-area: main;
        padding: 0px;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:first-child .room__info-container .show-more {
        display: none;
    }
    .hotel-rate .room-rate .room-rate-table .compact-item .room-item:not(:first-child) {
        display: none;
    }
    .hotel-rate .room-rate .room-rate-table thead {
        display: none;
    }
    .hotel-rate .room-rate .room-rate-table tbody {
        border: 1px solid transparent;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.show-more-room {
        display: block;
    }
    .hotel-rate .room-rate .room-rate-table tbody .room__img-container {
        padding: 0px;
    }
    .hotel-rate .room-rate .room-rate-table tbody .separate {
        background: #f9fbfc;
        display: block;
    }
    .hotel-rate .room-rate .room-rate-table tbody .separate td {
        padding: 15px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr td {
        border: 1px solid transparent;
        display: contents;
        
    }
    .hotel-rate .room-rate .room-rate-table tbody tr .room {
        border-bottom-width: 0px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr .room__description p {
        display: inline-block;
        margin-right: 15px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr .condition {
        float: left;
        width: 100%;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .condition {
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .condition {
        padding-bottom: 15px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .rate {
        float: right;
        width: 100%;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (min-width: 320px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .rate {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (min-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .rate {
        padding: 15px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr .book {
        width: 100%;
        float: right;
        padding-top: 0px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item {
        border-top: 0px solid transparent;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item:not(.last) {
        border-bottom: 0px solid transparent;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item:not(.last) .book {
        padding-bottom: 0px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item .condition__container {
        border-top: 1px solid #e6e7ea;
        padding-top: 15px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item:first-child {
        border-top: 5px solid #003025;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.room-item.have-meal:not(:first-child) {
        border-top-width: 0px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price + tr .condition__container {
        border: none;
        padding-top: 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (max-width: 500px) {
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price ~ tr:not(.ng-hide)::first-child .condition__container {
        border: none;
        padding-top: 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .condition__container {
        border-top: 0px solid transparent;
        padding-top: 0px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .best-price-label {
        display: inline-block;
        position: absolute;
        left: inherit;
        right: 0px;
        top: 0px;
        width: auto;
        padding: 5px 10px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .condition,
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .rate,
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .book {
        border-right: 3px solid #e52822;
        border-left: 3px solid #e52822;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .condition {
        position: relative;
        border-top: 3px solid #e52822 !important;
        border-bottom: 0 solid transparent;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .rate {
        border-bottom: 0 solid transparent;
        border-top: 0 solid transparent;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .book {
        border-top: 0 solid transparent;
        border-bottom: 3px solid #e52822;
        padding-bottom: 15px !important;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .ribbon > span {
        line-height: 22px;
    }
    .hotel-rate .room-rate .room-rate-table tbody tr.best-price .ribbon__container {
        top: -18px;
        left: -18px;
    }
}
@media only screen and (max-width: 320px) {
    .hotel-rate {
        padding: 0;
    }
}
.ribbon {
    position: absolute;
    left: 0px;
    top: -10px;
    z-index: 1;
    overflow: hidden;
    width: 40px;
    height: 40px;
    text-align: right;
}
.condition .ribbon{
    top:0px !important;
    
}
.ribbon span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 50px;
    display: block;
    background: #E52822;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    position: absolute;
    top: 0px;
    left: -14px;
}
.banner-controls {
  position: absolute;
  top: 50%;
  width: 100%;
}

@media (max-width: 767px) {
  .banner-controls {
    display: none;
  }
}

.banner-controls .slide-arrow {
  display: inline-block;
  text-align: center;
  color: DimGray;
  cursor: pointer;
  font-size: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding-right: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 20px;
  transition: opacity .2s ease-in-out;
}

.banner-controls .slide-arrow .fas {
  font-size: 16px;
  line-height: 40px;
}

.banner-controls .slide-arrow:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.banner-controls .arrow-prev {
  position: absolute;
  left: -50px;
}

.banner-controls .arrow-next {
  position: absolute;
  right: -22px;
}
.reason-choose-v2 {
  position: relative;
  width: 100%;
  background: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .reason-choose {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .reason-choose .hidden-reason-choose {
    display: none;
  }
}

.reason-choose .image-landing-page {
  display: block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .reason-choose .image-landing-page {
    margin-bottom: 0 !important;
  }
}

.reason-choose .reason-top {
  margin: 40px 0;
}

.reason-choose .reason-title {
  color: #00506c;
  text-align: center;
  font-size: 30px;
  line-height: 35px;
}

.reason-choose .reason-sub-title {
  color: #999999;
  font-size: 15px;
  margin: 10px auto;
  text-align: center;
}

.reason-choose .title-text-decoration {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .reason-choose .pd-mb {
    padding-bottom: 0 !important;
  }
}

.reason-choose .reason-media-v2 {
  padding: 15px;
}

.reason-choose .reason-media-v2 .media-img-v2 img {
  width: 65px;
  height: 65px;
}

.reason-choose .reason-media-v2 .media-body-v2 .body-p {
  margin-bottom: 5px;
  font-size: 14px;
}

.reason-choose .reason-media-v2 .media-body-v2 .body-p-1 {
  color: #888;
  font-weight: 500;
  margin: 0;
}

.reason-choose .reason-media-v2 .media-body-v2 .body-p-color {
  color: #0099cc;
}

.reason-choose .reason-header {
  height: 420px;
  background: #eef8ff;
  border: 1px solid #cbd3db;
}

.reason-choose .reason-header .reason-border {
  border-bottom: 1px solid #cbd3db;
}

.reason-choose .reason-header .reason-media {
  width: 100%;
  padding: 23px;
}

.reason-choose .reason-header .reason-media .reason-center {
  float: left;
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .reason-choose .reason-header .reason-media .reason-center {
    display: initial;
    text-align: center;
  }
}

.reason-choose .reason-header .reason-media .reason-center img {
  height: 91px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .reason-choose .reason-header .reason-media .reason-center img {
    height: 91px;
  }
}

.reason-choose .reason-header .reason-media .media-body {
  font-weight: bold;
  margin-left: 110px;
  padding: 25px 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .reason-choose .reason-header .reason-media .media-body {
    padding: 15px 0;
  }
}

.reason-choose .reason-header .reason-media .media-body p {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
      flex: 1;
}

p.min-content {
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0px 10px;
    text-align: justify;
}
.banner-controls .slide-arrow i{
  font-size: 30px;   
  line-height: inherit;
}

.nearby-box {
    position: relative;
}
.nearby-box .city_item {
    width: 275px;
    /*margin-right: 20px;*/
    height: 220px !important;
    border-radius: 2px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-size: cover;
}
@media (max-width: 768px){
    .nearby-box .city_item {
        margin-right: 12px;
    }
}
.nearby-box .city_item:last-child {
    margin-right: 0;
}
.nearby-box .city_item .item_mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 22px;
    background: rgba(0, 0, 0, 0.4);
}
.t_mid {
    text-align: center;
        line-height: 30px;
}
.t_white {
    color: #ffffff;
}
.t16 {
    font-size: 16px;
    margin: 0px;
    line-height: 1;
}
.search-form .t-dates.t-date-check-in, .search-form .t-dates.t-date-check-out{
    height: 60px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    /*border-radius: 4px;*/
    cursor: pointer;
    background: white;
    transition: all 0.3s linear;
    user-select: none;
    color: #3d3f47;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.font-weight-bold {
    font-weight: 700 !important;
}

@media only screen and (max-width: 480px) {
    .recomment-hotel {
        margin-bottom: 0 !important;
    }
}
.recomment-hotel .same-hotel-box {
    scroll-behavior: smooth;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
}
@media only screen and (min-width: 481px) {
    .recomment-hotel .same-hotel-box {
        display: none;
    }
}
.recomment-hotel .same-hotel-box .same-hotel-item-box {
    flex: 0 0 auto;
    padding: 0;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-right: 15px;
    width: calc(100vw - 70px);
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body {
    width: auto;
    position: relative;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .title-item {
    color: #c72628;
    font-size: 14px;
    font-weight: bold;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .stars {
    color: #cb8725;
    top: 0px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body span.scoreSpan {
    border-radius: 3px;
    padding: 3px 5px 2px 5px;
    color: #ffffff;
    background-color: #c7a465;
    font-size: 13px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .media-body .hotelItemReviews {
    position: absolute;
    bottom: 0;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m {
    padding-top: 15px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price {
    float: left;
    max-width: 200px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price .filter-text {
    color: #828282;
    font-size: 12px;
    margin-bottom: 5px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .left-price .price-text {
    color: #003025;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .right-price {
    float: right;
    padding: 10px 15px;
    background: #f793221a;
    border-radius: 5px;
}
.recomment-hotel .same-hotel-box .same-hotel-item-box .media .pricing-m .right-price .btn-price {
    color: #cb8725;
    font-size: 18px;
    font-weight: bold;
}
.breadcrumb-m {
    background: #fff;
}
.breadcrumb-m li {
    display: contents !important;
}
.breadcrumb-m li:nth-child(2) {
    display: none !important;
}
.tourRecommendedPanel {
    background: white;
    border-radius: 5px;
}
.tourRecommendedPanel .horizontalLine2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tourRecommendedPanel .tourPanelHeading h4 {
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
    color: #c72628;
}
.tourRecommendedPanel .tourItem {
    margin-bottom: 15px;
}
.tourRecommendedPanel .tourItem .label {
    padding: 2px 5px;
    font-size: 10px;
}
.tourRecommendedPanel .tourItem h4 {
    line-height: 1.5;
    font-size: 14px;
    color: #c72628;
}
.tourRecommendedPanel .tourItem h4 a {
    color: #c72628;
}
.tourRecommendedPanel .tourItem h4 a:hover {
    color: #003025;
}
.tourRecommendedPanel .tourItem span {
    font-size: 12px;
}
.tourRecommendedPanel .tourItem .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.tourRecommendedPanel .tourItem .checkbox input {
    margin-top: 7px;
}
.tourRecommendedPanel .tourItem .tourItemPopupContent {
    display: none;
}
.tourRecommendedPanel .tourItem .tourItemPopup {
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
}
.tourRecommendedPanel .tourItem .tourItemPopup img {
    border-radius: 4px;
}
.tourRecommendedPanel .tourItem .tooltip {
    padding-top: 0px;
    opacity: 1;
    text-align: left;
}
.tourRecommendedPanel .tourItem .tooltip .ribbon span {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: white;
}
.tourRecommendedPanel .tourItem .tooltip h4,
.tourRecommendedPanel .tourItem .tooltip p,
.tourRecommendedPanel .tourItem .tooltip span {
    text-align: left;
    line-height: 1.5;
}
.tourRecommendedPanel .tourItem .tooltip h4 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tourRecommendedPanel .tourItem .tooltip p,
.tourRecommendedPanel .tourItem .tooltip span {
    font-size: 13px;
    color: #4e4e4e;
}
.tourRecommendedPanel .tourItem .tooltip .fa {
    padding-right: 5px;
}
.tourRecommendedPanel .tourItem .tooltip .tourItemPrice {
    font-size: 16px;
    font-weight: bold;
    color: #cb8725;
}
.tourRecommendedPanel .tourItem .tooltip .transportItem {
    padding-left: 10px;
}
.tourRecommendedPanel .tourItem .tooltip .tooltip-inner {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
.tourRecommendedPanel .tourItem .tooltip .tooltip-arrow {
    border-top-color: #ddd;
}
.customerReview .verticalLine {
    margin-left: 3px;
    border-left: 1px solid #003025;
    line-height: 10px;
    padding: 1px 8px;
}
.customerReview .customerReviewHeader span.scoreSpan {
    border-radius: 5px;
    padding: 10px 15px;
    color: #ffffff;
    background-color: #c7a465;
    font-size: 18px;
}
.customerReview .customerReviewHeader span.scoreStatus {
    font-size: 16px;
    font-weight: bold;
    color: #003025;
}
.customerReview .customerReviewHeader span.scoreReviewQuantity {
    font-size: 12px;
    color: #003025;
}
.customerReview .customerReviewDetail span.scoreSpan {
    border-radius: 3px;
    padding: 3px 5px 2px 5px;
    color: #ffffff;
    background-color: #c7a465;
    font-size: 13px;
}
.customerReview .customerReviewDetail span.scoreStatus {
    font-size: 13px;
    font-weight: bold;
    color: #003025;
}
.customerReview .customerReviewDetail span.scoreReviewDate {
    font-size: 12px;
    color: #cdcccb;
    margin-left: 10px;
}
.customerReview .customerReviewDetail .customerReviewContent {
    font-style: italic;
}
.customerReview .customerReviewDetail .customerReviewContent:before {
    content: '"';
}
.customerReview .customerReviewDetail .customerReviewContent:after {
    content: '"';
}
.customerReview .customerReviewDetail .customerReviewName {
    color: #333;
    font-weight: bold;
}
.customerReview .customerReviewDetail .tripType {
    font-size: 11px;
}
.customerReview .recentReviews {
    font-weight: bold;
    font-size: 16px;
}
.user-img-gallery {
    margin-top: 4px;
    max-width: 960px;
    overflow: hidden;
}
.user-img-gallery li {
    float: left;
    width: 84px;
    height: 84px;
    overflow: hidden;
    margin: 2px;
    cursor: pointer;
}
/*@media screen and (max-width: 768px) {
    .user-img-gallery li {
        width: calc(100% / 4.2);
    }
}*/
.user-img-gallery li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
/* faq */
.cau_hoi {
    margin-top: 30px;
}
.cau_hoi input[type="checkbox"] {
   display: none;
}

.faq-drawer {
   margin-bottom: 1.8rem;
   flex: 1;
   Border-radius:10px;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.faq-drawer__title {
   display: block;
   position: relative;
   padding: 1.8rem 3.5rem 1.8rem 1.8rem;
   margin-bottom: 0;
   
   background: white;
   
   color: #067ca8;
   font-weight: 600;
   font-size: 15px;
   
   border-radius: 8px;
   transition: all 0.25s ease-out;
   cursor: pointer;
}

.faq-drawer__title:hover {
   color: #067ca8;
}

.faq-drawer__title::after {
   content: " ";

   position: absolute;
   width: 0;
   height: 0;
   top: 34px;
   right: 20px;
   float: right;

   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 5px solid currentColor;
   transition: transform 0.2s ease-out;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
   transform: rotate(-180deg);
}

.faq-drawer__content-wrapper {
   overflow: hidden;
   max-height: 0px;
   font-size: 15px;
   line-height: 23px;

   transition: max-height 0.25s ease-in-out;
}

.faq-drawer__trigger:checked
   + .faq-drawer__title
   + .faq-drawer__content-wrapper {
   max-height: 1350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.faq-drawer__content-wrapper .faq-drawer__content {
   background: white;
   padding: 2px 18px 14px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}