@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext");



.hidden {

    display: none !important

}



@-ms-viewport {

    width: device-width

}



.row {

    margin-left: -15px;

    margin-right: -15px

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.col-xs-3,

.col-xs-9,

.col-xs-12 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.col-xs-3,

.col-xs-9,

.col-xs-12 {

    float: left

}



.col-xs-3 {

    width: 25%

}



.col-xs-9 {

    width: 75%

}



.col-xs-12 {

    width: 100%

}



@font-face {

    font-family: 'Glyphicons Halflings';

    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");

    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")

}



/*!

 * animate.css -https://daneden.github.io/animate.css/

 * Version - 3.7.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2019 Daniel Eden

 */



@font-face {

    font-family: ultralight;

    src: url("../fonts/montserrat/montserrat-ultralight.eot");

    src: url("../fonts/montserrat/montserrat-ultralight.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-ultralight.woff") format("woff"), url("../fonts/montserrat/montserrat-ultralight.ttf") format("truetype"), url("../fonts/montserrat/montserrat-ultralight.svg#ultralight") format("svg");

    font-weight: 200;

    font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    @font-face {

        font-family: ultralight;

        src: url("../fonts/montserrat/montserrat-ultralight.svg#ultralight") format("svg")

    }

}



@font-face {

    font-family: light;

    src: url("../fonts/montserrat/montserrat-light.eot");

    src: url("../fonts/montserrat/montserrat-light.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-light.woff") format("woff"), url("../fonts/montserrat/montserrat-light.ttf") format("truetype"), url("../fonts/montserrat/montserrat-light.svg#light") format("svg");

    font-weight: 300;

    font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    @font-face {

        font-family: light;

        src: url("../fonts/montserrat/montserrat-light.svg#light") format("svg")

    }

}



@font-face {

    font-family: regular;

    src: url("../fonts/montserrat/montserrat-regular.eot");

    src: url("../fonts/montserrat/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular.woff") format("woff"), url("../fonts/montserrat/montserrat-regular.ttf") format("truetype"), url("../fonts/montserrat/montserrat-regular.svg#regular") format("svg");

    font-weight: 400;

    font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    @font-face {

        font-family: regular;

        src: url("../fonts/montserrat/montserrat-regular.svg#regular") format("svg")

    }

}



@font-face {

    font-family: semibold;

    src: url("../fonts/montserrat/montserrat-semibold.eot");

    src: url("../fonts/montserrat/montserrat-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-semibold.woff") format("woff"), url("../fonts/montserrat/montserrat-semibold.ttf") format("truetype"), url("../fonts/montserrat/montserrat-semibold.svg#semibold") format("svg");

    font-weight: 600;

    font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    @font-face {

        font-family: semibold;

        src: url("../fonts/montserrat/montserrat-semibold.svg#semibold") format("svg")

    }

}



@font-face {

    font-family: bold;

    src: url("../fonts/montserrat/montserrat-bold.eot");

    src: url("../fonts/montserrat/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-bold.woff") format("woff"), url("../fonts/montserrat/montserrat-bold.ttf") format("truetype"), url("../fonts/montserrat/montserrat-bold.svg#bold") format("svg");

    font-weight: 700;

    font-style: normal

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    @font-face {

        font-family: bold;

        src: url("../fonts/montserrat/montserrat-bold.svg#bold") format("svg")

    }

}







.under-page-in * {

    box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -webkit-box-sizing: border-box

}



input[type="search"] {

    -moz-appearance: textfield;

    -webkit-appearance: textfield;

    appearance: textfield

}



.scrollable {

    position: relative

}



.scrollable:focus {

    outline: 0

}



.scrollable .viewport {

    position: relative;

    overflow: hidden

}



.scrollable .viewport .overview {

    position: absolute

}



.scrollable .scroll-bar {

    display: none

}



.scrollable .scroll-bar.vertical {

    position: absolute;

    right: 0;

    height: 100%

}



.scrollable .scroll-bar.horizontal {

    position: relative;

    width: 100%

}



.scrollable .scroll-bar .thumb {

    position: absolute

}



.scrollable .scroll-bar.vertical .thumb {

    width: 100%;

    min-height: 10px

}



.scrollable .scroll-bar.horizontal .thumb {

    height: 100%;

    min-width: 10px;

    left: 0

}



.sort-list-buttons {

    width: 100%;

    margin-top: 15px;

    text-align: left;

    font-size: 0;

    display: table

}



.sort-list-buttons.hotel-sort-list-buttons {

    height: 50px;

    background-color: #ffffff;

    border: solid 1px #dddddd;

    border-radius: 8px

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button {

    font-size: 14px;

    line-height: 14px;

    color: #666666;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    transition: all 150ms ease-in-out

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span {

    display: table;

    margin: 0 auto;

    line-height: 48px;

    position: relative;

    padding: 0 10px

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span em {

    font-weight: 600

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span i {

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span .info-icon-popover {

    margin-left: 7px

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span .info-icon-popover:before {

    color: #3394de

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span.active {

    color: #3394de;

    font-weight: bold

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button span.active:after {

    content: "";

    height: 4px;

    border-radius: 2px;

    background-color: #3394de;

    box-shadow: 0 0 10px 0 rgba(0, 101, 184, 0.3);

    width: 100%;

    position: absolute;

    bottom: -2px;

    left: 0

}



.sort-list-buttons.hotel-sort-list-buttons .sort-button:hover {

    color: #3394de;

    cursor: pointer

}



.result-filter-area {

    width: 100%;

    margin-top: 15px;

    background: white;

    border: 1px solid #ddd;

    border-radius: 8px

}



.result-filter-area .title-result-count {

    width: 100%;

    padding: 17px 15px;

    border-bottom: 1px solid #EFEFEF

}



.result-filter-area .title-result-count span.title {

    font-size: 18px;

    font-size: 1.125rem;

    font-weight: bold;

    color: #0065B8

}



.result-filter-area .result-filter-list {

    width: 100%;

    border-bottom: 1px solid #EFEFEF;

    padding: 15px;

    padding-top: 20px;

    line-height: 19px

}



.result-filter-area .result-filter-list:last-child {

    padding-bottom: 15px !important

}



.result-filter-area .result-filter-list .title {

    width: 100%;

    display: block;

    color: #28374f;

    font-weight: bold;

    font-size: 18px;

    font-size: 1.125rem

}



.result-filter-area .result-filter-list .title span.description {

    font-size: 12px;

    font-size: .75rem;

    font-weight: 400;

    color: #999;

    margin-left: 5px;

    display: inline-block;

    vertical-align: middle

}



.result-filter-area .result-filter-list .title span.result-filter-a-z {

    font-size: 12px;

    font-size: .75rem;

    font-size: .75rem;

    color: #dddddd;

    float: right;

    line-height: 18px;

    cursor: pointer;

    transition: all 0.3s

}



.result-filter-area .result-filter-list .title span.result-filter-a-z i {

    font-size: 9px;

    font-size: .5625rem;

    display: inline-block;

    vertical-align: middle

}



.result-filter-area .result-filter-list .title span.result-filter-a-z:hover {

    color: #666

}



.result-filter-area .result-filter-list .title span.result-filter-a-z:hover i {

    color: #666

}



.result-filter-area .result-filter-list .filter-search-result {

    display: inline-block;

    margin-top: 15px;

    width: 100%

}



.result-filter-area .result-filter-list .filter-search-result input {

    height: 40px;

    border-radius: 5px;

    background-color: #ffffff;

    border: solid 2px #dddddd;

    width: 100%;

    color: #999;

    padding: 0 10px

}



.result-filter-area .result-filter-list .filter-check {

    width: 100%;

    display: inline-block;

    margin-top: 15px;

    color: #666;

    cursor: pointer;

    font-size: 14px;

    font-size: .875rem;

    margin-top: 15px;

    position: relative;

    padding-left: 28px

}



.result-filter-area .result-filter-list .filter-check .filter-name {

    display: inline-block;

    max-width: 290px;

    width: 100%;

    vertical-align: middle;

    padding-right: 10px

}



.result-filter-area .result-filter-list .filter-check .icheckbox_minimal {

    display: inline-block;

    vertical-align: middle;

    pointer-events: none;

    position: absolute !important;

    left: 0;

    top: 1px

}



.result-filter-area .result-filter-list .filter-check .icheckbox_minimal.checked+span.filter-name {

    color: #3394de

}



.result-filter-area .result-filter-list .filter-check .icheckbox_minimal.checked+span.filter-name span.count {

    color: #3394de !important

}



.result-filter-area .result-filter-list .filter-check:hover {

    color: #0065B8

}



.result-filter-area .result-filter-list .filter-check span.count {

    color: #999

}



.result-filter-area .result-filter-list .filter-scroll {

    margin-top: 15px;

    padding: 2px 0;

    overflow: hidden

}



.result-filter-area .result-filter-list .filter-scroll .overview {

    width: 100%

}



.result-filter-area .result-filter-list .filter-scroll .scroll-bar {

    width: 4px;

    background: #ddd;

    border-radius: 5px;

    z-index: 1

}



.result-filter-area .result-filter-list .filter-scroll .scroll-bar .thumb {

    background: #999;

    min-height: 60px;

    border-radius: 5px

}



.result-filter-area .result-filter-list .filter-scroll .filter-check-item {

    margin-bottom: 15px

}



.result-filter-area .result-filter-list .filter-scroll .filter-check-item .filter-check {

    margin-top: 0 !important

}



.result-filter-area .result-filter-list .filter-scroll .filter-check-item label {

    display: block !important

}



.result-filter-area .result-filter-list .more-option {

    display: inline-block;

    margin-top: 15px;

    color: #3394de;

    font-size: 12px;

    font-size: .75rem;

    cursor: pointer

}



.result-filter-area .result-filter-list .more-option .icon {

    font-size: 7px;

    margin-left: 5px;

    transition: all 150ms ease-in-out

}



.result-filter-area.filter-element-content .result-filter-list .filter-check {

    position: relative;

    padding-left: 30px

}



.result-filter-area.filter-element-content .result-filter-list .filter-check input {

    display: none

}



.result-filter-area.filter-element-content .result-filter-list .filter-check .icheckbox_minimal {

    position: absolute !important;

    top: 50%;

    left: 0;

    margin-top: -9px

}



.result-filter-area.filter-element-content .result-filter-list .filter-check .filter-name {

    max-width: initial

}



.result-filter-area.filter-element-content .result-filter-list .title {

    position: relative;

    display: block

}



.result-filter-area.filter-element-content .result-filter-list .title span.description {

    font-size: 11px;

    position: absolute;

    top: 50%;

    right: 0;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.category-content-area {

    width: 100%;

    margin-top: 20px

}



.category-content-area h2 {

    display: block;

    font-size: 18px;

    font-size: 1.125rem;

    color: #28374f

}



.category-content-area p {

    display: block;

    margin-top: 15px;

    color: #666;

    font-size: 12px;

    font-size: .75rem;

    line-height: 18px

}



.filter-check.active {

    color: #3394de !important

}



.filter-check.active span {

    color: #3394de !important

}



::-webkit-input-placeholder {

    color: #ccc !important

}



::-moz-placeholder {

    color: #ccc !important

}



:-ms-input-placeholder {

    color: #ccc !important

}



:-moz-placeholder {

    color: #ccc !important

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    width: 0 !important;

    height: 0 !important

}



input::-ms-clear {

    display: none;

    width: 0;

    height: 0

}



.icon {

    display: block;

    display: inline-block

}



.icheckbox_minimal {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    margin: 0;

    padding: 0;

    width: 18px;

    height: 18px;

    background: url(/img/minimal.png) no-repeat;

    border: none;

    cursor: pointer

}



.icheckbox_minimal {

    background-position: 0 0

}



.icheckbox_minimal.checked {

    background-position: -40px 0

}



@media (-webkit-min-device-pixel-ratio: 1.25),

(min-resolution: 120dpi),

(min-resolution: 1.25dppx) {



    .icheckbox_minimal {

        background-image: url(minimal@2x.png);

        background-size: 200px 20px

    }

}







.icheckbox_minimal {

    vertical-align: top

}









[class*=" icon-"] {

    font-family: 'icomoon' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-info-o:before {

    content: "\e9a5";

    color: #ddd

}



.icon-sort-down-arrow:before {

    content: "\e97d"

}



.icon-sort-up-arrow:before {

    content: "\e97e"

}



.icon-combined-shape:before {

    content: "\e97b"

}



.icon-star:before {

    content: "\e97a"

}



.icon-arrow-down:before {

    content: "\e902"

}



.icon-date:before {

    content: "\e90b"

}



body *::-webkit-scrollbar {

    width: 6px

}



body *::-webkit-scrollbar-track {

    border-radius: 3px;

    background: #f9f9f9

}



body *::-webkit-scrollbar-thumb {

    background: #dddddd;

    border-radius: 10px

}



body *::-webkit-scrollbar-thumb:hover {

    background: #cdcdcd

}



/*! lightgallery - v1.10.0 - 2020-11-07

* http://sachinchoolur.github.io/lightGallery/

* Copyright (c) 2020 Sachin N; Licensed GPLv3 */

@font-face {

    font-family: 'lg';

    src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg");

    font-weight: normal;

    font-style: normal;

    font-display: block

}



.general-travel-planner .travel-planner-in .planner-elements .tab-container .tab-area .travel-planner-inner .selected-direction [type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px

}



.general-travel-planner .travel-planner-in .planner-elements .tab-container .tab-area .travel-planner-inner .selected-direction [type="radio"]:not(:checked)+label {

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #fff

}



.general-travel-planner .travel-planner-in .planner-elements .tab-container .tab-area .travel-planner-inner .selected-direction [type="radio"]:not(:checked)+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff

}



.general-travel-planner .travel-planner-in .planner-elements .tab-container .tab-area .travel-planner-inner .selected-direction [type="radio"]:not(:checked)+label:after {

    content: '';

    width: 14px;

    height: 14px;

    background: #3394de;

    position: absolute;

    top: 3px;

    left: 3px;

    border-radius: 100%;

    transition: all 0.2s ease

}



.general-travel-planner .travel-planner-in .planner-elements .tab-container .tab-area .travel-planner-inner .selected-direction [type="radio"]:not(:checked)+label:after {

    opacity: 0;

    -ms-transform: scale(0);

    transform: scale(0)

}



.checkout-container .under-page-checkout .hotel-deatil-box .content article .installment-options-content .installment-options-list-content .installment-options .getMasterpassInstallmentTable .1 span,

.checkout-container .under-page-checkout .hotel-deatil-box .content article .masterpassListTable .installment-options-list-content .installment-options .getMasterpassInstallmentTable .1 span {

    display: none

}