/*** uncss> filename: test.css ***/
@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
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-3,
.col-xs-4,
.col-xs-8,
.col-xs-9,
.col-xs-12,
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-3,
.col-xs-4,
.col-xs-8,
.col-xs-9,
.col-xs-12 {
    float: left
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 31%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-12 {
    width: 100%
}

@media (min-width: 992px) {
    .col-md-12 {
        float: left
    }

    .col-md-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")
}

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

.btn:focus,
.btn:active:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus {
    color: #333;
    text-decoration: none
}

.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover,
.btn-default:active:focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active {
    background-image: none
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

/*!
 * 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")
    }
}




.container * {
    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 
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}



h1 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 600
}

h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300
}

h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600
}




.container {
  width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.right-align {
    text-align: right
}

.margin-reset {
    margin: 0 !important
}

.loader-area {
    display: none
}

.under-page {
    width: 100%
}

.under-page .detail-content {
    width: 100%;
    display: block;
    min-height: 75px
}

.under-page .detail-content.bg-white {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background: white;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    z-index: 71
}

.under-page .detail-content h1.title {
    clear: both;
    font-size: 30px;
    font-size: 1.875rem;
    color: #28374f;
    font-weight: bold;
    display: inline;
    line-height: 1.33;
    background: none;
}

.under-page .detail-content .title-bottom-info {
    width: 100%;
    font-size: 0;
    margin-top: 10px
}

.under-page .detail-content .title-bottom-info li {
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    vertical-align: middle
}

.under-page .detail-content .short-content {
    width: 100%;
    margin-top: 15px
}

.under-page .detail-content .short-content p {
    width: 100%;
    color: #666;
    line-height: 17px
}

.under-page .detail-content .short-content p b {
    font-weight: 700
}

.under-page .detail-content .short-content p.services-info {
    margin-top: 15px;
    font-size: 14px;
    color: #28374f
}

.under-page .detail-content .short-content p.services-info a {
    color: #3995DB
}

.under-page .detail-content .short-content p.services-info a .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 10px
}

.under-page aside {
    width: 100%;
    display: block
}

.under-page aside.top-content {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background: white;
    padding: 15px;
    border-radius: 8px;
    z-index: 71
}

.under-page aside .tour-send-btn {
    margin-top: 20px
}

.under-page aside .tour-send-btn i {
    font-size: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px
}

.under-page aside .tour-download-btn {
    margin-top: 10px
}

.under-page aside .tour-download-btn i {
    font-size: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px
}

.under-page aside .important-info-btn {
    margin-top: 10px;
    color: #ef6c00;
    border-color: #ef6c00
}

.under-page aside .important-info-btn i {
    font-size: 12px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px;
    color: #ef6c00;
    width: 25px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    border: 1px solid #ef6c00;
    transition: all 150ms ease-in-out
}

.under-page aside .important-info-btn:hover {
    background: #ef6c00;
    color: white
}

.under-page aside .important-info-btn:hover i {
    color: white;
    border-color: white
}

.under-page .sidebar-detail-box {
    width: 100%;
    position: relative;
    margin-top: 15px
}

.under-page .sidebar-detail-box .product-info-list {
    width: 100%
}

.under-page .sidebar-detail-box .product-info-list .list {
    width: 100%;
    position: relative;
   
    transition: all 150ms ease-in-out
}

.under-page .sidebar-detail-box .product-info-list .list:first-child {
    margin-top: 0
}

.under-page .sidebar-detail-box .product-info-list .icon-style {
    font-size: 18px;
    color: #28374f;
    text-align: left;
    display: inline-block;
    width: 40px;
    vertical-align: middle
}

.under-page .sidebar-detail-box .product-info-list .icon-style:before {
    vertical-align: middle
}

.under-page .sidebar-detail-box .product-info-list .icon-style.icon-moon {
    font-size: 25px
}

.under-page .sidebar-detail-box .product-info-list .icon-style.icon-planet {
    font-size: 25px
}

.under-page .sidebar-detail-box .product-info-list .icon-style.icon-date {
    font-size: 25px;
    padding-left: 2px
}

.under-page .sidebar-detail-box .product-info-list .icon-style.icon-map {
    font-size: 26px;
    padding-left: 1px
}

.under-page .sidebar-detail-box .product-info-list .info {
    width: 82%;
    font-size: 12px;
    font-size: .75rem;
    color: #28374f;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle
}

.under-page .sidebar-detail-box .product-info-list .info span {
    display: block
}

.under-page .sidebar-detail-box .product-info-list .info span b {
    font-weight: 700
}

.under-page .sidebar-detail-box .product-info-list .info.single {
    margin-top: 5px
}

.under-page .sidebar-detail-box .bottom-button {
    width: 100%;
    text-align: left;
    font-size: 0;
    margin-top: 20px
}

.under-page .sidebar-detail-box .bottom-button .button {
    display: inline-block;
    width: auto;
    padding: 0 14px;
    height: 40px;
    line-height: 40px
}

.under-page .sidebar-detail-box .bottom-button .button .icon {
    font-size: 16px;
    margin-right: 6px
}

.under-page .sidebar-detail-box .bottom-button .button .icon:before {
    vertical-align: middle
}

.under-page .sidebar-detail-box .bottom-button .button span.text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: left
}

.under-page .sidebar-detail-box .bottom-button .button span.text span {
    display: block;
    line-height: 12px
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status {
    display: block;
    font-size: 8px;
    font-size: .5rem;
    padding-left: 8px;
    position: relative;
    transition: all 150ms ease-in-out;
    display: none
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status.active {
    display: block
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: grey;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 0;
    transition: all 150ms ease-in-out
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status.online {
    color: #2fa252
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status.online:after {
    background: #2fa252
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status.offline {
    color: #DF3C44
}

.under-page .sidebar-detail-box .bottom-button .button span.text span.status.offline:after {
    background: #DF3C44
}

.under-page .sidebar-detail-box .bottom-button .button:last-child {
    float: right
}

.under-page .sidebar-detail-box .bottom-button .button:hover span.text span.status.online {
    color: white
}

.under-page .sidebar-detail-box .bottom-button .button:hover span.text span.status.online:after {
    background: white
}

.under-page .sidebar-detail-box .bottom-button .button:hover span.text span.status.offline {
    color: white
}

.under-page .sidebar-detail-box .bottom-button .button:hover span.text span.status.offline:after {
    background: white
}

.under-page .summary-bar {
    width: 100%;
    height: 60px;
    background: white;
    margin-top: 20px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    text-align: left;
    font-size: 0;
    position: relative
}

.under-page .summary-bar .in .list {
    font-size: 12px;
    font-size: .75rem;
    display: inline-block;
    padding: 0 12px;
    padding-right: 32px;
    position: relative;
    height: 60px;
    line-height: 60px;
    border-left: 1px solid #EFEFEF;
    transition: all 150ms ease-in-out;
    position: relative;
    cursor: pointer
}

.under-page .summary-bar .in .list .info {
    padding-left: 30px;
    line-height: normal;
    vertical-align: middle;
    display: inline-block
}

.under-page .summary-bar .in .list .info span {
    display: block
}

.under-page .summary-bar .in .list .info span.title {
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    color: #3394de
}

.under-page .summary-bar .in .list .info span.answer {
    font-size: 12px;
    font-size: .75rem;
    color: #999;
    transition: all 150ms ease-in-out;
    margin-top: 4px
}

.under-page .summary-bar .in .list:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: all 200ms ease-in-out;
    background: #3394de
}

.under-page .summary-bar .in .list .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 18px;
    color: #666;
    margin-top: -9px;
    transition: all 150ms ease-in-out
}

.under-page .summary-bar .in .list .icon.arrow {
    left: auto;
    right: 9px;
    top: 50%;
    font-size: 7px;
    margin-top: -4px;
    color: #ddd
}

.under-page .summary-bar .in .list:hover {
    background: rgba(50, 148, 222, 0.05)
}

.under-page .summary-bar .in .list:hover span.answer {
    color: #333
}

.under-page .summary-bar .in .list:hover .icon {
    color: #3394de
}

.under-page .summary-bar .in .list:first-child {
    border-left: 0
}

.under-page .summary-bar .in .list .select-date-dropdown {
    width: 100%;
    min-width: 270px;
    position: absolute;
    top: 60px;
    left: 0;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: -1;
    transition: all 150ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    max-height: 180px;
    overflow-y: scroll;
    overflow-x: hidden
}

.under-page .summary-bar .in .list .select-date-dropdown:after {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 200;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: white;
    border-width: 14px;
    margin-left: -14px;
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.03))
}

.under-page .summary-bar .in .list .select-date-dropdown li {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #666;
    position: relative;
    cursor: pointer;
    transition: all 150ms ease-in-out
}

.under-page .summary-bar .in .list .select-date-dropdown li:hover {
    background: #3394de;
    color: white
}

.under-page .summary-bar .in .list .select-date-dropdown li input {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0
}

.under-page .summary-bar .in button.button {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-right: 15px;
    cursor: pointer;
    display: none
}

.under-page .summary-bar .in button.button.active {
    display: block
}

.under-page .summary-bar.v2 {
    height: auto;
    padding: 8px 10px;
    border-radius: 6px;
    border: solid 1px #eaeaea
}

.under-page .summary-bar.v2 .in button.button {
    vertical-align: middle;
    height: 46px;
    line-height: 46px;
    margin: 0;
    float: none;
    min-width: 120px
}

.under-page .summary-bar.v2 .in button.button.active {
    display: inline-block
}

.under-page .summary-bar.v2 .in .list {
    height: 100%;
    line-height: 50px;
    border-radius: 6px;
    background-color: #f5f8fb;
    border: none;
    margin-right: 10px;
    vertical-align: middle;
    min-width: 190px;
    border: solid 1px #eaeaea
}

.under-page .summary-bar.v2 .in .list.person-count {
    min-width: 230px
}

.under-page .summary-bar.v2 .in .list .info span.answer {
    color: #333333;
    font-weight: 600
}

.under-page .summary-bar.v2 .in .list .info span.title {
    font-size: 12px;
    font-weight: normal
}

.under-page .summary-bar-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.4);
    display: none
}

.under-page .hotel-deatil-box {
    width: 100%;
    background: white;
    margin-top: 20px
}

.under-page .hotel-deatil-box header {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #EFEFEF
}

.under-page .hotel-deatil-box header .title {
    font-size: 24px;
    font-size: 1.5rem;
    color: #28374f;
    font-weight: 400;
    display: block
}

.under-page .hotel-deatil-box header .title.title-set {
    font-size: 18px;
    font-size: 1.125rem
}

.under-page .hotel-deatil-box.info {
    border: 1px solid #ef6c00
}

.under-page .hotel-deatil-box.info header .title {
    color: #ef6c00
}

.under-page .hotel-deatil-box .content {
    padding: 15px
}

.under-page .hotel-deatil-box .content article>p,
.under-page .hotel-deatil-box .content article>span {
    width: 100%;
    color: #666;
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    margin: 15px 0
}

.under-page .hotel-deatil-box .content article>p:first-child,
.under-page .hotel-deatil-box .content article>span:first-child {
    margin-top: 0
}

.under-page .hotel-deatil-box .content article .box-title {
    color: #28374f;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.under-page .hotel-deatil-box .content article ul:not(.selectboxit-options) {
    width: 100%;
    color: #666;
    font-size: 12px;
    font-size: .75rem;
    margin: 15px 0;
    line-height: 1.4
}

.under-page .hotel-deatil-box .content article ul:not(.selectboxit-options) li {
    line-height: 20px;
    list-style-type: disc;
    list-style-position: inside
}

.under-page .hotel-deatil-box .content article ul:not(.selectboxit-options).box-price-detail {
    margin-bottom: 20px !important
}

.under-page .hotel-deatil-box .content article .transport-detail .transport-detail-title {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #0065B8;
    display: inline-block;
    width: 100%
}

.under-page .hotel-deatil-box .content article .transport-detail .transport-detail-title i {
    margin-right: 8px
}

.under-page .hotel-deatil-box .content article .transport-detail .transport-detail-text {
    font-size: 14px;
    color: #666666;
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    margin-top: 6px
}

.under-page .hotel-deatil-box .content article .transport-detail .transport-date {
    font-size: 14px;
    color: #666666;
    margin-top: 6px;
    display: inline-block;
    width: 100%
}

.under-page .hotel-deatil-box .content article .transport-detail .seperator {
    max-width: 320px;
    width: 100%;
    height: 1px;
    background-color: #efefef;
    display: table;
    margin: 15px auto
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .seperator {
    margin: 12px 0
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .transport-detail-text {
    padding-left: 0;
    font-size: 12px;
    margin-top: 10px
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .transport-detail-text img {
    vertical-align: text-bottom;
    max-width: 18px;
    width: 100%;
    margin-right: 5px
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .transport-detail-text strong {
    font-size: 14px;
    font-weight: 600;
    color: #28374f
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .transport-date {
    padding-left: 29px;
    font-size: 12px;
    color: #333333
}

.under-page .hotel-deatil-box .content article .transport-detail.v2 .transport-date strong {
    font-weight: 600
}

.under-page .hotel-detail-sidebar {
    width: 100%;
    margin-top: 20px
}

.under-page .season-prices-area {
    width: 100%;
    margin-top: 20px
}

.under-page .season-prices-area .room-type-price-list {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 250ms ease-in-out
}

.under-page .season-prices-area .room-type-price-list .in {
    margin-top: 15px;
    width: 100%;
    background: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05)
}

.under-page .season-prices-area .room-type-price-list .in.tour-in {
    border: 1px solid transparent;
    transition: all 150ms ease-in-out
}

.under-page .season-prices-area .room-type-price-list .in.tour-in:hover {
    border: 1px solid #3394de
}

.under-page .season-prices-area .room-type-price-list .in.tour-in:hover .head-info-list .icon {
    color: #3394de !important
}

.under-page .season-prices-area .room-type-price-list .in.tour-in:hover .head-info-list .icon:before {
    color: #3394de !important
}

.under-page .season-prices-area .room-type-price-list .in.tour-in .head-info-list {
    border-bottom: 0
}

.under-page .season-prices-area .room-type-price-list .in.tour-in .room-type-info-list {
    border-top: 1px solid #EFEFEF
}

.under-page .season-prices-area .room-type-price-list.active {
    opacity: 1;
    max-height: 9999999px;
    overflow: visible
}

.under-page .season-prices-area .room-type-price-list .head-info-list {
    width: 100%;
    padding: 15px;
    position: relative
}

.under-page .season-prices-area .room-type-price-list .head-info-list.tour {
    cursor: pointer
}

.under-page .season-prices-area .room-type-price-list .head-info-list span {
    padding: 0 10px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    position: relative
}

.under-page .season-prices-area .room-type-price-list .head-info-list span:after {
    content: '/';
    position: absolute;
    left: -3px;
    color: #666;
    font-weight: 400
}

.under-page .season-prices-area .room-type-price-list .head-info-list span:first-child {
    padding-left: 0
}

.under-page .season-prices-area .room-type-price-list .head-info-list span:first-child:after {
    content: ''
}

.under-page .season-prices-area .room-type-price-list .head-info-list span.tour-info {
    color: #0065B8
}

.under-page .season-prices-area .room-type-price-list .head-info-list span.tour-info em {
    color: #666;
    font-weight: 400
}

.under-page .season-prices-area .room-type-price-list .head-info-list .price-collapse {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    font-size: 14px;
    cursor: pointer
}

.under-page .season-prices-area .room-type-price-list .head-info-list .price-collapse:before {
    color: #979797
}

.under-page .season-prices-area .room-type-price-list .room-type-info-list {
    width: 100%;
    padding-bottom: 15px;
    display: inline-block
}

.under-page .season-prices-area .room-type-price-list .room-type-info-list .list {
    padding: 0 15px;
    margin-top: 15px
}

.under-page .season-prices-area .room-type-price-list .room-type-info-list .list:first-child {
    margin-top: 0
}

.under-page .campaing-info-area {
    width: 100%;
    margin-top: 20px
}

.under-page .tour-page-hotel-info-area {
    width: 100%;
    margin-top: 20px
}

.under-page .tour-page-hotel-info-area h3.hotel-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.33;
    color: #28374f;
    margin-top: 15px
}

.under-page .tour-page-hotel-info-area .tour-hotel-box {
    width: 100%;
    background: white;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 150ms ease-in-out;
    cursor: pointer;
    margin-top: 15px
}

.under-page .tour-page-hotel-info-area .tour-hotel-box figure {
    width: 100%;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat
}

.under-page .tour-page-hotel-info-area .tour-hotel-box .content {
    width: 100%;
    text-align: center
}

.under-page .tour-page-hotel-info-area .tour-hotel-box .content span.title {
    display: block;
    color: #0065B8;
    font-size: 14px;
    margin-top: 10px
}

.under-page .tour-page-hotel-info-area .tour-hotel-box.v2 .content {
    text-align: left;
    padding: 15px
}

.under-page .tour-page-hotel-info-area .tour-hotel-box.v2 .content .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    color: #28374f;
    margin: 0
}

.under-page .tour-page-hotel-info-area .tour-hotel-box.v2 .content .item-text {
    font-size: 12px;
    line-height: 1.33;
    color: #999999;
    margin-top: 10px;
    width: 100%;
    display: block
}

.campaign-info-description {
    display: inline-block;
    font-size: 0;
    width: 100%;
    position: relative;
    background-color: white;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    min-height: 180px
}

.campaign-info-description figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 270px;
    height: 180px;
    overflow: hidden
}

.campaign-info-description figure img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.campaign-info-description .in {
    width: 100%;
    display: inline-block;
    padding: 20px;
    padding-left: 300px
}

.campaign-info-description .in .title {
    color: #28374f;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 10px
}

.campaign-info-description .in .description {
    color: #333333;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px
}

.room-card-loader .loader-area {
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -45px;
    display: none
}

.room-card-loader .loader-area figure {
    text-align: center
}

.room-card-loader .loader-area figure figcaption {
    text-align: center
}

.room-card-loader .loader-area figure figcaption span {
    display: block
}

.room-card-loader .loader-area figure figcaption span.title {
    margin-top: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700
}

.room-card-loader .loader-area figure figcaption span.text {
    margin-top: 5px;
    color: #999
}

#tourProgramSendModal .modal-dialog {
    max-width: 470px;
    width: 100%
}

#tourProgramSendModal .form-label {
    margin-top: 15px
}

.number-tag-list {
    width: 742px;
    font-size: 0;
    text-align: left;
    margin-bottom: 15px;
    border-radius: 3px;
    background: #f9f9f9;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #efefef;
    position: relative;
    z-index: 1
}

.tour-programing-step {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.tour-programing-step .get-page-info {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    color: #0065B8;
    font-weight: 600
}

.tour-programing-step .title {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    color: #28374f;
    font-weight: 600
}

.tour-programing-step .title .icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 8px;
    color: #0065B8
}

.tour-programing-step .info-list {
    display: table;
    width: 100%;
    margin-bottom: 0
}

.tour-programing-step .info-list .info {
    height: 27px;
    line-height: 27px;
    border-radius: 100px;
    color: #0065B8;
    background: rgba(0, 101, 184, 0.05);
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 15px
}

.tour-programing-step:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.people-selection-criteria {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.people-selection-criteria .in {
    border-radius: 4px;
    border: solid 1px #ffdbaa;
    background-color: #fffaeb;
    padding: 20px;
    text-align: center
}

.people-selection-criteria .in .icon {
    display: block;
    font-size: 24px
}

.people-selection-criteria .in .icon:before {
    color: #ffab19
}

.people-selection-criteria .in .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 0.89;
    color: #fd9200;
    margin-top: 10px;
    display: block
}

.people-selection-criteria .in .text {
    font-size: 14px;
    line-height: 1.14;
    color: #28374f;
    margin-top: 12px
}

.people-selection-criteria .in .col {
    display: block;
    margin-top: 20px
}

.people-selection-criteria .in .col .button {
    margin: 0 20px;
    min-width: 237px
}

.people-selection-criteria .text {
    font-size: 14px;
    line-height: 1.29;
    text-align: center;
    color: #666666;
    margin-top: 20px;
    display: block
}

.people-selection-criteria .text a {
    color: #3394de
}

.warning-area {
    width: 100%;
    height: auto;
    display: none;
    padding: 40px 0;
    text-align: center;
    box-sizing: border-box
}

.warning-area .icon-warning,
.warning-area .icon-tick-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 100%;
    color: white;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 60px
}

.warning-area .icon-warning {
    background-color: #DF3C44
}

.warning-area .icon-tick-icon {
    background: #0FBA54
}

.warning-area .description {
    display: block;
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px
}

.warning-area .message {
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 30px;
    font-size: 1.875rem
}

.warning-area button {
    margin-top: 10px;
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #ccc !important
}

::-moz-placeholder {
    color: #ccc !important
}

:-ms-input-placeholder {
    color: #ccc !important
}

:-moz-placeholder {
    color: #ccc !important
}

.mt-0 {
    margin-top: 0px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mr-6 {
    margin-right: 6px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

label.form-label {
    width: 100%;
    display: inline-block
}

label.form-label:hover .label-title {
    color: #666
}

label.form-label .primary-input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    color: #999;
    font-size: 14px;
    font-size: .875rem;
    border: 2px solid #ddd;
    background: white;
    border-radius: 6px;
    transition: all 150ms ease-in-out;
    box-sizing: border-box
}

label.form-label .primary-input::-moz-placeholder {
    color: #999;
    opacity: 1
}

label.form-label .primary-input:-ms-input-placeholder {
    color: #999
}

label.form-label .primary-input::-webkit-input-placeholder {
    color: #999
}

label.form-label .primary-input:hover {
    border: 2px solid #999;
    color: #666
}

label.form-label .primary-input:focus {
    border: 2px solid #3394de;
    color: #3394de
}

label.form-label span.label-title {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px
}

.button {
    width: 100%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #0065B8;
    background: transparent;
    background: white;
    color: #0065B8;
    font-size: 14px;
    font-size: .875rem;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 150ms ease-in-out;
    cursor: pointer
}

.button:hover {
    color: white;
    background: #0065B8
}

.button.inline {
    width: auto;
    padding: 0 20px
}

.button.full {
    color: white;
    background: #0065B8
}

.button.full:hover {
    background: #1975bf
}

.button.primary {
    border: 1px solid #2fa252;
    color: #2fa252
}

.button.primary:hover {
    background: #2fa252;
    color: white
}

.button.primary.full {
    background: #2fa252;
    color: white
}

.button.primary.full:hover {
    background: #50a369;
    border: 1px solid #50a369
}

.button.secondary {
    border: 1px solid #ef6c00;
    color: #ef6c00
}

.button.secondary:hover {
    background: #ef6c00;
    color: white
}

.button.small {
    height: 40px;
    line-height: 40px
}

button.button {
    line-height: normal
}

.icon {
    display: block;
    display: inline-block
}

.active .tab-tour-program path:nth-child(1) {
    fill: #0065B8
}

.active .tab-tour-program path:nth-child(n+2) {
    fill: #DF3C44
}

.icon.places-to-visit {
    background: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/icons/places-to-visit.png) no-repeat center;
    background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/icons/places-to-visit.svg), none;
    background-size: 100% 100%;
    width: 19px;
    height: 20px
}

.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(minimal.png) no-repeat;
    border: none;
    cursor: pointer
}

.iradio_minimal {
    background-position: -100px 0
}

.iradio_minimal.checked {
    background-position: -140px 0
}

@media (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
    .iradio_minimal {
        background-image: url(minimal@2x.png);
        background-size: 200px 20px
    }
}

.iradio_minimal {
    background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/minimal.png)
}

@media not all,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .iradio_minimal {
        background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/minimal.png)
    }
}

.product-info-box .iradio_minimal {
    background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/product-minimal-new.png);
    width: 28px;
    height: 28px;
    background-position: -150px 0
}

.product-info-box .iradio_minimal.checked {
    background-position: -210px 0
}

@media not all,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .product-info-box .iradio_minimal {
        background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/product-minimal-new2x.png);
        background-size: auto 30px
    }
}

.product-info-box.v2 .iradio_minimal {
    background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/select-room.png);
    width: 30px;
    height: 30px;
    background-position: -31px 0
}

.product-info-box.v2 .iradio_minimal.checked {
    background-position: 0 0
}

@media not all,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .product-info-box.v2 .iradio_minimal {
        background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/select-room-2x.png);
        background-size: auto 30px
    }
}

@media not all,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .product-info-box .iradio_minimal {
        background-image: url(https://concorecdn.jollytur.com/concore/media/site/assets/img/theme/product-minimal2x.png);
        background-size: auto 30px
    }
}

label.form-label {
    width: 100%
}

/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI Accordion 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
/*!
 * jQuery UI Autocomplete 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
/*!
 * jQuery UI Button 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*!
 * jQuery UI Checkboxradio 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
/*!
 * jQuery UI Controlgroup 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
/*!
 * jQuery UI Datepicker 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*!
 * jQuery UI Dialog 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*!
 * jQuery UI Draggable 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*!
 * jQuery UI Menu 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
/*!
 * jQuery UI Progressbar 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
/*!
 * jQuery UI Resizable 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*!
 * jQuery UI Selectable 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*!
 * jQuery UI Selectmenu 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
/*!
 * jQuery UI Sortable 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*!
 * jQuery UI Slider 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
/*!
 * jQuery UI Spinner 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
/*!
 * jQuery UI Tabs 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
/*!
 * jQuery UI Tooltip 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

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

.modal-body {
    position: relative;
    padding: 15px
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
}

.standart-modal .modal-dialog {
    width: 770px;
    max-width: 100%
}

.standart-modal .modal-dialog .modal-content {
    border-radius: 8px;
    background: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05)
}

.standart-modal .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid #EFEFEF;
    position: relative;
    padding: 15px 20px
}

.standart-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-size: 1.5rem;
    color: #28374f;
    padding-right: 25px;
    font-weight: bold
}

.standart-modal .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    margin: 0;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    font-size: 24px;
    transition: all 150ms ease-in-out
}

.standart-modal .modal-dialog .modal-content .modal-body {
    padding: 10px 20px;
    padding-bottom: 20px
}

.standart-modal .modal-dialog .modal-content .modal-body img {
    max-width: 100%
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown.social-share .btn-default {
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 12px;
    font-size: .75rem;
    color: #3394de;
    font-weight: normal
}

.dropdown.social-share .btn-default:active {
    box-shadow: 0 0 0 transparent !important
}

.dropdown.social-share .btn-default:focus {
    outline: 0 !important
}

.dropdown.social-share .btn-default:hover {
    color: #3394de
}

.dropdown.social-share .btn-default .icon {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px
}

.dropdown.social-share .dropdown-menu {
    padding: 0;
    border: 0;
    margin-top: 15px;
    border-radius: 0;
    background: white;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1)
}

.dropdown.social-share .dropdown-menu>li {
    display: block
}

.dropdown.social-share .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent
}

.dropdown.social-share .dropdown-menu li {
    border-top: 1px solid #EFEFEF
}

.dropdown.social-share .dropdown-menu li:first-child {
    border-top: 0
}

.dropdown.social-share .dropdown-menu li a {
    padding: 10px;
    font-size: 12px;
    font-size: .75rem;
    color: #666
}

.dropdown.social-share .dropdown-menu li a .icon-facebook {
    width: 22px;
    height: 22px;
    background: #3A559F;
    line-height: 22px;
    text-align: center;
    color: white;
    margin-right: 10px;
    transition: all 150ms ease-in-out
}

.alert {
    padding: 15px;
    margin-bottom: 17px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning {
    border: 1px solid #ef6c00;
    background: rgba(255, 170, 24, 0.05);
    position: relative;
    margin: 0
}

.alert-warning .icon-warning {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: #ef6c00;
    color: white;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    border-radius: 100%
}

.alert-warning .info {
    width: 100%;
    padding-left: 25px
}

.alert-warning .info span.text {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    color: #ef6c00
}

.close-label {
    width: 100%;
    margin-top: 20px
}


.icon-local_dining:before {
    content: "\e9e8"
}

.icon-info:before {
    content: "\e9d5";
    color: #999
}
.icon-right-arrow:before {
    content: "\e924"
}
.icon-left-arrow:before {
    content: "\e914"
}
.icon-info-o:before {
    content: "\e9a5";
    color: #ddd
}

.icon-flight-line:before {
    content: "\e996"
}

.icon-cutlery:before {
    content: "\e994"
}

.icon-download:before {
    content: "\e98e"
}

.icon-mail:before {
    content: "\e992"
}

.icon-planet:before {
    content: "\e93f"
}

.icon-arrow-down:before {
    content: "\e902"
}

.icon-close:before {
    content: "\e909"
}

.icon-date:before {
    content: "\e90b"
}

.icon-facebook:before {
    content: "\e90e"
}

.icon-live-support:before {
    content: "\e915"
}

.icon-map:before {
    content: "\e916"
}

.icon-moon:before {
    content: "\e918"
}

.icon-phone:before {
    content: "\e920"
}

.icon-plus:before {
    content: "\e922"
}

.icon-right-arrow:before {
    content: "\e924"
}

.icon-room-count:before {
    content: "\e926"
}

.icon-share:before {
    content: "\e928"
}

.icon-tick-icon:before {
    content: "\e92b"
}

.icon-warning:before {
    content: "\0021"
}

.icon-menu-hotel:before {
    content: "\e93a"
}


.info-tab-area {
    width: 100%;
    margin-top: 20px;
    background: #f5f5f5;
    padding-bottom: 20px
}

.info-tab-area .info-tab {
    width: 100%
}

.info-tab-area .info-tab .container {
    height: auto !important
}

.info-tab-area .info-tab .tab-header {
    width: 100%;
    background: white;
    display: block;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 69;
    border-bottom: 1px solid #ddd
}

.info-tab-area .info-tab .tab-header .etabs {
    width: 100%;
    display: table;
    text-align: center;
    table-layout: auto
}

.info-tab-area .info-tab .tab-header .etabs li {
    display: table-cell;
    font-size: 14px;
    font-size: .875rem;
    color: #666;
    font-weight: 600;
    text-align: left
}

.info-tab-area .info-tab .tab-header .etabs li .title {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600
}

.info-tab-area .info-tab .tab-header .etabs li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 15px !important;
    color: #666;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    transition: all 150ms ease-in-out
}

.info-tab-area .info-tab .tab-header .etabs li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 0;
    transition: all 250ms ease-in-out;
    background: #3394de;
    box-shadow: 0 0 10px 0 rgba(0, 101, 184, 0.3)
}

.info-tab-area .info-tab .tab-header .etabs li a:hover {
    color: #3394de
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-tour-program path:nth-child(1) {
    fill: #3394de
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-tour-program path:nth-child(n+2) {
    fill: #DF3C44
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-general-info rect {
    fill: #0065B8
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-general-info rect:nth-child(7) {
    fill: #DF3C44
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-general-info path {
    fill: #0065B8
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-campaign-icon path {
    fill: #DF3C44
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-campaign-icon polygon {
    fill: #0065B8
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-tl-badge #Group-3 {
    fill: #0065B8
}

.info-tab-area .info-tab .tab-header .etabs li a:hover .tab-tl-badge #Group-10 {
    fill: #D0011B
}

.info-tab-area .info-tab .tab-header .etabs li a.active {
    color: #3394de
}

.info-tab-area .info-tab .tab-header .etabs li a.active:after {
    height: 4px;
    border-radius: 10px
}

.info-tab-area .info-tab .tab-header .etabs li a .icon {
    vertical-align: middle;
    line-height: normal;
    margin-right: 5px;
    font-size: 0
}

.info-tab-area .content-area {
    width: 100%
}

.product-info-list-area {
    width: 100%
}

.product-info-list-area .product-info-box {
    margin-top: 20px
}

.product-info-box.simple {
    width: 100%;
    background: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
    transition: all 150ms ease-in-out
}

.product-info-box.simple .top {
    width: 100%;
    position: relative
}

.product-info-box.simple .top .product-info {
    width: 100%;
    padding: 0 15px;
    padding-right: 50px;
    position: relative;
    min-height: 105px;
    transition: all 150ms ease-in-out
}

.product-info-box.simple .top .product-info .room-title {
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #28374f
}

.product-info-box.simple .top .product-info .day-info {
    display: block;
    line-height: 1.14;
    color: #333;
    margin-top: 7px;
    font-size: 14px
}

.product-info-box.simple .top .product-info .current-price {
    font-size: 12px;
    padding: 3px 0;
    display: inline-block
}

.product-info-box.simple .top .product-info .info-image {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 120px;
    min-height: 85px;
    height: calc(100% - 20px);
    overflow: hidden;
    background-color: #f1f1f1;
    z-index: 1
}

.product-info-box.simple .top .product-info .info-image+.info-area {
    padding-left: 135px !important
}

.product-info-box.simple .top .product-info .info-area {
    width: 100%;
    padding-left: 0;
    padding-right: 145px;
    position: relative;
    min-height: 125px
}

.product-info-box.simple .top .product-info .info-area .price-info {
    position: absolute;
    right: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 120px;
    text-align: right
}

.product-info-box.simple .top .product-info .info-area .price-info .totalPriceTextInfo {
    color: #3f3f4f;
    font-size: 12px
}

.product-info-box.simple .top .product-info .info-area .price-info .discount-percent {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    color: white;
    background: #DF3C44;
    padding: 5px 10px;
    border-radius: 6px;
    margin-left: 5px;
    margin-top: 6px
}

.product-info-box.simple .top .product-info .info-area .price-info .old-price {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    font-size: .75rem;
    color: #3f3f4f;
    font-weight: normal;
    text-decoration: line-through;
    line-height: 1.33
}

.product-info-box.simple .top .product-info .info-area .price-info .current-price {
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    color: #28374f;
    margin-top: 2px;
    line-height: 1.09
}

.product-info-box.simple .top .product-info .info-area .price-info .current-price b {
    font-weight: 700
}

.product-info-box.simple .top .select-bar {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 1px solid #EFEFEF;
    background: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.product-info-box.simple .top .select-bar:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    background: transparent;
    z-index: 100
}

.product-info-box.simple .top .select-bar div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px
}

.product-info-box.simple.active {
    border: 1px solid #2fa252
}

.product-info-box.simple.active .select-bar {
    background: #2fa252
}

.product-info-box.simple:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05)
}

.product-info-box.simple.tour {
    position: relative
}

.product-info-box.simple.tour .info-area {
    padding-left: 0 !important
}

.product-info-box.simple.tour .top .product-info .info-area {
    min-height: 120px;
    padding-left: 130px;
    padding-right: 135px
}

.product-info-box.simple.tour .top .product-info .info-area .location {
    display: block;
    font-size: 12px;
    margin-top: 10px;
    color: #999999;
    line-height: 1.33
}

.product-info-box.simple.tour .top .product-info .info-area .location .icon {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 14px
}

.product-info-box.simple.tour .top .product-info .info-area .price-info {
    width: 135px
}

.product-info-box.simple.v2 {
    border-radius: 6px;
    border: solid 1px #d9d9d9;
    padding: 1px
}

.product-info-box.simple.v2 .top .product-info {
    min-height: 132px
}

.product-info-box.simple.v2 .top .product-info .info-area .price-info {
    top: 17px;
    -ms-transform: initial;
    transform: initial;
    width: 185px
}

.product-info-box.simple.v2 .top .product-info .info-image {
    top: 15px;
    height: calc(100% - 30px);
    border-radius: 6px
}

.product-info-box.simple.v2 .top .product-info .info-image.image-name {
    font-size: 50px;
    font-weight: bold;
    color: #9696b4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-info-box.simple.v2 .top .product-info .room-title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold
}

.product-info-box.simple.v2 .top .product-info .room-concept {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.29;
    color: #333333;
    display: table;
    margin-top: 8px
}

.product-info-box.simple.v2 .top .product-info .room-concept .icon {
    font-size: 18px;
    vertical-align: middle
}

.product-info-box.simple.v2 .top .product-info .room-concept .icon:before {
    color: #9696b4
}

.product-info-box.simple.v2.active {
    border: solid 1px #1fa354
}

.product-info-box.simple.v2.active .product-info {
    background-color: #f1fff7
}

.product-info-box.simple.v2.active .select-bar {
    background: transparent
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile {
    width: 100%
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tbody,
.hotel-room-detail-table,.hotel-room-detail-table-mobile thead {
    width: 100%
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tbody {
    border-left: 1px solid #ddd
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tr {
    width: 100%;
    text-align: center
}
.hotel-room-detail-table-mobile tr th{
    background: #EFEFEF;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    color: #666;
    padding: 0 10px;    
    border: 1px solid #ddd
}
.hotel-room-detail-table tr th {
    background: #EFEFEF;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    color: #666;
    padding: 0 10px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.hotel-room-detail-table tr th:first-child {
    border-left: 1px solid #ddd;
    text-align: left
}

.hotel-room-detail-table tr th span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle
}

.hotel-room-detail-table tr th.different {
    background: #E1F2FF;
    color: #0065B8
}
.hotel-room-detail-table-mobile tr td.different {
    background: #E1F2FF;
    color: #0065B8
}

.hotel-room-detail-table tr th.empty {
    background: transparent;
    border: 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.hotel-room-detail-table-mobile {
    display:none;
}
.hotel-room-detail-table tr td {
    background: white;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    min-width: 100px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-width: 115px
}

.hotel-room-detail-table-mobile tr td {
    background: white;
 
    padding: 10px;
    min-width: 100px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-width: 115px
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tr td:first-child {
    text-align: left
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tr td .content {
    width: 100%;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0
}

.hotel-room-detail-table tr td .content span.text {
    font-size: 12px;
    font-size: .75rem;
    color: #666;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    display: inline-block
}

.hotel-room-detail-table tr td .content span.old-price {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #666;
    text-decoration: line-through
}

.hotel-room-detail-table tr td .content span.current-price {
    display: block;
    font-size: 14px;
    font-size: .999rem;
    font-weight: bold;
    color: #28374f
}

.hotel-room-detail-table tr td.empty {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: normal;
    vertical-align: top
}

.hotel-room-detail-table,.hotel-room-detail-table-mobile tr td.empty .action-button {
    margin-top: 10px;
    display: inline-block;
    color: #0FBA54;
    cursor: pointer;
    border: solid 1px #0fba54;
    border-radius: 5px;
    padding: 3px 10px;
    white-space: nowrap
}

.reservation-box {
    width: 100%;
    margin-top: 20px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05)
}

.reservation-box header {
    display: block;
    position: relative
}

.reservation-box header span.title {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #0065B8;
    color: white;
    font-size: 14px;
    font-size: .875rem;
    padding: 0 15px
}

.reservation-box .reservation-col:not(.notclass) {
    width: 100%;
    padding: 15px;
    border-top: 1px solid #EFEFEF;
    text-align: left;
    font-size: 0
}

.reservation-box .reservation-col:not(.notclass) p {
    margin-top: 5px
}

.reservation-box .reservation-col:not(.notclass) .bonus-card-campaign {
    width: 100%;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    height: 30px;
    line-height: 30px;
    transition: all 150ms ease-in-out;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    color: #28374f
}

.reservation-box .reservation-col:not(.notclass) .bonus-card-campaign:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09)
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign {
    width: 100%;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 27px;
    border: 1px solid #08bec9;
    height: 30px;
    line-height: 30px;
    color: #08bec9;
    transition: all 150ms ease-in-out;
    cursor: pointer;
    position: relative
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign:hover {
    background: #08bec9;
    color: white
}

.reservation-box .reservation-col:not(.notclass) .telekom-campaign:hover:after {
    border-top-color: transparent
}

.reservation-box .onurair-label .text {
    margin-top: 0 !important;
    line-height: 18px
}

.reservation-box.v2 {
    border-radius: 6px;
    border: solid 1px #d9d9d9;
    box-shadow: none
}

.reservation-box.v2 header .title {
    height: 45px;
    line-height: 45px;
    border-radius: 6px 6px 0 0;
    background-color: #f5f8fb;
    font-size: 18px;
    font-weight: bold;
    color: #28374f;
    border-bottom: 1px solid #d9d9d9
}

.reservation-box.v2 header .date-info-bar {
    padding: 0 15px;
    display: block
}

.reservation-box.v2 header .date-info-bar .in {
    padding: 20px 0;
    border-bottom: 1px dashed #e9ecf2
}

.reservation-box.v2 header .date-info-bar .in .col {
    font-size: 0
}

.reservation-box.v2 header .date-info-bar .in .col .col-in {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 1px)
}

.reservation-box.v2 header .date-info-bar .in .col .col-in.col1 {
    margin-right: 2px
}

.reservation-box.v2 header .date-info-bar .in .text {
    font-size: 14px;
    line-height: 1.29;
    color: #666;
    display: block
}

.reservation-box.v2 header .date-info-bar .in .date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.29;
    color: #28374f;
    margin-top: 3px;
    display: block
}

.reservation-box.v2 .content {
    padding: 0 15px
}

.reservation-box.v2 .content .reservation-col {
    padding: 15px 0;
    border-top: 1px dashed #e9ecf2
}

.reservation-box.v2 .content .reservation-col:first-child {
    border: none
}

.reservation-box.v2 .content .reservation-col .badge {
    border-radius: 6px;
    border: solid 1px #ddd;
    background-color: #ffffff;
    font-size: 12px;
    width: 100%;
    display: block;
    color: #333;
    text-align: left;
    padding: 4px 10px;
    margin-top: 10px;
    height: auto;
    line-height: initial;
    cursor: pointer
}

.reservation-box.v2 .content .reservation-col .badge .title {
    font-size: 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reservation-box.v2 .content .reservation-col .badge i {
    float: right;
    margin-top: 2px;
    font-size: 13px
}

.reservation-box.v2 .content .reservation-col .text {
    font-size: 14px;
    line-height: 1.14;
    color: #333333;
    margin-top: 12px;
    display: block
}

.reservation-box.v2 .content .reservation-col .text.discount-text {
    color: #DF3C44
}

.reservation-box.v2 .content .reservation-col .text2 {
    display: block;
    font-size: 14px;
    color: #333
}

.reservation-box.v2 .content .reservation-col .other-installment {
    font-size: 12px;
    float: right;
    margin-top: 2px;
    display: block;
    line-height: 1.33;
    color: #3394de
}

.reservation-box.v2 .content .reservation-col .discount-percent {
    float: right;
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    color: white;
    background: #DF3C44;
    padding: 5px 10px;
    border-radius: 6px
}

.reservation-box.v2 .content .reservation-col .col {
    display: inline-block;
    width: 100%;
    font-size: 0
}

.reservation-box.v2 .content .reservation-col .col .col1 {
    display: inline-block;
    vertical-align: middle;
    width: 68%
}

.reservation-box.v2 .content .reservation-col .col .col2 {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 32%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    width: 63%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.33;
    width: 37%
}

.reservation-box.v2 .content .reservation-col .col.total-price .col2 small {
    font-size: 12px
}

.reservation-box.v2 .room-type-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.13;
    color: #28374f;
    position: relative;
    padding-right: 30px;
    width: 100%;
    display: block
}

.reservation-box.v2 .room-type-title.small-text {
    font-size: 14px
}

.form-modal-content {
    width: 100%
}

.form-modal-content .warning-area {
    width: 100%;
    text-align: center;
    display: none;
    padding: 40px 0
}

.form-modal-content .warning-area .icon-warning {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 100%;
    background: #DF3C44;
    line-height: 60px;
    color: white;
    font-size: 24px
}

.form-modal-content .warning-area .icon-warning::before {
    color: #fff !important
}

.form-modal-content .warning-area .icon-tick-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 100%;
    background: #2fa252;
    line-height: 60px;
    color: white;
    font-size: 24px
}

.form-modal-content .warning-area .icon-tick-icon::before {
    color: #fff !important
}

.form-modal-content .warning-area .description {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #666;
    line-height: 18px
}

.form-modal-content .warning-area .message {
    display: block;
    margin-top: 0px;
    font-size: 14px;
    font-size: .875rem;
    color: #666
}

.form-modal-content .warning-area button {
    margin-top: 10px;
    cursor: pointer
}

/*! 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)
}

.visa-procedures {
    position: relative;
    min-height: 274px;
    display: inline-block;
    width: 100%;
    z-index: 1
}

.visa-procedures span.text-title {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px
}

.visa-procedures .sub-title {
    line-height: 18px;
    margin-top: 20px
}

.visa-procedures:before {
    content: "";
    background: #3394de;
    opacity: 0.05;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 274px;
    z-index: -1
}

.visa-procedures.before-none:before {
    display: none
}

.visa-procedures .visa-procedures-tabmenu {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu {
    display: table;
    width: 100%
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li {
    display: table-cell;
    width: 25%;
    text-align: center;
    line-height: 68px;
    position: relative
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li a {
    color: #666;
    font-size: 14px;
    font-size: .875rem;
    border-right: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    line-height: 35px;
    position: relative;
    z-index: 1
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li a .text-item {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-weight: bold
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li a .text-item .text {
    width: 100%;
    display: table;
    font-weight: normal
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li.current:before {
    content: "";
    height: 86.3px;
    width: 100%;
    border-radius: 2px;
    background-color: #3394de;
    box-shadow: 0 0 10px 0 rgba(0, 100, 184, 0.3);
    position: absolute;
    top: -9px;
    left: -1px;
    z-index: 1
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li.current:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 148, 222, 0);
    border-top-color: #3394de;
    border-width: 20px;
    margin-left: -20px;
    z-index: 2
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li.current a {
    color: white;
    border: none
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li.current:hover a {
    color: white;
    border: none
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li:last-child a {
    border: none
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu li:hover a {
    color: #3394de
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu.tabs-menu-set li a {
    line-height: inherit;
    border-right: none
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu.tabs-menu-set li a>span {
    line-height: 17px;
    border-right: 1px solid #ddd;
    display: inline-block;
    width: 100%
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu.tabs-menu-set li a>span span.text {
    line-height: normal
}

.visa-procedures .visa-procedures-tabmenu .tabs-menu.tabs-menu-set li:last-child a span {
    border: none
}

.visa-procedures .visa-procedures-tabmenu .tabmenu-content {
    background: white;
    min-height: 125px;
    padding: 20px
}

.visa-procedures .visa-procedures-tabmenu .tabmenu-content.tabmenu-content-set {
    padding-top: 30px
}

.visa-procedures .visa-procedures-tabmenu .tabmenu-content p.description {
    font-size: 12px;
    color: #666666;
    display: inline-block;
    width: 100%;
    line-height: 18px
}

.vertical-tab-menu {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.vertical-tab-menu .sub-title {
    margin-bottom: 15px
}

.vertical-tab-menu .tabmenu-list {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 2px;
    margin-top: 15px
}

.vertical-tab-menu .tabmenu-list ul {
    display: inline-block;
    width: 100%;
    background-color: #F5F9FD;
    border-radius: 2px
}

.vertical-tab-menu .tabmenu-list ul li {
    line-height: 60px;
    height: 60px;
    position: relative
}

.vertical-tab-menu .tabmenu-list ul li a {
    line-height: 60px;
    height: 60px;
    display: inline-block;
    width: 100%;
    color: #666;
    font-size: 14px;
    position: relative;
    padding: 0 10px;
    z-index: 2;
    top: -1px;
    border-radius: 2px
}

.vertical-tab-menu .tabmenu-list ul li a span {
    display: inline-block;
    width: 100%;
    line-height: normal;
    vertical-align: middle;
    padding-left: 10px
}

.vertical-tab-menu .tabmenu-list ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: #dddddd
}

.vertical-tab-menu .tabmenu-list ul li:last-child:after {
    background: transparent
}

.vertical-tab-menu .tabmenu-list ul li.active {
    border-bottom: transparent
}

.vertical-tab-menu .tabmenu-list ul li.active a {
    color: #fff;
    position: relative;
    background-color: #3394de;
    box-shadow: 0 0 10px 0 rgba(0, 101, 184, 0.3);
    position: relative
}

.vertical-tab-menu .tabmenu-list ul li.active a:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 148, 222, 0);
    border-left-color: #3394de;
    border-width: 12px;
    margin-top: -12px
}

.vertical-tab-menu .vertical-tabmenu-content {
    background: #fff;
    display: inline-block;
    padding: 10px;
    padding-left: 0
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item {
    position: relative;
    z-index: 1;
    padding-top: 8px
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item .bold-text {
    color: #666;
    font-weight: bold;
    display: inline-block
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item ul {
    padding-left: 15px;
    margin-top: 10px
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item ul li {
    position: relative;
    font-size: 12px;
    font-size: .75rem;
    color: #666;
    margin-bottom: 5px;
    line-height: 18px
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item ul li:after {
    content: "";
    list-style: square;
    margin-bottom: 5px;
    width: 4px;
    height: 4px;
    display: inline-block;
    background: #666;
    position: absolute;
    left: -12px;
    top: 7px;
    border-radius: 100%
}

.vertical-tab-menu .vertical-tabmenu-content .tab-item ul li strong {
    font-weight: bold;
    color: #666
}

.vertical-tab-menu .vertical-tabmenu-content:after {
    content: '';
    width: calc(100% + 15px);
    height: 100%;
    position: absolute;
    background: #fff;
    right: 15px;
    top: 0;
    z-index: 0
}

.sub-title {
    font-size: 24px;
    text-align: left;
    color: #28374f;
    display: inline-block;
    width: 100%
}

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

.widget-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: none
}

.widget-loading img {
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown.social-share .btn-default {
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 12px;
    font-size: .75rem;
    color: #3394de;
    font-weight: normal
}

.dropdown.social-share .btn-default:active {
    box-shadow: 0 0 0 transparent !important
}

.dropdown.social-share .btn-default:focus {
    outline: 0 !important
}

.dropdown.social-share .btn-default:hover {
    color: #3394de
}

.dropdown.social-share .btn-default .icon {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px
}

.dropdown.social-share .dropdown-menu {
    padding: 0;
    border: 0;
    margin-top: 15px;
    border-radius: 0;
    background: white;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1)
}

.dropdown.social-share .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent
}

.dropdown.social-share .dropdown-menu li {
    border-top: 1px solid #EFEFEF
}

.dropdown.social-share .dropdown-menu li:first-child {
    border-top: 0
}

.dropdown.social-share .dropdown-menu li a {
    padding: 10px;
    font-size: 12px;
    font-size: .75rem;
    color: #666
}

.dropdown.social-share .dropdown-menu li a .icon-facebook {
    width: 22px;
    height: 22px;
    background: #3A559F;
    line-height: 22px;
    text-align: center;
    color: white;
    margin-right: 10px;
    transition: all 150ms ease-in-out
}

.ui-accordion-header-active{

    background:  #0065B8 !important;
}