.autocomplete-suggestion.selected img {
    filter: brightness(0) invert(1);
}

.autocomplete-suggestion img {
    width: 18px;
    height: 20px;
    margin-right: 5px;
}

.loading_new {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff
}

.loading-center img {
    max-width: 250px;
    height: 100px;
    animation: rotation 2s infinite linear;
    background: #9db2a800;
}

.loader_flight_list, .loader_flight_list:before, .loader_flight_list:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader_flight_list {
    color: #115A9C;
    font-size: 6px;
    margin: 5px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader_flight_list:before, .loader_flight_list:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader_flight_list:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader_flight_list:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
.main_price_adult {
    justify-content: flex-end;
}
.modal-dialog.SessionTimePopup {
    top: 50%;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%) !important;
    -webkit-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.modal.fade .modal-dialog.SessionTimePopup {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
}

.visa_mobilebtn {
    position: absolute;
    top: -11px;
    margin: 0 auto;
    max-width: fit-content;
    line-height: normal;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    left: 0;
    color: #fff;
    right: 0;
    background: red;
    animation: blinkvisa 1.5s linear infinite;
}

@keyframes blinkvisa {
    0% {
        background-color: #ff0000;
    }

    50% {
        background-color: #f50303;
    }

    100% {
        background-color: #db0e0ead;
    }
}

.filter_div_all .info_reedmore {
    color: #115A9C;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    width: 77px;
    right: 0;
    top: 0px;
}

.filter_div_all .info_data {
    min-height: auto !important;
    height: auto !important;
}


.filter_div_all .info_reedmore {
    line-height: normal;
    top: 5px;
}

a.info_reedmore.collapsed:after {
    content: 'Show all';
}

a.info_reedmore:not(.collapsed):after {
    content: 'Show less';
}

.filter_div_all .info_data.collapse:not(.in) {
    height: 100px !important;
    min-height: 100px !important;
}

.filter_div_all .info_data.collapse:not(.in) {
    min-height: auto !important;
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    height: auto !important;
    max-height: 380px !important;
}

.filter_div_all .info_reedmore i {
    float: unset;
    position: absolute;
    right: -17px;
    top: 2px;
    transform: rotate(180deg);
}

.tabby_product {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #292929;
    justify-content: flex-end;
    gap: 5px;
    border: 1px solid #3bffa7;
    max-width: fit-content;
    margin-top: 6px;
    padding: 0;
    border-radius: 5px;
    font-weight: 600;
    line-height: normal;
    float: right;
    margin-left: auto;
}

    .tabby_product img {
        height: 18px;
    }

.wait_page_tabby {
    margin: 0 auto;
    margin-top: 10px;
    float: none
}

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

.m_auto {
    margin: 0 0 0 auto;
}

.new_top_bar {
    background: #115A9C !important;
}

.wg-list.country-selector .wgcurrent a {
    color: #115A9C;
}

.wg-list.country-selector a {
    font-size: 15px;
    font-weight: 600;
}

.wg-drop.country-selector.closed .wgcurrent:after {
    transform: unset;
}

.right_side_social {
    position: fixed;
    top: 40%;
    z-index: 9;
    width: 0px;
    right: 0;
    left: auto;
    width: 51px;
}

    .right_side_social ul {
        padding: 0px;
        transform: translate(0px,0);
    }

        .right_side_social ul li {
            display: block;
            margin: 5px;
            width: 300px;
            text-align: right;
            padding: 10px;
            transition: all 1.5s;
            border-radius: 30px 0px 0px 30px;
            background: #fff;
            box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
        }

            .right_side_social ul li:hover {
                transform: translate(-110px,0);
                background: var(--other-bg);
                transition: all 1.5s;
            }

                .right_side_social ul li:hover a {
                    color: #0D479B;
                }

            .right_side_social ul li a {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                color: #0D479B;
            }

            .right_side_social ul li:hover .f_social {
                color: #c44a73;
                background-color: white;
                transform: rotate(360deg);
                transition: all 1.5s;
            }

            .right_side_social ul li .f_social {
                margin-right: 10px;
                color: #000;
                background-color: white;
                padding: 10px;
                border-radius: 50%;
                width: 38px;
                height: 38px;
                transform: rotate(0deg);
                text-align: center;
                font-size: 20px;
            }

.whattpcg_icon {
    background-position: -477px -463px;
}

.callus_icon {
    background-position: -524px -463px;
}

.massagepak_icon {
    background-position: -573px -462px;
}

.table > tbody > tr > th, .table > thead > tr > th {
    background: #f0f7ff !important;
    background-color: #f0f7ff !important;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 15px 0;
    border: none;
    color: rgba(13,71,155,.9)
}

.login_btn, .my_deal_btn, .we_background {
    background: #115A9C !important;
    background-color: #115A9C !important;
    color: #fff !important
}

    .my_deal_btn:hover {
        background: #0665f2 !important;
        background-color: #0665f2 !important;
        color: #fff !important
    }

.btn.blue.we_background:hover span, .hotel_button .btn.blue.we_background:hover span:after {
    background: #588193 !important;
    background-color: #588193 !important;
    color: #fff !important
}

.we_background_sub {
    color: #121200 !important;
    background: #fffe00 !important
}

.we_background_sub_one {
    background: #115A9C !important;
    color: #fff
}

.we_main_text_color {
    color: #0b4269 !important
}

.we_sub_text_color {
    color: #f6752b !important
}

.we_sub_text_color_one {
    color: #ad906f !important
}

.list_skeletonimg {
    position: absolute;
    top: 0;
}

body {
    line-height: 1.42857143;
    color: #000;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    font-size: 13px;
    font-style: normal;
    user-select: none;
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/whitelable1/font/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/whitelable1/font/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/assets/whitelable1/font/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.celendar_div {
    position: relative;
    background: #fff
}

.mobilewhatsapp {
    display: none !important;
}

.fix_common_header {
    display: none
}

.add_fix_header {
    display: inline-block;
    width: 100%;
    background: #fff;
    height: 100px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%)
}

    .add_fix_header .main_price {
        margin-top: 5px;
        font-size: 20px
    }

    .add_fix_header .detail_button a {
        height: 35px;
        line-height: 35px;
        width: 150px;
        font-size: 13px;
        float: right
    }

.rich-datepicker-wrap {
    position: relative
}

    .rich-datepicker-wrap .tooltip {
        font: 400 12px/16px Arial;
        width: 132px;
        height: 16px;
        padding: 2px 4px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        color: #c2c2c2;
        overflow: hidden
    }

    .rich-datepicker-wrap input {
        position: relative;
        z-index: 0;
        background: #fff
    }

.position-top .rich-datepicker {
    top: auto;
    bottom: 100%
}

.position-bottom .rich-datepicker {
    top: 100%;
    color: #6d6d6d
}

.year-wrap {
    padding-top: 20px;
    padding-left: 110px;
}

.rich-datepicker {
    position: absolute;
    padding: 0;
    background: #fefefe;
    box-shadow: 3px 3px 15px rgba(0,0,0,.4)
}

    .rich-datepicker li, .rich-datepicker ul {
        margin: 0;
        padding: 0;
        color: #333;
        list-style-type: none
    }

    .rich-datepicker .days_new {
        background-color: #fff !important;
        height: 21px;
        opacity: 1;
        overflow: hidden;
        padding: 6px 0 20px 109px;
        position: absolute;
        top: 34px;
        z-index: 1
    }

        .rich-datepicker .days_new li {
            color: #7f7f7f;
            float: left;
            font-weight: 700;
            line-height: 21px;
            padding-left: 10.5px;
            padding-right: 40px;
            text-align: center;
            width: 35px
        }

.current.rest-day {
    color: #000
}

.rich-datepicker .calendar .year-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    display: none
}

    .rich-datepicker .calendar .year-wrap strong {
        border-bottom: 2px solid #e1e1e1;
        cursor: default;
        display: block;
        font-size: 14px;
        height: 36px;
        line-height: 46px;
        margin-left: 10px;
        width: 136px
    }

.rich-datepicker .calendar .month-wrap {
    height: 370px
}

    .rich-datepicker .calendar .month-wrap ul {
        height: 314px;
        padding-left: 4px
    }

.rich-datepicker .calendar .year-wrap li {
    font-size: 14px;
    float: left;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background-color: #fff;
    margin: 1px
}

.rich-datepicker .day {
    cursor: pointer
}

rich-datepicker .day:hover {
    background-color: #1289d880 !important;
    color: #fff
}

.rich-datepicker .calendar .year-wrap .size-3 {
    width: 98px
}

.rich-datepicker .calendar .year-wrap .size-4 {
    width: 144px
}

.rich-datepicker .calendar .year-wrap .size-5 {
    width: 194px
}

.rich-datepicker .calendar .year-wrap .size-6 {
    width: 244px
}

.rich-datepicker .calendar .year-wrap .size-7 {
    width: 292px
}

.select_date_div {
    background-color: #115A9C;
    color: #fff;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    padding-left: 8px
}

.current {
    background-color: #115A9C;
    color: #fff !important
}

.rich-datepicker .day:hover {
    background-color: #115A9C !important;
    color: #fff !important
}

.rich-datepicker .calendar, .rich-datepicker .month-picker, .rich-datepicker .year-picker {
    float: left;
    height: 344px;
    overflow: hidden;
    position: relative
}

.month-picker ul li small {
    padding-left: 0 !important
}

.rich-datepicker .month-picker, .rich-datepicker .year-picker {
    width: 110px;
    margin-left: -1px;
    line-height: 22px;
    text-indent: 10px;
    background: #ededed;
    cursor: pointer;
    z-index: 2
}

    .rich-datepicker .month-picker ul, .rich-datepicker .year-picker ul {
        padding-top: 1px;
        position: relative;
        z-index: 2
    }

.rich-datepicker .year-picker {
    width: 60px
}

.rich-datepicker .bg-area {
    position: absolute;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    z-index: 1
}

.rich-datepicker .draggable-area {
    position: absolute;
    z-index: 3;
    cursor: move;
    background: url(1gif);
    text-indent: 0
}

.lSSlideWrapper, .lSSlideWrapper .lSFade {
    position: relative
}

.rich-datepicker .month-picker .bg-area, .rich-datepicker .month-picker .draggable-area {
    width: 100px;
    height: 22px;
    margin: 1px;
    left: 0
}

.rich-datepicker .year-picker .bg-area, .rich-datepicker .year-picker .draggable-area {
    width: 58px;
    height: 22px;
    margin: 1px;
    left: 0
}

.rich-datepicker .month-picker li:nth-child(1), .rich-datepicker .month-picker li:nth-child(10), .rich-datepicker .month-picker li:nth-child(11), .rich-datepicker .month-picker li:nth-child(12), .rich-datepicker .month-picker li:nth-child(2), .rich-datepicker .month-picker li:nth-child(3), .rich-datepicker .month-picker li:nth-child(4), .rich-datepicker .month-picker li:nth-child(5), .rich-datepicker .month-picker li:nth-child(8), .rich-datepicker .month-picker li:nth-child(9), .rich-datepicker .year-picker li:nth-child(1), .rich-datepicker .year-picker li:nth-child(10), .rich-datepicker .year-picker li:nth-child(11), .rich-datepicker .year-picker li:nth-child(12), .rich-datepicker .year-picker li:nth-child(2), .rich-datepicker .year-picker li:nth-child(3), .rich-datepicker .year-picker li:nth-child(4), .rich-datepicker .year-picker li:nth-child(5), .rich-datepicker .year-picker li:nth-child(8), .rich-datepicker .year-picker li:nth-child(9) {
    color: #1a1a1a
}

.month-picker li {
    height: 28px;
    border-left: 3px solid #ededed;
    line-height: 30px;
    font-size: 12px
}

.cal-right .rich-datepicker {
    right: 0
}

.rich-datepicker {
    width: 480px;
    z-index: 100
}

    .rich-datepicker .calendar {
        background: #fff;
        overflow-y: scroll !important;
        width: 480px
    }

.activ_month {
    background-color: #fff;
    border-left: 3px solid #ff9334 !important;
    text-align: left;
    z-index: 3
}

.rich-datepicker b, strong {
    color: #333;
    font-weight: 400
}

.to_date {
    background-color: #ff9334 !important;
    border-radius: 50px;
    color: #fff !important
}

.selected_date {
    background-color: #fcf0e5 !important;
    color: #ff9334 !important
}

.rich-date-disabled.day {
    color: grey
}

.BackDay {
    color: grey !important;
    opacity: .9 !important;
    pointer-events: none !important
}

.daterange {
    background-color: #e6fbff !important;
    color: #333 !important
}

:focus {
    outline: 0
}

.detail_button a:hover, .hotellist a.button:hover, .packpaynowbtn:hover, .search_button:hover {
    background: #002584
}

.text-uppercase {
    text-transform: uppercase !important
}

.logo_we {
    max-width: 100%
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.ticket-office__footer {
    width: 100%;
    height: 70px;
    position: fixed;
    background: #fff;
    bottom: 0;
    padding: 15px 0;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 0 -2px 8px 0 rgba(0,0,0,.13);
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.13);
    z-index: 99;
    left: 0
}

.price_cartwrapp {
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 10px
}

.cart_velue {
    float: left;
    margin-top: 10px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700
}

.cart_velue {
    -webkit-animation: glow .5s ease-in-out infinite alternate;
    -moz-animation: glow .5 ease-in-out infinite alternate;
    animation: glow .5 ease-in-out infinite alternate
}

@-webkit-keyframes glow {
    from {
        color: #233d63
    }

    to {
        color: #e96a5b
    }
}

.price_cartwrapp .pull-right .hidden-xs {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 15px;
    color: #58595b;
    display: inline-block
}

.cancel_booking {
    font-size: 12px;
    text-align: right;
    display: block;
    margin-top: -6px;
    color: #233d63;
    position: relative
}

    .cancel_booking .password_nofica {
        top: -40px;
        width: 225px
    }

    .cancel_booking:hover .password_nofica, .login_btn:hover .password_nofica {
        opacity: 1
    }

.password_nofica {
    width: 276px;
    position: absolute;
    top: -176px;
    z-index: 999;
    color: #fff;
    margin: 0 auto;
    right: 0;
    padding: 10px;
    border-radius: 7px;
    opacity: 0;
    background-color: rgba(19,38,51,.92);
    pointer-events: none;
    transition: .5s
}

.Checkout_btn {
    background: linear-gradient(270deg,#f0f7ff,#cadff8,#fffe00,#fffe00);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 7s ease infinite
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-webkit-keyframes bounceRight {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    40% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
}

@-moz-keyframes bounceRight {
    0%,100%,20%,50%,80% {
        transform: translateX(6px)
    }

    40% {
        transform: translateX(0)
    }

    60% {
        transform: translateX(-3px)
    }
}

@keyframes bounceRight {
    0%,100%,20%,50%,80% {
        -ms-transform: translateX(6px);
        transform: translateX(6px)
    }

    40% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -ms-transform: translateX(-3px);
        transform: translateX(-3px)
    }
}

.Adderss_icon, .Favourite_add, .autocomplete-suggestions .tour_icon_auto::before, .autocomplete-suggestions [data-typeid=city]::before, .availroom_icon, .bord_icon, .car_user_cap, .cart_icon_image, .common_icon, .count_icon, .country_icon::before, .destionation_icon, .direct_drop_icon, .drop_icon, .flags-Chinese, .flags-arabic, .flags-eng, .flags-uae, .flight_icon, .icn-all, .join_info, .log-icon-img, .login_input, .menu_block .sericon_icon, .most_icon, .point_gold_silver::before, .popup-wrapper .popup-content .close::before, .property_icon, .recommended_icon, .resocial .social-media, .slide-arrow, .tour_info_icon, .trip_deal_icon, .trip_reting, .vocher_icon {
    background-image: url(/assets/whitelable1/img/info-icons-strip.svg?v4211115558)
}

.commonn_icon {
    background-image: url(/assets/whitelable1/img/info-icons-strip2.svg?v8)
}

.ui-state-default.ui-state-active {
    background-color: #0d479b;
    color: #fff !important
}

.point_gold_silver {
    display: inline-flex;
    line-height: 25px;
    position: relative
}

    .point_gold_silver::before {
        content: "";
        width: 23px;
        height: 20px;
        position: absolute;
        top: 2px
    }

.gold_Points::before {
    background-position: -320px -434px
}

.silver_Points::before {
    background-position: -341px -434px
}

.diamond_Points::before {
    background-image: url(/assets/whitelable1/img/wallet-blink.gif);
    background-repeat: no-repeat;
    height: 25px;
}

.point_text, .point_tool_text {
    color: #013057;
    font-size: 13px;
    font-weight: 500;
    margin: 0 2px
}

.points_tooltrip {
    padding-left: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.point_gold_silver:hover .points_tooltrip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.silver_Points .point_tool_text::before {
    content: "Silver Points Valid for this rate"
}

.diamond_Points .point_tool_text::before {
    content: "WE Points Valid for this rate"
}

.gold_Points .point_tool_text::before {
    content: "Gold Points Valid for this rate"
}

.wrapper_2 {
    position: absolute;
    margin-left: 5px
}

.tooltip_new {
    position: absolute;
    font-size: 12px;
    width: 200px;
    opacity: 0;
    background: #013057;
    pointer-events: none;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    display: block;
    z-index: 999;
    bottom: 100%;
    left: -115px;
    margin-bottom: 7px
}

.wrapper_2 .tooltip_new:before {
    bottom: -20px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.wrapper_2 .tooltip_new::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #013057 !important;
    bottom: -10px;
    height: 0;
    left: 110px;
    position: absolute;
    width: 0;
    content: ""
}

.wrapper_2:hover .tooltip_new {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.destionation_icon.flight_icon {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -467px -432px;
    margin-top: 5px;
    display: none
}

.destionation_icon.hotel_icon {
    width: 20px;
    height: 20px;
    float: left;
    background-position: -495px -434px;
    margin-top: 5px;
    display: none
}

.autocomplete-suggestions {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    box-sizing: border-box;
    cursor: default;
    display: none;
    max-height: 254px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    z-index: 99999;
    min-width: 330px !important;
    width: auto !important;
    max-width: 50%;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.15);
    border-radius: 10px;
    margin-top: 5px;
}

.autocomplete-suggestion {
    color: #363636;
    font-size: 15px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    font-weight: 400;
    letter-spacing: 1px;
    cursor: pointer;
    border-bottom: 1px solid #f0f7ff;
}

span.auto_count_text, .Suggestion__categoryName_text {
    position: absolute;
    right: 10px;
    background: #f0f7ff;
    color: #0d479b;
    border-radius: 4px;
    line-height: 25px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 13px;
}

.Suggestion__categoryName_text {
    background: transparent;
    color: #0d479b;
    font-size: 11px;
    font-weight: 600;
}

.auto_in_city_name {
    line-height: 20px;
    white-space: normal;
}

.auto_city_contry_name {
    display: flex;
    flex-direction: column;
}

    .auto_city_contry_name b {
        font-size: 14px;
    }

    .auto_city_contry_name span {
        font-size: 12px;
    }

.autocomplete-suggestion.auto_complete_city_title svg {
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
}

.auto_complete_city_title {
    padding-left: 10px;
    align-items: center;
    display: flex;
}

.auto_complete_airport_title {
    padding: 15px 85px 15px 40px;
}

.autocomplete-suggestion.selected, .autocomplete-suggestion.selected b {
    background: #115A9C;
    color: #fff;
}

    .autocomplete-suggestion.selected .Suggestion__categoryName_text {
        color: #fff;
    }

.autocomplete-suggestions .tour_icon_auto::before, .autocomplete-suggestions [data-tourid="0"]::before, .autocomplete-suggestions [data-typeid=city]::before, .country_icon:before {
    width: 18px;
    float: left;
    position: initial;
    color: #3b8dd6;
    margin-top: 6px;
    content: "";
    background-position: -435px -435px;
    height: 18px;
    margin-right: 10px;
    display: none
}

.autocomplete-suggestion b {
    color: #0d479b;
    font-weight: 600;
}

.sidebar-item {
    padding: 10px 0;
    border-radius: 0;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #b6c9e4;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.removecart {
    float: right;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 6px;
    color: #757575;
    cursor: pointer
}

.service_price_cart {
    font-size: 15px;
    font-weight: 500;
    border-top: 1px solid #d3d3d3;
    padding: 10px 0 0 0
}

.cart_bookin_text {
    font-size: 16px;
    font-weight: 500 !important;
    margin: 10px 0 !important;
    display: block
}

.empty_cart {
    text-align: center;
    background: #fafbfd;
    padding: 10px
}

.cart_block {
    display: block;
    margin-bottom: 15px
}

.cart_serviceName {
    display: flex;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    background: #f3f3f3
}

.max-w95 {
    max-width: 95%
}

.guest_detail {
    display: flex;
    padding: 5px 0
}

.main_cart_price {
    display: inline-flex;
    width: 100%
}

    .main_cart_price li {
        font-size: 20px;
        font-weight: 500;
        color: #013057;
        padding-left: 10px
    }

.wd_70 {
    width: 70%;
    line-height: 37px
}

.wd_85 {
    width: 85%;
    line-height: 25px
}

.wd_15 {
    width: 15%;
    line-height: 29px
}

.fly_cart_div {
    padding-top: 5px
}

.wd_31 {
    width: 31%
}

.cart_date b, .cart_service_type b {
    font-weight: 500;
    font-size: 14px
}

.cart_date {
    display: flex;
    border-bottom: 1px solid #d3d3d3;
    padding: 5px 0;
    border-top: 1px solid #d3d3d3
}

    .cart_date li {
        width: 50%;
        float: left;
        font-size: 14px
    }

.cart_service_type {
    font-size: 14px;
    padding: 5px 0
}

ul.guest_detail li {
    float: left;
    width: 33.33%;
    padding: 5px 0 5px 2px;
    display: flex;
    line-height: 30px
}

.br_right {
    border-right: 1px solid #dee2ee
}

.room_icon {
    background-position: -140px -1091px;
    width: 33px;
    float: left;
    height: 30px
}

.gest_icon {
    background-position: -189px -1091px;
    width: 33px;
    float: left;
    height: 30px
}

.night_icon {
    background-position: -228px -1091px;
    width: 33px;
    float: left;
    height: 30px
}

.cart_button_bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 5px;
    background: #fff;
    z-index: 99;
    box-shadow: 0 7px 30px rgba(0,0,0,.25)
}

.nocart {
    text-align: center
}

    .nocart .fa-shopping-cart {
        font-size: 70px !important;
        margin-top: 10px;
        display: block;
        color: #0d479b
    }

.model_size {
    width: 350px;
    margin: 40px auto;
    position: relative;
    box-shadow: none !important
}

.cart_close {
    background: #0d479b;
    height: 40px;
    font-size: 13px;
    position: relative;
    right: 0;
    margin-top: 0;
    margin-bottom: 10px
}

.cart_text {
    margin: 30px auto;
    color: #115A9C;
    font-size: 15px
}

button.close, input[type=search], select {
    -webkit-appearance: none
}

.plzwait, pre {
    word-break: break-all
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .tour_drop .g_left, .viewbtn-grey {
    float: left
}

@font-face {
    font-family: FontAwesome;
    src: url(/assets/whitelable1/font/fontawesome-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

a#addclasswe {
    position: relative;
    display: inline-block;
    z-index: 9
}

.mb15 {
    margin-bottom: 15px
}

.pop_head_title {
    color: #01b7f2;
    background-size: 200px auto !important;
    background-color: #f7f7f7;
    background-position: 11px 6px;
    background-repeat: no-repeat;
    box-shadow: -3px 1px 9px #ccc;
    height: 70px;
    line-height: 52px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 28px;
    text-align: right;
    text-transform: capitalize;
    width: 100%;
    font-size: 20px
}

.mtop100 {
    margin-top: 100px !important
}

.ptb20 {
    padding-top: 13px;
    padding-bottom: 13px;
    height: 85px
}

.col-white {
    color: #fff
}

.fa-sign-in::before {
    content: "\f090"
}

.log-icon {
    position: absolute;
    color: #fff;
    z-index: 1;
    left: 50px;
    top: 10px;
    font-size: 17px !important
}

.mt62 {
    margin-top: 62px
}

.col-back {
    color: #373737;
    padding-left: 293px !important;
    padding-top: 10px
}

.regi-btn {
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    border-radius: 5px;
    text-transform: uppercase;
    right: 0;
    border: 1px solid #0386ba;
    z-index: 1;
    padding: 0 10px
}

.fa-pencil-square-o::before {
    content: "\f044"
}

.whatsapp_icon {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    margin-top: -10px;
    margin-right: 15px;
    margin-left: 30px;
    background-color: #25D366;
    font-size: 25px;
    background: #2ecb71;
    background-size: 800% 800%;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(35,50,56,0.5);
}

header#header {
    top: 0;
    border-bottom: 0
}

.regi-btn i {
    font-size: 17px;
    padding-right: 6px;
    position: relative;
    display: inline-block
}

.header-pattern01 .top_bar_rayna .list-inline > li:first-child {
    padding-left: 0
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content a {
    color: #fff
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin-top: 0;
    background: #fff;
    border: 1px solid #cad5df;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
    box-shadow: none;
    min-width: 185px;
    text-align: left;
    font-size: 14px;
    color: #000;
    padding: 10px;
    right: 0
}

    .dropdown-content a, .dropdown-content button {
        color: #000;
        text-decoration: none;
        display: block;
        line-height: 36px;
        padding: 0 5px;
        width: 100%;
        text-align: left;
        background: transparent;
    }

.form-control:focus, .input-group input:focus, input:focus, select {
    outline: 0
}

.dropdown-content a:hover {
    color: #2e2d5a
}

.dropdown:hover .dropdown-content {
    display: block
}

.validate {
    box-shadow: 0 0 5px rgba(135,0,0,.36);
    border: thin solid red !important
}

ul.rtf-drop li {
    text-align: center;
    background: #01b7f2;
    border-bottom: 1px solid #fff
}

    ul.rtf-drop li:hover {
        background: #0098c9
    }

    ul.rtf-drop li a {
        color: #fff !important
    }

ul.rtf-drop {
    background-color: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 12px !important;
    position: absolute;
    left: 0;
    top: 23px;
    font-size: 1em !important;
    width: 98%
}

.rtf-drop .bb-0 {
    border-bottom: 0
}

.rtf-drop.dropdown-menu > li > a:focus, .rtf-drop.dropdown-menu > li > a:hover {
    color: #000 !important;
    text-decoration: none;
    background-color: #e3e3e3 !important
}

.rtf-drop.dropdown-menu::before {
    border: 12px solid #0386ba;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    left: 50%;
    margin-left: -12px;
    position: absolute;
    z-index: 101;
    top: -24px
}

.rtf-drop input[type=submit] {
    background: 0 0 !important;
    border: 0;
    color: #fff;
    padding: 5px
}

.postion {
    position: relative !important
}

.orangetext {
    color: #ff4c00;
    margin: 0 !important
}

.Auth-process {
    border-bottom: 20px solid #fff;
    padding-bottom: 20px
}

.rejected-text {
    color: #142456;
    font-size: 13px
}

.travel-rej {
    background: #142456
}

.imporatnatnote {
    color: #fff;
    font-size: 24px
}

.vouchertxt li span {
    display: table-cell;
    padding-left: 5px;
    color: #7b7676
}

.vouchertxt > li {
    padding-top: 12px
}

.width300 {
    width: 350px !important
}

.travel-rejected {
    background-color: #142456;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 6px;
    white-space: nowrap
}

.viewbtn-grey {
    background: #e0e0e0;
    padding: 10px;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    margin: 10px 10px 10px 0;
    width: auto
}

.btngrp.pull-right.text-right .viewbtn-grey {
    margin-left: 10px;
    margin-right: 0;
    float: right !important
}

.toll-flex {
    display: inline-block;
    overflow: inherit
}

.flex-hoteltooltip_info {
    background: #c5e5cc !important;
    border: thin solid #d0f0d7;
    bottom: 100%;
    display: block;
    border-radius: 4px;
    left: -122px;
    margin-bottom: 1px;
    opacity: 0;
    width: auto;
    padding: 6px;
    position: absolute;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    font-size: 12px;
    line-height: 14px !important;
    color: #000;
    pointer-events: none;
    z-index: 6 !important
}

    .flex-hoteltooltip_info::before {
        bottom: -20px;
        content: "";
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .flex-hoteltooltip_info::after {
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        border-top: solid #c5e5cc 10px;
        bottom: -10px;
        content: "";
        height: 0;
        left: 55%;
        margin-left: -13px;
        position: absolute;
        width: 0
    }

.flex-hotel_tooltip_min {
    cursor: help;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    position: relative
}

    .flex-hotel_tooltip_min:hover .flex-hoteltooltip_info {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        width: 266px !important
    }

.confirm-text ul li {
    margin: 0;
    color: #ff4c00;
    list-style-type: disc !important
}

.totalgrand, .totalpricenum {
    font-weight: 700;
    color: #000
}

.wd52 {
    width: 52px !important
}

.wd74 {
    width: 74px !important
}

.totalgrand {
    font-size: 14px
}

.totalpricenum {
    font-size: 29px;
    line-height: 30px
}

.tour_drop div.bhoechie-tab-container {
    z-index: 10;
    background-color: #fff;
    padding: 0 !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: 0 9px 15px rgba(0,0,0,.5);
    box-shadow: 0 9px 15px rgba(0,0,0,.5);
    -moz-box-shadow: 0 9px 15px rgba(0,0,0,.5);
    background-clip: padding-box;
    position: absolute;
    margin-top: 39px !important;
    margin-left: 10px
}

.tour_drop div.bhoechie-tab-menu {
    padding-right: 10px;
    padding-left: 0;
    padding-bottom: 0
}

    .tour_drop div.bhoechie-tab-menu div.list-group, .tour_drop div.bhoechie-tab-menu div.list-group > a {
        margin-bottom: 0
    }

        .tour_drop div.bhoechie-tab-menu div.list-group > a:first-child {
            border-top-right-radius: 0
        }

        .tour_drop div.bhoechie-tab-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0
        }

        .tour_drop div.bhoechie-tab-menu div.list-group > a.active, .tour_drop div.bhoechie-tab-menu div.list-group > a.active .fa, .tour_drop div.bhoechie-tab-menu div.list-group > a.active .glyphicon {
            background-color: #01b7f2;
            color: #fff !important;
            border-color: #01b7f2
        }

            .tour_drop div.bhoechie-tab-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #01b7f2
            }

.tour_drop .list-group-item a b {
    color: #505050
}

.tour_drop .list-group-item a.active b {
    color: #fff !important
}

.tour_drop div.bhoechie-tab-content {
    background-color: #fff;
    padding-top: 15px;
    padding-left: 0;
    min-height: 270px !important
}

.tour_drop div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

.tour_drop ._right a, .tour_drop .g_ib {
    display: inline-block
}

.tour_drop .list-group-item {
    border-bottom: none !important;
    border-right: 1px solid #dfdfdf !important;
    min-height: 50px;
    line-height: 32px
}

.tour_drop .list {
    margin-top: 6px;
    margin-bottom: 20px
}

.tour_drop ._left {
    font-size: 13px;
    width: 28%
}

.tour_drop ._right {
    width: 70%
}

    .tour_drop ._right a {
        margin-right: 24px;
        color: #888
    }

        .tour_drop ._right a:hover {
            color: #01b7f2
        }

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

.tour_drop .mt5 {
    margin-top: 5px
}

.tour_drop .list-group span {
    display: inline-block;
    margin-right: 10px
}

.input_hov:hover, .tour_drop .input_hov:focus {
    border: 1px solid #ff5722 !important
}

.tour_drop .imagesearch {
    height: auto;
    overflow: hidden;
    width: 100%
}

.tour_drop .imagediv {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 140px
}

    .tour_drop .imagediv.wd130px {
        width: 130px
    }

    .tour_drop .imagediv img {
        height: 74px;
        max-width: 130px;
        width: 100%
    }

    .tour_drop .imagediv p {
        background: linear-gradient(to top,#000,transparent 100%) rgba(0,0,0,0);
        box-sizing: border-box;
        font-weight: 500;
        position: absolute;
        text-align: center;
        width: 130px;
        color: #fff;
        bottom: -14px
    }

.tour_drop .pt25 {
    padding-top: 25px
}

.tour_drop .imagediv img:hover {
    box-shadow: 1px 1px 8px #8e8e8e
}

#loginpop.sign-travelo-box {
    background: #fff;
    padding: 20px;
    position: relative;
    overflow: hidden;
    max-width: 480px !important;
    margin: 0 auto;
    display: none;
    width: 100%
}

.chaser .logo, .mt11 {
    margin-top: 11px
}

#loginpop .login-facebook, #loginpop .login-googlep, .ordiv {
    width: 330px;
    text-align: center
}

#loginpop .fa-facebook::before {
    content: "\f09a"
}

.alert:before, .fa-envelope-o::before {
    content: "\f003"
}

#loginpop.sign-travelo-box .close::before {
    opacity: 0 !important
}

#loginpop.sign-travelo-box .close {
    color: #7b7b7b !important;
    opacity: 1;
    font-weight: 400;
    font-size: 22px;
    left: 15px;
    top: 15px;
    position: absolute
}

.login-social {
    clear: both
}

.font-22 {
    font-size: 22px
}

.font-15 {
    font-size: 15px
}

.mb40 {
    margin-bottom: 40px
}

#loginpop .login-facebook {
    background-color: #3b5998 !important;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 12px;
    clear: both;
    margin: auto;
    border-radius: 5px
}

.login-facebook i.fa {
    background: 0 0 !important;
    margin-right: 10px;
    font-size: 16px
}

#loginpop .login-googlep {
    background-color: #fff !important;
    border: 1px solid #625e5e;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    padding: 12px;
    clear: both;
    margin: auto;
    border-radius: 5px
}

.mrdivbtn {
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    height: auto;
    display: flex
}

.googleicon {
    padding: 5px 10px;
    background-position: -308px -92px
}

.ordiv {
    border-bottom: 1px solid #d5d4d4;
    margin: 25px auto;
    height: auto;
    line-height: 1px
}

.textor {
    background-color: #fff;
    width: 26px;
    margin: auto auto -9px
}

.mrdivbtn input, .mrdivbtn select {
    width: 100%;
    border: thin solid #dbdbdb
}

#loginpop .sign-button {
    background: #ff5a60 !important
}

.mrdivbtn a:focus, .mrdivbtn a:hover {
    color: #fff !important
}

.button_h a:focus, .button_h a:hover {
    color: #000 !important
}

.mr5 {
    margin-right: 5px
}

.mrdivbtn input {
    padding: 10px
}

.mrdivbtn .input_icon {
    position: absolute;
    right: 30px;
    margin-top: 13px;
    font-size: 15px;
    color: #a5a5a5;
    background-image: none
}

#small-dialog, #small-dialog-new, sub, sup {
    position: relative
}

.fa-lock::before {
    content: "\f023"
}

.login-social .text_green {
    color: #3c857c;
    font-weight: 700
}

.sign_google, .sign_with {
    font-weight: 400;
    font-size: 20px
}

.over_hiden {
    overflow: hidden !important
}

.sign_with {
    color: #404040
}

.mrdivbtn .fa-user::before {
    content: "\f007"
}

.text-facebook {
    color: #4468b2
}

.skip {
    font-size: 16px;
    color: #01b7f6
}

    .skip:hover {
        color: #ff5a60 !important
    }

.mrdivbtn select {
    padding: 5px;
    background-color: #fff
}

.text-black.sign_google:hover {
    color: #d34836 !important
}

*, .waves-effect, html {
    -webkit-tap-highlight-color: transparent
}

.breadcrumb, .carousel-indicators, .dropdown-menu, .list-inline, .list-unstyled, .media-list, .nav, .pager, ol, ul {
    list-style: none
}

body, figure {
    margin: 0
}

.btn, .flex-viewport .slides li {
    -moz-user-select: none;
    -webkit-user-select: none
}

*, .media, .media-body {
    zoom: 1
}

html {
    scroll-behavior: smooth;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

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

[hidden], template {
    display: none
}

a {
    cursor: pointer;
    background: 0 0
}

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

b, optgroup, strong {
    font-weight: 500
}

dfn {
    font-style: italic
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

pre, textarea {
    overflow: auto
}

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

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

address, cite {
    font-style: normal
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

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

td, th {
    padding: 0
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: "("attr(href) ")"
        }

    abbr[title]:after {
        content: "("attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .navbar-toggle, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-warning {
    background-image: none
}

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

.btmtricircle.halfy:before, input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

*, input[type=search] {
    box-sizing: border-box
}

body {
    line-height: 1.42857143
}

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

a {
    text-decoration: none
}

    a:focus {
        outline-offset: -2px
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

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

.list-inline, .list-unstyled {
    padding-left: 0
}

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

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

select[multiple], select[size], textarea.form-control {
    height: auto
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #999
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

.h1, h1 {
    font-size: 36px
}

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

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

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

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

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

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}

address, blockquote .small, blockquote footer, blockquote small, dd, dt, pre {
    line-height: 1.42857143
}

.small, small {
    font-size: 85%
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

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

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

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

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

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

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

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

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

pre code, table {
    background-color: transparent
}

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

dl, ol, ul {
    margin-top: 0
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

address, dl {
    margin-bottom: 20px
}

ol, ul {
    margin-bottom: 10px
}

dd {
    margin-left: 0
}

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

.initialism {
    font-size: 90%
}

blockquote {
    margin: 0 0 20px
}

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        color: #999
    }

legend, pre {
    display: block;
    color: #333
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

pre {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        border-radius: 0
    }

.badge, .btn, .dropdown-menu > li > a, .input-group-btn, .label {
    white-space: nowrap
}

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

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

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

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

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

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

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

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

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

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

table {
    max-width: 100%
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 15px 5px 15px 10px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid #ddd
    }

    #cruise-availability .room-list .box .action-section, #hotel-availability .room-list .box .action-section, .table > thead > tr > th {
        vertical-align: bottom
    }

    .table > thead > tr > th {
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ededed
}

.cancel-dialog-box .table-bordered > tbody > tr > td, .cancel-dialog-box .table-bordered > tbody > tr > th, .cancel-dialog-box .table-bordered > thead > tr > td, .cancel-dialog-box .table-bordered > thead > tr > th {
    border: 1px solid #fff;
    text-align: center
}

.cancel-dialog-box .table-bordered > tbody > tr > td {
    background: #e6e6e6
}

.table-bordered, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > th {
    border-top: none !important
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 1px
    }

.table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr:hover, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

fieldset, legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0;
    min-width: 0
}

legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.form-control, output {
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
    color: #3c763d
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: pointer;
    background-color: #fff;
    opacity: 1
}

input[type=date] {
    line-height: 34px
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    display: block;
    min-height: 20px;
    margin-bottom: 10px;
    padding-left: 20px
}

    .checkbox label, .radio label {
        display: inline;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        float: left;
        margin-left: -20px
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
        cursor: not-allowed
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

    .has-feedback .form-control-feedback {
        position: absolute;
        top: 25px;
        right: 0;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center
    }

.collapsing, .dropdown {
    position: relative
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.btn-group > .btn-group, .btn-toolbar .btn-group, .btn-toolbar .input-group, .dropdown-menu {
    float: left
}

.badge, .btn, .input-group-addon, .label, .nav-justified > li > a, .pager, .progress-bar {
    text-align: center
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -ms-user-select: none;
    user-select: none
}

    .btn.active, .btn:active {
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

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

    .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

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

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

    .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #428bca;
        border-color: #357ebd
    }

    .btn-primary .badge {
        color: #428bca;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #47a447;
        border-color: #398439
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #39b3d7;
        border-color: #269abc
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ed9c28;
        border-color: #d58512
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #999;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

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

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

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .close, .fade.in {
        opacity: 1
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

    .dropdown-menu-right, .dropdown-menu.pull-right {
        left: auto;
        right: 0
    }

    .dropdown-header, .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        line-height: 1.42857143
    }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    color: #333
}

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca
}

.dropdown-header, .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .nav > li.disabled > a {
    color: #999
}

    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed
    }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    font-size: 12px
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.modal, .modal-backdrop {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.nav-justified > .dropdown .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn:focus, .btn-group > .btn:focus {
            outline: 0
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn .caret, .btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, .input-group-btn > .btn + .btn {
    margin-left: -1px
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

[data-toggle=buttons] > .btn > input[type=checkbox], [data-toggle=buttons] > .btn > input[type=radio] {
    display: none
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

.nav > li, .nav > li > a, .nav > li, .nav > li > button {
    display: block;
    position: relative
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0
}

    .input-group-btn > .btn {
        position: relative
    }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

.nav {
    margin-bottom: 0;
    padding-left: 0
}

    .nav > li > a, .nav > li > button {
        padding: 10px 15px;
        font-weight: 500
    }

        .nav > li > a:hover, nav > li > button:hover {
            text-decoration: none;
            color: #545454
        }

    .nav > li.disabled > a:focus, .nav > li.disabled > a:hover, .nav > li.disabled > button:focus, .nav > li.disabled > button:hover {
        color: #999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed
    }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav .open > a, .nav .open > button:focus, .nav .open > button:hover {
        background-color: #eee;
        border-color: #428bca
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a, .nav-tabs > li > button {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover, .nav-tabs > li > button:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > button, .nav-tabs > li.active > button:focus, .nav-tabs > li.active > button:hover {
            color: #555;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > button {
                text-align: center;
                margin-bottom: 5px;
                margin-right: 0;
                border-radius: 4px
            }

        .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > button, .nav-tabs.nav-justified > .active > button:focus, .nav-tabs.nav-justified > .active > button:hover {
            border: 1px solid #ddd
        }

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li {
    float: none
}

.nav-pills > li > a, .nav-pills > li > button {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

    .nav-justified > li > a, .nav-justified > li > button {
        margin-bottom: 5px
    }

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a, .nav-tabs-justified > li > button {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > button, .nav-tabs-justified > .active > button:focus, .nav-tabs-justified > .active > button:hover {
        border: 1px solid #ddd
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

.carousel-inner, .media, .media-body, .modal-open, .progress {
    overflow: hidden !important;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0 10px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 20px 0
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 3px;
        border-radius: 1px;
        background: #000
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

.breadcrumb > li, .pagination {
    display: inline-block
}

.navbar-nav {
    margin: 0 auto
}

    .navbar-nav > li > a, .navbar-nav > li > button {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

.progress-striped .progress-bar, .progress-striped .progress-bar-info, .progress-striped .progress-bar-success, .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin: 8px -15px
}

.badge, .label {
    font-weight: 500;
    line-height: 1;
    vertical-align: baseline
}

.btn .badge, .btn .label {
    top: -1px;
    position: relative
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #e7e7e7;
        color: #555
    }

    .navbar-default .navbar-link {
        color: #777
    }

        .navbar-default .navbar-link:hover {
            color: #333
        }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #999
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
        color: #999
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #080808;
        color: #fff
    }

    .navbar-inverse .navbar-link {
        color: #999
    }

        .navbar-inverse .navbar-link:hover {
            color: #fff
        }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li + li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc
    }

    .breadcrumb > .active {
        color: #999
    }

.pagination {
    padding-left: 0;
    margin: 20px 0
}

    .pager li, .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            text-decoration: none;
            background-color: #fff;
            margin-left: -1px
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #999;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0
}

    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }

        .pager li > a:focus, .pager li > a:hover {
            text-decoration: none;
            background-color: #eee
        }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #999;
        background-color: #fff;
        cursor: not-allowed
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em
}

    .label[href]:focus, .label[href]:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

.label-default {
    background-color: #999
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: grey
    }

.label-primary {
    background-color: #428bca
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #3071a9
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #999;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.media-object, .thumbnail {
    display: block
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
    color: #428bca;
    background-color: #fff
}

.jumbotron, .jumbotron .h1, .jumbotron h1 {
    color: inherit
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

.alert, .thumbnail {
    margin-bottom: 20px
}

    .alert .alert-link, .close {
        font-weight: 700
    }

.container .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .thumbnail a > img, .thumbnail > img {
        margin-left: auto;
        margin-right: auto
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #428bca
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.list-group, .media-list {
    padding-left: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

    .alert > p + p {
        margin-top: 5px
    }

.alert-dismissable {
    padding-right: 35px
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

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

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.list-group-item > .badge {
    float: right
}

.progress-striped .progress-bar {
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #0386ba
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-bar-warning {
    background-color: #0386ba
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media, .media .media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.list-group {
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

a.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover {
        text-decoration: none;
        background-color: #f5f5f5
    }

    a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        a.list-group-item.active .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading {
            color: inherit
        }

        a.list-group-item.active .list-group-item-text, a.list-group-item.active:focus .list-group-item-text, a.list-group-item.active:hover .list-group-item-text {
            color: #e1edf7
        }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > a {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

    .panel-title, .panel > .list-group, .panel > .table, .panel > .table-responsive > .table {
        margin-bottom: 0
    }

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading, .panel > .list-group:last-child .list-group-item:last-child, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ddd
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #428bca
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #faebcc
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ebccd1
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ebccd1
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-content, .popover {
    background-clip: padding-box
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

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

.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,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: .5
    }

.modal-header {
    padding: 8px;
    min-height: 16.43px
}

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

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

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

.popover, .tooltip, .tooltip-arrow {
    position: absolute
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.tooltip {
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0
}

    .tooltip.in {
        opacity: .9
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

    .popover.top {
        margin-top: -10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel, .carousel-inner {
    position: relative
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: "";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.left > .arrow:after, .popover.right > .arrow:after {
    content: "";
    bottom: -10px
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right > .arrow:after {
        left: 1px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: "";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff
    }

.carousel-inner {
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

.carousel-control.left {
    background-repeat: repeat-x
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

    .carousel-control .icon-prev:before {
        content: '\2039'
    }

    .carousel-control .icon-next:before {
        content: '\203a'
    }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 1;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: rgba(0,0,0,0)
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn, .text-hide {
        text-shadow: none
    }

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: "";
    display: table
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.main_menu, .pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

@keyframes autofill {
    100% {
        background: rgba(255,255,255,0);
        color: #fff
    }
}

@-webkit-keyframes autofill {
    100% {
        background: rgba(255,255,255,.15);
        color: inherit
    }
}

.mobile_filter_btn, .mobile_filter_btn_close {
    display: none
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }
}

.author .name, .box-title, .breadcrumbs, .f-title, .fileinput:after, .fourty-space, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .mile, .no-letter-spacing, .post-meta, .post-title, .price, .price-wrapper, .s-title, .search-results-title, .title, a.button, button, dl, h1.fourty-space, h2.fourty-space, h3.fourty-space, h4.fourty-space, h5.fourty-space, h6.fourty-space, label, span.info, ul.tabs a {
    letter-spacing: normal !important
}

a, a:focus, a:hover {
    text-decoration: none
}

*, ol, ul {
    margin: 0
}

.image-carousel img, .image-container img {
    max-width: 100%
}

.flex-viewport .slides li, .hover-effect img, .image-box.style11 figure img, .image-box.style5 figure img {
    -webkit-backface-visibility: hidden
}

* {
    -moz-box-sizing: border-box;
    padding: 0
}

html {
    font-size: 16px;
    min-height: 100%
}

.alert::before, .checkbox::before, .radio::before {
    font-family: fontawesome
}

iframe, img {
    border: 0
}

a {
    color: inherit
}

    button.active, a.active, h2.active, h3.active, h4.active, h5.active, h6.active, span.active {
        color: #197ec2
    }

    a:focus {
        outline: 0
    }

p {
    font-size: 1.0833em;
    line-height: 1.6666;
    margin-bottom: 15px
}

dt {
    font-weight: 400
}

.slider-img {
    height: 160px !important;
    width: 270px !important
}

.info-primary, .info-success {
    color: #fff;
    padding: 2px 5px;
    line-height: 1em
}

.clearer, .hidden, .no-padding {
    padding: 0 !important
}

h1, h2, h4 {
    line-height: 1.25em
}

.info-success {
    background: #69902b
}

.info-primary {
    background: #2d3e52
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: 400
}

.top30 {
    top: 28px
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.6667em
}

h3 {
    font-size: 1.5em;
    line-height: 1.2222em
}

h4 {
    font-size: 1.3333em
}

h5 {
    font-size: 1.1666em;
    line-height: 1.1428em
}

h6 {
    font-size: 1em
}

h1.fourty-space {
    font-size: 1.3333em;
    line-height: 1.25em
}

h2.fourty-space {
    font-size: 1.1666em;
    line-height: 1.1428em
}

h3.fourty-space {
    font-size: 1.0833em;
    line-height: 1.1428em
}

h4.fourty-space, h5.fourty-space, h6.fourty-space {
    line-height: 1.1em
}

h4.fourty-space {
    font-size: 1em
}

h5.fourty-space {
    font-size: .92px
}

h6.fourty-space {
    font-size: .8333em
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.clearer, .hidden, .no-margin {
    margin: 0 !important
}

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

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

.clearer {
    clear: both !important
}

.hidden {
    visibility: hidden !important;
    display: block !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.no-display {
    display: none
}

.no-float {
    float: none !important
}

.no-lpadding {
    padding-left: 0 !important
}

.no-rpadding {
    padding-right: 0 !important
}

.no-border {
    border: none !important
}

.full-width {
    width: 100% !important
}

img.full-width {
    height: auto
}

.underline {
    text-decoration: underline !important
}

.inline-block {
    display: inline-block !important
}

.visible-sms {
    display: none
}

.overflow-hidden {
    overflow: hidden
}

.blue-color {
    color: #01b7f2 !important
}

.light-blue-color {
    color: #7692b4
}

.yellow-color {
    color: #fcb714 !important
}

.red-color {
    color: #e01a33 !important
}

.green-color {
    color: #7db921 !important
}

.white-color {
    color: #fff !important
}

.dark-blue-color {
    color: #2d3e52 !important
}

.skin-color {
    color: #01b7f2
}

.default-color {
    color: inherit !important
}

.gray-color {
    color: #545454 !important
}

.hotel-color {
    color: #01b7f2
}

.select-color {
    color: #dc373e
}

.blue-bg {
    background-color: #01b7f2 !important
}

.yellow-bg {
    background-color: #fdb714 !important
}

.red-bg {
    background-color: #e01a33 !important
}

.green-bg {
    background-color: #69902b !important
}

.white-bg {
    background-color: #fff !important
}

.dark-blue-bg {
    background-color: #2d3e52 !important
}

.skin-bg {
    background-color: #01b7f2 !important
}

.gray-bg {
    background-color: #555 !important
}

.gray-area, section#content {
    background: #fff
}

#page-wrapper {
    position: relative;
    overflow: visible
}

.global-map-area .description p {
    color: #7c9abd
}

.global-map-area .description h1, .global-map-area .description h2, .global-map-area .description h3, .global-map-area .description h4, .global-map-area .description h5, .global-map-area .description h6 {
    color: #fff
}

section#content {
    text-align: left;
    position: relative
}

    section#content:after {
        display: table;
        content: "";
        clear: both
    }

.sm-section {
    padding-top: 30px;
    padding-bottom: 20px
}

.md-section {
    padding-top: 40px;
    padding-bottom: 30px
}

.section {
    padding-top: 20px;
    padding-bottom: 20px
}

.small-box {
    margin-bottom: 20px
}

.box {
    margin-bottom: 30px
}

.block {
    margin-bottom: 40px
}

.large-block {
    margin-bottom: 70px
}

article {
    margin-bottom: 20px
}

#main {
    margin-bottom: 20px;
}

.body-blank {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.banner, .selector {
    position: relative
}

.wrapper-blank {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%
}

.table-wrapper {
    display: table
}

    .table-wrapper .table-row {
        display: table-row;
        float: none !important
    }

    .table-wrapper .table-cell {
        display: table-cell;
        vertical-align: top;
        float: none !important
    }

        .table-wrapper .table-cell.content-middle {
            vertical-align: middle
        }

.imagebg-container {
    background-repeat: no-repeat;
    background-position: center center
}

.banner {
    z-index: 1;
    padding: 90px 0
}

    .banner .big-caption, .banner .med-caption {
        color: #fff;
        text-shadow: -2px 2px 3px rgba(0,0,0,.25)
    }

    .banner .big-caption {
        font-size: 4.1667em
    }

    .banner .med-caption {
        font-size: 2.9em
    }

.box-title {
    margin-bottom: 0;
    line-height: 1em
}

    .box-title small {
        font-size: 10px;
        color: #838383;
        display: block;
        margin-top: 4px
    }

        .box-title small [class^=soap-icon] {
            color: #fcb714;
            font-size: 1.3333em
        }

h2.box-title small {
    font-size: 11px
}

h1.box-title small {
    font-size: 12px
}

.s-title {
    color: #01b7f2
}

    .s-title a:hover {
        color: #40cbf8
    }

.m-title {
    margin: 0
}

.f-title {
    margin-bottom: 10px
}

.border-bottom {
    border-bottom: 1px solid #f5f5f5
}

.flex-viewport .slides li {
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0)
}

input.input-text, select, span.custom-select, textarea {
    background: #fff;
    line-height: normal;
    border: 1px solid #c3d4eb
}

input.input-text, span.custom-select, textarea {
    padding-left: 5px;
    padding-right: 15px;
    height: 34px
}

    input.input-text.input-large, span.custom-select.input-large, textarea.input-large {
        height: 43px;
        font-size: 1.1667em
    }

    input.input-text.input-medium, span.custom-select.input-medium, textarea.input-medium {
        height: 34px
    }

    input.input-text.input-small, span.custom-select.input-small, textarea.input-small {
        height: 28px
    }

    input.input-text.input-mini, span.custom-select.input-mini, textarea.input-mini {
        height: 19px
    }

    input.input-text.white, span.custom-select.white, textarea.white {
        background: #fff
    }

textarea {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px
}

select {
    -moz-appearance: none;
    padding: 8px 0 8px 8px;
    height: 37px
}

    select option {
        padding: 2px 10px
    }

.selector {
    min-width: 50px;
    line-height: 0
}

    .selector select {
        position: absolute;
        z-index: 1;
        opacity: 0;
        width: 100%;
        -webkit-appearance: menulist-button;
        line-height: 30px
    }

    .selector span.custom-select {
        display: inline-block;
        line-height: 38px;
        padding: 0 10px;
        position: relative;
        width: 100% !important;
        overflow: hidden;
        white-space: nowrap
    }

        .selector span.custom-select:before {
            position: absolute;
            right: 0;
            top: 0;
            content: '';
            width: 24px;
            height: 100%
        }

        .selector span.custom-select::after {
            position: absolute;
            right: 7px;
            top: 8px;
            content: "";
            padding: 7px;
            background-position: -113px -36px !important
        }

    .selector.style1 span.custom-select:before {
        background: 0 0
    }

    .selector.style1 span.custom-select:after {
        border-top-color: #dc373e
    }

.fileinput {
    position: relative;
    display: inline-block;
    min-width: 100px
}

    .fileinput input[type=file] {
        position: relative;
        z-index: 2;
        opacity: 0;
        width: 100%
    }

    .fileinput .custom-fileinput {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        line-height: normal
    }

    .fileinput:after {
        display: block;
        content: "BROWSE";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: #dc373e;
        color: #fff;
        font-size: 1em;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 700;
        vertical-align: middle
    }

.checkbox, .radio {
    position: relative;
    margin-top: 0;
    line-height: 20px
}

    .checkbox:before, .radio:before {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        width: 16px;
        height: 16px;
        border: 1px solid #a0a9b2;
        z-index: 0;
        line-height: 14px;
        text-align: center;
        font-size: 10px;
        border-radius: 0;
        background: #fff
    }

.top_search .checkbox::before {
    margin-top: 8px
}

.checkbox.checked::before, .radio.checked::before {
    border-color: #013057;
    color: #013057;
    content: "\f00c" !important;
    font-weight: 700;
    font-size: 13px
}

.barline {
    width: 17px;
    height: 2px;
    background-color: #c1c0c0;
    margin: 4px 6px;
    transition: .4s
}

.menu_circle {
    border: 2px solid #cac9c9;
    line-height: 30px;
    color: #bbbaba;
    font-size: 17px;
    padding-top: 4px;
    background: #fff !important
}

.checkbox label, .checkbox.label {
    font-size: 1.0833em;
    line-height: 20px;
    color: #404040
}

.checkbox input[type=checkbox] {
    position: relative;
    z-index: 1;
    opacity: 0
}

.radio label, .radio.label {
    font-size: .9167em;
    line-height: 20px
}

.radio input[type=radio] {
    position: relative;
    z-index: 1;
    opacity: 0
}

.radio:before {
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.3333em;
    line-height: 13px
}

.radio.radio-square:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: .9167em
}

a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width, button {
    font-weight: 500
}

form .checkbox label, form label.checkbox {
    font-size: 1.0833em;
    text-transform: none
}

.dropcap:first-letter, .price, .price-wrapper, .time, a.button.btn-extra, button.btn-extra, dl.term-description {
    text-transform: uppercase
}

form .radio label, form label.radio {
    font-size: .9167em
}

form .form-group {
    margin-bottom: 15px
}

.sidebar form .form-group {
    margin-bottom: 10px
}

.panel-content form label, .sidebar form label {
    font-size: .8333em;
    margin-bottom: 3px
}

a.button, button {
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0 15px;
    white-space: nowrap;
    border-radius: 3px
}

    a.button.btn-large, button.btn-large {
        padding: 0 32px;
        height: 43px;
        font-size: 1.1667em;
        line-height: 43px
    }

.quotationdiv a.button.btn-medium {
    padding: 0 15px
}

a.button.btn-medium, button.btn-medium {
    padding: 0 35px;
    height: 34px;
    line-height: 34px;
    font-size: 1em
}

a.button.btn-small, button.btn-small {
    height: 28px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 11px;
    border-radius: 3px
}

a.button.btn-mini, button.btn-mini {
    height: 19px;
    padding: 0 20px;
    font-size: .8333em;
    line-height: 19px
}

a.button.full-width, button.full-width {
    padding-left: 0;
    padding-right: 0
}

button {
    font-size: .9167em;
}

a.button {
    display: inline-block;
    font-size: .8333em;
    line-height: 1.8333em;
    white-space: nowrap;
    text-align: center
}

    a.button:hover {
        background: #0386ba
    }

    a.button.btn-mini {
        padding-left: 10px;
        padding-right: 10px
    }

    a.button.white, button.white {
        background: #fff;
        color: inherit
    }

    a.button.silver, button.silver {
        background: #d9d9d9
    }

    a.button.sky-blue1, button.sky-blue1 {
        background: #01b7f2
    }

        a.button.sky-blue1:hover, button.sky-blue1:hover {
            background: #07a5d8
        }

    a.button.yellow, button.yellow {
        background: #dc373e
    }

        a.button.yellow:hover, button.yellow:hover {
            background: #e9b02b
        }

    a.button.dark-blue1, button.dark-blue1 {
        background: #2d3e52
    }

    a.button.green, button.green {
        background: #69902b
    }

        a.button.green:hover, button.green:hover {
            background: #7fb231
        }

    a.button.red, button.red {
        background: #e44049
    }

    a.button.light-brown, button.light-brown {
        background: #e6c687
    }

    a.button.orange, button.orange {
        background: #ff6000
    }

    a.button.dull-blue, button.dull-blue {
        background: #12a0c3
    }

    a.button.light-orange, button.light-orange {
        background: #f5a77d
    }

    a.button.light-purple, button.light-purple {
        background: #db8df6
    }

    a.button.sea-blue, button.sea-blue {
        background: #0ab596
    }

    a.button.sky-blue2, button.sky-blue2 {
        background: #6dace6
    }

    a.button.dark-blue2, button.dark-blue2 {
        background: #194eb0
    }

    a.button.dark-orange, button.dark-orange {
        background: #ff3e3e
    }

    a.button.purple, button.purple {
        background: #9f60b5
    }

    a.button.light-yellow, button.light-yellow {
        background: #99cd44
    }

    a.button.btn-extra, button.btn-extra {
        font-size: 1em;
        height: 70px;
        padding: 0;
        background: 0 0;
        color: #fff;
        line-height: 1.5em;
        border: 1px solid #01b7f2;
        border-left: none;
        position: relative;
        overflow: hidden;
        letter-spacing: 0;
        display: inline-table;
        table-layout: fixed;
        margin-right: 10px;
        margin-bottom: 10px
    }

        a.button.btn-extra > i, button.btn-extra > i {
            width: 55px;
            vertical-align: middle;
            background: #01b7f2;
            color: #2d3e52;
            font-size: 36px;
            display: table-cell;
            height: 70px;
            text-align: right;
            padding-right: 8px
        }

            a.button.btn-extra > i:after, button.btn-extra > i:after {
                display: block;
                content: "";
                position: absolute;
                left: 55px;
                border-bottom: 70px solid #01b7f2;
                border-right: 16px solid transparent;
                top: 0;
                bottom: 0
            }

        a.button.btn-extra > span, button.btn-extra > span {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px 0 35px;
            text-align: left
        }

            a.button.btn-extra > span em, button.btn-extra > span em {
                color: #01b7f2;
                font-size: 1.6667em;
                font-weight: 700;
                font-style: normal
            }

        a.button.btn-extra:hover, button.btn-extra:hover {
            color: inherit;
            background: #fff;
            border: none;
            border-right: 1px solid transparent !important
        }

            a.button.btn-extra:hover > i, button.btn-extra:hover > i {
                color: #fff
            }

        a.button.btn-extra.blue, button.btn-extra.blue {
            border-color: #01b7f2
        }

            a.button.btn-extra.blue > i, button.btn-extra.blue > i {
                background: #01b7f2
            }

                a.button.btn-extra.blue > i:after, button.btn-extra.blue > i:after {
                    border-bottom-color: #01b7f2
                }

            a.button.btn-extra.blue > span em, button.btn-extra.blue > span em {
                color: #01b7f2
            }

        a.button.btn-extra.yellow > i:after, button.btn-extra.yellow > i:after {
            border-bottom-color: #dc373e
        }

        a.button.btn-extra.yellow > span em, button.btn-extra.yellow > span em {
            color: #dc373e
        }

.with-icon {
    position: relative;
    padding: 0 !important;
    display: inline-block
}

    .with-icon .icon {
        position: absolute;
        right: 0;
        top: 50%;
        margin: -17px 0 0 !important;
        width: 30px;
        font-size: 18px;
        color: #a4a4a4;
        background: 0 0;
        padding: 0 !important;
        height: auto
    }

    .with-icon .input-text {
        padding-right: 40px !important
    }

    .with-icon.input-large .icon {
        width: 43px;
        height: 43px;
        margin-top: -21px !important;
        font-size: 22px
    }

    .with-icon.input-large .input-text {
        padding-right: 48px !important
    }

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 15px 15px 15px 70px;
    color: #fff;
    font-size: 1.0833em;
    position: relative
}

    .alert:before {
        display: block;
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 20px
    }

.info-box > :last-child, .post-title {
    margin-bottom: 0
}

.alert.alert-general {
    background: #d9d9d9
}

    .alert.alert-general:before {
        content: "\e8bd"
    }

.alert.alert-notice {
    background: #f5cf77
}

    .alert.alert-notice::before {
        content: "\f071"
    }

.alert.alert-error {
    background: #f6bcc3
}

    .alert.alert-error:before {
        content: "\e8bc"
    }

.alert.alert-success {
    background: #bae675
}

    .alert.alert-success:before {
        content: "\e8ba"
    }

.alert.alert-help {
    background: #91e3fd
}

    .alert.alert-help:before {
        content: "\e876"
    }

.alert.alert-info {
    background: #bfc9f9
}

    .alert.alert-info:before {
        content: "\e818"
    }

.alert .close, .info-box .close {
    opacity: 1;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-shadow: none;
    float: none;
    position: absolute;
    top: 8px;
    right: 8px
}

    .alert .close:before, .info-box .close:before {
        content: "\f00d";
        font-family: FontAwesome
    }

.error-field {
    border: 1px solid red
}

.info-box {
    padding: 20px 25px;
    border: 1px solid #01b7f2;
    position: relative
}

    .info-box .close {
        color: #01b7f2
    }

    .info-box p {
        font-size: 1.1667em
    }

dl.term-description {
    font-size: .9167em
}

    dl.term-description dd, dl.term-description dt {
        line-height: 1.3333em;
        float: left;
        width: 50%;
        padding-top: .5em;
        padding-bottom: .5em
    }

    dl.term-description dt {
        border-right: 1px solid #f5f5f5;
        color: #01b7f2;
        font-weight: 400;
        padding-right: 5px;
        clear: both
    }

    dl.term-description dd {
        padding-left: 20px
    }

    dl.term-description:after {
        content: "";
        display: table;
        clear: both
    }

.dropcap:first-letter {
    float: left;
    color: #01b7f2;
    font-size: 4.153em;
    line-height: .8667em;
    padding: 0;
    margin-right: 6px;
    font-weight: 700;
    display: block
}

.dropcap.colored:first-letter {
    color: #fff;
    background: #01b7f2;
    padding: 4px;
    margin-top: 3px;
    margin-right: 10px
}

blockquote, q {
    quotes: '\201C' '\201D' '\2018' '\2019'
}

blockquote {
    font-size: 1.3333em;
    line-height: 1.6em;
    padding: 20px 20px 20px 40px;
    border-left: none;
    position: relative;
    text-indent: -19px
}

    blockquote p {
        font-size: 1em
    }

    blockquote:after, blockquote:before {
        font-family: Georgia,serif;
        font-size: 2.5em;
        vertical-align: middle;
        line-height: 0
    }

    blockquote:before {
        content: open-quote;
        margin-right: 4px
    }

    blockquote:after {
        content: close-quote;
        margin-left: 3px
    }

    blockquote.style1, blockquote.style2 {
        background: #fff;
        font-style: italic
    }

        blockquote.style1 p, blockquote.style2 p {
            display: inline
        }

    blockquote.style1 {
        border-left: 3px solid #dc373e;
        position: relative
    }

        blockquote.style1 > span.triangle:before {
            text-indent: 0;
            content: "\f0da";
            font-family: FontAwesome;
            color: #dc373e;
            position: absolute;
            left: -1px;
            top: 50%;
            margin-top: -11px;
            font-style: normal
        }

        blockquote.style1:after, blockquote.style1:before {
            color: #f5f5f5
        }

        blockquote.style1.border-color-blue {
            border-color: #01b7f2
        }

            blockquote.style1.border-color-blue > span.triangle:before {
                color: #01b7f2
            }

        blockquote.style1.border-color-yellow {
            border-color: #dc373e
        }

            blockquote.style1.border-color-yellow > span.triangle:before {
                color: #dc373e
            }

        blockquote.style1.quote-color-blue:after, blockquote.style1.quote-color-blue:before {
            color: #01b7f2
        }

        blockquote.style1.quote-color-yellow:after, blockquote.style1.quote-color-yellow:before {
            color: #dc373e
        }

    blockquote.style2 {
        color: #01b7f2
    }

        blockquote.style2:after, blockquote.style2:before {
            color: #dc373e
        }

.pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .pagination > li {
        float: left;
        height: 32px;
        margin-right: 6px;
        text-align: center;
        font-size: .9167em
    }

        .pagination > li.disabled > span {
            color: #fff;
            background: #d9d9d9
        }

            .pagination > li.disabled > span:hover {
                background: #d9d9d9
            }

        .pagination > li > a, .pagination > li > span {
            line-height: 32px;
            padding: 0 10px;
            color: #fff;
            border-radius: 0 !important;
            background: #d9d9d9;
            border: none;
            text-transform: uppercase;
            font-weight: 700
        }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
                color: #fff;
                background: #0098c9
            }

        .pagination > li.active > a, .pagination > li.active > span {
            background: #0098c9 !important
        }

        .pagination > li.first, .pagination > li.prev {
            margin-right: 10px
        }

        .pagination > li.last, .pagination > li.next {
            margin-left: 4px
        }

            .pagination > li.first > a, .pagination > li.last > a, .pagination > li.next > a, .pagination > li.prev > a {
                background: #69902b;
                padding: 0 15px
            }

                .pagination > li.first > a:hover, .pagination > li.last > a:hover, .pagination > li.next > a:hover, .pagination > li.prev > a:hover {
                    background: #fdb714
                }

            .pagination > li.first.disabled > a, .pagination > li.first.disabled > span, .pagination > li.last.disabled > a, .pagination > li.last.disabled > span, .pagination > li.next.disabled > a, .pagination > li.next.disabled > span, .pagination > li.prev.disabled > a, .pagination > li.prev.disabled > span {
                color: #fff;
                background: #d9d9d9
            }

.hover-effect {
    display: block;
    position: relative;
    background: 0 0;
    overflow: hidden
}

    .hover-effect:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        -moz-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
        -webkit-transform: rotateY(180deg) scale(.5,.5);
        -moz-transform: rotateY(180deg) scale(.5,.5);
        -ms-transform: rotateY(180deg) scale(.5,.5);
        -o-transform: rotateY(180deg) scale(.5,.5);
        transform: rotateY(180deg) scale(.5,.5);
        opacity: 0;
        background-color: rgba(1,183,242,.6)
    }

    .hover-effect img {
        display: block;
        position: relative;
        -moz-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out
    }

    .hover-effect:hover:after {
        visibility: visible;
        -webkit-transform: rotateY(0) scale(1,1);
        -moz-transform: rotateY(0) scale(1,1);
        -ms-transform: rotateY(0) scale(1,1);
        -o-transform: rotateY(0) scale(1,1);
        transform: rotateY(0) scale(1,1);
        opacity: 1
    }

.uplad_btn {
    background-color: #ccc;
    height: 100%;
    margin-left: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    left: 0
}

.hover-effect.style1:after, .selected-effect:after {
    content: "\e8ba";
    font-family: soap-icons;
    font-size: 1.6667em;
    line-height: 50px;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    text-align: center;
    left: 50%
}

.animated .hover-effect, .image-carousel.style2 .slides > li .hover-effect {
    z-index: 0
}

.hover-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.hover-effect.yellow:after {
    background-color: rgba(255,255,40,.6)
}

.hover-effect.style1:after {
    background: 0 0;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.hover-effect.style1:hover, .selected-effect {
    background: #01b7f2
}

    .hover-effect.style1:hover img {
        opacity: .5
    }

.selected-effect {
    display: block;
    position: relative;
    overflow: hidden
}

    .selected-effect img {
        opacity: .5
    }

    .selected-effect:after {
        position: absolute;
        background: 0 0;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.social-icons.icon-circle a, .social-icons.style2 a {
    -moz-border-radius: 50%
}

.social-icons li {
    float: left;
    text-align: center;
    overflow: hidden
}

    .social-icons li a {
        margin-right: 4px;
        display: inline-block;
        background: #d9d9d9;
        color: #fff;
        font-size: 1.3333em;
        -moz-transition: opacity .3s ease-in;
        -o-transition: opacity .3s ease-in;
        -webkit-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in
    }

        .social-icons li a:hover, .social-icons.style1 a:hover {
            background: #01b7f2
        }

    .social-icons li:last-child {
        margin-right: 0
    }

.social-icons.icon-circle a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.social-icons.style2 a {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.social-icons.full-width {
    display: block
}

    .social-icons.full-width li {
        display: table-cell;
        float: none;
        width: 1%;
        margin: 0;
        text-align: center
    }

.social-icons li:hover i {
    -webkit-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
    opacity: .5
}

.price {
    color: #01b7f2;
    font-size: 1.6667em;
    text-align: right;
    line-height: 1;
    display: block
}

    .price small {
        display: block;
        color: #838383;
        font-size: .5em
    }

.price-wrapper {
    font-weight: 400;
    font-size: .8333em;
    color: inherit;
    line-height: 1.3333em;
    margin: 0
}

    .price-wrapper .price-per-unit {
        color: #7db921;
        font-size: 1.4em;
        padding-right: 5px
    }

.time {
    font-size: .8333em;
    line-height: 19px
}

    .time [class^=soap-icon] {
        float: left;
        font-size: 18px;
        color: #dc373e;
        margin-right: 5px
    }

.badge-container .badge-content, .post-meta {
    font-size: .8333em;
    text-transform: uppercase
}

.sep {
    padding: 0 5px
}

.badge-container {
    position: relative;
    display: block
}

    .badge-container .badge-content {
        width: 42px;
        height: 42px;
        position: absolute;
        top: -10px;
        left: -10px;
        background: #e01a33;
        color: #fff;
        text-align: center;
        line-height: 1.0833em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50%;
        padding: 10px 0 0;
        margin: 0;
        font-weight: 700;
        z-index: 1
    }

        .badge-container .badge-content.right-side {
            right: -10px;
            left: auto
        }

    .badge-container img {
        margin: 0 !important
    }

.suggestions.image-carousel.style2 .slides > li {
    margin-right: 24px
}

    .suggestions.image-carousel.style2 .slides > li img {
        width: 100%;
        height: auto
    }

.suggestions .caption {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0
}

.travelo-box {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px
}

    .travelo-box.book-with-us-box li > :last-child, .travelo-box.contact-us-box .contact-address li > :last-child, .travelo-box > :last-child {
        margin-bottom: 0
    }

    .travelo-box .title {
        margin-bottom: 5px
    }

    .travelo-box .box-title {
        margin-bottom: 15px
    }

    .travelo-box.box-full {
        padding: 30px
    }

    .travelo-box.search-stories-box button {
        height: 34px;
        padding: 0 10px;
        font-size: 1em
    }

    .travelo-box.twitter-box .twitter-holder > ul li {
        border-bottom: 1px solid #f5f5f5;
        padding: 15px 0 15px 40px;
        position: relative
    }

        .travelo-box.twitter-box .twitter-holder > ul li:last-child {
            border: none
        }

        .travelo-box.twitter-box .twitter-holder > ul li:before {
            content: "\f099";
            font-family: FontAwesome;
            display: block;
            width: 32px;
            height: 32px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 1px solid #dc373e;
            color: #dc373e;
            line-height: 32px;
            text-align: center;
            position: absolute;
            left: 0;
            font-size: 16px
        }

        .travelo-box.contact-box .contact-details .contact-phone, .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a {
            color: #01b7f2
        }

            .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a:hover {
                text-decoration: underline
            }

    .travelo-box.contact-box .contact-details {
        margin: 0
    }

        .travelo-box.contact-box .contact-details .contact-phone > i {
            color: #dc373e
        }

        .travelo-box.contact-box .contact-details .contact-email {
            color: inherit
        }

    .travelo-box.book-with-us-box li, .travelo-box.contact-us-box .contact-address li {
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 0 10px 40px;
        position: relative
    }

        .travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
            position: absolute;
            font-size: 1.5em;
            color: #fdb714;
            left: 0;
            top: 12px
        }

        .travelo-box.book-with-us-box li .title, .travelo-box.contact-us-box .contact-address li .title, .travelo-box.contact-us-box .title {
            color: #2d3e52
        }

        .travelo-box.book-with-us-box li:last-child, .travelo-box.contact-us-box .contact-address li:last-child {
            border-bottom-width: 0;
            padding-bottom: 0
        }

        .travelo-box.book-with-us-box li:after, .travelo-box.contact-us-box .contact-address li:after {
            display: table;
            clear: both;
            content: ""
        }

    .travelo-box.contact-us-box .contact-address {
        margin-bottom: 25px
    }

        .travelo-box.contact-us-box .contact-address li {
            padding-left: 50px
        }

            .travelo-box.contact-us-box .contact-address li p {
                font-size: .8333em;
                text-transform: uppercase;
                margin-bottom: 0
            }

            .travelo-box.contact-us-box .contact-address li:last-child {
                border-bottom-width: 1px;
                padding-bottom: 10px
            }

    .travelo-box.contact-us-box .social-icons a {
        overflow: hidden
    }

        .travelo-box.contact-us-box .social-icons a:hover i:before {
            -webkit-animation: toBottomFromTop .4s forwards;
            -moz-animation: toBottomFromTop .4s forwards;
            animation: toBottomFromTop .4s forwards
        }

    .travelo-box.newsletter-box {
        padding: 20px 30px
    }

        .travelo-box.newsletter-box button {
            margin-right: 0 !important;
            margin-bottom: 0 !important
        }

        .travelo-box.newsletter-box .row > div {
            margin-bottom: 0 !important
        }

    .travelo-box.re-search-box label {
        font-size: .8333em;
        text-transform: uppercase;
        margin: 5px 0 0
    }

    .travelo-box.re-search-box button {
        text-transform: uppercase
    }

    .travelo-box.about-travelo-box .title {
        color: #01b7f2
    }

    .travelo-box.guarantee-box {
        text-align: center
    }

        .travelo-box.guarantee-box .guarantee-image {
            display: block;
            margin: 0 auto 15px
        }

    .travelo-box.insurance-benefits ul {
        font-size: .9167em
    }

        .travelo-box.insurance-benefits ul li {
            line-height: 3.6667em;
            border-bottom: 1px solid #f5f5f5;
            text-transform: uppercase
        }

            .travelo-box.insurance-benefits ul li:before {
                color: #d9d9d9
            }

            .travelo-box.insurance-benefits ul li.active:before, .travelo-box.insurance-benefits ul.hover li:hover:before {
                color: #dc373e
            }

.contact-details {
    font-style: normal
}

    .contact-details .contact-phone {
        color: #2d3e52;
        font-size: 1.6667em
    }

        .contact-details .contact-phone i {
            color: #01b7f2
        }

    .contact-details .contact-email {
        color: #01b7f2;
        font-size: 1.1667em;
        padding: 0 24px;
        line-height: 2em
    }

.middle-block {
    position: relative;
    display: block;
    overflow: hidden
}

    .middle-block .middle-item {
        position: absolute
    }

    .middle-block img.middle-item {
        max-width: none;
        min-width: 100%
    }

.column-2 > *, .column-3 > *, .column-4 > *, .column-5-no-margin > *, .column-5 > *, .constant-column-2 > *, .constant-column-3 > *, .constant-column-4 > *, .constant-column-5 > * {
    float: left
}

.column-2:after, .column-3:after, .column-4:after, .column-5-no-margin:after, .column-5:after, .constant-column-2:after, .constant-column-3:after, .constant-column-4:after, .constant-column-5:after {
    clear: both;
    content: "";
    display: table
}

ul.arrow li:before, ul.triangle li:before {
    content: "\00a0\00a0\00a0\00a0"
}

.column-5-no-margin > :nth-child(5n+1) {
    clear: both
}

.column-5-no-margin > * {
    width: 20%
}

.column-2 > *, .constant-column-2 > * {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-2 > :nth-child(2n), .constant-column-2 > :nth-child(2n) {
    margin-right: 0
}

.column-2 > :nth-child(2n+1), .constant-column-2 > :nth-child(2n+1) {
    clear: both
}

.column-3 > *, .constant-column-3 > * {
    width: 31.3333%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-3 > :nth-child(3n), .constant-column-3 > :nth-child(3n) {
    margin-right: 0
}

.column-3 > :nth-child(3n+1), .constant-column-3 > :nth-child(3n+1) {
    clear: both
}

.column-4 > *, .constant-column-4 > * {
    width: 22.75%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-4 > :nth-child(4n), .constant-column-4 > :nth-child(4n) {
    margin-right: 0
}

.column-4 > :nth-child(4n+1), .constant-column-4 > :nth-child(4n+1) {
    clear: both
}

.column-5 > *, .constant-column-5 > * {
    width: 17.6%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-5 > :nth-child(5n), .constant-column-5 > :nth-child(5n) {
    margin-right: 0
}

.column-5 > :nth-child(5n+1), .constant-column-5 > :nth-child(5n+1) {
    clear: both
}

ul.arrow, ul.arrow-square, ul.check, ul.check-circle, ul.check-square, ul.chevron, ul.circle, ul.decimal, ul.lower-latin, ul.triangle, ul.upper-latin, ul.upper-roman {
    line-height: 2em;
    font-size: 1em
}

    ul.arrow li.active, ul.arrow li.active:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before {
        color: #01b7f2
    }

    ul.arrow-square.hover li, ul.arrow.hover li, ul.check-circle.hover li, ul.check-square.hover li, ul.check.hover li, ul.chevron.hover li, ul.circle.hover li, ul.decimal.hover li, ul.lower-latin.hover li, ul.triangle.hover li, ul.upper-latin.hover li, ul.upper-roman.hover li {
        cursor: default
    }

ul.arrow, ul.arrow-square, ul.check, ul.check-circle, ul.check-square, ul.chevron, ul.circle, ul.triangle {
    list-style: none;
    padding: 0
}

    ul.arrow li:before, ul.arrow-square li:before, ul.check li:before, ul.check-circle li:before, ul.check-square li:before, ul.chevron li:before, ul.circle li:before, ul.triangle li:before {
        font-family: FontAwesome
    }

    ul.arrow li:before {
        margin-right: 10px;
        color: #01b7f2;
        background-position: -254px -28px
    }

    ul.triangle li:before {
        margin-right: 10px;
        color: #d9d9d9;
        display: block;
        float: left;
        font-size: 7px;
        background-position: -44px -196px
    }

    ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before {
        color: #01b7f2
    }

    ul.circle li:before {
        content: "\f111";
        margin-right: 10px;
        color: #01b7f2;
        display: block;
        float: left;
        font-size: 5px
    }

    ul.circle.bullet-yellow li:before {
        color: #dc373e
    }

    ul.circle.bullet-green li:before {
        color: #69902b
    }

    ul.circle.bullet-blue li:before {
        color: #01b7f2
    }

    ul.check li:before {
        content: "\e8ba";
        margin-right: 10px;
        color: #69902b;
        font-family: soap-icons;
        font-size: 1.3333em;
        line-height: 1em
    }

    ul.chevron li {
        padding-left: 30px !important;
        position: relative
    }

        ul.chevron li:before {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px;
            line-height: 20px;
            content: "\f054";
            color: #01b7f2;
            display: block;
            width: 20px;
            height: 20px;
            text-align: center;
            font-size: 10px;
            border: 1px solid #01b7f2;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50% 50% 50% 50%;
            border-radius: 50%
        }

    ul.arrow-square li:before {
        content: "\f178";
        margin-right: 10px;
        color: #fff;
        background: #01b7f2;
        padding: 0 2px 0 3px
    }

ul.decimal {
    counter-reset: item
}

    ul.decimal li:before {
        content: counters(item,".") "-";
        counter-increment: item;
        margin-right: 5px
    }

ul.check-circle li:before, ul.check-square li a:before {
    content: "\f00c";
    margin-right: 10px
}

ul.upper-roman {
    padding-left: 1.5em;
    list-style: upper-roman
}

ul.lower-latin {
    padding-left: 1.25em;
    list-style: lower-latin
}

ul.upper-latin {
    padding-left: 1.5em;
    list-style: upper-latin
}

    ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li, ul.upper-roman.bullet-colored li {
        color: #01b7f2
    }

        ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > *, ul.upper-roman.bullet-colored li > * {
            color: #838383
        }

ul.check-square li a::before {
    font-family: FontAwesome;
    background: #f0f7ff;
    color: #f0f7ff;
    font-size: 12px;
    border: 2px solid rgb(13,71,155,.5);
    border-radius: 4px
}

.filters-options li a {
    font-size: 14px;
    color: #5e6d77;
    width: 100%;
    display: inline-block
}

ul.check-square li.active {
    color: #000
}

    ul.check-square li.active > a {
        color: #5e6d77;
        font-size: 14px
    }

    ul.check-square li.active a::before {
        color: #fff;
        border: 0;
        background: #115A9C;
        padding-left: 3px;
        line-height: 17px
    }

ul.check-circle li:before {
    display: inline-block;
    color: #fff;
    font-family: soap-icons;
    background: #dc373e;
    vertical-align: baseline;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px
}

.toggle-container {
    background: #fff
}

    .toggle-container .panel {
        margin-bottom: 0;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        border-bottom: 2px solid #f5f5f5;
        position: relative
    }

        .toggle-container .panel:last-child {
            border: none
        }

        .toggle-container .panel .panel-title {
            padding: 0;
            color: #2d3e52;
            font-size: 1.1667em;
            position: relative
        }

            .toggle-container .panel .panel-title a {
                white-space: normal;
                display: block;
                padding: 7px
            }

        .toggle-container .panel h1.panel-title {
            font-size: 2em
        }

        .toggle-container .panel h2.panel-title {
            font-size: 1.6667em
        }

        .toggle-container .panel h3.panel-title {
            font-size: 1.5em
        }

        .toggle-container .panel h4.panel-title {
            font-size: 1.3333em
        }

        .toggle-container .panel h5.panel-title {
            font-size: 1.1667em
        }

        .toggle-container .panel h6.panel-title {
            font-size: 1em
        }

        .toggle-container .panel.style1 .panel-title > a {
            line-height: 24px
        }

            .toggle-container .panel.style1 .panel-title > a:before {
                display: block;
                content: "-";
                font-family: arial;
                margin-right: 16px;
                line-height: 22px;
                font-size: 24px;
                float: left;
                width: 24px;
                height: 24px;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50% 50% 50% 50%;
                border-radius: 50%
            }

            .toggle-container .panel.style1 .panel-title > a.collapsed:before {
                content: "+";
                background: #fff;
                font-size: 17px;
                font-weight: 700 !important;
                font-family: arial;
                line-height: 24px;
                color: #013057
            }

        .toggle-container .panel.style1 .panel-content {
            padding: 10px 15px 15px 55px
        }

        .toggle-container .panel.style1.arrow-right .panel-title {
            position: relative
        }

            .toggle-container .panel.style1.arrow-right .panel-title > a {
                padding-right: 36px
            }

                .toggle-container .panel.style1.arrow-right .panel-title > a:before {
                    float: none;
                    position: absolute;
                    right: 0;
                    height: 16px;
                    line-height: 17px;
                    width: 16px;
                    font-size: 9px;
                    border: none;
                    margin-top: -8px;
                    top: 50%
                }

        .toggle-container .panel.style1.arrow-right .panel-content {
            padding: 10px 15px
        }

        .toggle-container .panel.style2 .panel-title {
            padding: 0
        }

            .toggle-container .panel.style2 .panel-title > a {
                display: block;
                line-height: normal;
                padding: 15px 20px;
                color: #01b7f2
            }

                .toggle-container .panel.style2 .panel-title > a.collapsed {
                    color: inherit;
                    position: relative
                }

                    .toggle-container .panel.style2 .panel-title > a.collapsed:hover {
                        color: #01b7f2
                    }

                .toggle-container .panel.style2 .panel-title > a:after {
                    content: "\f068";
                    font-family: FontAwesome;
                    font-size: 10px;
                    width: 30px;
                    height: 30px;
                    display: block;
                    position: absolute;
                    right: 15px;
                    bottom: 0;
                    color: #9e9e9e;
                    background: #f5f5f5;
                    text-align: center;
                    line-height: 30px
                }

                .toggle-container .panel.style2 .panel-title > a.collapsed:after {
                    content: "\f067";
                    color: #fff;
                    background: #01b7f2
                }

        .toggle-container .panel.style2 .panel-content {
            padding: 0 15px 30px 20px
        }

    .toggle-container.with-image > .image-container {
        background: #01b7f2
    }

        .toggle-container.with-image > .image-container > img {
            width: 100%;
            height: auto
        }

    .toggle-container.with-image .panel > img {
        display: none
    }

    .toggle-container.with-image .panel-title > a {
        color: #01b7f2
    }

        .toggle-container.with-image .panel-title > a.collapsed {
            color: inherit
        }

            .toggle-container.with-image .panel-title > a.collapsed:hover {
                color: #01b7f2
            }

.tab-wrapper {
    background: #fff
}

    .tab-wrapper .tab-container .tab-content .tab-pane {
        padding-left: 0;
        padding-right: 0
    }

.tab-pane [class*="col-"], .tab-pane [class^=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.tab-pane .row {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px
}

.tab-container ul.tabs {
    margin: 0;
    padding: 0
}

    .tab-container ul.tabs li {
        float: left;
        padding-right: 4px
    }

        .tab-container ul.tabs li:last-child {
            padding-right: 0
        }

        .tab-container ul.tabs li a {
            color: #fff;
            display: block;
            padding: 0 20px;
            background: #fdb714;
            font-size: 1em;
            font-weight: 700;
            height: 40px;
            line-height: 40px;
            text-decoration: none;
            text-transform: uppercase;
            white-space: nowrap
        }

        .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
            color: #01b7f2;
            background: #fff
        }

    .tab-container ul.tabs.full-width {
        display: block
    }

        .tab-container ul.tabs.full-width li {
            float: none;
            display: table-cell;
            vertical-align: middle;
            width: 1%
        }

    .tab-container .tab-content .tab-pane:after, .tab-container ul.tabs:after {
        display: table;
        clear: both;
        content: ""
    }

    .tab-container ul.tabs.full-width li a {
        padding: 0;
        text-align: center
    }

.tab-container .tab-content {
    background: #fff
}

    .tab-container .tab-content .tab-pane {
        padding: 20px;
        line-height: 1.7em
    }

        .tab-container .tab-content .tab-pane .row {
            margin-bottom: 15px
        }

        .tab-container .tab-content .tab-pane > img {
            margin: 0 15px 0 0
        }

        .tab-container .tab-content .tab-pane .image-box .details {
            padding-right: 0
        }

.tab-container.style1 ul.tabs {
    display: block;
    background: #fff;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #f5f5f5
}

    .tab-container.style1 ul.tabs li {
        padding-right: 10px
    }

        .tab-container.style1 ul.tabs li a {
            height: 30px;
            line-height: 30px;
            background: #f1f1f1;
            padding: 0 18px;
            color: #9e9e9e;
            font-size: .9167em;
            font-weight: 700
        }

        .tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a {
            color: #013057;
            background: #eef4fd;
            position: relative;
            border: 1px solid #cdddf5
        }

            .tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after {
                position: absolute;
                bottom: -5px;
                left: 50%;
                margin-left: -10px;
                border-top: 5px solid #1289d8;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                content: ""
            }

            .tab-container.style1 ul.tabs li:hover > a:after {
                display: none
            }

        .tab-container.style1 ul.tabs li.active:hover > a:after {
            display: block
        }

    .tab-container.style1 ul.tabs.full-width li a {
        padding: 0
    }

.tab-container.trans-style {
    position: relative;
    z-index: 1;
    margin-top: -40px
}

    .tab-container.trans-style ul.tabs {
        padding: 0 10px
    }

        .tab-container.trans-style ul.tabs li a {
            opacity: .55;
            background: #fff;
            color: #000;
            overflow: hidden
        }

            .tab-container.trans-style ul.tabs li a i {
                font-size: 16px;
                vertical-align: middle;
                margin-right: 10px
            }

                .tab-container.trans-style ul.tabs li a i[class^=soap-icon] {
                    font-size: 20px
                }

            .tab-container.trans-style ul.tabs li a:hover {
                opacity: .8;
                color: #01b7f2
            }

                .tab-container.trans-style ul.tabs li a:hover i {
                    -webkit-animation: toTopFromBottom .3s forwards;
                    -moz-animation: toTopFromBottom .3s forwards;
                    animation: toTopFromBottom .3s forwards
                }

        .tab-container.trans-style ul.tabs li.active a {
            opacity: 1;
            color: #01b7f2
        }

            .tab-container.trans-style ul.tabs li a:hover i, .tab-container.trans-style ul.tabs li.active a i {
                color: #dc373e
            }

.tab-container.full-width-style ul.tabs {
    width: 14%;
    float: left
}

    .tab-container.full-width-style ul.tabs:after {
        display: none;
        clear: none
    }

    .tab-container.full-width-style ul.tabs li {
        float: none;
        margin: 0;
        padding-right: 0
    }

        .tab-container.full-width-style ul.tabs li a {
            height: 100px;
            display: block;
            border-bottom: 3px solid #f5f5f5;
            border-right: 3px solid #f5f5f5;
            background: #fff;
            color: inherit;
            font-size: 1.1667em;
            text-transform: none;
            font-weight: 400;
            text-align: center;
            padding-top: 20px;
            line-height: 2em
        }

.icon-box, .image-box.style3 .details .offers-content, .promo-box .action-section button {
    text-transform: uppercase
}

.tab-container.full-width-style ul.tabs li a > i {
    color: #d9d9d9;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.5em;
    overflow: hidden
}

.tab-container.full-width-style ul.tabs li a:hover i:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

.tab-container.full-width-style ul.tabs li a:hover, .tab-container.full-width-style ul.tabs li.active a {
    color: #2d3e52
}

    .tab-container.full-width-style ul.tabs li a:hover i, .tab-container.full-width-style ul.tabs li.active a i {
        color: #fdb714;
        border-color: #fdb714
    }

.tab-container.full-width-style.arrow-left ul.tabs li {
    margin-bottom: 4px
}

    .tab-container.full-width-style.arrow-left ul.tabs li a {
        border: none;
        margin-right: 4px
    }

    .tab-container.full-width-style.arrow-left ul.tabs li.active a {
        margin-right: 0;
        border-left: 2px solid #dc373e;
        position: relative
    }

        .tab-container.full-width-style.arrow-left ul.tabs li.active a:after {
            display: block;
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -5px;
            border-left: 3px solid #dc373e;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent
        }

.tab-container.full-width-style.arrow-left .tab-content .tab-pane {
    padding: 30px
}

.tab-container.full-width-style .tab-content {
    float: left;
    width: 86%
}

    .tab-container.full-width-style .tab-content .tab-content-title {
        color: #1077bd
    }

.tab-container.full-width-style:after {
    display: table;
    content: "";
    clear: both
}

.promo-box {
    margin: 0 0 30px;
    overflow: hidden
}

    .promo-box .table-wrapper {
        width: 100%;
        margin: 0
    }

    .promo-box .m-title {
        font-size: 2em;
        color: #fff;
        line-height: 1.5em;
        margin: 0
    }

        .promo-box .m-title em {
            font-size: 1.28em;
            font-weight: 700;
            font-style: normal
        }

            .promo-box .m-title em i {
                font-weight: 400
            }

    .promo-box .action-section {
        padding: 20px 0 0;
        text-align: right
    }

        .promo-box .action-section form .row > div {
            margin-bottom: 10px
        }

    .promo-box .image-container {
        padding: 0;
        float: none;
        position: relative;
        text-align: center
    }

        .promo-box .image-container img {
            position: absolute;
            left: 0;
            visibility: hidden;
            height: auto
        }

    .promo-box .table-wrapper {
        height: 100%
    }

    .promo-box .table-cell {
        vertical-align: middle
    }

    .promo-box .content-section {
        padding: 40px 0;
        z-index: 1;
        position: relative
    }

.flexslider .slides li {
    display: none
}

.image-carousel.style2 .flex-direction-nav, .photo-gallery .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -40px;
    width: 72px;
    height: 22px;
    z-index: 2;
}

    .image-carousel.style2 .flex-direction-nav li a, .photo-gallery .flex-direction-nav li a {
        width: 30px;
        height: 22px;
        background: #0d479b;
        color: #fff;
        text-indent: -9999px;
        text-align: left;
        position: static;
        float: left;
        margin: 0;
        opacity: 1 !important;
        -moz-transition: none 1s ease-in-out;
        -o-transition: none 1s ease-in-out;
        -webkit-transition: none 1s ease-in-out;
        transition: none 1s ease-in-out
    }

        .image-carousel.style2 .flex-direction-nav li a:before, .photo-gallery .flex-direction-nav li a:before {
            position: absolute;
            display: block;
            font-family: FontAwesome;
            text-indent: 0;
            font-size: 12px;
            line-height: 22px
        }

        .image-carousel.style2 .flex-direction-nav li a.flex-prev, .photo-gallery .flex-direction-nav li a.flex-prev {
            margin-right: 10px
        }

            .image-carousel.style2 .flex-direction-nav li a.flex-prev:before, .photo-gallery .flex-direction-nav li a.flex-prev:before {
                content: "\f177";
                left: 8px
            }

        .image-carousel.style2 .flex-direction-nav li a.flex-next:before, .photo-gallery .flex-direction-nav li a.flex-next:before {
            content: "\f178";
            right: 9px
        }

        .image-carousel.style2 .flex-direction-nav li a.flex-disabled, .photo-gallery .flex-direction-nav li a.flex-disabled {
            background: #d9d9d9
        }

.travelo-box > .image-carousel.style2 .flex-direction-nav {
    top: -60px
}

.photo-gallery {
    background: #fff;
    box-shadow: none;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .image-style.style2 .image-block li, .photo-gallery .flex-control-nav > li a {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }

    .photo-gallery img {
        width: 100%;
        min-height: 500px;
        max-height: 500px;
        object-fit: contain;
    }

    .photo-gallery .slides > li {
        display: none;
        overflow: hidden;
        position: relative
    }

    .photo-gallery .flex-control-nav {
        width: auto;
        position: absolute;
        right: 30px;
        bottom: 30px
    }

        .photo-gallery .flex-control-nav > li {
            float: left;
            margin-left: 5px;
            margin-right: 0
        }

            .photo-gallery .flex-control-nav > li a {
                display: block;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                border: 1px solid #fff;
                text-indent: -9999px;
                cursor: pointer;
                background: rgba(255,255,255,0);
                box-shadow: none
            }

    .image-carousel .slides > li, .image-carousel.style1 .flex-control-nav, .photo-gallery.style1 .flex-control-nav, .photo-gallery.style1 .flex-direction-nav, .photo-gallery.style3 .flex-control-nav, .photo-gallery.style4 .flex-direction-nav {
        display: none
    }

    .photo-gallery .flex-control-nav > li a.flex-active {
        background: #dc373e;
        border-color: #dc373e
    }

    .photo-gallery.style3 .flex-direction-nav {
        right: 10px;
        bottom: 10px;
        top: auto
    }

    .photo-gallery.style4 .flex-control-nav {
        right: 25px;
        bottom: 25px;
        top: auto
    }

.image-carousel {
    position: relative;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: 0 0
}

    .image-carousel.style1 {
        padding: 10px 45px;
        background: #fff
    }

        .image-carousel.style1 .slides > li {
            margin-right: 10px;
            height: 70px;
            cursor: pointer;
            overflow: hidden
        }

            .image-carousel.style1 .slides > li:last-child {
                margin-right: 0
            }

            .image-carousel.style1 .slides > li img {
                height: 100%;
                width: auto;
                max-width: none;
                opacity: .5;
                -moz-transition: opacity .3s ease-in;
                -o-transition: opacity .3s ease-in;
                -webkit-transition: opacity .3s ease-in;
                transition: opacity .3s ease-in
            }

            .image-carousel.style1 .slides > li.flex-active-slide img, .image-carousel.style1 .slides > li:hover img {
                opacity: 1
            }

        .image-carousel.style1 .flex-direction-nav {
            position: static;
            width: 0;
            height: 0
        }

            .image-carousel.style1 .flex-direction-nav li a {
                background: #0D479B;
                float: none;
                width: 25px;
                height: auto;
                position: absolute;
                top: 10px;
                bottom: 10px;
                margin: 0;
                opacity: 1 !important;
                text-indent: -9999px;
                text-align: left;
                color: #fff;
                -moz-transition: background .2s ease-in;
                -o-transition: background .2s ease-in;
                -webkit-transition: background .2s ease-in;
                transition: background .2s ease-in
            }

                .image-carousel.style1 .flex-direction-nav li a:hover {
                    background: #0D479B
                }

                .image-carousel.style1 .flex-direction-nav li a:before {
                    display: block;
                    position: absolute;
                    left: 9px;
                    top: 50%;
                    margin-top: -6px;
                    text-indent: 0;
                    font-family: FontAwesome;
                    font-size: 12px;
                    line-height: 1;
                    text-shadow: none
                }

                .image-carousel.style1 .flex-direction-nav li a.flex-prev {
                    left: 10px
                }

                    .image-carousel.style1 .flex-direction-nav li a.flex-prev:before {
                        content: "\f053"
                    }

                .image-carousel.style1 .flex-direction-nav li a.flex-next {
                    right: 10px
                }

                    .image-carousel.style1 .flex-direction-nav li a.flex-next:before {
                        content: "\f054"
                    }

                .image-carousel.style1 .flex-direction-nav li a.flex-disabled {
                    background: #f5f5f5;
                    color: #9e9e9e
                }

    .image-carousel.style2 .slides > li {
        margin-right: 30px
    }

        .image-carousel.style2 .slides > li:last-child {
            margin-right: 0
        }

        .image-carousel.style2 .slides > li .hover-effect img {
            position: relative
        }

        .image-carousel.style2 .slides > li .hover-effect .caption {
            opacity: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 33px;
            line-height: 33px;
            overflow: hidden;
            padding: 0;
            text-align: center;
            right: 0;
            z-index: 3;
            margin: 0;
            background: #2d3e52;
            color: #fff;
            font-size: 1.1667em;
            -webkit-transform: translate3d(0,100%,0);
            -moz-transform: translate3d(0,100%,0);
            -ms-transform: translate3d(0,100%,0);
            -o-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            -moz-transition: -moz-transform .35s;
            -o-transition: -o-transform .35s;
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s
        }

        .image-carousel.style2 .slides > li .hover-effect:hover .caption {
            opacity: 1;
            display: block;
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .image-carousel.style2 .flex-control-nav, .image-carousel.style3 .flex-control-nav {
        display: none
    }

    .image-carousel.style2.row-2 li > a:first-child, .image-carousel.style3 {
        margin-bottom: 30px
    }

        .image-carousel.style3 .slides, .image-carousel.style3 .slides > li .box {
            margin-bottom: 0
        }

            .image-carousel.style3 .slides > li {
                margin-right: 30px
            }

                .image-carousel.style3 .slides > li:last-child {
                    margin-right: 0
                }

        .image-carousel.style3 .flex-direction-nav {
            position: static;
            width: 0;
            height: 0
        }

            .image-carousel.style3 .flex-direction-nav li a {
                width: 40px;
                height: 40px;
                border: 2px solid;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50% 50% 50% 50%;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                margin-top: -20px;
                background: 0 0;
                color: #d9d9d9;
                opacity: 1;
                text-shadow: none;
                text-align: left !important;
                text-indent: -9999px
            }

                .image-carousel.style3 .flex-direction-nav li a:before {
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    right: 0;
                    text-align: center;
                    line-height: 36px;
                    font-family: soap-icons;
                    text-indent: 0;
                    font-size: 24px
                }

                .image-carousel.style3 .flex-direction-nav li a.flex-prev {
                    left: -80px
                }

                    .image-carousel.style3 .flex-direction-nav li a.flex-prev:before {
                        content: "\e87b"
                    }

                .image-carousel.style3 .flex-direction-nav li a.flex-next {
                    right: -80px
                }

                    .image-carousel.style3 .flex-direction-nav li a.flex-next:before {
                        content: "\e887"
                    }

                .image-carousel.style3 .flex-direction-nav li a:hover {
                    color: #fff
                }

                .image-carousel.style3 .flex-direction-nav li a.flex-disabled {
                    color: #838383
                }

.image-style {
    position: relative;
    background: #fff;
    padding: 30px 0 30px 30px
}

    .image-style.style1:after, .image-style.style1:before {
        content: "";
        position: absolute;
        right: -60px;
        display: block
    }

    .image-style.large-font {
        font-size: 1.2307em
    }

    .image-style.style1 {
        margin-right: 60px
    }

        .image-style.style1 .image-block {
            margin-right: 25px
        }

        .image-style.style1 .title {
            font-size: 1.875em;
            margin-bottom: 30px
        }

        .image-style.style1 ul li {
            margin: 0 10px 10px 0;
            width: 80px;
            height: 80px
        }

            .image-style.style1 ul li a img, .image-style.style2 .image-block li a img {
                height: 100%;
                max-width: none
            }

            .image-style.style1 ul li a {
                overflow: hidden;
                display: block
            }

        .image-style.style1:before {
            width: 60px;
            background-color: #f7f7f7;
            bottom: 60px;
            top: 0
        }

        .image-style.style1:after {
            bottom: 0;
            border-top: 60px solid #d9d9d9;
            border-right: 60px solid transparent
        }

    .image-style.style2 p {
        line-height: 1.5em
    }

    .image-style.style2 .title {
        font-size: 1.25em;
        color: #01b7f2;
        margin-top: 20px
    }

    .image-style.style2 .image-block {
        padding-left: 50px;
        position: relative;
        min-height: 200px
    }

        .image-style.style2 .image-block li {
            position: absolute;
            border-radius: 50%;
            padding: 5px;
            background: #fff;
            border: 1px solid #bfbfbf
        }

            .icon-box.style7 > i, .image-style.style2 .image-block li a {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%
            }

            .image-style.style2 .image-block li a {
                display: block;
                border-radius: 50%;
                overflow: hidden;
                -webkit-transform: translateZ(0)
            }

.image-box .box, .image-box.box {
    text-align: left;
    background: #fff;
    margin-bottom: 30px
}

    .image-box .box img, .image-box.box img {
        width: 100%;
        height: auto
    }

    .image-box .box > .details, .image-box.box > .details {
        padding: 12px 15px
    }

        .image-box .box > .details > :last-child, .image-box.box > .details > :last-child {
            margin-bottom: 0
        }

    .image-box .box .box-title, .image-box.box .box-title {
        margin-bottom: 10px;
        color: #2d3e52
    }

.image-box.style1 .box-title, .image-box.style10 .box-title {
    margin-bottom: 0
}

.image-box.style12 .opacity-wrapper, .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #dc373e;
    opacity: .6;
    width: 100%;
    height: 100%
}

.image-box.style2 .box:after, .image-box.style2.box:after, .image-box.style4 .details:after {
    content: "";
    display: table;
    clear: both
}

.image-box.style2 figure {
    float: left;
    width: 250px
}

.image-box.style2 .details {
    padding: 20px 20px 10px 270px
}

    .image-box.style2 .details p {
        margin-bottom: 20px
    }

.image-box.style3 .details {
    padding: 15px
}

    .image-box.style3 .details .box-title {
        margin-bottom: 0
    }

    .image-box.style3 .details .offers-content {
        font-size: .8333em;
        margin-bottom: 0
    }

    .image-box.style3 .details .description {
        border-top: 1px solid #f5f5f5;
        padding-top: 10px
    }

.image-box.style4 .details .box-title {
    float: left;
    margin: 0
}

.image-box.style4 .details .goto-detail {
    float: right;
    color: #69902b;
    font-weight: 700;
    font-size: 16px
}

.image-box.style11 .box, .image-box.style11.box, .image-box.style5 .box, .image-box.style5.box {
    position: relative
}

.image-box.style11 figure, .image-box.style5 figure {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 0
}

    .image-box.style11 figure figcaption, .image-box.style5 figure figcaption {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 10px;
        padding: 5px 20px;
        min-width: 130px;
        -moz-transition: -moz-transform .35s;
        -o-transition: -o-transform .35s;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(-5%,0,0);
        -moz-transform: translate3d(-5%,0,0);
        -ms-transform: translate3d(-5%,0,0);
        -o-transform: translate3d(-5%,0,0);
        transform: translate3d(-5%,0,0)
    }

        .image-box.style11 figure figcaption .caption-title, .image-box.style5 figure figcaption .caption-title {
            margin: 0;
            color: #fff;
            line-height: 1.1em
        }

        .image-box.style11 figure figcaption span, .image-box.style5 figure figcaption span {
            color: #dc373e;
            text-transform: uppercase;
            font-size: .8333em;
            letter-spacing: normal !important
        }

    .image-box.style11 figure:hover figcaption, .image-box.style5 figure:hover figcaption {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .image-box.style11 figure:hover a:before, .image-box.style5 figure:hover a:before {
        opacity: 1
    }

    .image-box.style11 figure a, .image-box.style5 figure a {
        display: block
    }

        .image-box.style11 figure a:before, .image-box.style5 figure a:before {
            position: absolute;
            z-index: 2;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            right: 0;
            bottom: 0;
            height: 100%;
            background: rgba(1,183,242,.3);
            opacity: 0;
            -moz-transition: all .4s ease-out;
            -o-transition: all .4s ease-out;
            -webkit-transition: all .4s ease-out;
            transition: all .4s ease-out
        }

.image-box.style11 .details .detail:after, .image-box.style14 .box:after, .image-box.style14.box:after, .image-box.style5 .details .detail:after, .image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style8 .box:after, .image-box.style8.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style11 .details, .image-box.style5 .details {
    padding: 0
}

    .image-box.style11 .details .detail, .image-box.style5 .details .detail {
        margin: 0;
        border-top: 1px solid #f5f5f5;
        padding: 10px 20px
    }

        .image-box.style11 .details .detail:first-child, .image-box.style5 .details .detail:first-child {
            border: none
        }

        .image-box.style11 .details .detail .box-title, .image-box.style5 .details .detail .box-title {
            line-height: 40px;
            margin: 0
        }

.image-box.style14 figure, .image-box.style6 figure {
    padding: 0
}

.image-box.style14 .details, .image-box.style6 .details {
    margin-bottom: 0 !important;
    padding: 20px 30px;
    line-height: 1.7em
}

.image-box.style7 .box, .image-box.style7.box {
    background: #fff;
    margin-bottom: 30px
}

    .image-box.style7 .box .details p, .image-box.style7.box .details p, .image-box.style9 .box-title {
        margin: 0
    }

    .image-box.style7 .box figure, .image-box.style7.box figure {
        height: 72px
    }

    .image-box.style7 .box .details, .image-box.style7.box .details {
        padding: 20px 20px 25px;
        font-size: 1.0833em
    }

.image-box.style8 .box {
    background: 0 0
}

.image-box.style8 figure {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden
}

    .image-box.style8 figure img {
        height: 100%;
        width: auto;
        max-width: none
    }

.image-box.style8 .details {
    width: 75%;
    float: left;
    padding: 20px;
    background: #fff
}

.image-box.style9 figure a {
    position: relative;
    display: block;
    width: 100%
}

.image-box.style9 figure img {
    width: 100%;
    height: auto
}

.image-box.style9 .button, .image-box.style9 .description {
    margin-top: 20px
}

.image-box.style9 .details {
    background: #fff;
    padding: 15px;
    text-align: center
}

.image-box.style10 .details a.button {
    margin-top: 5px;
    float: right
}

.image-box.style11 .box > .details {
    padding: 15px
}

.image-box.style12 .box, .image-box.style12.box {
    display: table
}

.image-box.style12 .action, .image-box.style12 .details, .image-box.style12 figure {
    display: table-cell;
    vertical-align: top
}

.image-box.style12 figure {
    margin-right: 30px;
    max-width: 30%
}

    .image-box.style12 figure a {
        position: relative;
        display: inline-block;
        height: 100%
    }

    .image-box.style12 figure img {
        width: auto;
        max-width: 150px
    }

.listing-style1.car figure img, .listing-style1.flight figure img {
    max-width: 100%
}

.image-box.style12 .details {
    border-right: 1px solid #f5f5f5;
    padding: 12px 20px 10px 25px;
    width: 100%
}

    .image-box.style12 .details > :last-child {
        margin-bottom: 0
    }

.image-box.style12 .action {
    padding: 15px
}

    .image-box.style12 .action .price {
        text-align: center;
        float: none;
        margin: 0 0 10px
    }

.image-box.style13 .box, .image-box.style13.box, .image-box.style14 .box-title, .sidebar .image-box.style14 {
    margin-bottom: 0
}

.image-box.style12 .action a.button, .image-box.style12 .action button {
    padding: 0 10px
}

.image-box.style12 .image-wrapper {
    position: relative;
    overflow: hidden;
    display: block
}

.image-box.style13 figure {
    float: left;
    margin-right: 15px
}

.image-box.style13 .details {
    padding: 0 15px
}

.image-box.style13 .action {
    float: right
}

    .image-box.style13 .action .button {
        padding: 0 10px
    }

.image-box.style13 .price {
    float: none
}

.image-box.style13 .box:after, .image-box.style13.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style14 figure {
    float: left;
    width: 63px
}

.image-box.style14 .details {
    margin-left: 63px;
    padding: 15px 15px 0
}

.image-box.style14 .price {
    float: none;
    text-align: left;
    display: inline;
    font-size: 1.4em
}

.image-box.style14 .box-title small {
    line-height: 1em
}

.image-box.style12 .opacity-wrapper, .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper {
    cursor: pointer;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.image-box.style12 figure, .image-box.style7 figure, .image-box.style8 figure {
    overflow: hidden;
    z-index: 0
}

    .image-box.style12 figure img, .image-box.style7 figure img, .image-box.style8 figure img {
        -moz-transition: -moz-transform .35s;
        -o-transition: -o-transform .35s;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

    .image-box.style12 figure:hover img, .image-box.style7 figure:hover img, .image-box.style8 figure:hover img {
        -webkit-transform: scale(1.07,1.07);
        -moz-transform: scale(1.07,1.07);
        -ms-transform: scale(1.07,1.07);
        -o-transform: scale(1.07,1.07);
        transform: scale(1.07,1.07)
    }

    .image-box.style12 figure:hover .opacity-wrapper, .image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper {
        opacity: 0
    }

.sidebar .image-box.style14 .box {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

    .sidebar .image-box.style14 .box:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.icon-box > i {
    text-align: center
}

.icon-box.style1 {
    height: 42px;
    background: #fff;
    line-height: 42px;
    font-size: .9167em
}

    .icon-box.style1 > i {
        display: block;
        width: 42px;
        float: left;
        background: #dc373e;
        line-height: 42px;
        color: #fff;
        font-size: 2em;
        margin-right: 15px
    }

.icon-box.style2 {
    color: #115A9C;
    display: flex
}

    .icon-box.style2 > i {
        font-size: 1.5em;
        margin-right: 10px;
        color: #0386ba
    }

.icon-box.style3 {
    background: #fff;
    text-align: center;
    margin-bottom: 10px
}

    .icon-box.style3 .numbers {
        font-size: 5em;
        color: #2d3e52;
        padding: 20px 0;
        font-weight: 300
    }

        .icon-box.style3 .numbers i {
            margin-right: 10px
        }

    .icon-box.style3 .description {
        border-top: 1px solid #f5f5f5;
        font-weight: 700;
        padding: 6px 0
    }

.icon-box.style4, .icon-box.style8, .icon-box.style9 {
    text-align: center;
    text-transform: none
}

    .icon-box.style4 > i, .icon-box.style8 > i, .icon-box.style9 > i {
        font-size: 5em;
        color: #69902b
    }

    .icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title {
        margin-top: 10px;
        margin-bottom: 10px
    }

.icon-box.style5 {
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-transform: none
}

    .icon-box.style5 > i {
        display: block;
        width: 70px;
        float: left;
        background: #01b7f2;
        line-height: 70px;
        color: #fff;
        font-size: 3em;
        margin-right: 15px
    }

    .icon-box.style5 .description {
        line-height: 1.6em;
        padding: 14px 15px 0 0
    }

        .icon-box.style5 .description small {
            text-transform: uppercase
        }

.icon-box.style6, .icon-box.style7 {
    line-height: 50px;
    text-transform: none
}

    .icon-box.style6 > i, .icon-box.style7 > i {
        display: block;
        width: 50px;
        float: left;
        background: #dc373e;
        line-height: 50px;
        color: #fff;
        font-size: 2.5em
    }

    .icon-box.style6 .box-title, .icon-box.style7 .box-title {
        margin-bottom: 5px
    }

    .icon-box.style6 .description, .icon-box.style7 .description {
        line-height: 1.6em;
        padding-left: 70px
    }

    .icon-box.style6:after, .icon-box.style7:after {
        display: table;
        content: "";
        clear: both
    }

    .icon-box.style6 .box-title {
        letter-spacing: normal;
        margin-bottom: 10px
    }

.icon-box.style7 {
    padding: 30px;
    background: #fff
}

    .icon-box.style7 > i {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #01b7f2
    }

        .icon-box.style7 > i.glyphicon {
            font-size: 1.6667em
        }

    .icon-box.style7 .description {
        padding-left: 80px
    }

        .icon-box.style7 .description .box-title {
            margin-bottom: 20px;
            line-height: 1.3333em
        }

        .icon-box.style7 .description ul {
            margin-bottom: 20px
        }

        .icon-box.style7 .description .view {
            text-decoration: underline;
            color: #69902b;
            font-size: 1.0833em
        }

.icon-box.style8 i, .icon-box.style9 i {
    font-size: 2.6666em;
    background: #dc373e;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.icon-box.style9 {
    display: inline-block
}

    .icon-box.style9 .box-title {
        line-height: 1.2em
    }

    .icon-box.style9 > i {
        background: #01b7f2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 2em;
        height: 2em;
        line-height: 2em;
        margin-bottom: 15px
    }

.icon-box.style10 {
    border: 1px solid #dc373e;
    margin-top: 20px;
    padding: 45px 20px 20px;
    position: relative;
    color: #7c9abd;
    text-align: center
}

    .icon-box.style10 .box-title {
        color: #fff;
        margin-bottom: 15px
    }

    .icon-box.style10 > i {
        position: absolute;
        width: 72px;
        height: 72px;
        top: -36px;
        left: 50%;
        margin-left: -36px;
        font-size: 3em;
        color: #fff;
        background: #dc373e;
        line-height: 72px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .icon-box.style10 .description {
        text-transform: none
    }

.icon-box.style11, .icon-box.style12 {
    display: table
}

    .icon-box.style11 > .icon-wrapper, .icon-box.style12 > .icon-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 18px
    }

        .icon-box.style11 > .icon-wrapper > i, .icon-box.style12 > .icon-wrapper > i {
            color: #dc373e
        }

    .icon-box.style11 > .details, .icon-box.style12 > .details {
        display: table-cell;
        vertical-align: middle
    }

    .icon-box.style11 > .icon-wrapper {
        width: 1.4em;
        text-align: left
    }

    .icon-box.style11 .details {
        text-transform: uppercase
    }

        .icon-box.style11 .details dd, .icon-box.style11 .details dl, .icon-box.style11 .details dt {
            font-size: .8333em
        }

        .icon-box.style11 .details .box-title {
            margin-bottom: 0;
            text-transform: none;
            margin-left: 15px
        }

    .icon-box.style12 > .icon-wrapper {
        width: auto
    }

        .icon-box.style12 > .icon-wrapper > i {
            border-color: #01b7f2;
            background: #01b7f2;
            color: #fff;
            font-size: 1.5em
        }

.listing-style1.cruise .time > div:first-child, .listing-style1.flight .details .time > div:first-child {
    border-right: 1px solid #f5f5f5
}

.icon-box.style12 > .details {
    padding-left: 10px;
    margin: 0;
    text-transform: none
}

    .icon-box.style12 > .details .m-title {
        margin: 0
    }

.listing-style1.cruise .box-title:after, .listing-style1.hotel .box-title:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.cruise .feedback, .listing-style1.hotel .feedback {
    margin: 5px 0;
    border-top: 1px solid #f5f5f5;
    padding-top: 5px;
    border-bottom: 1px solid #f5f5f5
}

    .listing-style1.cruise .feedback .review, .listing-style1.hotel .feedback .review {
        display: block;
        float: right;
        text-transform: uppercase;
        font-size: .8333em;
        color: #9e9e9e
    }

.listing-style1.cruise .five-stars-container, .listing-style1.hotel .five-stars-container {
    color: #dbdbdb
}

.listing-style1.cruise .action .button:last-child, .listing-style1.hotel .action .button:last-child {
    float: right
}

.listing-style1.cruise .action .button, .listing-style1.hotel .action .button {
    width: 45%;
    padding: 0;
    text-align: center
}

    .listing-style1.cruise .action .button + .button, .listing-style1.hotel .action .button + .button {
        width: 50%
    }

.listing-style1.car .details, .listing-style1.flight .details {
    padding: 15px 0 0 !important;
    text-transform: uppercase
}

    .listing-style1.car .details .box-title, .listing-style1.flight .details .box-title {
        text-transform: none
    }

        .listing-style1.car .details .box-title:after, .listing-style1.flight .details .box-title:after {
            display: table;
            content: "";
            clear: both
        }

.listing-style1.car .action .button, .listing-style1.flight .action .button {
    text-align: center
}

.listing-style1.flight .details .time {
    margin: 10px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    letter-spacing: normal !important
}

    .listing-style1.flight .details .time:after {
        display: table;
        content: "";
        clear: both
    }

    .listing-style1.flight .details .time > div {
        width: 50%;
        float: left;
        padding: 7px 0
    }

        .listing-style1.flight .details .time > div > .icon {
            font-size: 16px;
            float: left
        }

            .listing-style1.flight .details .time > div > .icon + div {
                padding-left: 24px
            }

        .listing-style1.flight .details .time > div + div {
            padding-left: 20px
        }

.listing-style1.flight .details .duration {
    font-size: .8333em;
    text-align: center;
    letter-spacing: normal !important
}

.listing-style1.car .details .mile {
    font-size: .8333em;
    text-align: center
}

.listing-style1.car .details .amenities {
    text-align: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin: 10px 0;
    padding: 10px 0 6px
}

.listing-style1.cruise .time {
    padding-top: 5px
}

    .listing-style1.cruise .time [class^=soap-icon] {
        float: left;
        font-size: 20px
    }

    .listing-style1.cruise .time > div {
        margin-bottom: 10px !important
    }

.image-carousel.style3 .flex-direction-nav li a {
    width: 40px;
    height: 40px;
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: 0 0;
    color: #d9d9d9;
    opacity: 1;
    text-shadow: none;
    text-align: left !important;
    text-indent: -9999px
}

    .image-carousel.style3 .flex-direction-nav li a:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 36px;
        font-family: soap-icons;
        text-indent: 0;
        font-size: 24px
    }

    .image-carousel.style3 .flex-direction-nav li a.flex-prev {
        left: -80px
    }

        .image-carousel.style3 .flex-direction-nav li a.flex-prev:before {
            content: "\e87b"
        }

    .image-carousel.style3 .flex-direction-nav li a.flex-next {
        right: -80px
    }

        .image-carousel.style3 .flex-direction-nav li a.flex-next:before {
            content: "\e887"
        }

    .image-carousel.style3 .flex-direction-nav li a:hover {
        color: #fff
    }

    .image-carousel.style3 .flex-direction-nav li a.flex-disabled {
        color: #838383
    }

.image-style {
    position: relative;
    background: #fff;
    padding: 30px 0 30px 30px
}

    .image-style.style1:after, .image-style.style1:before {
        content: "";
        position: absolute;
        right: -60px;
        display: block
    }

    .image-style.large-font {
        font-size: 1.2307em
    }

    .image-style.style1 {
        margin-right: 60px
    }

        .image-style.style1 .image-block {
            margin-right: 25px
        }

        .image-style.style1 .title {
            font-size: 1.875em;
            margin-bottom: 30px
        }

        .image-style.style1 ul li {
            margin: 0 10px 10px 0;
            width: 80px;
            height: 80px
        }

            .image-style.style1 ul li a img, .image-style.style2 .image-block li a img {
                height: 100%;
                max-width: none
            }

            .image-style.style1 ul li a {
                overflow: hidden;
                display: block
            }

        .image-style.style1:before {
            width: 60px;
            background-color: #f7f7f7;
            bottom: 60px;
            top: 0
        }

        .image-style.style1:after {
            bottom: 0;
            border-top: 60px solid #d9d9d9;
            border-right: 60px solid transparent
        }

    .image-style.style2 p {
        line-height: 1.5em
    }

    .image-style.style2 .title {
        font-size: 1.25em;
        color: #01b7f2;
        margin-top: 20px
    }

    .image-style.style2 .image-block {
        padding-left: 50px;
        position: relative;
        min-height: 200px
    }

        .image-style.style2 .image-block li {
            position: absolute;
            border-radius: 50%;
            padding: 5px;
            background: #fff;
            border: 1px solid #bfbfbf
        }

            .icon-box.style7 > i, .image-style.style2 .image-block li a {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%
            }

            .image-style.style2 .image-block li a {
                display: block;
                border-radius: 50%;
                overflow: hidden;
                -webkit-transform: translateZ(0)
            }

.image-box .box, .image-box.box {
    text-align: left;
    background: #fff;
    margin-bottom: 30px
}

    .image-box .box img, .image-box.box img {
        width: 100%;
        height: auto
    }

    .image-box .box > .details, .image-box.box > .details {
        padding: 12px 15px
    }

        .image-box .box > .details > :last-child, .image-box.box > .details > :last-child {
            margin-bottom: 0
        }

    .image-box .box .box-title, .image-box.box .box-title {
        margin-bottom: 10px;
        color: #2d3e52
    }

.image-box.style1 .box-title, .image-box.style10 .box-title {
    margin-bottom: 0
}

.image-box.style12 .opacity-wrapper, .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #dc373e;
    opacity: .6;
    width: 100%;
    height: 100%
}

.image-box.style2 .box:after, .image-box.style2.box:after, .image-box.style4 .details:after {
    content: "";
    display: table;
    clear: both
}

.image-box.style2 figure {
    float: left;
    width: 250px
}

.image-box.style2 .details {
    padding: 20px 20px 10px 270px
}

    .image-box.style2 .details p {
        margin-bottom: 20px
    }

.image-box.style3 .details {
    padding: 15px
}

    .image-box.style3 .details .box-title {
        margin-bottom: 0
    }

    .image-box.style3 .details .offers-content {
        font-size: .8333em;
        margin-bottom: 0
    }

    .image-box.style3 .details .description {
        border-top: 1px solid #f5f5f5;
        padding-top: 10px
    }

.image-box.style4 .details .box-title {
    float: left;
    margin: 0
}

.image-box.style4 .details .goto-detail {
    float: right;
    color: #69902b;
    font-weight: 700;
    font-size: 16px
}

.image-box.style11 .box, .image-box.style11.box, .image-box.style5 .box, .image-box.style5.box {
    position: relative
}

.image-box.style11 figure, .image-box.style5 figure {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 0
}

    .image-box.style11 figure figcaption, .image-box.style5 figure figcaption {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 10px;
        padding: 5px 20px;
        min-width: 130px;
        -moz-transition: -moz-transform .35s;
        -o-transition: -o-transform .35s;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(-5%,0,0);
        -moz-transform: translate3d(-5%,0,0);
        -ms-transform: translate3d(-5%,0,0);
        -o-transform: translate3d(-5%,0,0);
        transform: translate3d(-5%,0,0)
    }

        .image-box.style11 figure figcaption .caption-title, .image-box.style5 figure figcaption .caption-title {
            margin: 0;
            color: #fff;
            line-height: 1.1em
        }

        .image-box.style11 figure figcaption span, .image-box.style5 figure figcaption span {
            color: #dc373e;
            text-transform: uppercase;
            font-size: .8333em;
            letter-spacing: normal !important
        }

    .image-box.style11 figure:hover figcaption, .image-box.style5 figure:hover figcaption {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .image-box.style11 figure:hover a:before, .image-box.style5 figure:hover a:before {
        opacity: 1
    }

    .image-box.style11 figure a, .image-box.style5 figure a {
        display: block
    }

        .image-box.style11 figure a:before, .image-box.style5 figure a:before {
            position: absolute;
            z-index: 2;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            right: 0;
            bottom: 0;
            height: 100%;
            background: rgba(1,183,242,.3);
            opacity: 0;
            -moz-transition: all .4s ease-out;
            -o-transition: all .4s ease-out;
            -webkit-transition: all .4s ease-out;
            transition: all .4s ease-out
        }

.image-box.style11 .details .detail:after, .image-box.style14 .box:after, .image-box.style14.box:after, .image-box.style5 .details .detail:after, .image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style8 .box:after, .image-box.style8.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style11 .details, .image-box.style5 .details {
    padding: 0
}

    .image-box.style11 .details .detail, .image-box.style5 .details .detail {
        margin: 0;
        border-top: 1px solid #f5f5f5;
        padding: 10px 20px
    }

        .image-box.style11 .details .detail:first-child, .image-box.style5 .details .detail:first-child {
            border: none
        }

        .image-box.style11 .details .detail .box-title, .image-box.style5 .details .detail .box-title {
            line-height: 40px;
            margin: 0
        }

.image-box.style14 figure, .image-box.style6 figure {
    padding: 0
}

.image-box.style14 .details, .image-box.style6 .details {
    margin-bottom: 0 !important;
    padding: 20px 30px;
    line-height: 1.7em
}

.image-box.style7 .box, .image-box.style7.box {
    background: #fff;
    margin-bottom: 30px
}

    .image-box.style7 .box .details p, .image-box.style7.box .details p, .image-box.style9 .box-title {
        margin: 0
    }

    .image-box.style7 .box figure, .image-box.style7.box figure {
        height: 72px
    }

    .image-box.style7 .box .details, .image-box.style7.box .details {
        padding: 20px 20px 25px;
        font-size: 1.0833em
    }

.image-box.style8 .box {
    background: 0 0
}

.image-box.style8 figure {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden
}

    .image-box.style8 figure img {
        height: 100%;
        width: auto;
        max-width: none
    }

.image-box.style8 .details {
    width: 75%;
    float: left;
    padding: 20px;
    background: #fff
}

.image-box.style9 figure a {
    position: relative;
    display: block;
    width: 100%
}

.image-box.style9 figure img {
    width: 100%;
    height: auto
}

.image-box.style9 .button, .image-box.style9 .description {
    margin-top: 20px
}

.image-box.style9 .details {
    background: #fff;
    padding: 15px;
    text-align: center
}

.image-box.style10 .details a.button {
    margin-top: 5px;
    float: right
}

.image-box.style11 .box > .details {
    padding: 15px
}

.image-box.style12 .box, .image-box.style12.box {
    display: table
}

.image-box.style12 .action, .image-box.style12 .details, .image-box.style12 figure {
    display: table-cell;
    vertical-align: top
}

.image-box.style12 figure {
    margin-right: 30px;
    max-width: 30%
}

    .image-box.style12 figure a {
        position: relative;
        display: inline-block;
        height: 100%
    }

    .image-box.style12 figure img {
        width: auto;
        max-width: 150px
    }

.listing-style1.car figure img, .listing-style1.flight figure img {
    max-width: 100%
}

.image-box.style12 .details {
    border-right: 1px solid #f5f5f5;
    padding: 12px 20px 10px 25px;
    width: 100%
}

    .image-box.style12 .details > :last-child {
        margin-bottom: 0
    }

.image-box.style12 .action {
    padding: 15px
}

    .image-box.style12 .action .price {
        text-align: center;
        float: none;
        margin: 0 0 10px
    }

.image-box.style13 .box, .image-box.style13.box, .image-box.style14 .box-title, .sidebar .image-box.style14 {
    margin-bottom: 0
}

.image-box.style12 .action a.button, .image-box.style12 .action button {
    padding: 0 10px
}

.image-box.style12 .image-wrapper {
    position: relative;
    overflow: hidden;
    display: block
}

.image-box.style13 figure {
    float: left;
    margin-right: 15px
}

.image-box.style13 .details {
    padding: 0 15px
}

.image-box.style13 .action {
    float: right
}

    .image-box.style13 .action .button {
        padding: 0 10px
    }

.image-box.style13 .price {
    float: none
}

.image-box.style13 .box:after, .image-box.style13.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style14 figure {
    float: left;
    width: 63px
}

.image-box.style14 .details {
    margin-left: 63px;
    padding: 15px 15px 0
}

.image-box.style14 .price {
    float: none;
    text-align: left;
    display: inline;
    font-size: 1.4em
}

.image-box.style14 .box-title small {
    line-height: 1em
}

.image-box.style12 .opacity-wrapper, .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper {
    cursor: pointer;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.image-box.style12 figure, .image-box.style7 figure, .image-box.style8 figure {
    overflow: hidden;
    z-index: 0
}

    .image-box.style12 figure img, .image-box.style7 figure img, .image-box.style8 figure img {
        -moz-transition: -moz-transform .35s;
        -o-transition: -o-transform .35s;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

    .image-box.style12 figure:hover img, .image-box.style7 figure:hover img, .image-box.style8 figure:hover img {
        -webkit-transform: scale(1.07,1.07);
        -moz-transform: scale(1.07,1.07);
        -ms-transform: scale(1.07,1.07);
        -o-transform: scale(1.07,1.07);
        transform: scale(1.07,1.07)
    }

    .image-box.style12 figure:hover .opacity-wrapper, .image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper {
        opacity: 0
    }

.sidebar .image-box.style14 .box {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

    .sidebar .image-box.style14 .box:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.icon-box > i {
    text-align: center
}

.icon-box.style1 {
    height: 42px;
    background: #fff;
    line-height: 42px;
    font-size: .9167em
}

    .icon-box.style1 > i {
        display: block;
        width: 42px;
        float: left;
        background: #dc373e;
        line-height: 42px;
        color: #fff;
        font-size: 2em;
        margin-right: 15px
    }

.icon-box.style2 {
    color: #115A9C;
    display: flex
}

    .icon-box.style2 > i {
        font-size: 1.5em;
        margin-right: 10px;
        color: #0386ba
    }

.icon-box.style3 {
    background: #fff;
    text-align: center;
    margin-bottom: 10px
}

    .icon-box.style3 .numbers {
        font-size: 5em;
        color: #2d3e52;
        padding: 20px 0;
        font-weight: 300
    }

        .icon-box.style3 .numbers i {
            margin-right: 10px
        }

    .icon-box.style3 .description {
        border-top: 1px solid #f5f5f5;
        font-weight: 700;
        padding: 6px 0
    }

.icon-box.style4, .icon-box.style8, .icon-box.style9 {
    text-align: center;
    text-transform: none
}

    .icon-box.style4 > i, .icon-box.style8 > i, .icon-box.style9 > i {
        font-size: 5em;
        color: #69902b
    }

    .icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title {
        margin-top: 10px;
        margin-bottom: 10px
    }

.icon-box.style5 {
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-transform: none
}

    .icon-box.style5 > i {
        display: block;
        width: 70px;
        float: left;
        background: #01b7f2;
        line-height: 70px;
        color: #fff;
        font-size: 3em;
        margin-right: 15px
    }

    .icon-box.style5 .description {
        line-height: 1.6em;
        padding: 14px 15px 0 0
    }

        .icon-box.style5 .description small {
            text-transform: uppercase
        }

.icon-box.style6, .icon-box.style7 {
    line-height: 50px;
    text-transform: none
}

    .icon-box.style6 > i, .icon-box.style7 > i {
        display: block;
        width: 50px;
        float: left;
        background: #dc373e;
        line-height: 50px;
        color: #fff;
        font-size: 2.5em
    }

    .icon-box.style6 .box-title, .icon-box.style7 .box-title {
        margin-bottom: 5px
    }

    .icon-box.style6 .description, .icon-box.style7 .description {
        line-height: 1.6em;
        padding-left: 70px
    }

    .icon-box.style6:after, .icon-box.style7:after {
        display: table;
        content: "";
        clear: both
    }

    .icon-box.style6 .box-title {
        letter-spacing: normal;
        margin-bottom: 10px
    }

.icon-box.style7 {
    padding: 30px;
    background: #fff
}

    .icon-box.style7 > i {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #01b7f2
    }

        .icon-box.style7 > i.glyphicon {
            font-size: 1.6667em
        }

    .icon-box.style7 .description {
        padding-left: 80px
    }

        .icon-box.style7 .description .box-title {
            margin-bottom: 20px;
            line-height: 1.3333em
        }

        .icon-box.style7 .description ul {
            margin-bottom: 20px
        }

        .icon-box.style7 .description .view {
            text-decoration: underline;
            color: #69902b;
            font-size: 1.0833em
        }

.icon-box.style8 i, .icon-box.style9 i {
    font-size: 2.6666em;
    background: #dc373e;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.icon-box.style9 {
    display: inline-block
}

    .icon-box.style9 .box-title {
        line-height: 1.2em
    }

    .icon-box.style9 > i {
        background: #01b7f2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 2em;
        height: 2em;
        line-height: 2em;
        margin-bottom: 15px
    }

.icon-box.style10 {
    border: 1px solid #dc373e;
    margin-top: 20px;
    padding: 45px 20px 20px;
    position: relative;
    color: #7c9abd;
    text-align: center
}

    .icon-box.style10 .box-title {
        color: #fff;
        margin-bottom: 15px
    }

    .icon-box.style10 > i {
        position: absolute;
        width: 72px;
        height: 72px;
        top: -36px;
        left: 50%;
        margin-left: -36px;
        font-size: 3em;
        color: #fff;
        background: #dc373e;
        line-height: 72px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .icon-box.style10 .description {
        text-transform: none
    }

.icon-box.style11, .icon-box.style12 {
    display: table
}

    .icon-box.style11 > .icon-wrapper, .icon-box.style12 > .icon-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 18px
    }

        .icon-box.style11 > .icon-wrapper > i, .icon-box.style12 > .icon-wrapper > i {
            color: #dc373e
        }

    .icon-box.style11 > .details, .icon-box.style12 > .details {
        display: table-cell;
        vertical-align: middle
    }

    .icon-box.style11 > .icon-wrapper {
        width: 1.4em;
        text-align: left
    }

    .icon-box.style11 .details {
        text-transform: uppercase
    }

        .icon-box.style11 .details dd, .icon-box.style11 .details dl, .icon-box.style11 .details dt {
            font-size: .8333em
        }

        .icon-box.style11 .details .box-title {
            margin-bottom: 0;
            text-transform: none;
            margin-left: 15px
        }

    .icon-box.style12 > .icon-wrapper {
        width: auto
    }

        .icon-box.style12 > .icon-wrapper > i {
            border-color: #01b7f2;
            background: #01b7f2;
            color: #fff;
            font-size: 1.5em
        }

.listing-style1.cruise .time > div:first-child, .listing-style1.flight .details .time > div:first-child {
    border-right: 1px solid #f5f5f5
}

.icon-box.style12 > .details {
    padding-left: 10px;
    margin: 0;
    text-transform: none
}

    .icon-box.style12 > .details .m-title {
        margin: 0
    }

.listing-style1.cruise .box-title:after, .listing-style1.hotel .box-title:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.cruise .feedback, .listing-style1.hotel .feedback {
    margin: 5px 0;
    border-top: 1px solid #f5f5f5;
    padding-top: 5px;
    border-bottom: 1px solid #f5f5f5
}

    .listing-style1.cruise .feedback .review, .listing-style1.hotel .feedback .review {
        display: block;
        float: right;
        text-transform: uppercase;
        font-size: .8333em;
        color: #9e9e9e
    }

.listing-style1.cruise .five-stars-container, .listing-style1.hotel .five-stars-container {
    color: #dbdbdb
}

.listing-style1.cruise .action .button:last-child, .listing-style1.hotel .action .button:last-child {
    float: right
}

.listing-style1.cruise .action .button, .listing-style1.hotel .action .button {
    width: 45%;
    padding: 0;
    text-align: center
}

    .listing-style1.cruise .action .button + .button, .listing-style1.hotel .action .button + .button {
        width: 50%
    }

.listing-style1.car .details, .listing-style1.flight .details {
    padding: 15px 0 0 !important;
    text-transform: uppercase
}

    .listing-style1.car .details .box-title, .listing-style1.flight .details .box-title {
        text-transform: none
    }

        .listing-style1.car .details .box-title:after, .listing-style1.flight .details .box-title:after {
            display: table;
            content: "";
            clear: both
        }

.listing-style1.car .action .button, .listing-style1.flight .action .button {
    text-align: center
}

.listing-style1.flight .details .time {
    margin: 10px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    letter-spacing: normal !important
}

    .listing-style1.flight .details .time:after {
        display: table;
        content: "";
        clear: both
    }

    .listing-style1.flight .details .time > div {
        width: 50%;
        float: left;
        padding: 7px 0
    }

        .listing-style1.flight .details .time > div > .icon {
            font-size: 16px;
            float: left
        }

            .listing-style1.flight .details .time > div > .icon + div {
                padding-left: 24px
            }

        .listing-style1.flight .details .time > div + div {
            padding-left: 20px
        }

.listing-style1.flight .details .duration {
    font-size: .8333em;
    text-align: center;
    letter-spacing: normal !important
}

.listing-style1.car .details .mile {
    font-size: .8333em;
    text-align: center
}

.listing-style1.car .details .amenities {
    text-align: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin: 10px 0;
    padding: 10px 0 6px
}

.listing-style1.cruise .time {
    padding-top: 5px
}

    .listing-style1.cruise .time [class^=soap-icon] {
        float: left;
        font-size: 20px
    }

    .listing-style1.cruise .time > div {
        margin-bottom: 10px !important
    }

        .listing-style1.cruise .time > div > div {
            padding-left: 20px
        }

.listing-style1.cruise .action a.button {
    float: none !important
}

.listing-style1.cruise .description {
    text-align: center;
    font-size: .8333em;
    text-transform: uppercase
}

.listing-style1.car .box, .listing-style1.car.box, .listing-style1.flight .box, .listing-style1.flight.box, .listing-style2.car .box, .listing-style2.car.box, .listing-style2.flight .box, .listing-style2.flight.box {
    padding: 15px
}

.listing-style1.car figure, .listing-style1.flight figure, .listing-style2.car figure, .listing-style2.flight figure {
    background: #f5f5f5;
    display: table;
    width: 100%;
    table-layout: fixed
}

    .listing-style1.car figure > a, .listing-style1.car figure > span, .listing-style1.flight figure > a, .listing-style1.flight figure > span, .listing-style2.car figure > a, .listing-style2.car figure > span, .listing-style2.flight figure > a, .listing-style2.flight figure > span {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .listing-style1.car figure img, .listing-style1.flight figure img, .listing-style2.car figure img, .listing-style2.flight figure img {
        width: auto
    }

.listing-style1.flight .icon, .listing-style3.flight .icon {
    font-size: 16px
}

.listing-style1.flight .take-off > .icon, .listing-style3.flight .take-off > .icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    display: inline-block
}

.listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    display: inline-block
}

.listing-style1.car .amenities ul, .listing-style3.car .amenities ul {
    display: inline-block;
    color: #9e9e9e
}

    .listing-style1.car .amenities ul li, .listing-style3.car .amenities ul li {
        float: left;
        text-align: center;
        padding: 0 5px;
        cursor: default;
        font-size: .8333em
    }

        .listing-style1.car .amenities ul li .glyphicon, .listing-style1.car .amenities ul li [class^=soap-icon], .listing-style3.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li [class^=soap-icon] {
            display: block;
            font-size: 16px;
            color: #d9d9d9;
            overflow: hidden
        }

    .listing-style1.car .amenities ul:after, .listing-style3 .box:after, .listing-style3.box:after, .listing-style3.car .amenities ul:after {
        display: table;
        content: "";
        clear: both
    }

    .listing-style1.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li .glyphicon {
        line-height: 25px
    }

        .listing-style1.car .amenities ul li .glyphicon:before, .listing-style3.car .amenities ul li .glyphicon:before {
            font-size: 12px
        }

    .listing-style1.car .amenities ul li:hover, .listing-style1.car .amenities ul li:hover .glyphicon, .listing-style1.car .amenities ul li:hover [class^=soap-icon], .listing-style3.car .amenities ul li:hover, .listing-style3.car .amenities ul li:hover .glyphicon, .listing-style3.car .amenities ul li:hover [class^=soap-icon] {
        color: #01b7f2
    }

        .listing-style1.car .amenities ul li:hover [class^=soap-icon]:before, .listing-style3.car .amenities ul li:hover [class^=soap-icon]:before {
            -webkit-animation: toTopFromBottom .35s forwards;
            -moz-animation: toTopFromBottom .35s forwards;
            animation: toTopFromBottom .35s forwards
        }

.listing-style2 .box .box-title {
    margin-bottom: 0
}

.listing-style2 a.button {
    margin-top: 6px
}

.listing-style2.flight .details {
    padding: 12px 2px 0
}

.listing-style2.flight img {
    width: auto;
    max-width: 100%
}

.listing-style3 .box, .listing-style3.box {
    background: #fff;
    margin-bottom: 15px
}

    .listing-style3 .box > *, .listing-style3.box > * {
        padding: 0
    }

.listing-style3 .review {
    display: block;
    text-transform: uppercase;
    font-size: .8333em;
    color: #9e9e9e
}

.listing-style3 .five-stars-container, .listing-style3 .review {
    line-height: 1em
}

.listing-style3 .five-stars-container {
    color: #dbdbdb
}

.listing-style3 [class^=soap-icon].circle {
    color: #d9d9d9;
    cursor: default;
    font-size: 16px;
    overflow: hidden
}

    .listing-style3 [class^=soap-icon].circle:hover {
        color: #01b7f2
    }

        .listing-style3 [class^=soap-icon].circle:hover:before {
            -webkit-animation: toTopFromBottom .35s forwards;
            -moz-animation: toTopFromBottom .35s forwards;
            animation: toTopFromBottom .35s forwards
        }

#header.style1 .social-icons li a:hover i, #header.style6 .social-icons li > a:hover i {
    -webkit-animation: toBottomFromTop .3s forwards;
    -moz-animation: toBottomFromTop .3s forwards
}

.listing-style3 .price {
    float: none;
    text-align: center
}

.listing-style3.hotel figure img {
    width: 100%;
    border-right: 1px solid #ccc;
    height: auto
}

.listing-style3.hotel .box-title {
    margin: 0;
    float: left
}

    .listing-style3.hotel .box-title i {
        font-size: 15px
    }

.listing-style3.hotel .amenities {
    float: right
}

.listing-style3.hotel .details {
    padding: 10px 0 10px 10px;
    display: table
}

    .listing-style3.hotel .details [class^=soap-icon].circle {
        margin-right: 5px;
        margin-top: 5px
    }

    .listing-style3.hotel .details > * {
        display: table-row
    }

        .listing-style3.hotel .details > * > * {
            display: table-cell;
            padding: 10px 15px 0;
            text-align: center;
            vertical-align: middle
        }

        .listing-style3.hotel .details > * > :first-child {
            border-right: 1px solid #f5f5f5;
            padding-left: 0;
            padding-right: 15px;
            text-align: left
        }

        .listing-style3.hotel .details > * > :last-child {
            width: 120px
        }

    .listing-style3.hotel .details > :first-child > * {
        border-bottom: 1px solid #f5f5f5;
        padding-top: 0;
        padding-bottom: 10px
    }

    .listing-style3.hotel .details .button {
        margin-top: 5px
    }

.listing-style3.flight .box, .listing-style3.flight.box {
    padding: 15px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.listing-style3.flight figure {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    float: none
}

    .listing-style3.flight figure span {
        text-align: center;
        display: block
    }

        .listing-style3.flight figure span img {
            max-width: 60px;
            height: auto
        }

.listing-style3.flight .box-title {
    float: left
}

.listing-style3.flight .stop:hover {
    background: #dc373e
}

.listing-style3.flight .amenities {
    margin-bottom: 10px;
    float: right
}

.listing-style3.flight .details {
    display: table-cell;
    padding-left: 15px;
    float: none
}

    .listing-style3.flight .details .details-wrapper {
        display: table;
        width: 100%
    }

        .listing-style3.flight .details .details-wrapper > * {
            display: table-row
        }

            .listing-style3.flight .details .details-wrapper > * > * {
                display: table-cell;
                padding: 15px 15px 0
            }

            .listing-style3.flight .details .details-wrapper > * > :first-child {
                border-right: 1px solid #f5f5f5;
                padding-left: 0
            }

            .listing-style3.flight .details .details-wrapper > * > :last-child {
                text-align: center;
                padding-right: 0
            }

        .listing-style3.flight .details .details-wrapper > :first-child > * {
            border-bottom: 1px solid #f5f5f5;
            padding-top: 0
        }

        .listing-style3.flight .details .details-wrapper .box-title {
            margin: 0 10px 15px 0
        }

        .listing-style3.flight .details .details-wrapper [class^=soap-icon].circle {
            margin-right: 5px
        }

        .listing-style3.flight .details .details-wrapper [class*="col-"], .listing-style3.flight .details .details-wrapper [class^=col-] {
            padding: 0
        }

        .listing-style3.flight .details .details-wrapper .time > div {
            border-right: 1px solid #f5f5f5;
            padding-left: 15px
        }

            .listing-style3.flight .details .details-wrapper .time > div:last-child {
                border-right: none
            }

            .listing-style3.flight .details .details-wrapper .time > div:first-child {
                padding-left: 0
            }

            .listing-style3.flight .details .details-wrapper .time > div > div {
                padding-left: 25px
            }

        .listing-style3.flight .details .details-wrapper .time .icon {
            float: left;
            padding: 0;
            font-size: 16px
        }

        .listing-style3.flight .details .details-wrapper .time {
            letter-spacing: normal !important
        }

        .listing-style3.flight .details .details-wrapper .action {
            vertical-align: top
        }

.listing-style3.car .box, .listing-style3.car.box {
    display: table;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    table-layout: fixed
}

.listing-style3.car .details, .listing-style3.car figure {
    display: table-cell;
    float: none
}

.listing-style3.car figure {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #f5f5f5
}

    .listing-style3.car figure img {
        max-width: 80%;
        height: auto
    }

.listing-style3.car .details .box-title {
    float: left
}

.listing-style3.car .details .logo {
    margin: 3px 0 0 8px;
    float: left;
    border-left: 1px solid #e1e1e1;
    padding-left: 8px
}

    .listing-style3.car .details .logo img {
        max-height: 20px;
        width: auto
    }

.listing-style3.car .details .amenities {
    margin-top: 20px
}

.listing-style3.car .details .character {
    text-align: right;
    text-transform: uppercase;
    font-size: .8333em;
    border-right: 1px solid #f5f5f5
}

    .listing-style3.car .details .character dd {
        margin-bottom: 5px
    }

    .listing-style3.car .details .character dl {
        margin-bottom: 0
    }

.listing-style3.car .details .action {
    text-align: center;
    text-transform: uppercase
}

    .listing-style3.car .details .action .button {
        margin-top: 30px
    }

.listing-style3.cruise figure img {
    width: 100%;
    height: auto
}

.listing-style3.cruise .details {
    padding: 15px 20px;
    text-transform: uppercase
}

    .listing-style3.cruise .details .character > div:last-child, .tab-container .tab-pane > .listing-style3 .details {
        padding-right: 0
    }

    .listing-style3.cruise .details img {
        max-width: 100%;
        height: auto
    }

    .listing-style3.cruise .details .box-title {
        text-transform: none;
        margin-bottom: 10px
    }

    .listing-style3.cruise .details .character {
        font-size: .8333em;
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 15px;
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .listing-style3.cruise .details .character > div {
            display: table-cell;
            float: none;
            vertical-align: middle;
            margin: 0;
            padding-top: 12px;
            padding-bottom: 12px;
            border-left: 1px solid #f5f5f5
        }

            .listing-style3.cruise .details .character > div:first-child {
                border: none;
                padding-left: 0
            }

        .listing-style3.cruise .details .character [class^=soap-icon] {
            font-size: 18px;
            float: left
        }

        .listing-style3.cruise .details .character .cruise-logo {
            padding: 0;
            text-align: left
        }

            .listing-style3.cruise .details .character .cruise-logo img {
                max-width: 90%;
                width: auto;
                height: auto
            }

.blog-infinite .post .video-container embed, .blog-infinite .post .video-container iframe, .blog-infinite .post .video-container object, .detailed-logo figure img, .flight-routes .box figure img, .single .post .video-container embed, .single .post .video-container iframe, .single .post .video-container object {
    max-width: 100%
}

.blog-infinite .post .video-container, .fluid-width-video-wrapper, .single .post .video-container {
    width: 100%;
    position: relative
}

.listing-style3.cruise .details .character .date > div, .listing-style3.cruise .details .character .departure > div {
    padding-left: 20px;
    line-height: 1.1667em
}

.listing-style3.cruise .details .review {
    line-height: 1.6667em
}

    .listing-style3.cruise .details .review .five-stars-container {
        float: left;
        margin-right: 10px
    }

    .listing-style3.cruise .details .review span {
        display: block;
        float: left
    }

.pricing-table {
    padding: 20px;
    background: #fff
}

    .pricing-table .header {
        border-bottom: 1px solid #f5f5f5
    }

        .pricing-table .header > i {
            float: left;
            font-size: 16px;
            margin: 3px 8px 0 0
        }

        .pricing-table .header .box-title {
            float: left;
            line-height: 1.3333em;
            margin-bottom: 20px
        }

            .pricing-table .header .box-title small {
                text-transform: uppercase;
                display: block;
                font-size: .6em
            }

    .pricing-table .description {
        margin: 15px 0
    }

    .pricing-table .features {
        margin-bottom: 15px;
        text-transform: uppercase
    }

        .pricing-table .features li {
            margin-top: 1px;
            background: #f5f5f5;
            font-size: .9167em;
            padding-left: 20px;
            line-height: 40px
        }

    .pricing-table.blue, .pricing-table.blue .box-title, .pricing-table.blue .box-title small, .pricing-table.blue .price, .pricing-table.blue .price small, .pricing-table.green, .pricing-table.green .box-title, .pricing-table.green .box-title small, .pricing-table.green .price, .pricing-table.green .price small, .pricing-table.red, .pricing-table.red .box-title, .pricing-table.red .box-title small, .pricing-table.red .price, .pricing-table.red .price small, .pricing-table.yellow, .pricing-table.yellow .box-title, .pricing-table.yellow .box-title small, .pricing-table.yellow .price, .pricing-table.yellow .price small {
        color: #fff
    }

        .pricing-table.blue .box-title small, .pricing-table.blue .description, .pricing-table.blue .price small, .pricing-table.green .box-title small, .pricing-table.green .description, .pricing-table.green .price small, .pricing-table.red .box-title small, .pricing-table.red .description, .pricing-table.red .price small, .pricing-table.yellow .box-title small, .pricing-table.yellow .description, .pricing-table.yellow .price small {
            -moz-opacity: .6;
            -khtml-opacity: .6;
            opacity: .6
        }

    .pricing-table.green {
        background: #69902b
    }

        .pricing-table.green .header {
            border-bottom-color: #91c63d
        }

        .pricing-table.green .features li {
            background: #91c63d
        }

            .pricing-table.green .features li:before {
                background: #69902b
            }

    .pricing-table.yellow {
        background: #dc373e
    }

        .pricing-table.yellow .header {
            border-bottom-color: #f5b010
        }

        .pricing-table.yellow .features li {
            background: #f5b010
        }

            .pricing-table.yellow .features li:before {
                background: #dc373e
            }

    .pricing-table.blue {
        background: #01b7f2
    }

        .pricing-table.blue .header {
            border-bottom-color: #04afe7
        }

        .pricing-table.blue .features li {
            background: #04afe7
        }

            .pricing-table.blue .features li:before {
                background: #01b7f2
            }

    .pricing-table.red {
        background: #e01a33
    }

        .pricing-table.red .header {
            border-bottom-color: #d51a32
        }

        .pricing-table.red .features li {
            background: #d51a32
        }

            .pricing-table.red .features li:before {
                background: #e01a33
            }

.border-box {
    border: 15px solid #f5f5f5
}

.author a, .single .avatar img, .travel-story-container .avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.post {
    position: relative
}

    .post figure img {
        width: 100%;
        height: auto
    }

    .post .entry-date {
        background: #2d3e52;
        padding: 7px 15px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 10px
    }

        .post .entry-date .date {
            margin: 0;
            font-size: 1.6667em;
            display: block;
            font-weight: 400
        }

        .post .entry-date .month {
            margin: 0;
            font-size: .8333em;
            font-weight: 400
        }

.fluid-width-video-wrapper {
    padding: 0
}

.blog-infinite .post, .single .post {
    margin-bottom: 50px
}

    .blog-infinite .post .video-container video, .single .post .video-container video {
        max-width: 100%;
        height: auto
    }

    .blog-infinite .post .entry-title, .single .post .entry-title {
        margin-bottom: 25px
    }

    .blog-infinite .post .excerpt-container, .single .post .excerpt-container {
        margin-bottom: 20px
    }

        .blog-infinite .post .excerpt-container p, .single .post .excerpt-container p {
            line-height: 1.8333em
        }

    .blog-infinite .post .details, .single .post .details {
        background: #fff;
        padding: 20px 20px 10px
    }

    .blog-infinite .post.without-featured-item .entry-title, .blog-infinite .post.without-featured-item .excerpt-container, .comment-list ul.children, .single .post.without-featured-item .entry-title, .single .post.without-featured-item .excerpt-container {
        padding-left: 50px
    }

.blog-infinite .post-content, .single .post-content {
    margin-bottom: 30px
}

    .blog-infinite .post-content > p, .single .post-content > p {
        line-height: 1.6666em
    }

    .blog-infinite .post-content .border-box, .single .post-content .border-box {
        margin: 30px 0
    }

        .blog-infinite .post-content .border-box blockquote, .single .post-content .border-box blockquote {
            margin-bottom: 0
        }

.blog-infinite .post-meta, .single .post-meta {
    background: #f5f5f5;
    padding: 10px 10px 0;
    font-size: 1em
}

    .blog-infinite .post-meta .entry-author, .single .post-meta .entry-author {
        float: left;
        line-height: 28px;
        font-size: .83333em;
        margin-bottom: 10px
    }

        .blog-infinite .post-meta .entry-author .icon, .single .post-meta .entry-author .icon {
            float: left;
            width: 28px;
            height: 28px;
            background: #fff;
            display: inline-block;
            font-size: 1.6666em;
            line-height: 28px;
            text-align: center;
            color: #d9d9d9;
            margin-right: 10px
        }

        .blog-infinite .post-meta .entry-author a.author, .single .post-meta .entry-author a.author {
            color: #01b7f2
        }

    .blog-infinite .post-meta .entry-action, .single .post-meta .entry-action {
        float: right
    }

        .blog-infinite .post-meta .entry-action > *, .single .post-meta .entry-action > * {
            height: 28px;
            line-height: 28px;
            display: inline-block;
            padding: 0 10px;
            margin-left: 8px;
            margin-bottom: 10px;
            background: #fff;
            color: #9e9e9e;
            letter-spacing: normal !important;
            font-size: .8333em;
            font-weight: 400
        }

            .blog-infinite .post-meta .entry-action > * i, .single .post-meta .entry-action > * i {
                float: left;
                font-size: 2.6667em;
                margin-right: 10px;
                color: #d9d9d9
            }

        .blog-infinite .post-meta .entry-action a.button:hover, .single .post-meta .entry-action a.button:hover {
            background: #01b7f2;
            color: #fff
        }

            .blog-infinite .post-meta .entry-action a.button:hover i, .single .post-meta .entry-action a.button:hover i {
                color: #fff
            }

    .blog-infinite .post-meta:after, .single .post-meta:after {
        display: table;
        content: "";
        clear: both
    }

.single .details {
    margin-bottom: 30px
}

.comment-list .the-comment .comment-text:last-child, .single .suggestions .caption {
    margin-bottom: 0
}

.single .single-navigation a.button {
    font-weight: 400
}

    .single .single-navigation a.button span {
        vertical-align: middle
    }

.single .single-navigation i {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 0;
    vertical-align: middle
}

.single .single-navigation .prev i {
    margin-right: 20px
}

.single .single-navigation .next i {
    margin-left: 20px
}

.about-author .about-author-container {
    background: #fff;
    padding: 0 20px
}

.about-author .about-author-content {
    display: table;
    border-bottom: 1px solid #f5f5f5
}

.about-author .avatar {
    display: table-cell;
    padding: 20px 20px 20px 0;
    border-right: 1px solid #f5f5f5
}

.about-author .description {
    display: table-cell;
    padding: 20px;
    vertical-align: top
}

#header.style7 .contact-details i, .about-author .wrote-posts-count span, .popup-wrapper .popup-content, .popup-wrapper:before, .search-box-wrapper.style2 .search-box > ul.search-tabs li > a span {
    vertical-align: middle
}

.about-author .description p {
    line-height: 1.8333em
}

.about-author .about-author-meta {
    padding: 15px 0
}

.about-author .social-icons {
    float: right
}

.about-author .wrote-posts-count {
    line-height: 28px;
    font-size: 1.1667em
}

    .about-author .wrote-posts-count i {
        font-size: 1.8333em;
        color: #01b7f2;
        float: left;
        margin-right: 10px
    }

.single .avatar img, .travel-story-container .avatar img {
    border-radius: 50%;
    width: 96px;
    height: 96px
}

.single .suggestions a.hover-effect:after {
    color: #fff;
    background: 0 0;
    content: "\e8ba";
    font-family: soap-icons;
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.single .suggestions li {
    cursor: pointer
}

    .single .suggestions li:hover a.hover-effect:after {
        visibility: visible;
        -webkit-transform: rotateY(0) scale(1,1);
        -moz-transform: rotateY(0) scale(1,1);
        -ms-transform: rotateY(0) scale(1,1);
        -o-transform: rotateY(0) scale(1,1);
        transform: rotateY(0) scale(1,1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .single .suggestions li:hover a.hover-effect {
        background: #01b7f2
    }

    .single .suggestions li:hover img {
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .single .suggestions li:hover .caption {
        color: #01b7f2
    }

.comment-list .the-comment {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f5f5f5
}

    .comment-list .the-comment .comment-text {
        padding-right: 50px
    }

.comment-list > li.comment:first-child > .the-comment {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.comment-list .avatar {
    margin-right: 30px;
    float: left
}

    .comment-list .avatar img {
        width: 72px;
        height: 72px
    }

.author a {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1px
}

.author img {
    -webkit-backface-visibility: visible
}

.opacity-overlay, .pace {
    -webkit-backface-visibility: hidden
}

.testimonial .slides > li {
    display: none
}

.testimonial.style1 .slides > li, .testimonial.style2 .slides > li {
    padding-bottom: 80px;
    position: relative
}

.testimonial.style1 .description, .testimonial.style2 .description {
    font-size: 1.3333em;
    color: #01b7f2;
    font-style: italic
}

.testimonial.style1 .author, .testimonial.style2 .author {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto
}

    .testimonial.style1 .author a, .testimonial.style2 .author a {
        float: left;
        width: 74px;
        height: 74px;
        margin-right: 10px
    }

    .testimonial.style1 .author .name, .testimonial.style2 .author .name {
        padding-top: 22px
    }

        .testimonial.style1 .author .name small, .testimonial.style2 .author .name small {
            display: block;
            text-transform: uppercase;
            font-size: .7143em
        }

.testimonial.style1 {
    background: #fff;
    padding: 25px
}

    .testimonial.style1 .testimonial-control-nav {
        float: right
    }

        .testimonial.style1 .testimonial-control-nav > li {
            float: left;
            margin-left: 5px
        }

            .testimonial.style1 .testimonial-control-nav > li a {
                display: block;
                width: 14px;
                height: 14px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50% 50% 50% 50%;
                border-radius: 50%;
                border: 1px solid #dbdbdb;
                text-indent: -9999px;
                cursor: pointer
            }

                .testimonial.style1 .testimonial-control-nav > li a.testimonial-active {
                    background: #dc373e;
                    border-color: #dc373e
                }

    .testimonial.style1:after {
        display: table;
        content: "";
        clear: both
    }

.testimonial.style2 {
    position: relative
}

    .testimonial.style2 .description {
        background: #fff;
        padding: 20px
    }

    .testimonial.style2 .author {
        padding-left: 25px
    }

    .testimonial.style2 .testimonial-direction-nav {
        right: 0;
        top: -40px;
        width: 72px;
        height: 22px;
        position: absolute
    }

        .testimonial.style2 .testimonial-direction-nav li {
            float: left
        }

            .testimonial.style2 .testimonial-direction-nav li a {
                display: block;
                width: 30px;
                height: 22px;
                background: #01b7f2;
                color: #fff;
                text-indent: -9999px
            }

                .testimonial.style2 .testimonial-direction-nav li a:before {
                    position: absolute;
                    display: block;
                    top: 2px;
                    font-family: soap-icons;
                    text-indent: 0;
                    font-size: 20px
                }

                .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev {
                    margin-right: 10px
                }

                    .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev:before {
                        content: '\e88a';
                        left: 8px
                    }

                .testimonial.style2 .testimonial-direction-nav li a.testimonial-next:before {
                    content: '\e88b';
                    right: 9px
                }

                .testimonial.style2 .testimonial-direction-nav li a.testimonial-disabled {
                    background: #d9d9d9
                }

.testimonial.style3 {
    position: relative;
    border: 2px solid #fff;
    margin-top: 80px;
    padding: 60px 40px 20px;
    text-align: center
}

    .testimonial.style3 .author {
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -50px
    }

        .testimonial.style3 .author a {
            width: 100px;
            height: 100px;
            border: 3px solid #fff;
            background: #fff
        }

            .testimonial.style3 .author a img {
                width: 100%;
                height: 100%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50% 50% 50% 50%;
                border-radius: 50%
            }

    .testimonial.style3 .description {
        color: #fff;
        font-size: 2.5em;
        font-weight: 300
    }

        .testimonial.style3 .description em {
            font-weight: 400
        }

        .testimonial.style3 .description:after, .testimonial.style3 .description:before, .testimonial.style3 .name {
            color: #01b7f2
        }

            .testimonial.style3 .name:before {
                content: "-"
            }

    .testimonial.style3 ul.slides:after {
        display: table;
        content: "";
        clear: both
    }

    .testimonial.style3 ul.slides li {
        position: static !important
    }

    .testimonial.style3 .testimonial-direction-nav .testimonial-next, .testimonial.style3 .testimonial-direction-nav .testimonial-prev {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        width: 40px;
        text-indent: -9999px;
        background: #fff;
        color: #01b7f2
    }

        .testimonial.style3 .testimonial-direction-nav .testimonial-next:before, .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before {
            text-indent: 0;
            position: absolute;
            display: block;
            left: 15px;
            font-size: 30px;
            top: 50%;
            margin-top: -10px;
            font-family: soap-icons
        }

    .testimonial.style3 .testimonial-direction-nav .testimonial-prev {
        left: 0
    }

        .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before {
            content: '\e87c'
        }

    .testimonial.style3 .testimonial-direction-nav .testimonial-next {
        right: 0
    }

        .testimonial.style3 .testimonial-direction-nav .testimonial-next:before {
            content: '\e878'
        }

    .testimonial.style3 .testimonial-direction-nav .testimonial-disabled {
        background: #2d3e52;
        color: #fff
    }

.team {
    text-align: center
}

    .team figure {
        position: relative;
        overflow: hidden
    }

        .team figure:hover figcaption {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            bottom: 0
        }

        .team figure figcaption {
            position: absolute;
            bottom: -32px;
            line-height: 0;
            text-align: center;
            left: 0;
            right: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            -moz-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            -webkit-transition: all .3s ease-in;
            -ms-transition: all .3s ease-in;
            transition: all .3s ease-in
        }

            .team figure figcaption > .social-icons > li a {
                background: #fff;
                color: inherit;
                -moz-opacity: .65;
                -khtml-opacity: .65;
                opacity: .65
            }

                .team figure figcaption > .social-icons > li a:hover {
                    color: #01b7f2;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1
                }

    .team .details {
        text-align: center
    }

    .team .description {
        border-top: 1px solid #f5f5f5;
        margin-top: 10px;
        padding-top: 8px
    }

    .team .social-icons {
        display: inline-block
    }

.contact-form-container {
    padding: 30px 30px 20px
}

    .contact-form-container .contact-form label {
        text-transform: uppercase
    }

.opacity-overlay {
    outline: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 10000;
    display: none
}

    .opacity-overlay .container {
        height: 100%;
        position: relative;
        z-index: 10001
    }

    .opacity-overlay .spinner {
        color: #fff;
        font-size: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -16px;
        margin-top: -16px
    }

.popup-wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    top: 30px;
    height: 100%;
    width: 100%;
    padding: 0 5px
}

    .popup-wrapper:before {
        content: '';
        display: inline-block;
        height: 100%
    }

    .popup-wrapper .popup-content {
        float: none;
        padding: 0;
        text-align: left;
        z-index: 10003;
        position: relative;
        display: inline-block
    }

.style-changer {
    text-align: left;
    width: 270px
}

    .style-changer .style-changer-header {
        width: 330px;
        padding-left: 30px;
        height: 55px;
        line-height: 55px;
        color: #fff;
        background: #01b7f2;
        -webkit-border-radius: 0 0 15px;
        -moz-border-radius: 0 0 15px;
        -ms-border-radius: 0 0 15px 0;
        border-radius: 0 0 15px;
        position: relative
    }

        .style-changer .style-changer-header .style-main-title {
            float: left;
            margin: 0;
            line-height: 55px;
            color: #fff
        }

    #car-details .intro.table-wrapper .table-cell:first-child, #cruise-description .intro.table-wrapper .table-cell:first-child, #cruise-reviews .intro.table-wrapper .table-cell:first-child, #cruise-write-review .intro.table-wrapper .table-cell:first-child, #flight-details .intro.table-wrapper .table-cell:first-child, #hotel-description .intro.table-wrapper .table-cell:first-child, #hotel-reviews .intro.table-wrapper .table-cell:first-child, #hotel-write-review .intro.table-wrapper .table-cell:first-child, #travel-guide .intro.table-wrapper .table-cell:first-child, .style-changer .style-chagner-main .design-skins {
        margin-bottom: 15px
    }

    .style-changer .style-changer-header .style-toggle {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 20px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50%;
        background: #fff;
        line-height: 30px;
        text-align: center
    }

    #header .ribbon.currency > ul.menu li a, #header .topnav ul.quick-menu > li > a, .style-changer .style-chagner-main label {
        font-size: .8333em;
        text-transform: uppercase
    }

    .style-changer .style-changer-header .style-toggle > .fa {
        color: #01b7f2
    }

    .style-changer .style-chagner-main {
        width: 270px;
        background: #fff;
        padding: 15px 30px 30px
    }

        .style-changer .style-chagner-main label {
            margin-top: 15px;
            font-weight: 400
        }

        .style-changer .style-chagner-main .design-skins li {
            padding: 4px;
            border: 1px solid;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50% 50% 50% 50%;
            border-radius: 50%;
            width: 35px;
            height: 35px
        }

            .style-changer .style-chagner-main .design-skins li i {
                display: none
            }

            .style-changer .style-chagner-main .design-skins li a {
                display: block;
                color: #fff;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50% 50% 50% 50%;
                border-radius: 50%;
                text-align: center;
                font-size: 20px;
                line-height: 1.1em;
                width: 100%;
                height: 100%
            }

            .style-changer .style-chagner-main .design-skins li.active i {
                display: inline-block
            }

            .style-changer .style-chagner-main .design-skins li.light-blue {
                border-color: #01b7f2
            }

                .style-changer .style-chagner-main .design-skins li.light-blue a {
                    background: #01b7f2
                }

            .style-changer .style-chagner-main .design-skins li.purple {
                border-color: #9f60b5
            }

                .style-changer .style-chagner-main .design-skins li.purple a {
                    background: #9f60b5
                }

            .style-changer .style-chagner-main .design-skins li.orange {
                border-color: #ff6000
            }

                .style-changer .style-chagner-main .design-skins li.orange a {
                    background: #ff6000
                }

            .style-changer .style-chagner-main .design-skins li.light-orange {
                border-color: #f5a77d
            }

                .style-changer .style-chagner-main .design-skins li.light-orange a {
                    background: #f5a77d
                }

            .style-changer .style-chagner-main .design-skins li.sea-blue {
                border-color: #0ab596
            }

                .style-changer .style-chagner-main .design-skins li.sea-blue a {
                    background: #0ab596
                }

            .style-changer .style-chagner-main .design-skins li.sky-blue {
                border-color: #6dace6
            }

                .style-changer .style-chagner-main .design-skins li.sky-blue a {
                    background: #6dace6
                }

            .style-changer .style-chagner-main .design-skins li.dark-orange {
                border-color: #ff3e3e
            }

                .style-changer .style-chagner-main .design-skins li.dark-orange a {
                    background: #ff3e3e
                }

            .style-changer .style-chagner-main .design-skins li.dark-blue {
                border-color: #194eb0
            }

                .style-changer .style-chagner-main .design-skins li.dark-blue a {
                    background: #194eb0
                }

            .style-changer .style-chagner-main .design-skins li.light-yellow {
                border-color: #ffd200
            }

                .style-changer .style-chagner-main .design-skins li.light-yellow a {
                    background: #ffd200
                }

            .style-changer .style-chagner-main .design-skins li.red {
                border-color: #e44049
            }

                .style-changer .style-chagner-main .design-skins li.red a {
                    background: #e44049
                }

    .style-changer.dark .style-chagner-main {
        background: #2d3e52
    }

        .style-changer.dark .style-chagner-main label {
            color: #7c9abd
        }

    .style-changer#style-changer {
        position: fixed;
        left: -275px;
        top: 100px;
        z-index: 1000;
        -moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        -ms-transition: all .4s ease-in;
        transition: all .4s ease-in
    }

.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    overflow: hidden
}

.pace {
    user-select: none;
    background: #f5f5f5;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    visibility: visible;
    width: 100%;
    z-index: 999999
}

#header, .chaser {
    z-index: 99
}

    #header, #header .ribbon, #header .ribbon > a {
        position: relative
    }

.pace-inactive {
    display: none
}

.pace .loading-page {
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: none !important
}

.chaser, .soap-login-page.style1 #page-wrapper, .soap-login-page.style3 #main-menu li {
    -webkit-backface-visibility: hidden
}

#header .topnav {
    height: 30px;
    background: #01b7f2;
    width: 100%
}

    #header .topnav ul.quick-menu > li {
        float: left;
        margin-left: 20px
    }

        #header .topnav ul.quick-menu > li:first-child {
            margin-left: 0
        }

        #header .topnav ul.quick-menu > li > a {
            color: #fff;
            line-height: 30px;
            display: block
        }

#header .ribbon > a {
    text-transform: uppercase
}

#header .ribbon:hover > ul.menu {
    top: 28px;
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header .ribbon > ul.menu {
    position: absolute;
    left: -15px;
    top: -9999px;
    z-index: 99;
    visibility: hidden
}

    #header .ribbon > ul.menu.left {
        left: auto;
        right: -10px
    }

#header .main-header {
    height: auto;
    position: relative;
    width: 100%
}

#header .logo {
    padding: 0;
    text-align: left;
    margin: 15px 0;
    height: auto
}

#header .mobile-menu-toggle {
    margin: 0;
    height: 66px;
    width: 66px;
    padding: 22px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    display: none
}

    #header .mobile-menu-toggle .icon-bar {
        background: #fff
    }

#footer .logo a, #header .logo a, .chaser .logo a {
    display: block
}

#footer .logo img, #header .logo img, .chaser .logo img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 1
}

.menu > li {
    position: relative
}

.lang-flag {
    padding-left: 20px !important
}

#main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .megamenu-wrapper, .topnav .container > ul ul {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

#main-menu ul.menu, .chaser ul.menu {
    margin: 0;
    float: right
}

    #main-menu ul.menu li, .chaser ul.menu li {
        -webkit-backface-visibility: hidden;
        -webkit-transform: none !important
    }

    #main-menu ul.menu > li, .chaser ul.menu > li {
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

        #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child {
            padding-left: 0
        }

        #main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child {
            padding-right: 0
        }

        #main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul {
            top: 66px;
            visibility: visible;
            height: auto !important;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            z-index: 1000
        }

        #main-menu ul.menu > li > a, .chaser ul.menu > li > a {
            font-weight: 400;
            display: block;
            padding: 0;
            height: 68px;
            line-height: 68px;
            text-transform: uppercase;
            letter-spacing: normal !important
        }

        #main-menu ul.menu > li.active > a, .chaser ul.menu > li.active > a {
            color: #01b7f2;
            font-weight: 700
        }

        #main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a {
            color: #01b7f2
        }

        #main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left {
            left: auto;
            right: -10px
        }

        #main-menu ul.menu > li ul, .chaser ul.menu > li ul {
            visibility: hidden;
            position: absolute;
            left: 0;
            top: -9999px;
            z-index: -1;
            width: 180px;
            padding: 0;
            background: #01b7f2
        }

            #main-menu ul.menu > li ul li, .chaser ul.menu > li ul li {
                text-align: left;
                position: relative
            }

                #main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child {
                    border-top: none
                }

                #main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul {
                    top: 0;
                    display: block;
                    visibility: visible;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1;
                    z-index: 1000
                }

                #main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a {
                    border-top: 1px solid #04afe7;
                    white-space: nowrap;
                    color: #fff;
                    padding: 12px 20px 12px 18px;
                    display: block;
                    font-size: .9167em;
                    -moz-opacity: .7;
                    -khtml-opacity: .7;
                    opacity: .7
                }

                #main-menu ul.menu > li ul li.active > a, #main-menu ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.active > a, .chaser ul.menu > li ul li:hover > a {
                    background: #04afe7;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1
                }

        #main-menu ul.menu > li.menu-color-blue ul, .chaser ul.menu > li.menu-color-blue ul {
            background: #01b7f2
        }

            #main-menu ul.menu > li.menu-color-blue ul li.active > a, #main-menu ul.menu > li.menu-color-blue ul li:hover > a, .chaser ul.menu > li.menu-color-blue ul li.active > a, .chaser ul.menu > li.menu-color-blue ul li:hover > a {
                background: #04afe7
            }

            #main-menu ul.menu > li.menu-color-blue ul li > a, .chaser ul.menu > li.menu-color-blue ul li > a {
                border-top: 1px solid #04afe7
            }

        #main-menu ul.menu > li.menu-color-yellow ul, .chaser ul.menu > li.menu-color-yellow ul {
            background: #dc373e
        }

            #main-menu ul.menu > li.menu-color-yellow ul li.active > a, #main-menu ul.menu > li.menu-color-yellow ul li:hover > a, .chaser ul.menu > li.menu-color-yellow ul li.active > a, .chaser ul.menu > li.menu-color-yellow ul li:hover > a {
                background: #f5b010
            }

            #main-menu ul.menu > li.menu-color-yellow ul li > a, .chaser ul.menu > li.menu-color-yellow ul li > a {
                border-top: 1px solid #f5b010
            }

        #main-menu ul.menu > li.menu-color-green ul, .chaser ul.menu > li.menu-color-green ul {
            background: #69902b
        }

            #main-menu ul.menu > li.menu-color-green ul li.active > a, #main-menu ul.menu > li.menu-color-green ul li:hover > a, .chaser ul.menu > li.menu-color-green ul li.active > a, .chaser ul.menu > li.menu-color-green ul li:hover > a {
                background: #91c63d
            }

            #main-menu ul.menu > li.menu-color-green ul li > a, .chaser ul.menu > li.menu-color-green ul li > a {
                border-top: 1px solid #91c63d
            }

        #main-menu ul.menu > li li > ul, .chaser ul.menu > li li > ul {
            left: 180px
        }

            #main-menu ul.menu > li li > ul.left, .chaser ul.menu > li li > ul.left {
                left: -180px
            }

    #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        top: 66px;
        z-index: 1002;
        visibility: visible
    }

        #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul {
            visibility: visible
        }

    #main-menu ul.menu > .megamenu-menu .megamenu-wrapper, .chaser ul.menu > .megamenu-menu .megamenu-wrapper {
        position: absolute;
        z-index: -1;
        left: 0;
        top: -9999px;
        visibility: hidden;
        overflow: hidden;
        display: none;
        padding: 0
    }

        #main-menu ul.menu > .megamenu-menu .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu .megamenu-wrapper ul {
            position: static;
            width: 100%;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

    #main-menu ul.menu > .megamenu-menu .megamenu-holder, .chaser ul.menu > .megamenu-menu .megamenu-holder {
        width: auto;
        margin-left: -15px;
        margin-right: -15px
    }

    #main-menu ul.menu > .megamenu-menu ul.megamenu, .chaser ul.menu > .megamenu-menu ul.megamenu {
        display: table;
        table-layout: fixed;
        width: 100%;
        background: #01b7f2
    }

        #main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children ul, #main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children.active > a, #main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children:hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a:hover, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children ul, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children.active > a, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a:hover {
            background: 0 0
        }

        #main-menu ul.menu > .megamenu-menu ul.megamenu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li {
            display: table-cell;
            float: none;
            padding-bottom: 25px;
            border: none
        }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a {
                border-top: none;
                padding-left: 40px;
                font-size: 1em;
                font-weight: 700;
                text-transform: uppercase;
                -moz-opacity: 1 !important;
                -khtml-opacity: 1 !important;
                opacity: 1 !important
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 .sub-menu > li {
                width: 100%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 .sub-menu > li {
                width: 50%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 .sub-menu > li {
                width: 33.3333%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 .sub-menu > li {
                width: 25%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 .sub-menu > li {
                width: 20%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 .sub-menu > li {
                width: 16.6666%
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul > li {
                float: left;
                border: none
            }

        #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu:after, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu:after {
            display: table;
            content: "";
            clear: both
        }

        #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li {
            display: block;
            float: none;
            padding-left: 15px;
            padding-right: 15px;
            border: none
        }

            #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li > a {
                border-top: none
            }

            #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a {
                white-space: normal;
                padding-right: 0;
                font-size: .9167em;
                border-bottom: 1px solid #04afe7;
                position: relative;
                padding-left: 40px
            }

                #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a:before, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a:before {
                    font-family: FontAwesome;
                    content: "\f111";
                    display: block;
                    font-size: 5px;
                    position: absolute;
                    left: 25px;
                    font-weight: 400
                }

            #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li.active > a, #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li:hover > a {
                font-weight: 700
            }

    #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu {
        background: #01b7f2
    }

        #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a {
            border-bottom-color: #04afe7
        }

        #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a {
            background: #04afe7
        }

    #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu {
        background: #dc373e
    }

        #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a {
            border-bottom-color: #f5b010
        }

        #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a {
            background: #f5b010
        }

    #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu {
        background: #69902b
    }

        #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a {
            border-bottom-color: #91c63d
        }

        #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a {
            background: #91c63d
        }

    #main-menu ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper {
        border: 2px solid #01b7f2
    }

    #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu {
        background: #fff
    }

        #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a {
            color: #2d3e52 !important
        }

        #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a {
            color: #838383;
            border-bottom: 1px solid #f5f5f5
        }

        #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a {
            background: #f5f5f5;
            color: #2d3e52
        }

            #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before {
                color: #01b7f2
            }

    #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper {
        border-color: #01b7f2
    }

    #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper {
        border-color: #dc373e
    }

    #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before {
        color: #dc373e
    }

    #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper {
        border-color: #69902b
    }

    #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before {
        color: #69902b
    }

ul.menu.mini {
    min-width: 180px;
    border: 2px solid #01b7f2;
    background: #fff
}

    ul.menu.mini li {
        padding: 0 20px;
        float: none;
        margin: 0
    }

        ul.menu.mini li a {
            border-bottom: 1px solid #f5f5f5;
            display: block;
            padding: 10px 0;
            color: inherit;
            line-height: normal;
            font-size: .9167em;
            text-align: left
        }

        ul.menu.mini li.active, ul.menu.mini li:hover {
            background: #f5f5f5
        }

            ul.menu.mini li.active a, ul.menu.mini li:hover a {
                color: #01b7f2;
                font-weight: 700
            }

.menu-color-blue ul.menu.mini, .menu-color-green ul.menu.mini, .menu-color-skin ul.menu.mini, .menu-color-yellow ul.menu.mini {
    border: none;
    padding: 10px 0;
    background: #01b7f2
}

    .menu-color-blue ul.menu.mini li:last-child a, .menu-color-green ul.menu.mini li:last-child a, .menu-color-skin ul.menu.mini li:last-child a, .menu-color-yellow ul.menu.mini li:last-child a {
        border: none
    }

    .menu-color-blue ul.menu.mini li a, .menu-color-green ul.menu.mini li a, .menu-color-skin ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a {
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7;
        color: #fff;
        font-size: .8333em;
        border-color: #04afe7
    }

    .menu-color-blue ul.menu.mini li.active a, .menu-color-blue ul.menu.mini li:hover a, .menu-color-green ul.menu.mini li.active a, .menu-color-green ul.menu.mini li:hover a, .menu-color-skin ul.menu.mini li.active a, .menu-color-skin ul.menu.mini li:hover a, .menu-color-yellow ul.menu.mini li.active a, .menu-color-yellow ul.menu.mini li:hover a {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .menu-color-blue ul.menu.mini li.active, .menu-color-blue ul.menu.mini li:hover, .menu-color-green ul.menu.mini li.active, .menu-color-green ul.menu.mini li:hover, .menu-color-skin ul.menu.mini li.active, .menu-color-skin ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li:hover {
        background: #04afe7
    }

.menu-color-blue ul.menu.mini {
    background: #01b7f2
}

    .menu-color-blue ul.menu.mini li.active, .menu-color-blue ul.menu.mini li:hover {
        background: #04afe7
    }

.menu-color-yellow ul.menu.mini {
    background: #dc373e
}

    .menu-color-yellow ul.menu.mini li a {
        border-color: #f5b010
    }

    .menu-color-yellow ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li:hover {
        background: #f5b010
    }

.menu-color-green ul.menu.mini {
    background: #69902b
}

    .menu-color-green ul.menu.mini li a {
        border-color: #91c63d
    }

    .menu-color-green ul.menu.mini li.active, .menu-color-green ul.menu.mini li:hover {
        background: #91c63d
    }

#header .mobile-menu {
    background: #01b7f2;
    text-align: left
}

    #header .mobile-menu a {
        color: #fff;
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7;
        display: block;
        padding: 15px 0;
        background: 0 0 !important
    }

    #header .mobile-menu li.active > a, #header .mobile-menu li:hover > a {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    #header .mobile-menu > ul.menu > li {
        float: none;
        padding-left: 15px;
        padding-right: 15px
    }

        #header .mobile-menu > ul.menu > li > a {
            font-size: 1.1667em;
            border-top: 1px solid #04afe7;
            text-transform: uppercase;
            font-weight: 700
        }

        #header .mobile-menu > ul.menu > li.menu-item-has-children {
            position: relative
        }

            #header .mobile-menu > ul.menu > li.menu-item-has-children.open {
                background: #04afe7
            }

            #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle {
                position: absolute;
                right: 1px;
                top: 7px;
                height: 34px;
                line-height: 34px;
                padding: 0 15px;
                background: 0 0;
                display: inline-block;
                font-family: FontAwesome;
                font-size: 1.3333em;
                font-weight: 400;
                -moz-opacity: .7;
                -khtml-opacity: .7;
                opacity: .7
            }

                #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
                    content: "\f056"
                }

                #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after {
                    content: "\f055"
                }

            #header .mobile-menu > ul.menu > li.menu-item-has-children > a {
                border-top: 1px solid #04afe7
            }

            #header .mobile-menu > ul.menu > li.menu-item-has-children.open > a {
                color: #fff;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1
            }

            #header .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > a {
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1
            }

            #header .mobile-menu > ul.menu > li.menu-item-has-children > ul {
                border-top: 1px solid #01b7f2
            }

        #header .mobile-menu > ul.menu > li:first-child > a {
            border-top: none
        }

        #header .mobile-menu > ul.menu > li:last-child > a {
            border-bottom: 1px solid #04afe7
        }

        #header .mobile-menu > ul.menu > li > ul li > a {
            padding-left: 15px;
            font-size: 1.0833em;
            position: relative
        }

            #header .mobile-menu > ul.menu > li > ul li > a:before {
                font-family: FontAwesome;
                content: "\f111";
                display: block;
                font-size: 4px;
                position: absolute;
                left: 0
            }

        #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a {
            padding-left: 0;
            color: #fff;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            font-size: 1.1667em;
            font-weight: 700;
            text-transform: uppercase
        }

            #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before {
                content: "";
                display: none
            }

        #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom: 1px solid #01b7f2
        }

        #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul {
            border-bottom: none !important
        }

        #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a {
            padding-left: 10px
        }

            #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a:before {
                display: none
            }

    #header .mobile-menu .mobile-topnav {
        margin: 0 auto;
        padding: 0 5px
    }

        #header .mobile-menu .mobile-topnav > li {
            float: left;
            position: relative;
            color: #40cbf8
        }

            #header .mobile-menu .mobile-topnav > li > a {
                font-size: .8333em;
                padding: 0 10px;
                margin: 22px 10px;
                line-height: 1em;
                width: auto
            }

            #header .mobile-menu .mobile-topnav > li:after {
                content: "|";
                position: absolute;
                right: -1px;
                top: 50%;
                margin-top: -10px
            }

            #header .mobile-menu .mobile-topnav > li:last-child:after {
                display: none
            }

            #header .mobile-menu .mobile-topnav > li:first-child a {
                margin-left: 0
            }

        #header .mobile-menu .mobile-topnav .menu.mini {
            left: 0;
            top: 40px;
            visibility: visible;
            display: none;
            min-width: 100px
        }

            #header .mobile-menu .mobile-topnav .menu.mini li > a {
                padding: 10px 0
            }

            #header .mobile-menu .mobile-topnav .menu.mini.left {
                left: 0;
                right: auto
            }

    #header .mobile-menu.menu-color-blue .mobile-topnav li:after, #header .mobile-menu.menu-color-green .mobile-topnav li:after, #header .mobile-menu.menu-color-yellow .mobile-topnav li:after {
        color: #fff;
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7
    }

    #header .mobile-menu.menu-color-blue {
        background: #01b7f2
    }

        #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > a {
            border-top-color: #04afe7
        }

        #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open {
            background: #04afe7
        }

            #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > ul {
                border-top-color: #01b7f2
            }

        #header .mobile-menu.menu-color-blue ul.menu > li:last-child > a {
            border-bottom-color: #04afe7
        }

        #header .mobile-menu.menu-color-blue ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #01b7f2
        }

    #header .mobile-menu.menu-color-yellow {
        background: #dc373e
    }

        #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > a {
            border-top-color: #f5b010
        }

        #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open {
            background: #f5b010
        }

            #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > ul {
                border-top-color: #dc373e
            }

        #header .mobile-menu.menu-color-yellow ul.menu > li:last-child > a {
            border-bottom-color: #f5b010
        }

        #header .mobile-menu.menu-color-yellow ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #dc373e
        }

    #header .mobile-menu.menu-color-green {
        background: #69902b
    }

        #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > a {
            border-top-color: #91c63d
        }

        #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open {
            background: #91c63d
        }

            #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > ul {
                border-top-color: #69902b
            }

        #header .mobile-menu.menu-color-green ul.menu > li:last-child > a {
            border-bottom-color: #91c63d
        }

        #header .mobile-menu.menu-color-green ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #69902b
        }

.chaser {
    background: rgba(255,255,255,.95);
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    z-index: 9
}

    .chaser .logo, .rich-datepicker-input {
        background-repeat: no-repeat !important
    }

    .chaser ul.menu > li > a {
        line-height: 48px;
        height: 48px
    }

    .chaser ul.menu > li:hover > .megamenu-wrapper, .chaser ul.menu > li:hover > ul {
        top: 46px !important
    }

    .chaser .logo {
        background-attachment: scroll !important;
        background-clip: border-box !important;
        background-color: rgba(0,0,0,0) !important;
        background-origin: padding-box !important;
        background-position: 0 0 !important;
        background-size: 61% 20px;
        display: block;
        height: 24px;
        line-height: 11px;
        margin-bottom: 0;
        min-height: initial;
        padding: 0;
        width: 199px
    }

        .chaser .logo a {
            background-size: auto 20px
        }

.no-rgba .chaser {
    background: #fff;
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95
}

.no-backgroundsize .chaser .logo a {
    background-size: auto 20px;
    background-image: none
}

.travelo-login-box, .travelo-signup-box {
    border: 0 solid #0386ba;
    width: 300px;
    margin: 0 auto;
    display: none
}

    .travelo-login-box .login-social .button, .travelo-signup-box .login-social .button {
        width: 100%;
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
        font-size: 1.3333em;
        font-weight: 400;
        text-align: left;
        padding-left: 20px;
        letter-spacing: normal !important
    }

        .travelo-login-box .login-social .button i, .travelo-signup-box .login-social .button i {
            font-size: 1.5em;
            margin-right: 36px;
            width: 20px;
            float: left;
            display: block
        }

    .travelo-login-box .login-facebook, .travelo-signup-box .login-facebook {
        background: #155c92
    }

    .travelo-login-box .login-googleplus, .travelo-signup-box .login-googleplus {
        background: #d13535
    }

    .travelo-login-box .seperator, .travelo-signup-box .seperator {
        line-height: 0;
        border-top: 1px solid #f5f5f5;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px
    }

        .travelo-login-box .seperator label, .travelo-signup-box .seperator label {
            display: block;
            font-size: .9167em;
            position: absolute;
            left: 50%;
            top: 50%;
            line-height: 1;
            background: #fff;
            padding: 0 10px;
            margin: -1px 0 0;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-weight: 400
        }

#slideshow, .slideshow-bg {
    position: relative
}

.travelo-login-box p, .travelo-signup-box p {
    margin-bottom: 0
}

.travelo-login-box .description, .travelo-signup-box .description {
    font-size: 1em;
    color: #9e9e9e
}

.travelo-login-box .checkbox label, .travelo-signup-box .checkbox label {
    font-size: 1em
}

.travelo-login-box .goto-login, .travelo-login-box .goto-signup, .travelo-login-box .signup-email, .travelo-signup-box .goto-login, .travelo-signup-box .goto-signup, .travelo-signup-box .signup-email {
    color: #01b7f2;
    font-size: 1.0833em
}

.travelo-signup-box .signup-email-section {
    margin-bottom: 10px
}

.travelo-signup-box .signup-email i {
    font-size: 1.2em;
    margin-right: 4px
}

.travelo-signup-box .email-signup {
    margin-top: 5px;
    margin-bottom: 20px;
    display: none
}

.travelo-login-box .checkbox-inline {
    margin-left: 0
}

.travelo-login-box .forgot-password {
    color: #01b7f2;
    text-decoration: underline
}

#slideshow {
    width: 100%;
    padding: 0;
    min-height: 100px
}

.slideshow-bg #slideshow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

.slideshow-bg .flexslider {
    height: 100%;
    border: none;
    box-shadow: none
}

    .slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li {
        height: 100%
    }

    .slideshow-bg .flexslider .slidebg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        -webkit-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        transition: all .5s ease-out
    }

.slideshow-bg #main {
    position: relative;
    z-index: 2
}

.theme-background-color {
    background-color: #0386ba !important
}

.page-title-container {
    height: 40px;
    position: relative
}

    .page-title-container .breadcrumbs {
        height: 100%;
        width: 100%
    }

        .page-title-container .breadcrumbs li {
            float: left;
            line-height: 40px;
            display: inline;
            margin-left: 5px;
            font-size: 15px;
            font-weight: 400;
            text-transform: lowercase
        }

            .page-title-container .breadcrumbs li a {
                padding-right: 5px;
                color: #fff
            }

            .page-title-container .breadcrumbs li:after {
                content: "/";
                color: #f9f9f9
            }

            .page-title-container .breadcrumbs li:last-child:after {
                content: ""
            }

            .page-title-container .breadcrumbs li.active {
                color: #fdb714
            }

.world-map-section {
    height: 750px
}

.marker-holder {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0
}

    .marker-holder .image-box {
        position: absolute;
        width: 405px;
        padding: 5px;
        margin: 0;
        background: #fff;
        bottom: 0;
        left: 0;
        font-family: Lato,Arial,Helvetica,sans-serif
    }

        .marker-holder .image-box figure {
            width: 135px;
            height: 135px;
            float: left
        }

            .marker-holder .image-box figure img {
                height: 100%
            }

        .marker-holder .image-box .details {
            margin-left: 150px;
            padding-top: 5px
        }

            .marker-holder .image-box .details .title img {
                padding-top: 5px;
                margin-right: 3px
            }

            .marker-holder .image-box .details i {
                font-size: 2.1667em;
                color: #d9d9d9
            }

            .marker-holder .image-box .details .price {
                font-size: 1.3333em
            }

                .marker-holder .image-box .details .price small {
                    font-size: .625em;
                    line-height: 1.3333em
                }

            .marker-holder .image-box .details .table-wrapper {
                width: 100%;
                table-layout: fixed
            }

            .marker-holder .image-box .details .table-cell {
                padding: 10px 20px 10px 10px;
                border-top: 1px solid #f5f5f5
            }

                .marker-holder .image-box .details .table-cell:first-child {
                    border-right: 1px solid #f5f5f5
                }

        .marker-holder .image-box:after {
            content: "";
            position: absolute;
            left: 180px;
            bottom: -25px;
            display: block;
            width: 0;
            height: 0;
            border-width: 25px 25px 0;
            border-style: solid;
            border-color: #fff transparent
        }

.search-box-wrapper {
    background: #fff
}

.search-box {
    margin-top: -80px;
    position: relative;
    z-index: 99
}

ul.search-tabs {
    margin: 0;
    padding: 0
}

    ul.search-tabs li {
        float: left;
        padding-right: 4px
    }

        ul.search-tabs li a {
            color: #333;
            display: block;
            padding: 0 30px;
            background: #fff;
            font-size: 1em;
            font-weight: 700;
            height: 40px;
            line-height: 40px;
            text-decoration: none;
            -moz-opacity: .4;
            -khtml-opacity: .4;
            opacity: .4;
            letter-spacing: normal !important;
            text-transform: uppercase
        }

.designanddevelop a:hover, .point-dtl a {
    text-decoration: underline
}

.visible-mobile .search-tabs li a, ul.search-tabs li.active a {
    color: #01b7f2;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.textbtn-green, .textbtn-red, .travel-cartpg td span a, .travel-cartpg td span a .cancel {
    text-decoration: underline;
    font-weight: 500
}

ul.search-tabs li a:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.visible-mobile .search-tabs li a, ul.search-tabs li.active a {
    opacity: 1
}

.visible-mobile .search-tabs li {
    float: none
}

    .visible-mobile .search-tabs li a {
        padding: 0 80px;
        text-align: center
    }

        .visible-mobile .search-tabs li a:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

.search-tab-content {
    padding: 30px 0
}

    .search-tab-content .tab-pane {
        display: none
    }

        .search-tab-content .tab-pane.active {
            display: block
        }

    .search-tab-content h4.title {
        margin: 10px 0;
        height: 20px
    }

    .search-tab-content .fixheight {
        padding-top: 40px
    }

.search-box #mobile-search-tabs > li {
    display: none
}

.search-box .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0
}

.search-box .bx-wrapper .bx-next, .search-box .bx-wrapper .bx-prev {
    background: #01b7f2;
    font-family: FontAwesome
}

.search-box .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 22px;
    margin-top: -11px
}

    .search-box .bx-wrapper .bx-controls-direction a.disabled {
        display: block;
        background: #d9d9d9
    }

.search-box .bx-wrapper .bx-next:before, .search-box .bx-wrapper .bx-prev:before {
    display: block;
    position: absolute;
    text-indent: 0;
    line-height: 20px;
    text-align: center;
    width: 30px;
    color: #fff
}

    .search-box .bx-wrapper .bx-next:before:hover, .search-box .bx-wrapper .bx-prev:before:hover {
        color: #fff
    }

.search-box .bx-wrapper .bx-prev:before {
    content: "\f177"
}

.search-box .bx-wrapper .bx-next:before {
    content: "\f178"
}

.search-box-wrapper.style1 {
    background: 0 0
}

    .search-box-wrapper.style1 .search-box {
        margin: 0
    }

        .search-box-wrapper.style1 .search-box > ul.search-tabs {
            margin-top: 80px;
            float: left;
            width: 31%
        }

            .search-box-wrapper.style1 .search-box > ul.search-tabs li {
                float: none;
                margin-right: 0;
                padding-right: 0
            }

                .search-box-wrapper.style1 .search-box > ul.search-tabs li > a {
                    -moz-opacity: .65;
                    -khtml-opacity: .65;
                    opacity: .65;
                    height: 57px;
                    line-height: 57px;
                    border-bottom: 1px solid #0d9dec;
                    border-right: 1px solid #0d9dec;
                    position: relative;
                    padding-left: 50px;
                    overflow: hidden
                }

                    .search-box-wrapper.style1 .search-box > ul.search-tabs li > a:hover {
                        -moz-opacity: .85;
                        -khtml-opacity: .85;
                        opacity: .85
                    }

                        .search-box-wrapper.style1 .search-box > ul.search-tabs li > a:hover i {
                            -webkit-animation: toTopFromBottom .3s forwards;
                            -moz-animation: toTopFromBottom .3s forwards;
                            animation: toTopFromBottom .3s forwards
                        }

                    .search-box-wrapper.style1 .search-box > ul.search-tabs li > a > i {
                        position: absolute;
                        left: 15px;
                        font-size: 24px
                    }

                .search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a {
                    border-right-color: #fff;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1
                }

                    .search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a > i {
                        color: #dc373e
                    }

                    .search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a:after {
                        content: "\e88b";
                        font-family: soap-icons;
                        position: absolute;
                        right: 15px;
                        color: #01b7f2;
                        font-size: 20px
                    }

                .search-box-wrapper.style1 .search-box > ul.search-tabs li:last-child > a {
                    border-bottom: none
                }

    .search-box-wrapper.style1 .search-tab-content {
        background: #fff;
        float: left;
        width: 69%;
        padding: 0
    }

        .search-box-wrapper.style1 .search-tab-content .title-container {
            background: #dc373e;
            padding: 15px 40px 0 25px;
            height: 80px;
            position: relative
        }

            .search-box-wrapper.style1 .search-tab-content .title-container > i {
                font-size: 48px;
                position: absolute;
                right: 25px;
                top: 50%;
                margin-top: -24px
            }

            .search-box-wrapper.style1 .search-tab-content .title-container * {
                color: #fff
            }

            .search-box-wrapper.style1 .search-tab-content .title-container .search-title {
                margin: 0;
                font-weight: 700
            }

        .search-box-wrapper.style1 .search-tab-content .search-content {
            padding: 18px 25px 25px
        }

            .search-box-wrapper.style1 .search-tab-content .search-content .choose-travel label.radio {
                color: #2d3e52;
                font-size: inherit
            }

            .search-box-wrapper.style1 .search-tab-content .search-content .choose-travel > div {
                margin-bottom: 0
            }

            .search-box-wrapper.style1 .search-tab-content .search-content label {
                font-size: .8333em
            }

.search-box-wrapper.style2 {
    background: 0 0
}

    .search-box-wrapper.style2 .search-box {
        margin: 0 auto;
        background: rgba(0,0,0,.5);
        padding: 5px
    }

        .search-box-wrapper.style2 .search-box > ul.search-tabs {
            display: table;
            width: 100%
        }

            .search-box-wrapper.style2 .search-box > ul.search-tabs li {
                padding-right: 5px;
                display: table-cell;
                float: none
            }

                .search-box-wrapper.style2 .search-box > ul.search-tabs li:last-child {
                    padding-right: 0
                }

                .search-box-wrapper.style2 .search-box > ul.search-tabs li > a {
                    height: 35px;
                    line-height: 35px;
                    background: #01b7f2;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    opacity: 1;
                    color: #fff;
                    padding: 0;
                    text-align: center;
                    overflow: hidden
                }

                    .search-box-wrapper.style2 .search-box > ul.search-tabs li > a i {
                        font-size: 1.6666em;
                        vertical-align: middle;
                        margin-right: 10px;
                        line-height: 0
                    }

                    .search-box-wrapper.style2 .search-box > ul.search-tabs li > a:hover i:before {
                        -webkit-animation: toTopFromBottom .35s forwards;
                        -moz-animation: toTopFromBottom .35s forwards;
                        animation: toTopFromBottom .35s forwards
                    }

                .search-box-wrapper.style2 .search-box > ul.search-tabs li.advanced-search > a {
                    background: #dc373e
                }

                .search-box-wrapper.style2 .search-box > ul.search-tabs li.active > a {
                    margin-bottom: 0;
                    height: 40px;
                    background: #fff;
                    color: #01b7f2
                }

    .search-box-wrapper.style2 .search-tab-content {
        background: #fff;
        padding: 20px
    }

        .search-box-wrapper.style2 .search-tab-content .tab-pane [class*="col-"], .search-box-wrapper.style2 .search-tab-content .tab-pane [class^=col-] {
            padding-left: 5px;
            padding-right: 5px
        }

        .search-box-wrapper.style2 .search-tab-content .tab-pane .row {
            margin-left: -5px;
            margin-right: -5px
        }

        .search-box-wrapper.style2 .search-tab-content input.input-text, .search-box-wrapper.style2 .search-tab-content select, .search-box-wrapper.style2 .search-tab-content span.custom-select, .search-box-wrapper.style2 .search-tab-content textarea {
            background: #fff;
            border: 1px solid #d1d1d1
        }

        .search-box-wrapper.style2 .search-tab-content .selector span.custom-select:before {
            background: #d1d1d1
        }

        .search-box-wrapper.style2 .search-tab-content .datepicker-wrap:after {
            background: 0 0;
            color: #d1d1d1
        }

        .search-box-wrapper.style2 .search-tab-content button {
            font-size: 1.1667em;
            font-weight: 700
        }

.search-box-wrapper .main-search-box {
    padding: 20px 0 10px
}

    .search-box-wrapper .main-search-box .row {
        margin: 0
    }

        .search-box-wrapper .main-search-box .row > div {
            padding: 0
        }

    .search-box-wrapper .main-search-box .title {
        line-height: 43px;
        margin: 0
    }

    .search-box-wrapper .main-search-box button {
        font-size: 1em
    }

.sort-by-section {
    background: #fff;
    padding: 0 20px
}

    .sort-by-section li {
        float: left;
        padding: 8px 5px
    }

    .sort-by-section .sort-by-title {
        margin: 15px 20px 0 0;
        line-height: 34px;
        float: left
    }

    .sort-by-section .sort-bar {
        float: left
    }

        .sort-by-section .sort-bar .sort-by-container {
            position: relative;
            display: block
        }

            .sort-by-section .sort-bar .sort-by-container > span {
                background: #fff;
                height: 34px;
                padding: 0 45px 0 8px;
                line-height: 34px;
                display: block;
                color: #9e9e9e
            }

                .sort-by-section .sort-bar .sort-by-container > span:after {
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    height: 100%;
                    width: 30px;
                    background: #d9d9d9;
                    content: ""
                }

            .sort-by-section .sort-bar .sort-by-container:after, .sort-by-section .sort-bar .sort-by-container:before {
                content: "";
                position: absolute;
                z-index: 1;
                display: block;
                top: 50%;
                right: 12px;
                border-left: 3px solid transparent;
                border-right: 3px solid transparent
            }

            .sort-by-section .sort-bar .sort-by-container:before {
                margin-top: -6px;
                border-bottom: 5px solid #fff
            }

            .sort-by-section .sort-bar .sort-by-container:after {
                margin-top: 2px;
                border-top: 5px solid #fff
            }

        .sort-by-section .sort-bar li.active .sort-by-container > span:after {
            background: #fcb714
        }

    .sort-by-section .swap-tiles {
        float: right;
        font-size: 33px
    }

        .sort-by-section .swap-tiles li > a > i {
            display: block;
            width: 34px;
            line-height: 34px;
            height: 34px;
            background: #f5f5f5;
            color: #d9d9d9;
            text-align: center
        }

        .sort-by-section .swap-tiles li.active > a > i, .sort-by-section .swap-tiles li:hover > a > i {
            background: #01b7f2;
            color: #fff
        }

        .sort-by-section .swap-tiles li.swap-list > a > i {
            font-size: 30px
        }

.filters-container.toggle-container {
    background: #fff
}

    .filters-container.toggle-container .panel.style1 {
        border: none;
        margin-bottom: 4px;
        background: #fff
    }

        .filters-container.toggle-container .panel.style1 .panel-title {
            padding-left: 5px
        }

        .filters-container.toggle-container .panel.style1 .panel-content {
            padding: 10px 20px 20px
        }

.search-results-title {
    background: #fff;
    padding: 2px 20px;
    margin: 0;
    border-bottom: 4px solid #f5f5f5;
    line-height: 3em
}

    .search-results-title > i {
        color: #fcb714;
        font-size: 20px;
        margin-right: 10px
    }

.filters-container .reviews {
    margin: 0;
    letter-spacing: normal !important
}

.filters-container ul.filters-options {
    margin-bottom: 10px
}

    .filters-container ul.filters-options li {
        margin-bottom: 1px;
        background: #f0f7ff;
        padding: 0
    }

        .filters-container ul.filters-options li a {
            color: inherit;
            display: block;
            padding: 5px 0;
            text-transform: capitalize;
            font-size: 14px
        }

        .filters-container ul.filters-options li small {
            float: right
        }

        .filters-container ul.filters-options li:before {
            float: left;
            width: 15px;
            height: 16px;
            display: block;
            line-height: 14px;
            text-align: center;
            margin-top: 12px
        }

        .filters-container ul.filters-options li:after {
            display: table;
            clear: both;
            content: ""
        }

.hotel-list {
    margin-top: 30px
}

.detailed-logo {
    background: #fff;
    padding: 15px
}

    .detailed-logo figure {
        background: #f5f5f5;
        text-align: center;
        padding: 20px 0
    }

        .detailed-logo figure img {
            height: auto;
            width: auto
        }

    .detailed-logo .box-title, .detailed-logo .feedback, .detailed-logo .price {
        border-bottom: 1px solid #f5f5f5
    }

    .detailed-logo .box-title {
        margin-top: 15px;
        padding-bottom: 10px;
        letter-spacing: normal
    }

        .detailed-logo .box-title > small {
            line-height: 1.5em;
            letter-spacing: normal !important;
            font-size: 10px
        }

            .detailed-logo .box-title > small > i {
                font-size: 1.5em;
                display: block;
                float: left;
                margin-right: 3px
            }

    .detailed-logo .price {
        float: none;
        display: block;
        line-height: 1.75em
    }

    .detailed-logo .feedback {
        padding: 8px 0 2px;
        color: #9e9e9e;
        text-transform: uppercase;
        font-size: .8333em;
        margin-bottom: 10px
    }

#flight-fare-rules .topics, #hotel-faqs .topics {
    margin-bottom: 30px
}

    #flight-fare-rules .topics li, #hotel-faqs .topics li {
        padding: 0 0 0 15px;
        margin-bottom: 1px;
        border-right: 1px solid #fff;
        background: #f5f5f5;
        line-height: 3.3333em;
        text-transform: uppercase;
        font-size: .9167em
    }

        #flight-fare-rules .topics li a, #hotel-faqs .topics li a {
            color: inherit
        }

        #flight-fare-rules .topics li.active, #hotel-faqs .topics li.active {
            background: #01b7f2
        }

.image-box.style2.activities .details {
    padding-top: 10px
}

.image-box.style2.activities.innerstyle {
    margin-top: 20px
}

    .image-box.style2.activities.innerstyle .details {
        padding-right: 0
    }

.image-box.style2.activities .review-score {
    float: right;
    text-transform: uppercase
}

    .image-box.style2.activities .review-score .reviews {
        font-size: .8333em
    }

.image-box.style2.activities .five-stars-container {
    float: left;
    margin-right: 10px
}

.image-box.style2.activities .details-header {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

.image-box.style2.activities > * {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px
}

.image-box.style2.activities > :last-child {
    border-bottom: none;
    padding-bottom: 0
}

.image-box.style2.activities.no-bottom-border > * {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 30px
}

#cruise-write-review .photo, #hotel-write-review .photo {
    padding: 0
}

    #cruise-write-review .photo .feedback, #hotel-write-review .photo .feedback {
        margin-top: 40px
    }

    #cruise-write-review .photo .details, #hotel-write-review .photo .details {
        padding-right: 15px
    }

        #cruise-write-review .photo .details .review, #hotel-write-review .photo .details .review {
            letter-spacing: normal !important
        }

#cruise-write-review .overall-rating, #hotel-write-review .overall-rating {
    background: #fff
}

#cruise-write-review .detailed-rating, #hotel-write-review .detailed-rating {
    margin-left: -20px;
    margin-right: -20px
}

    #cruise-write-review .detailed-rating li, #hotel-write-review .detailed-rating li {
        padding: 0 20px
    }

        #cruise-write-review .detailed-rating li > .each-rating, #hotel-write-review .detailed-rating li > .each-rating {
            border-top: 1px solid #f5f5f5;
            border-bottom: none
        }

#cruise-write-review .main-rating, #hotel-write-review .main-rating {
    margin-bottom: 20px
}

#cruise-write-review .review-form, #hotel-write-review .review-form {
    padding: 0 10px 10px
}

    #cruise-write-review .review-form h4, #hotel-write-review .review-form h4 {
        margin-bottom: 5px
    }

    #cruise-write-review .review-form .form-group, #hotel-write-review .review-form .form-group, .overall-rating .star-rating {
        margin-bottom: 20px
    }

#cruise-write-review .sort-trip li, #hotel-write-review .sort-trip li {
    float: left;
    margin-right: 20px;
    text-align: center
}

    #cruise-write-review .sort-trip li > span, #hotel-write-review .sort-trip li > span {
        font-weight: 500;
        font-size: 1.1667em;
        margin-top: 10px;
        line-height: 2.5em
    }

    #cruise-write-review .sort-trip li i, #hotel-write-review .sort-trip li i {
        display: block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 2.3333em;
        color: #dbdbdb
    }

    #cruise-write-review .sort-trip li.active i, #hotel-write-review .sort-trip li.active i {
        background: #01b7f2;
        color: #fff;
        border-color: #01b7f2
    }

    #cruise-write-review .sort-trip li.active > span, #hotel-write-review .sort-trip li.active > span {
        color: #01b7f2
    }

    #cruise-write-review .sort-trip li:hover i, #hotel-write-review .sort-trip li:hover i {
        -webkit-animation: sonarEffect 1s ease-out;
        -moz-animation: sonarEffect 1s ease-out;
        animation: sonarEffect 1s ease-out
    }

.overall-rating {
    padding: 25px 30px
}

    .overall-rating .star-rating .five-stars-container {
        font-size: 3em;
        line-height: 1em;
        float: left
    }

    .overall-rating .star-rating .status {
        text-transform: uppercase;
        display: block;
        float: left;
        line-height: 22px;
        height: 22px;
        background: #01b7f2;
        color: #fff;
        font-weight: 700;
        margin-top: 8px;
        position: relative;
        margin-left: 25px;
        padding: 0 15px 0 10px
    }

        .overall-rating .star-rating .status:before {
            display: block;
            content: "";
            border-right: 15px solid #01b7f2;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            position: absolute;
            top: 0;
            left: -15px
        }

.booking-details .guest, .booking-details .timing, .detailed-rating li > .each-rating, .guest-review:last-child {
    border-bottom: 1px solid #f5f5f5
}

.detailed-rating {
    text-transform: uppercase
}

    .detailed-rating li {
        display: block
    }

        .detailed-rating li > .each-rating {
            display: block;
            padding: 8px 0 5px
        }

.guest-review .author, .guest-review .comment-container {
    padding-top: 25px;
    padding-bottom: 25px
}

.detailed-rating li label {
    color: #01b7f2
}

.detailed-rating li .five-stars-container {
    float: right;
    color: #dbdbdb
}

.guest-review {
    border-top: 1px solid #dfdfdf
}

.rotate_new {
    background-position: -202px -180px;
    padding-left: 20px
}

.guest-review .author {
    text-align: center;
    border-right: 1px solid #dfdfdf
}

    .guest-review .author > a {
        width: 74px;
        height: 74px
    }

    .guest-review .author img {
        width: 100%;
        height: 100%
    }

    .guest-review .author .name {
        color: #2d3e52;
        font-size: 1.0833em;
        margin-bottom: 0
    }

    .guest-review .author .date {
        text-transform: uppercase;
        font-size: .8333em
    }

.guest-review .comment-container .comment-title {
    color: #01b7f2;
    float: left;
    font-style: italic
}

.guest-review .comment-container .review-score {
    float: right
}

    .guest-review .comment-container .review-score .score {
        font-size: 2em;
        margin-left: 10px
    }

.guest-review .comment-container .comment-content p {
    line-height: 2em
}

.booking-section {
    padding: 20px 30px
}

.booking-form label {
    font-size: .9167em
}

.booking-form .checkbox label {
    font-size: 1.0833em;
    text-transform: none
}

.booking-form .form-group {
    margin-bottom: 0
}

    .booking-form .form-group > * {
        margin-bottom: 20px
    }

.booking-details figure > a:first-child {
    width: 75px;
    height: 75px;
    float: left
}

.booking-details figure img {
    width: auto;
    height: 100%
}

.booking-details figure .travel-title {
    margin-left: 90px
}

    .booking-details figure .travel-title .box-title {
        margin-bottom: 5px
    }

        .booking-details figure .travel-title .box-title:after {
            display: none
        }

.booking-details .details {
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px
}

.booking-details .timing {
    font-size: .8333em;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.3333em;
    padding: 10px 0 5px;
    margin: 0
}

    .booking-details .timing .duration {
        font-weight: 700;
        color: #dc373e
    }

        .booking-details .timing .duration > div {
            margin-top: 5px
        }

    .booking-details .timing .check-out {
        text-align: left
    }

    .booking-details .timing label, .booking-details .timing span {
        display: block;
        line-height: 1.42;
        letter-spacing: normal !important
    }

    .booking-details .timing label {
        color: #01b7f2;
        font-size: 1em;
        margin-bottom: 0;
        font-weight: 400
    }

    .booking-details .timing i {
        font-size: 2em
    }

.booking-details .guest {
    padding: 10px 0
}

.booking-details .other-details {
    font-size: .8333em;
    margin-bottom: 0;
    text-align: right;
    text-transform: uppercase
}

    .booking-details .other-details dd, .booking-details .other-details dt {
        padding: 1.3em 0;
        border-top: 1px solid #f5f5f5
    }

    .booking-details .other-details dt {
        float: left;
        text-align: left;
        margin: 0;
        color: #01b7f2;
        clear: both
    }

    .booking-details .other-details .total-price {
        font-size: 1.5em;
        color: #2d3e52;
        text-transform: none
    }

    .booking-details .other-details .total-price-value {
        color: #69902b;
        font-size: 1.4em
    }

.booking-information {
    padding: 20px 30px 30px
}

    .booking-information > .booking-confirmation > .icon {
        color: #dc373e;
        font-size: 1.5em;
        float: left;
        margin-right: 12px;
        margin-top: 4px
    }

    .booking-information > .booking-confirmation > .message {
        float: left
    }

    .booking-information > .booking-confirmation .main-message {
        color: #01b7f2;
        margin-bottom: 0;
        letter-spacing: normal !important
    }

    .booking-information > .booking-confirmation .print-button {
        float: right
    }

        .booking-information > .booking-confirmation .print-button button {
            text-transform: uppercase
        }

    .booking-information > .booking-confirmation p {
        margin-bottom: 0
    }

    .booking-information .view-link {
        font-size: 1.1667em
    }

.flight-routes.image-box .box {
    margin-bottom: 10px
}

.flight-routes .box {
    padding: 10px
}

    .flight-routes .box figure {
        height: 40px;
        width: 40px;
        background: #f5f5f5;
        display: table
    }

        .flight-routes .box figure > a {
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }

    .flight-routes .box .details {
        padding: 5px 0 0;
        margin-left: 55px
    }

    .flight-routes .box .button {
        margin: 12px 5px 0 0
    }

    .flight-list, .flight-routes .box .box-title {
        margin-bottom: 0
    }

.flight-booking-details .details {
    padding: 0;
    margin-top: 10px;
    border-top: 1px solid #f5f5f5
}

.flight-detail-page .detailed-logo .duration {
    font-size: .8333em;
    text-transform: uppercase;
    letter-spacing: normal !important;
    border-bottom: 1px solid #f5f5f5;
    padding: 6px 0;
    margin-bottom: 10px
}

    .flight-detail-page .detailed-logo .duration dd, .flight-detail-page .detailed-logo .duration dl, .flight-detail-page .detailed-logo .duration dt {
        display: inline-block;
        margin: 0
    }

    .flight-detail-page .detailed-logo .duration dl {
        vertical-align: middle
    }

    .flight-detail-page .detailed-logo .duration i {
        color: #dc373e;
        font-size: 20px;
        margin-right: 10px;
        line-height: 0;
        vertical-align: middle
    }

#car-details .term-description, #flight-details .term-description {
    margin: 0;
    font-size: .8333em
}

    #car-details .term-description dd, #car-details .term-description dt, #flight-details .term-description dd, #flight-details .term-description dt {
        line-height: 1.1667em
    }

#car-details .travelo-box, #flight-details .travelo-box {
    padding: 25px 25px 20px;
    margin: 0
}

#flight-details .detailed-features {
    background: #fff
}

#flight-details .box-title {
    margin: 0
}

#flight-details .flights {
    width: 100%;
    padding-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0
}

    #flight-details .flights .timing {
        padding: 0;
        border: none;
        display: table;
        margin: 0 auto
    }

        #flight-details .flights .timing > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            padding: 0 7px
        }

    #flight-details .flights .table-cell {
        border-top: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        padding: 20px 5px;
        text-align: center;
        vertical-align: middle
    }

        #flight-details .flights .table-cell:last-child {
            border-right: none
        }

#car-details .detailed-features > [class^=col-]:first-child, .top-cruise-destinations .details .row > div {
    border-right: 1px solid #f5f5f5
}

#flight-details .flights .logo label {
    display: block;
    font-weight: 400;
    font-size: .8333em;
    text-transform: uppercase;
    line-height: 1em
}

#flight-details .flights .logo img {
    max-width: 84px;
    height: auto
}

#flight-details .flights .first-flight .logo, #flight-details .flights .timing-detail {
    position: relative
}

    #flight-details .flights .first-flight .logo:after {
        content: "\e883";
        font-family: soap-icons;
        font-size: 24px;
        position: absolute;
        display: inline-block;
        width: 10px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        right: -5px;
        bottom: -15px;
        z-index: 9;
        color: #e01a33
    }

#flight-details .flights .layover {
    position: absolute;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
    background: #f5f5f5;
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: .75em;
    left: 50%;
    margin: 0 0 0 -50px;
    bottom: -10px;
    z-index: 9;
    letter-spacing: normal !important
}

#flight-baggage form .checkbox label {
    font-size: .8333em;
    text-transform: uppercase
}

#flight-baggage .baggage .icon-box {
    cursor: default
}

    #flight-baggage .baggage .icon-box .box-title {
        color: #838383
    }

    #flight-baggage .baggage .icon-box:hover .box-title {
        color: #2d3e52
    }

    #flight-baggage .baggage .icon-box:hover i {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        -moz-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms
    }

.explore-more {
    padding: 10px 0 0 4px
}

    .explore-more .intro {
        text-transform: none;
        margin-bottom: 19px;
        margin-left: 12px
    }

        .explore-more .intro i {
            float: left;
            margin-right: 10px;
            color: #01b7f2;
            font-size: 16px
        }

#car-details .car-damage .radio, #car-details .protect-passengers label, .car-detail-page .detailed-logo .mile, .top-cruise-destinations .details li {
    font-size: .8333em;
    text-transform: uppercase
}

.explore-more .intro .box-title small {
    margin-bottom: 3px
}

.explore-more .box {
    margin: 0 0 4px;
    padding-right: 4px;
    width: 50%;
    float: left
}

    .explore-more .box figure figcaption {
        text-transform: uppercase;
        padding-right: 20px
    }

.car-list {
    margin-top: 30px;
    margin-bottom: 10px
}

.car-detail-page .featured-image img {
    width: 100%;
    height: auto
}

.car-detail-page .detailed-logo .mile {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0;
    margin-bottom: 10px
}

#car-details .detailed-features {
    background: #fff
}

    #car-details .detailed-features > [class^=col-] {
        padding: 0 0 10px
    }

    #car-details .detailed-features .box-title {
        padding: 25px 0 25px 25px;
        border-bottom: 1px solid #f5f5f5
    }

    #car-details .detailed-features .icon-box {
        margin: 15px 0 30px 20px
    }

#car-details .car-features .icon-box {
    color: inherit;
    margin-bottom: 10px
}

    #car-details .car-features .icon-box > i, .cruise-itinerary th, .cruise-line-deals .box-title small {
        color: #01b7f2
    }

#car-details .protect-passengers .icon-box {
    margin-bottom: 15px
}

#car-details .protect-passengers label {
    font-weight: 400
}

#car-details .car-damage .logo img {
    max-height: 25px;
    width: auto
}

#car-details .car-damage .radio {
    margin: 0 0 10px;
    line-height: 20px
}

.booking-details .car-detail {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px
}

    .booking-details .car-detail .icon-box {
        padding-bottom: 10px;
        padding-top: 10px;
        border-top: 1px solid #f5f5f5
    }

.top-cruise-destinations .details {
    padding: 15px 20px !important
}

    .top-cruise-destinations .details .row > div:last-child {
        border-right: none
    }

.cruise-line-deals {
    padding-top: 0
}

    .cruise-line-deals .row {
        margin-bottom: -1px;
        overflow: hidden
    }

        .cruise-line-deals .row > div {
            border-bottom: 1px solid #f5f5f5
        }

    .cruise-line-deals .box {
        margin-bottom: 10px;
        margin-top: 20px
    }

        .cruise-line-deals .box figure {
            background: #f5f5f5;
            text-align: center;
            height: 70px;
            display: table;
            width: 100%;
            table-layout: fixed
        }

            .cruise-line-deals .box figure .image-wrapper {
                display: table-cell;
                vertical-align: middle
            }

            .cruise-line-deals .box figure img {
                max-width: 66.6666%;
                width: auto;
                height: auto
            }

.investor-list img, .mobile-section .image-wrapper img, .travel-story-container .my-trip li img {
    max-width: 100%
}

.cruise-line-deals .box .details {
    padding-left: 0;
    padding-right: 0
}

.cruise-line-deals .box .price {
    font-size: 1.3333em
}

    .cruise-line-deals .box .price small {
        font-size: .625em
    }

.cruise-booking-form .radio {
    margin-top: 6px;
    text-transform: none
}

    .cruise-booking-form .radio:first-child {
        margin-left: 0
    }

#cruise-description .intro li {
    line-height: 2.5em
}

.cruise-itinerary .travelo-box {
    margin: 0
}

.cruise-itinerary table {
    width: 100%
}

.cruise-itinerary th {
    font-weight: 400;
    padding-bottom: 10px
}

.cruise-itinerary td {
    font-size: .8333em;
    text-transform: uppercase;
    line-height: 3.8333em;
    border-top: 1px solid #f5f5f5;
    vertical-align: middle
}

#cruise-availability .room-list .box figure, #cruise-food-dinning .food-dinning-list .box figure, #hotel-availability .room-list .box figure {
    margin-bottom: 5px
}

#cruise-availability .room-list .details, #cruise-food-dinning .food-dinning-list .details, #hotel-availability .room-list .details {
    padding-top: 0;
    padding-bottom: 0
}

#cruise-availability .room-list .box-title .title, #cruise-food-dinning .food-dinning-list .box-title .title, #hotel-availability .room-list .box-title .title {
    margin-bottom: 3px
}

#cruise-availability .room-list .box-title dl, #cruise-food-dinning .food-dinning-list .box-title dl, #hotel-availability .room-list .box-title dl {
    margin: 0
}

    #cruise-availability .room-list .box-title dl:after, #cruise-food-dinning .food-dinning-list .box-title dl:after, #hotel-availability .room-list .box-title dl:after {
        content: "";
        display: table;
        clear: both
    }

#cruise-availability .room-list .box-title dd, #cruise-availability .room-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dd, #cruise-food-dinning .food-dinning-list .box-title dt, #hotel-availability .room-list .box-title dd, #hotel-availability .room-list .box-title dt {
    float: left;
    font-size: .8333em;
    text-transform: uppercase
}

#cruise-availability .room-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dt, #hotel-availability .room-list .box-title dt {
    color: #01b7f2;
    margin-right: 5px;
    clear: both
}

#cruise-food-dinning .food-dinning-list hr {
    margin-top: 15px;
    margin-bottom: 15px
}

#cruise-food-dinning .food-dinning-list .details {
    text-transform: none;
    padding: 0
}

#cruise-food-dinning .food-dinning-list figure {
    margin: 0 20px 10px 0
}

#cruise-food-dinning .food-dinning-list .box-title {
    margin: 0 0 5px
}

    #cruise-food-dinning .food-dinning-list .box-title dl:after {
        display: none;
        clear: none
    }

    #cruise-food-dinning .food-dinning-list .box-title dt {
        clear: none
    }

    #cruise-food-dinning .food-dinning-list .box-title dd {
        float: none
    }

#cruise-food-dinning .food-dinning-list .review-score {
    float: right;
    margin-top: 6px
}

    #cruise-food-dinning .food-dinning-list .review-score .five-stars-container {
        vertical-align: middle;
        margin-right: 5px
    }

    #cruise-food-dinning .food-dinning-list .review-score .review {
        vertical-align: middle;
        color: #9e9e9e;
        text-transform: uppercase;
        font-size: .8333em
    }

#cruise-food-dinning .food-dinning-list .box {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
    padding-bottom: 10px
}

    #cruise-food-dinning .food-dinning-list .box:last-child {
        border-bottom: none
    }

#cruise-reviews .guest-review .comment-title {
    font-style: normal;
    color: #2d3e52
}

.coming-soon-page #footer .logo a, .coming-soon-page #header .logo a, .dashboard #footer .logo a, .dashboard #header .logo a, .loading-page #footer .logo a, .loading-page #header .logo a, .post-404page #footer .logo a, .post-404page #header .logo a, .soap-login-page #footer .logo a, .soap-login-page #header .logo a {
    background: 0 0
}

.coming-soon-page #footer .logo img, .coming-soon-page #header .logo img, .dashboard #footer .logo img, .dashboard #header .logo img, .loading-page #footer .logo img, .loading-page #header .logo img, .post-404page #footer .logo img, .post-404page #header .logo img, .soap-login-page #footer .logo img, .soap-login-page #header .logo img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.dashboard #header .logo img {
    height: 22px
}

#dashboard .fact {
    color: #fff;
    margin-bottom: 20px
}

    #dashboard .fact .numbers {
        padding: 25px 15px
    }

        #dashboard .fact .numbers dl {
            float: right;
            text-align: right;
            margin: 0;
            font-size: 10px
        }

        #dashboard .fact .numbers dt {
            font-size: 2em;
            font-weight: 400;
            line-height: 1em
        }

        #dashboard .fact .numbers dd {
            font-size: 1.3333em
        }

        #dashboard .fact .numbers .icon {
            font-size: 2.5em
        }

    #dashboard .fact .description {
        font-size: .8333em;
        text-transform: uppercase;
        padding: 0 20px;
        font-weight: 700;
        line-height: 3em
    }

        #dashboard .fact .description > .icon {
            float: right;
            font-size: 2em
        }

    #dashboard .fact.blue {
        background: #01b7f2
    }

        #dashboard .fact.blue .description {
            background: #04afe7
        }

    #dashboard .fact.yellow {
        background: #dc373e
    }

        #dashboard .fact.yellow .description {
            background: #f5b010
        }

    #dashboard .fact.red {
        background: #e01a33
    }

        #dashboard .fact.red .description {
            background: #d51a32
        }

    #dashboard .fact.green {
        background: #69902b
    }

        #dashboard .fact.green .description {
            background: #91c63d
        }

#dashboard .notifications .icon-box {
    background: #f5f5f5;
    font-size: 1em;
    padding-right: 15px;
    margin-bottom: 10px;
    height: auto
}

    #dashboard .notifications .icon-box:after {
        display: table;
        content: "";
        clear: both
    }

#dashboard .notifications .box-title {
    line-height: 1em;
    text-transform: none;
    color: #2d3e52;
    padding: 14px 5px 15px 57px
}

#dashboard .notifications .price {
    color: #01b7f2;
    float: none;
    text-align: left;
    display: inline;
    font-size: inherit
}

#dashboard .notifications .time {
    line-height: inherit
}

#dashboard .notifications .load-more {
    font-size: 2.5em;
    text-align: center;
    color: #d9d9d9
}

#dashboard .recent-activity {
    background: #f5f5f5;
    padding: 15px
}

    #dashboard .recent-activity ul {
        background: #fff;
        margin-bottom: 15px
    }

        #dashboard .recent-activity ul li > a {
            padding: 15px;
            border-bottom: 1px solid #f5f5f5;
            display: block
        }

            #dashboard .recent-activity ul li > a:hover {
                background: #f5f5f5
            }

        #dashboard .recent-activity ul .icon {
            float: left;
            margin-right: 15px;
            font-size: 1em
        }

#profile .personal-details .details {
    padding-top: 0;
    padding-right: 0
}

#profile .personal-details figure {
    margin-bottom: 20px
}

#profile .personal-details .term-description {
    margin-bottom: 0
}

#profile .edit-profile {
    display: none
}

#profile .term-description dd, #profile .term-description dt {
    display: inline-block;
    float: none;
    width: 50%;
    vertical-align: top
}

#profile .term-description dt {
    clear: none
}

#profile .term-description dd {
    padding-left: 30px
}

.dashboard .benefits > li {
    font-size: 1.0833em;
    line-height: 2.6667em
}

#booking .filter-section {
    padding: 10px 15px 5px 5px;
    margin-bottom: 30px
}

    #booking .filter-section label.radio {
        margin-top: 4px
    }

        #booking .filter-section label.radio:before {
            border: none;
            line-height: 14px
        }

    #booking .filter-section button {
        margin-left: 8px;
        font-weight: 400;
        margin-bottom: 5px
    }

    #booking .filter-section .action {
        width: auto;
        padding: 0 !important
    }

        #booking .filter-section .action h5 {
            width: auto;
            line-height: 28px
        }

#booking .booking-info {
    border-top: 1px solid #f5f5f5;
    padding: 10px
}

    #booking .booking-info:last-child {
        border-bottom: 1px solid #f5f5f5
    }

    #booking .booking-info div.date {
        width: 72px;
        height: 72px;
        background: #f5f5f5;
        text-align: center;
        float: left;
        margin-right: 20px
    }

        #booking .booking-info div.date > * {
            margin: 0;
            display: block
        }

        #booking .booking-info div.date > .month {
            background: #e44049;
            height: 20px;
            line-height: 20px;
            font-size: .8333em;
            color: #fff
        }

        #booking .booking-info div.date > .date {
            font-size: 2em;
            line-height: 1em;
            color: #e44049;
            font-weight: 700;
            margin-top: 6px
        }

        #booking .booking-info div.date > .day {
            font-size: .8333em;
            font-weight: 400;
            line-height: 1.25em
        }

    #booking .booking-info .box-title, #booking .booking-info .status {
        margin-top: 20px
    }

    #booking .booking-info .icon {
        font-size: 1.0833em;
        float: left;
        margin-right: 10px
    }

    #booking .booking-info .box-title {
        float: left
    }

        #booking .booking-info .box-title small {
            padding-left: 43px
        }

    #booking .booking-info .status {
        float: right;
        margin-right: 15px;
        background: #69902b
    }

.dashboard #footer .footer-wrapper .copyright, .dashboard #header .logo, .post-404page #footer .footer-wrapper .copyright, .post-404page #header .logo, .soap-login-page #footer .footer-wrapper .copyright, .soap-login-page #header .logo {
    margin: 0
}

#booking .booking-info.cancelled .status, #booking .booking-info.cancelled div.date > .month {
    background: #d9d9d9
}

#booking .booking-info .info {
    float: right;
    padding-left: 15px;
    border-left: 1px solid #f5f5f5;
    text-transform: uppercase;
    padding-top: 2px;
    margin-bottom: 0;
    width: 140px
}

    #booking .booking-info .info * {
        font-size: .8333em;
        font-weight: 400
    }

    #booking .booking-info .info dt {
        color: #e44049
    }

#booking .booking-info.cancelled div.date > .date, #booking .booking-info.cancelled div.date > .day {
    color: #d9d9d9
}

#booking .booking-info.cancelled .icon, #booking .booking-info.cancelled .icon:before {
    border-color: #d9d9d9;
    color: #d9d9d9
}

#booking .booking-info.cancelled .info dt {
    color: inherit
}

#wishlist .image-box .box {
    background: #f5f5f5
}

    #wishlist .image-box .box .details {
        padding-right: 15px
    }

#settings form button {
    width: 200px
}

.dashboard #header, .post-404page #header, .soap-login-page #header {
    padding-top: 45px
}

    .dashboard #header .quick-menu .ribbon > a, .post-404page #header .quick-menu .ribbon > a, .soap-login-page #header .quick-menu .ribbon > a {
        color: #fff;
        font-size: .8333em;
        font-weight: 700;
        letter-spacing: normal !important;
        line-height: 30px;
        display: block
    }

.dashboard #content, .post-404page #content, .soap-login-page #content {
    background: 0 0
}

.dashboard #footer .footer-wrapper, .post-404page #footer .footer-wrapper, .soap-login-page #footer .footer-wrapper {
    padding-top: 40px;
    padding-bottom: 50px
}

    .dashboard #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content, .post-404page #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content, .soap-login-page #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content {
        background: 0 0;
        text-align: center
    }

    .dashboard #footer .footer-wrapper #main-menu ul.menu > li > a, .post-404page #footer .footer-wrapper #main-menu ul.menu > li > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li > a {
        font-weight: 400
    }

    .dashboard #footer .footer-wrapper #main-menu ul.menu > li.active > a, .dashboard #footer .footer-wrapper #main-menu ul.menu > li:hover > a, .post-404page #footer .footer-wrapper #main-menu ul.menu > li.active > a, .post-404page #footer .footer-wrapper #main-menu ul.menu > li:hover > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li.active > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li:hover > a {
        font-weight: 700
    }

        .dashboard #footer .footer-wrapper #main-menu ul.menu > li.active > a:before, .post-404page #footer .footer-wrapper #main-menu ul.menu > li.active > a:before, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li.active > a:before {
            display: block;
            font-family: soap-icons;
            content: "\e883";
            position: absolute;
            top: -20px;
            left: 50%;
            margin-left: -3px;
            font-size: 20px;
            color: #dc373e
        }

    .dashboard #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before, .post-404page #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before {
        margin-left: -13px
    }

.dashboard.style1, .post-404page.style1, .soap-login-page.style1 {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -webkit-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -o-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -ms-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: radial-gradient(center center,circle cover,#273648,#0d1218 100%)
}

    .dashboard.style1 #content ul.tabs li a, .post-404page.style1 #content ul.tabs li a, .soap-login-page.style1 #content ul.tabs li a {
        background: rgba(13,18,24,.6);
        color: #708bac
    }

        .dashboard.style1 #content ul.tabs li a i, .post-404page.style1 #content ul.tabs li a i, .soap-login-page.style1 #content ul.tabs li a i {
            border-color: #708bac;
            color: #708bac
        }

    .dashboard.style1 #content ul.tabs li.active a, .post-404page.style1 #content ul.tabs li.active a, .soap-login-page.style1 #content ul.tabs li.active a {
        background: #fff;
        color: #2d3e52
    }

        .dashboard.style1 #content ul.tabs li.active a i, .post-404page.style1 #content ul.tabs li.active a i, .soap-login-page.style1 #content ul.tabs li.active a i {
            border-color: #dc373e;
            color: #dc373e
        }

    .dashboard.style1 #footer .copyright, .post-404page.style1 #footer .copyright, .soap-login-page.style1 #footer .copyright {
        color: #384c63
    }

    .dashboard.style1 #footer #main-menu ul.menu > li > a, .post-404page.style1 #footer #main-menu ul.menu > li > a, .soap-login-page.style1 #footer #main-menu ul.menu > li > a {
        color: #7c9abd
    }

    .dashboard.style1 #footer #main-menu ul.menu > li.active > a, .dashboard.style1 #footer #main-menu ul.menu > li:hover > a, .post-404page.style1 #footer #main-menu ul.menu > li.active > a, .post-404page.style1 #footer #main-menu ul.menu > li:hover > a, .soap-login-page.style1 #footer #main-menu ul.menu > li.active > a, .soap-login-page.style1 #footer #main-menu ul.menu > li:hover > a {
        color: #01b7f2
    }

.dashboard.style2, .post-404page.style2 {
    background-color: #f45533;
    background-image: -moz-radial-gradient(center center,circle cover,#f45533,#bd0000 100%);
    background-image: -webkit-radial-gradient(center center,circle cover,#f45533,#bd0000 100%);
    background-image: -o-radial-gradient(center center,circle cover,#f45533,#bd0000 100%);
    background-image: -ms-radial-gradient(center center,circle cover,#f45533,#bd0000 100%);
    background-image: radial-gradient(center center,circle cover,#f45533,#bd0000 100%)
}

    .dashboard.style2 #content ul.tabs li a, .post-404page.style2 #content ul.tabs li a {
        background: rgba(189,0,0,.7);
        color: #dc373e
    }

        .dashboard.style2 #content ul.tabs li a i, .post-404page.style2 #content ul.tabs li a i {
            border-color: #dc373e;
            color: #dc373e
        }

    .dashboard.style2 #content ul.tabs li.active a, .post-404page.style2 #content ul.tabs li.active a {
        background: #fff;
        color: #2d3e52
    }

        .dashboard.style2 #content ul.tabs li.active a i, .post-404page.style2 #content ul.tabs li.active a i {
            border-color: #dc373e;
            color: #dc373e
        }

    .dashboard.style2 #footer #main-menu ul.menu > li > a, .dashboard.style2 #footer .copyright, .post-404page.style2 #footer #main-menu ul.menu > li > a, .post-404page.style2 #footer .copyright {
        color: #dc373e
    }

    .dashboard.style2 #footer #main-menu ul.menu > li.active > a, .dashboard.style2 #footer #main-menu ul.menu > li:hover > a, .post-404page.style2 #footer #main-menu ul.menu > li.active > a, .post-404page.style2 #footer #main-menu ul.menu > li:hover > a {
        color: #fff
    }

.ui-slider .ui-slider-handle::after {
    content: "Min";
    position: absolute;
    bottom: -20px;
    left: -4px;
    margin: auto;
    color: var(--oraaaaange,#115a9c);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

.ui-slider .ui-slider-handle:last-child::after {
    content: "Max";
    left: -15px;
}

.ui-slider {
    position: relative;
    text-align: left;
    top: 30px
}

    .ui-slider.ui-slider-horizontal {
        height: 4px
    }

        .ui-slider.ui-slider-horizontal .ui-slider-range {
            height: 100%
        }

        .ui-slider.ui-slider-horizontal .ui-slider-handle {
            margin-left: 0;
            top: -4px
        }

            .ui-slider.ui-slider-horizontal .ui-slider-handle:last-child {
                margin-left: -12px
            }

.max-price-label, .min-price-label {
    padding: 3px 10px;
    background: red;
    border-radius: 3px;
    font-size: 11px;
    line-height: 11px
}

.ui-slider.ui-widget-content {
    background: rgba(13,71,155,.2);
    border-radius: 6px
}

.ui-slider .ui-slider-range {
    display: block;
    position: absolute;
    z-index: 1;
    border: none;
    background: #01b7f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    border-radius: 5px
}

.ui-slider.slider-color-yellow .ui-slider-range {
    background: #dc373e
}

.ui-slider.slider-color-blue .ui-slider-range {
    background: #01b7f2
}

.ui-slider.slider-color-green .ui-slider-range {
    background: #69902b
}

.ui-slider .ui-slider-handle {
    cursor: default;
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ff0
}

.filters-container #rating {
    font-size: 24px
}

.editable-rating, .filters-container #rating {
    display: inline-block
}

    .editable-rating.ui-widget-content, .filters-container #rating.ui-widget-content {
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    .editable-rating.ui-slider-horizontal, .filters-container #rating.ui-slider-horizontal {
        height: auto
    }

        .editable-rating.ui-slider-horizontal .ui-slider-handle, .filters-container #rating.ui-slider-horizontal .ui-slider-handle {
            margin: 0;
            width: 0;
            height: 0;
            padding: 0;
            top: 0;
            visibility: hidden
        }

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.datepicker-wrap {
    position: relative
}

    .datepicker-wrap .ui-datepicker-trigger {
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        background-color: transparent;
        z-index: 1;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

    .datepicker-wrap:after {
        display: block;
        font-family: soap-icons;
        font-size: 25px;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 100%;
        text-align: center;
        line-height: 34px;
        background: #fdb714
    }

    .datepicker-wrap.yellow:after {
        background: #dc373e
    }

    .datepicker-wrap.green:after {
        background: #69902b
    }

    .datepicker-wrap.blue:after {
        background-color: #01b7f2
    }

    .datepicker-wrap.dark-blue:after {
        background-color: #2d3e52
    }

    .datepicker-wrap.transparent:after {
        background-color: transparent;
        color: #dc373e
    }

.ui-datepicker {
    width: 20em;
    padding: 0;
    display: none;
    background: #fff;
    border: 1px solid #0d479b;
    z-index: 10001 !important
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        background: #0d479b
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 11px;
        cursor: pointer
    }

        .ui-datepicker .ui-datepicker-next.ui-state-disabled, .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
            visibility: hidden
        }

        .ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent
        }

    .ui-datepicker .ui-datepicker-prev {
        left: 24px
    }

        .ui-datepicker .ui-datepicker-prev:before {
            border-right: 8px solid #fff
        }

    .ui-datepicker .ui-datepicker-next {
        right: 24px
    }

        .ui-datepicker .ui-datepicker-next:before {
            border-left: 8px solid #fff
        }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            display: none
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 5px;
        text-align: center;
        color: #fff;
        font-size: 1.1667em;
        font-weight: 400
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 12px;
        border-collapse: collapse
    }

    .ui-datepicker th {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #f5f5f5
    }

        .ui-datepicker th span {
            display: block;
            text-align: center;
            font-size: 1.1667em;
            font-weight: 400;
            color: #253d52
        }

    .ui-datepicker span.ui-datepicker-month {
        font-weight: 400
    }

    .ui-datepicker .ui-datepicker-calendar td {
        vertical-align: middle;
        text-align: center
    }

.destinations, .honeymoon {
    text-align: left
}

.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
    color: inherit;
    display: block;
    height: 30px;
    line-height: 30px
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
    color: #dbdbdb
}

.ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    background: #0d479b;
    color: #fff
}

.ui-datepicker.yellow .ui-datepicker-calendar td a:hover, .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.yellow .ui-datepicker-header {
    background: #dc373e
}

.ui-datepicker.yellow {
    border: 1px solid #dc373e
}

    .ui-datepicker.yellow th span {
        color: #dc373e
    }

.ui-datepicker.green .ui-datepicker-calendar td a:hover, .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.green .ui-datepicker-header {
    background: #69902b
}

.ui-datepicker.green {
    border: 1px solid #69902b
}

    .ui-datepicker.green th span {
        color: #69902b
    }

.ui-datepicker.blue .ui-datepicker-calendar td a:hover, .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.blue .ui-datepicker-header {
    background: #01b7f2
}

.ui-datepicker.blue {
    border: 1px solid #01b7f2
}

    .ui-datepicker.blue th span {
        color: #01b7f2
    }

.ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover, .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.dark-blue .ui-datepicker-header {
    background: #2d3e52
}

.ui-datepicker.dark-blue {
    border: 1px solid #2d3e52
}

    .ui-datepicker.dark-blue th span {
        color: #2d3e52
    }

#footer .footer-wrapper {
    padding: 80px 0
}

    #footer .footer-wrapper > .container > .row > div {
        margin-top: 20px
    }

#footer .discover li {
    font-size: 1.0833em
}

#footer h2 {
    margin-bottom: 20px
}

#footer .travel-news li {
    margin-bottom: 30px
}

    #footer .travel-news li .s-title {
        margin-bottom: 5px
    }

    #footer .travel-news li .date {
        color: #9e9e9e
    }

    #footer .travel-news li .thumb {
        float: left;
        width: 70px
    }

    #footer .travel-news li:after {
        clear: both;
        content: "";
        display: table
    }

    #footer .travel-news li .description {
        padding-left: 78px
    }

        #footer .travel-news li .description span.date {
            display: block;
            margin-top: 5px;
            font-size: .9133em
        }

#footer .bottom {
    height: 60px
}

    #footer .bottom .logo {
        margin: 18px 0 0
    }

    #footer .bottom .copyright {
        font-size: 1.0833em;
        margin: 23px 20px 0
    }

    #footer .bottom #back-to-top {
        margin-top: 20px;
        display: block;
        font-size: 16px;
        color: #2d3e52
    }

#footer.style1 .travel-news li .date, #footer.style1 input, #footer.style1 li, #footer.style1 p, #footer.style1 span, #footer.style1 ul.triangle li:before {
    color: #c29f5a
}

#footer .bottom #back-to-top i {
    border-color: #01b7f2;
    font-weight: 700;
    overflow: hidden
}

#footer .bottom #back-to-top:hover > i:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards;
    display: inline-block
}

#footer.style1 {
    padding-top: 132px;
    margin-top: 40px
}

    #footer.style1 .footer-wrapper {
        background: #f5e1ba;
        padding-top: 0
    }

    #footer.style1 .social-icons li a {
        background: #e6c687
    }

    #footer.style1 .social-icons li:hover a {
        background: #e01a33
    }

    #footer.style1 .contact-details .contact-email, #footer.style1 .contact-details .contact-phone i, #footer.style1 .travel-news .s-title, #footer.style1 .travel-news li .title, #footer.style1 ul.triangle li.active a, #footer.style1 ul.triangle li.active:before, #footer.style1 ul.triangle li:hover a, #footer.style1 ul.triangle li:hover:before {
        color: #2d3e52
    }

        #footer.style1 .contact-details .contact-phone, #footer.style1 .travel-news .s-title a:hover, #footer.style1 h2 {
            color: #e01a33
        }

    #footer.style1 .footer-wrapper > .container:first-child {
        position: relative;
        padding-top: 80px
    }

        #footer.style1 .footer-wrapper > .container:first-child:after, #footer.style1 .footer-wrapper > .container:first-child:before {
            content: "";
            display: block;
            position: absolute;
            background-repeat: no-repeat
        }

        #footer.style1 .footer-wrapper > .container:first-child:before {
            width: 113px;
            height: 61px;
            top: -77px;
            left: 0
        }

        #footer.style1 .footer-wrapper > .container:first-child:after {
            width: 197px;
            height: 144px;
            top: -148px;
            right: 0
        }

    #footer.style1 .bottom {
        background: #fff
    }

    #footer.style1 .copyright p {
        color: #9e9e9e
    }

    #footer.style1 #back-to-top i {
        border-color: #e01a33
    }

#footer.style2 {
    padding-top: 132px;
    margin-top: 80px
}

#footer.style4 .bottom, #footer.style5 .bottom, #footer.style6 .bottom {
    margin-top: 0
}

#footer.style2 .footer-wrapper {
    background: #daf8ff;
    padding-top: 0
}

#footer.style2 .contact-details .contact-phone, #footer.style2 input, #footer.style2 li, #footer.style2 p, #footer.style2 span {
    color: #12a0c3
}

#footer.style2 .travel-news li .date {
    color: #69c9e0
}

#footer.style2 .travel-news .s-title {
    color: #ff6000
}

    #footer.style2 .travel-news .s-title a:hover {
        color: #ff3e3e
    }

#footer.style2 .social-icons li a {
    background: #95e0f2
}

#footer.style2 .social-icons li:hover a {
    background: #ff6000
}

#footer.style2 ul.triangle li:before {
    color: #95e0f2
}

#footer.style2 .contact-details .contact-email, #footer.style2 .contact-details .contact-phone i, #footer.style2 .travel-news li .title, #footer.style2 ul.triangle li.active a, #footer.style2 ul.triangle li.active:before, #footer.style2 ul.triangle li:hover a, #footer.style2 ul.triangle li:hover:before {
    color: #ff6000
}

#footer.style2 .footer-wrapper > .container:first-child {
    position: relative;
    padding-top: 80px
}

    #footer.style2 .footer-wrapper > .container:first-child:after, #footer.style2 .footer-wrapper > .container:first-child:before {
        content: "";
        display: block;
        position: absolute;
        background-repeat: no-repeat
    }

#footer.style2 .bottom, #footer.style3 input {
    background: #fff
}

#footer.style2 .footer-wrapper > .container:first-child:before {
    width: 463px;
    height: 167px;
    top: -175px;
    left: -20px
}

#footer.style2 .footer-wrapper > .container:first-child:after {
    width: 241px;
    height: 184px;
    top: -168px;
    right: 0
}

#footer.style2 .copyright p {
    color: #9e9e9e
}

#footer.style2 #back-to-top i {
    border-color: #ff6000
}

#footer.style3 .footer-wrapper {
    padding-top: 0
}

#footer.style3 .contact-details .contact-phone, #footer.style3 input, #footer.style3 li, #footer.style3 p, #footer.style3 span {
    color: #98a3ab
}

    #footer.style3 .contact-details .contact-email, #footer.style3 .contact-details .contact-phone i, #footer.style3 .travel-news .s-title, #footer.style3 .travel-news li .title, #footer.style3 ul.triangle li.active a, #footer.style3 ul.triangle li.active:before, #footer.style3 ul.triangle li:hover a, #footer.style3 ul.triangle li:hover:before {
        color: #ff6000
    }

#footer.style3 .social-icons li a {
    background: #e5e0cd
}

#footer.style3 .social-icons li:hover a {
    background: #ff6000
}

#footer.style3 .travel-news .s-title a:hover {
    color: #ff3e3e
}

#footer.style3 .contact-details .contact-phone, #footer.style3 h2 {
    color: #12a0c3
}

#footer.style3 .footer-wrapper > .container:first-child {
    position: relative;
    padding-top: 80px
}

    #footer.style3 .footer-wrapper > .container:first-child:after, #footer.style3 .footer-wrapper > .container:first-child:before {
        content: "";
        display: block;
        position: absolute;
        background-repeat: no-repeat
    }

    #footer.style3 .footer-wrapper > .container:first-child:before {
        width: 183px;
        height: 81px;
        top: -100px;
        left: -50px
    }

    #footer.style3 .footer-wrapper > .container:first-child:after {
        width: 210px;
        height: 203px;
        top: -133px;
        right: 0
    }

#footer.style3 .bottom {
    background: #fff
}

#footer.style3 .copyright p {
    color: #9e9e9e
}

#footer.style3 #back-to-top i {
    border-color: #ff6000;
    color: #12a0c3
}

#footer.style4 > .footer-wrapper {
    padding-bottom: 0
}

    #footer.style4 > .footer-wrapper > .container:first-child {
        position: relative;
        padding-bottom: 180px
    }

        #footer.style4 > .footer-wrapper > .container:first-child:after, #footer.style4 > .footer-wrapper > .container:first-child:before {
            content: "";
            display: block;
            position: absolute;
            background-repeat: no-repeat
        }

        #footer.style4 > .footer-wrapper > .container:first-child:before {
            width: 267px;
            height: 166px;
            bottom: 20px;
            left: -30px
        }

        #footer.style4 > .footer-wrapper > .container:first-child:after {
            width: 1171px;
            height: 158px;
            bottom: 0;
            right: 0
        }

#footer.style5 > .footer-wrapper {
    padding-bottom: 0
}

    #footer.style5 > .footer-wrapper > .container:first-child {
        position: relative;
        padding-bottom: 150px
    }

        #footer.style5 > .footer-wrapper > .container:first-child:after, #footer.style5 > .footer-wrapper > .container:first-child:before {
            content: "";
            display: block;
            position: absolute;
            background-repeat: no-repeat
        }

        #footer.style5 > .footer-wrapper > .container:first-child:before {
            width: 463px;
            height: 105px;
            bottom: 0;
            left: 0
        }

        #footer.style5 > .footer-wrapper > .container:first-child:after {
            width: 297px;
            height: 145px;
            bottom: 0;
            right: 0
        }

#footer.style6 > .footer-wrapper {
    padding-bottom: 0
}

    #footer.style6 > .footer-wrapper > .container:first-child {
        position: relative;
        padding-bottom: 180px
    }

        #footer.style6 > .footer-wrapper > .container:first-child:after, #footer.style6 > .footer-wrapper > .container:first-child:before {
            content: "";
            display: block;
            position: absolute;
            background-repeat: no-repeat
        }

.honeymoon .container, .travelo-process {
    position: relative
}

#footer.style6 > .footer-wrapper > .container:first-child:before {
    width: 115px;
    height: 130px;
    bottom: 0;
    left: 0
}

#footer.style6 > .footer-wrapper > .container:first-child:after {
    width: 153px;
    height: 149px;
    bottom: 0;
    right: 0
}

.honeymoon {
    padding: .01px
}

    .honeymoon .content-section {
        padding: 50px 0
    }

        .honeymoon .content-section .places {
            margin-top: 40px
        }

            .honeymoon .content-section .places figure a {
                height: 175px
            }

            .honeymoon .content-section .places img {
                height: 100%;
                width: auto;
                min-width: 100%
            }

.offers p {
    margin-bottom: 50px
}

.mobile-section .table-wrapper {
    table-layout: fixed;
    width: 100%
}

.mobile-section .description {
    vertical-align: middle
}

.mobile-section .image-wrapper {
    vertical-align: bottom;
    padding-top: 50px
}

.travelo-process {
    display: inline-block;
    padding: 0 !important;
    float: none !important
}

    .travelo-process img {
        max-width: 100%;
        margin-bottom: 2px
    }

    .travelo-process .process {
        display: inline-block;
        position: absolute;
        width: 100%;
        margin-top: -32.4px;
        margin-left: -32.4px;
        margin-right: -32.4px
    }

        .travelo-process .process .icon-wrapper {
            vertical-align: top
        }

            .travelo-process .process .icon-wrapper i {
                display: block;
                font-size: 36px
            }

        .travelo-process .process .details {
            min-width: 250px;
            width: 100%
        }

        .travelo-process .process.first {
            top: 14.6446%;
            right: 85.3554%;
            margin-left: 0;
            text-align: right
        }

            .travelo-process .process.first .details {
                padding-right: 8%;
                padding-left: 0
            }

        .travelo-process .process.second .details, .travelo-process .process.third .details {
            padding-left: 8%;
            padding-right: 0
        }

        .travelo-process .process.second {
            top: 14.6446%;
            left: 85.3554%;
            margin-right: 0;
            text-align: left
        }

        .travelo-process .process.third {
            top: 85.3554%;
            left: 85.3554%;
            margin-right: 0;
            text-align: left
        }

        .travelo-process .process.forth {
            top: 85.3554%;
            right: 85.3554%;
            margin-left: 0;
            text-align: right
        }

            .travelo-process .process.forth .details {
                padding-right: 8%;
                padding-left: 0
            }

.investor-list img {
    -webkit-filter: none;
    -o-filter: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -ms-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

.investor-list .travelo-box {
    height: 100px;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 10px
}

    .investor-list .travelo-box > a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        overflow: hidden
    }

.post-404page .logo, .post-404page.style3 .logo, .sitemap .column .title {
    display: inline-block
}

.investor-list .travelo-box > a:hover > img {
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: .4
}

.service-page .service-list .icon-box {
    cursor: pointer
}

    .service-page .service-list .icon-box:hover i {
        overflow: hidden
    }

        .service-page .service-list .icon-box:hover i:before {
            -webkit-animation: toTopFromBottom .35s forwards;
            -moz-animation: toTopFromBottom .35s forwards;
            animation: toTopFromBottom .35s forwards
        }

.service-page .services {
    margin-top: -1px;
    margin-right: -5px
}

    .service-page .services article {
        cursor: pointer;
        border-top: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        margin: 0;
        padding: 15px
    }

        .service-page .services article > i {
            background: #01b7f2;
            -moz-transition: all .4s ease-in;
            -o-transition: all .4s ease-in;
            -webkit-transition: all .4s ease-in;
            -ms-transition: all .4s ease-in;
            transition: all .4s ease-in;
            overflow: hidden
        }

        .service-page .services article:hover > i {
            box-shadow: 0 0 0 4px #01b7f2;
            background: #fff;
            color: #01b7f2
        }

            .service-page .services article:hover > i:before {
                -webkit-animation: toTopFromBottom .4s forwards;
                -moz-animation: toTopFromBottom .4s forwards;
                animation: toTopFromBottom .4s forwards
            }

.gallery-filter a.button {
    min-width: 60px;
    padding: 0 10px;
    text-transform: uppercase;
    margin-right: 8px;
    font-size: .9167em;
    margin-bottom: 10px
}

.items-container {
    margin-bottom: 0
}

    .items-container .box:hover .hover-effect:after {
        visibility: visible;
        -webkit-transform: rotateY(0) scale(1,1);
        -moz-transform: rotateY(0) scale(1,1);
        -ms-transform: rotateY(0) scale(1,1);
        -o-transform: rotateY(0) scale(1,1);
        transform: rotateY(0) scale(1,1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .items-container .box:hover .hover-effect img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .items-container .box:hover .details {
        background: #01b7f2
    }

        .items-container .box:hover .details .box-title {
            color: #fff
        }

            .items-container .box:hover .details .box-title small {
                color: #fff;
                -moz-opacity: .5;
                -khtml-opacity: .5;
                opacity: .5
            }

.filters-container ul.categories-filter li {
    padding: 0;
    background: 0 0;
    border-bottom: 1px solid #f5f5f5
}

.faqs .question-list .panel .panel-content, .faqs .question-list .panel .panel-title {
    padding-left: 30px
}

.filters-container ul.categories-filter li.active {
    background: 0 0
}

    .filters-container ul.categories-filter li.active:before {
        background: #01b7f2;
        color: #fff
    }

    .filters-container ul.categories-filter li.active a {
        color: #2d3e52
    }

        .faqs.style1 .filters-options li.active a, .filters-container ul.categories-filter li.active a small {
            color: #01b7f2
        }

.faqs .search-questions {
    margin-bottom: 4px
}

.faqs .faq-topics .filters-options {
    margin-bottom: 0
}

.faqs .question-list .panel {
    border-bottom-width: 4px
}

    .faqs .question-list .panel .panel-title > a:before {
        float: right
    }

.faqs .faq-comment-container {
    padding: 0;
    border-top: 4px solid #f5f5f5
}

    .faqs .faq-comment-container .question {
        float: left;
        height: 28px;
        line-height: 28px;
        margin-right: 20px;
        margin-bottom: 0
    }

    .faqs .faq-comment-container .faq-comment-header {
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 30px
    }

        .faqs .faq-comment-container .faq-comment-header .button {
            padding: 0 20px;
            margin-right: 10px
        }

            .faqs .faq-comment-container .faq-comment-header .button.active {
                background: #dc373e
            }

    .faqs .faq-comment-container .fag-comment-content {
        padding: 25px 30px
    }

.faqs.style1 .filters-container {
    padding-bottom: 0
}

.faqs.style1 .filters-options li {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    background: 0 0;
    padding: 0
}

    .faqs.style1 .filters-options li.active {
        background: 0 0
    }

    .faqs.style1 .filters-options li:last-child {
        border: none
    }

.faqs.style1 .question-list {
    padding: 10px 30px
}

    .faqs.style1 .question-list .panel {
        border-bottom-width: 1px
    }

        .faqs.style1 .question-list .panel .panel-title {
            padding-left: 0;
            padding-right: 0
        }

            .faqs.style1 .question-list .panel .panel-title a:before {
                width: 16px;
                height: 16px;
                line-height: 16px;
                font-size: 8px;
                margin-right: 0
            }

        .faqs.style1 .question-list .panel .panel-content {
            padding-left: 0;
            padding-right: 20px
        }

.travelo-google-map {
    height: 255px
}

    .travelo-google-map.full-box {
        height: 400px
    }

.contact-form label {
    font-size: .8333em;
    margin-bottom: 3px
}

.travelo-policies.style1 ul.tabs {
    border-bottom: none
}

.travelo-policies.style1 hr {
    margin: 20px -20px
}

.travelo-policies .policy {
    padding: 0 10px;
    margin: 40px 0
}

.sitemap .column {
    border: 1px solid #01b7f2;
    border-left: none;
    position: relative;
    margin-bottom: 40px;
    margin-right: 10px;
    margin-top: 10px
}

    .sitemap .column .title {
        font-weight: 700;
        text-transform: uppercase;
        padding-right: 10px;
        position: absolute;
        top: -8px;
        left: 0;
        background: #f5f5f5
    }

    .sitemap .column.sitemap-columns-2 > ul {
        width: 48%;
        float: left;
        border-right: 1px solid #01b7f2
    }

        .sitemap .column.sitemap-columns-2 > ul:last-child {
            border: none
        }

    .sitemap .column ul {
        font-size: 1em
    }

    .sitemap .column li {
        line-height: 3em
    }

    .sitemap .column > ul {
        margin: 20px 0 10px
    }

        .sitemap .column > ul > li {
            padding-left: 15px
        }

        .sitemap .column > ul.circle > li {
            padding-left: 0
        }

    .sitemap .column li.parent > a, .sitemap .column li.parent > span {
        font-weight: 700;
        font-size: .9167em;
        text-transform: uppercase
    }

.post-404page .footer-wrapper {
    text-align: center
}

.post-404page footer #main-menu {
    margin: 0 auto
}

.post-404page #header {
    padding-top: 150px;
    text-align: center
}

.post-404page #main {
    margin: 0
}

.post-404page .error-message {
    font-size: 4.1667em;
    font-weight: 300;
    line-height: 1.25em;
    text-align: center;
    color: #dc373e
}

.post-404page .error-message-404 {
    font-family: Roboto;
    font-weight: 100;
    font-size: 25em;
    text-align: center;
    color: #01b7f2;
    line-height: 1.0833em
}

.post-404page.style1 #header .logo img {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important
}

.post-404page.style2 #main {
    text-align: center
}

.post-404page.style2 #content {
    padding: 0
}

.post-404page.style2 .error-message {
    font-size: 2.5em;
    color: #fff;
    text-shadow: 0 6px 6px rgba(0,0,0,.3);
    font-weight: 400
}

.post-404page.style2 .error-message-404 img {
    width: 80%;
    margin: 40px auto
}

.post-404page.style2 .go-back {
    display: inline-block;
    font-size: 2.0833em;
    font-weight: 900;
    color: #f45533;
    background: #fff;
    height: 70px;
    line-height: 70px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px 35px 35px 35px;
    border-radius: 35px;
    padding-right: 30px;
    box-shadow: 0 10px 8px rgba(0,0,0,.3);
    letter-spacing: -.02em;
    overflow: hidden
}

    .post-404page.style2 .go-back i {
        background: #f45533;
        color: #fff;
        margin-right: 20px
    }

    .post-404page.style2 .go-back:hover i {
        -webkit-animation: fadeInRight .4s ease-in;
        -moz-animation: fadeInRight .4s ease-in;
        animation: fadeInRight .4s ease-in
    }

.post-404page.style3, .post-404page.style3 #content, .post-404page.style3 #content .container, .post-404page.style3 #page-wrapper, .post-404page.style3 .wrapper {
    height: 100%
}

    .post-404page.style3 #content {
        padding: 0
    }

    .post-404page.style3 #main {
        position: relative;
        z-index: 2;
        padding-top: 120px;
        text-align: center
    }

    .post-404page.style3 .wrapper {
        background-size: 33% auto
    }

    .post-404page.style3 .container {
        position: relative;
        background-size: 22% auto
    }

    .post-404page.style3 .error-message {
        font-weight: 300;
        font-size: 4em;
        color: #fff
    }

    .post-404page.style3 .error-message-404 {
        margin: 30px 0;
        font-family: inherit;
        color: #fff;
        font-weight: 300;
        font-size: 2.5em
    }

        .post-404page.style3 .error-message-404 strong {
            font-weight: 400
        }

    .post-404page.style3 .input-text {
        background: 0 0;
        border: 1px solid #fff;
        color: #fff;
        font-size: 1.3333em
    }

    .post-404page.style3 .with-icon .icon i {
        color: #fff
    }

    .post-404page.style3 .go-back {
        background: 0 0;
        border: 1px solid #fff;
        color: #fff;
        font-size: 1.0833em;
        line-height: 3.3333em;
        font-weight: 700;
        padding: 0 20px;
        margin-bottom: 30px;
        overflow: hidden
    }

        .post-404page.style3 .go-back i {
            margin-right: 10px
        }

        .post-404page.style3 .go-back:hover i {
            -webkit-animation: fadeInRight .4s ease-in;
            -moz-animation: fadeInRight .4s ease-in;
            animation: fadeInRight .4s ease-in
        }

    .post-404page.style3 .girl {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%
    }

.coming-soon-page #main {
    text-align: center;
    margin: 0
}

.coming-soon-page section#content {
    background: 0 0;
    padding: 0
}

.coming-soon-page .clock {
    display: table;
    width: 100%;
    table-layout: fixed
}

    .coming-soon-page .clock li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        text-transform: uppercase;
        width: 22%
    }

        .coming-soon-page .clock li span {
            display: block;
            border: 2px solid #01b7f2;
            font-family: Roboto;
            font-weight: 300;
            font-size: 6.6667em;
            color: #fff;
            line-height: 2.3333em;
            background: linear-gradient(to bottom,#3c4a59 50%,#242f3c 50%)
        }

        .coming-soon-page .clock li.sep {
            font-size: 5.5em;
            color: #01b7f2;
            font-weight: 300;
            padding: 0 0 38px;
            width: 4%
        }

        .coming-soon-page .clock li label {
            letter-spacing: .4em;
            color: #7692b4;
            font-size: 1em;
            height: 20px;
            margin: 10px 0 0;
            line-height: 20px
        }

.coming-soon-page .social-icons li a {
    background: 0 0;
    font-size: 2em;
    color: #384c63;
    width: 40px
}

    .coming-soon-page .social-icons li a:hover {
        color: #dc373e
    }

.coming-soon-page .logo {
    display: inline-block
}

    .coming-soon-page .logo img {
        height: 24px;
        width: auto
    }

.coming-soon-page .email-notify input.input-text {
    background: #1c2733;
    border: 1px solid #01b7f2;
    color: #7692b4
}

.coming-soon-page .email-notify .icon {
    background: #01b7f2;
    color: #fff
}

.coming-soon-page .copyright {
    color: #384c63
}

.coming-soon-page.style1 #page-wrapper {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -webkit-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -o-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: -ms-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
    background-image: radial-gradient(center center,circle cover,#273648,#0d1218 100%)
}

.coming-soon-page.style2 #page-wrapper {
    background-color: #70860e;
    background-image: -moz-radial-gradient(center center,circle cover,#94a621,#576f00 100%);
    background-image: -webkit-radial-gradient(center center,circle cover,#94a621,#576f00 100%);
    background-image: -o-radial-gradient(center center,circle cover,#94a621,#576f00 100%);
    background-image: -ms-radial-gradient(center center,circle cover,#94a621,#576f00 100%);
    background-image: radial-gradient(center center,circle cover,#94a621,#576f00 100%)
}

.coming-soon-page.style2 .clock, .coming-soon-page.style2 .social-icons a:hover {
    text-shadow: 1px 10px 6px rgba(0,0,0,.2)
}

    .coming-soon-page.style2 .clock li span {
        border: none;
        background: 0 0;
        font-family: NexaBlack;
        font-size: 12em;
        line-height: 1em
    }

    .coming-soon-page.style2 .clock li.sep {
        color: #fff;
        font-size: 8.3333em;
        font-weight: 700
    }

    .coming-soon-page.style2 .clock li label {
        font-weight: 700;
        font-size: 1.6667em;
        letter-spacing: normal;
        color: #fff
    }

.coming-soon-page.style2 .email-notify {
    height: 64px
}

    .coming-soon-page.style2 .email-notify .input-text {
        height: 64px;
        border: 3px solid #fff;
        background: #768b11;
        box-shadow: 0 6px 6px rgba(0,0,0,.2);
        font-size: 16px;
        color: #fff;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        -ms-border-radius: 32px 32px 32px 32px;
        border-radius: 32px;
        padding-left: 40%
    }

    .coming-soon-page.style2 .email-notify .icon, .sidebar .post-list .avatar img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 50%
    }

    .coming-soon-page.style2 .email-notify .notified-text {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 35%;
        height: 64px;
        line-height: 64px;
        color: #fff;
        font-size: 2em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: -.02em;
        white-space: nowrap
    }

        .coming-soon-page.style2 .email-notify .notified-text small {
            padding-left: 15px;
            font-size: .6667em;
            vertical-align: top;
            font-weight: 400
        }

    .coming-soon-page.style2 .email-notify .icon {
        border-radius: 50%;
        background: #dc373e;
        right: 10px
    }

        .coming-soon-page.style2 .email-notify .icon:hover {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms
        }

.coming-soon-page.style2 .social-icons li a {
    color: #627906
}

    .coming-soon-page.style2 .social-icons li a:hover {
        color: #dc373e
    }

.coming-soon-page.style2 .copyright {
    color: #627906
}

.coming-soon-page.style3, .coming-soon-page.style3 #content, .coming-soon-page.style3 #content .container, .coming-soon-page.style3 #main, .coming-soon-page.style3 #page-wrapper {
    height: 100%
}

    .coming-soon-page.style3 .container {
        position: relative;
        text-align: center
    }

        .coming-soon-page.style3 .container:before {
            position: absolute;
            top: 0;
            left: -100px;
            width: 504px;
            height: 495px
        }

    .coming-soon-page.style3 #main {
        position: relative;
        z-index: 2;
        padding-top: 100px
    }

    .coming-soon-page.style3 .couple {
        position: absolute;
        bottom: 1px;
        right: -12%;
        width: 60%;
        height: auto
    }

    .coming-soon-page.style3 .header-title {
        font-size: 4em;
        font-weight: 300;
        line-height: 1.3333em
    }

    .coming-soon-page.style3 .clock {
        width: auto;
        margin: 0 auto;
        display: inline-block
    }

        .coming-soon-page.style3 .clock li span {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            line-height: 100px;
            border: none;
            background: #dc373e;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50% 50% 50% 50%;
            border-radius: 50%;
            font-size: 5em;
            font-weight: 300
        }

        .coming-soon-page.style3 .clock li label, .coming-soon-page.style3 .clock li.sep {
            color: #fff
        }

    .coming-soon-page.style3 .email-notify {
        width: 454px
    }

        .coming-soon-page.style3 .email-notify .input-text {
            background: #3c8dc3;
            border: 1px solid #fff;
            color: #fff
        }

        .coming-soon-page.style3 .email-notify .icon {
            background: 0 0;
            color: #fff
        }

    .coming-soon-page.style3 .social-icons li a {
        color: #398ac1
    }

        .coming-soon-page.style3 .social-icons li a:hover {
            color: #fff
        }

    .coming-soon-page.style3 .copyright {
        color: #398ac1
    }

.loading-page {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center
}

    .loading-page .logo img {
        height: auto;
        width: auto
    }

    .loading-page .loading-page-wrapper {
        display: table-cell;
        vertical-align: middle
    }

    .loading-page .loading-progress-bar {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .loading-page.style1 {
        background-color: #1a232f;
        background-image: -moz-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
        background-image: -webkit-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
        background-image: -o-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
        background-image: -ms-radial-gradient(center center,circle cover,#273648,#0d1218 100%);
        background-image: radial-gradient(center center,circle cover,#273648,#0d1218 100%)
    }

        .loading-page.style1 .loading-text {
            font-size: 1.3333em;
            font-weight: 700;
            color: #7c9abd;
            letter-spacing: .4em;
            text-transform: uppercase
        }

        .loading-page.style1 .loading-progress-bar {
            height: 18px;
            background: #0e1319;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            -ms-border-radius: 9px 9px 9px 9px;
            border-radius: 9px;
            -moz-opacity: .95;
            -khtml-opacity: .95;
            opacity: .95;
            box-shadow: 0 1px 0 #3b4857;
            padding: 3px
        }

        .loading-page.style1 .loading-progress {
            height: 12px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px 6px 6px 6px;
            border-radius: 6px;
            background: #01b7f2
        }

    .loading-page.style2 {
        background-color: #0097cb;
        background-image: -moz-radial-gradient(center center,circle cover,#01b5f0,#0081b1 100%);
        background-image: -webkit-radial-gradient(center center,circle cover,#01b5f0,#0081b1 100%);
        background-image: -o-radial-gradient(center center,circle cover,#01b5f0,#0081b1 100%);
        background-image: -ms-radial-gradient(center center,circle cover,#01b5f0,#0081b1 100%);
        background-image: radial-gradient(center center,circle cover,#01b5f0,#0081b1 100%)
    }

        .loading-page.style2 .loading-progress-bar {
            box-shadow: 0 15px 6px rgba(3,121,165,.6);
            height: 64px;
            border: none;
            background: #fff;
            -webkit-border-radius: 32px;
            -moz-border-radius: 32px;
            -ms-border-radius: 32px 32px 32px 32px;
            border-radius: 32px;
            padding: 7px
        }

        .loading-page.style2 .loading-progress {
            height: 50px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px 25px 25px 25px;
            border-radius: 25px;
            background: #dc373e
        }

        .loading-page.style2 .loading-percent {
            position: absolute;
            right: 20px;
            top: 7px;
            height: 50px;
            line-height: 50px;
            color: #01b7f2;
            font-weight: 900;
            font-size: 2em;
            letter-spacing: -.02em
        }

        .loading-page.style2 .loading-text {
            font-size: 2.5em;
            font-weight: 700;
            color: #fff;
            letter-spacing: normal;
            text-transform: none;
            text-shadow: 0 10px 6px rgba(3,121,165,.6)
        }

        .loading-page.style2 .notice-message {
            font-family: NexaBlack;
            font-size: 12.5em;
            line-height: .6666em;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: -.1em;
            text-shadow: 0 16px 6px rgba(3,121,165,.6)
        }

    .loading-page.style3 .container {
        position: relative;
        height: 100%
    }

    .loading-page.style3 .loading-page-wrapper {
        height: 100%
    }

    .loading-page.style3 .loading-page-content {
        position: relative;
        z-index: 2;
        height: 60%
    }

    .loading-page.style3 .loading-text {
        font-size: 2em;
        font-weight: 300;
        color: #fff
    }

    .loading-page.style3 .loading-progress-bar {
        height: 40px;
        border: 1px solid #fff;
        padding: 4px;
        background: #2d7aaf
    }

    .loading-page.style3 .loading-progress {
        height: 30px;
        background: #fff
    }

    .loading-page.style3 .loading-percent {
        position: absolute;
        right: 10px;
        top: 5px;
        line-height: 30px;
        color: #fff;
        font-size: 1.6667em;
        letter-spacing: -.02em
    }

    .loading-page.style3 .bottom-image {
        width: 30%;
        position: absolute;
        bottom: 1px;
        left: 50%;
        margin-left: -15%
    }

.soap-login-page #footer, .soap-login-page #main {
    text-align: center
}

.soap-login-page .login-form .checkbox {
    text-align: left
}

.soap-login-page.style1 {
    -webkit-transform: translate3d(0,0,0)
}

    .soap-login-page.style1 .logo img {
        height: 24px;
        width: auto
    }

    .soap-login-page.style1 .login-form .input-text {
        background: #1d2835;
        border: 1px solid #01b7f2;
        color: #708bac
    }

    .soap-login-page.style1 .login-form .checkbox {
        color: #708bac;
        cursor: pointer
    }

        .soap-login-page.style1 .login-form .checkbox:before {
            border-color: #01b7f2
        }

        .soap-login-page.style1 .login-form .checkbox.checked:before {
            background: #1c2633;
            color: #708bac
        }

.soap-login-page.style2 {
    background-color: #8f3fa1;
    background-image: -moz-radial-gradient(center center,circle cover,#b459c8,#762d87 100%);
    background-image: -webkit-radial-gradient(center center,circle cover,#b459c8,#762d87 100%);
    background-image: -o-radial-gradient(center center,circle cover,#b459c8,#762d87 100%);
    background-image: -ms-radial-gradient(center center,circle cover,#b459c8,#762d87 100%);
    background-image: radial-gradient(center center,circle cover,#b459c8,#762d87 100%)
}

    .soap-login-page.style2 .welcome-text {
        font-size: 2.3333em;
        font-weight: 700;
        line-height: 1em;
        color: #fff;
        text-shadow: 0 10px 6px #9543a7
    }

    .soap-login-page.style2 .login-form .input-text, .soap-login-page.style2 .login-form button {
        height: 70px;
        box-shadow: 0 10px 6px rgba(149,67,167,.6);
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        -ms-border-radius: 35px 35px 35px 35px;
        border-radius: 35px
    }

    .soap-login-page.style2 .login-form .input-text {
        background: #9543a7;
        border: 3px solid #fff;
        font-size: 1.3333em;
        color: #fff;
        padding-left: 195px;
        padding-right: 25px
    }

    .soap-login-page.style2 .login-form button {
        font-size: 2em;
        font-weight: 900;
        letter-spacing: -.02em;
        position: relative;
        padding-right: 50px;
        overflow: hidden
    }

        .soap-login-page.style2 .login-form button i {
            position: absolute;
            right: 7px;
            top: 7px;
            height: 56px;
            width: 56px;
            line-height: 56px;
            background: #fff;
            color: #dc373e
        }

        .soap-login-page.style2 .login-form button:hover i:before {
            -webkit-animation: toTopFromBottom .35s forwards;
            -moz-animation: toTopFromBottom .35s forwards;
            animation: toTopFromBottom .35s forwards
        }

    .soap-login-page.style2 .login-form .form-group {
        margin-bottom: 30px
    }

    .soap-login-page.style2 .login-form .input-login, .soap-login-page.style2 .login-form .input-password {
        position: relative
    }

        .soap-login-page.style2 .login-form .input-login label, .soap-login-page.style2 .login-form .input-password label {
            position: absolute;
            left: 30px;
            top: 0;
            height: 70px;
            line-height: 70px;
            font-size: 2em;
            font-weight: 900;
            color: #fff;
            letter-spacing: -.02em
        }

            .soap-login-page.style2 .login-form .input-login label:after, .soap-login-page.style2 .login-form .input-password label:after {
                content: "|";
                font-size: .6667em;
                vertical-align: top;
                margin-left: 15px
            }

    .soap-login-page.style2 .copyright {
        color: #822e95
    }

.soap-login-page.style3 .logo {
    margin-top: 15px
}

.soap-login-page.style3 #page-wrapper {
    padding-bottom: 10%;
    position: relative
}

.soap-login-page.style3 .welcome-text {
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
    color: #fff
}

.soap-login-page.style3 .login-form .input-text {
    background: #369cbe;
    border: 1px solid #fff;
    color: #fff
}

.soap-login-page.style3 .login-form .checkbox {
    color: #fff;
    cursor: pointer
}

    .soap-login-page.style3 .login-form .checkbox:before {
        border-color: #fff;
        background: #369cbe
    }

    .soap-login-page.style3 .login-form .checkbox.checked:before {
        color: #fff
    }

.soap-login-page.style3 #content {
    padding-top: 0;
    position: relative;
    z-index: 2
}

.soap-login-page.style3 #footer {
    position: relative;
    z-index: 2
}

    .soap-login-page.style3 #footer .footer-wrapper {
        padding-bottom: 0
    }

.soap-login-page.style3 #main {
    margin-bottom: 0
}

.more-popular-destinations ul li, .sidebar .widget-queries ul {
    margin-bottom: 15px
}

.soap-login-page.style3 #main-menu li {
    color: #3faac9
}

    .soap-login-page.style3 #main-menu li.active a, .soap-login-page.style3 #main-menu li:hover a {
        color: #fff
    }

.soap-login-page.style3 .copyright {
    color: #fff;
    -webkit-transform: translateZ(0)
}

.soap-login-page.style3 .places {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 360px
}

.soap-login-page.style3 .plane {
    float: right
}

.more-popular-destinations {
    overflow: hidden
}

    .more-popular-destinations .row {
        margin-right: -16px
    }

    .more-popular-destinations ul {
        border-right: 1px solid #fff
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .more-popular-destinations .row, ::i-block-chrome {
        margin-right: -19px
    }
}

.image-box .has-discount {
    position: relative;
    overflow: visible
}

.bg-holder, .btmtricircle, .exphotel_world figure, .footerimage_b2c, .height_181, .icon_enq, .my-booking-pop, .over_fl1, .place_wrap, .tripcircle {
    overflow: hidden
}

.image-box .has-discount:before {
    content: ""
}

.image-box .discount, .image-box .has-discount:before {
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100px;
    height: 102px;
    color: #fff
}

.image-box .discount {
    z-index: 1;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9167em;
    letter-spacing: normal !important;
    text-indent: -3px
}

    .image-box .discount .discount-text {
        display: inline-block;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        writing-mode: lr-tb
    }

.sidebar .widget-queries li {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 5px;
    line-height: 24px;
    font-size: .9167em;
    text-transform: uppercase
}

    .sidebar .widget-queries li a {
        display: block
    }

        .sidebar .widget-queries li a:hover {
            color: #2d3e52
        }

            .sidebar .widget-queries li a:hover i {
                color: #01b7f2
            }

    .sidebar .widget-queries li i {
        color: #d9d9d9;
        font-size: 2em;
        display: block;
        float: left;
        margin-right: 10px;
        width: 20px;
        text-align: center
    }

.sidebar .post-list .details {
    padding-top: 3px
}

.sidebar .post-list .box-title {
    margin-bottom: 4px
}

.sidebar .post-list .avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.travel-story-container {
    background: #fff;
    padding: 0 10px 10px
}

    .travel-story-container .travel-story-content {
        display: table
    }

        .travel-story-container .travel-story-content > * {
            display: table-cell;
            vertical-align: top
        }

        .travel-story-container .travel-story-content .avatar {
            border-right: 1px solid #f5f5f5;
            padding: 20px 20px 10px 10px;
            text-align: center
        }

            .travel-story-container .travel-story-content .avatar img {
                margin-bottom: 15px;
                width: 90px;
                height: 90px
            }

        .travel-story-container .travel-story-content .description {
            padding: 20px
        }

    .travel-story-container .travel-story-meta {
        background: #f5f5f5;
        padding: 10px 10px 0;
        font-size: 1em
    }

        .travel-story-container .travel-story-meta .story-meta {
            float: right;
            text-transform: uppercase
        }

            .travel-story-container .travel-story-meta .story-meta > * {
                height: 28px;
                line-height: 28px;
                display: inline-block;
                padding: 0 10px;
                margin-left: 8px;
                margin-bottom: 10px;
                background: #fff;
                color: #9e9e9e;
                letter-spacing: normal !important;
                font-size: .8333em;
                font-weight: 400
            }

                .travel-story-container .travel-story-meta .story-meta > * i {
                    float: left;
                    font-size: 2.5em;
                    margin-right: 8px;
                    color: #d9d9d9
                }

            .travel-story-container .travel-story-meta .story-meta > .date i {
                font-size: 1.6667em
            }

            .travel-story-container .travel-story-meta .story-meta a.button:hover {
                background: #dc373e;
                color: #fff
            }

                .travel-story-container .travel-story-meta .story-meta a.button:hover i {
                    color: #fff
                }

        .travel-story-container .travel-story-meta .travel-miles {
            line-height: 28px;
            font-size: 1.1667em;
            float: left;
            display: block;
            margin-left: 5px
        }

        .travel-story-container .my-trip ul:after, .travel-story-container .travel-story-meta:after {
            display: table;
            content: "";
            clear: both
        }

        .travel-story-container .travel-story-meta .travel-miles i {
            font-size: 1.8333em;
            color: #01b7f2;
            margin-right: 8px;
            float: left
        }

    .travel-story-container .my-trip li {
        float: left;
        width: 80px;
        height: 80px;
        margin-right: 10px;
        margin-bottom: 10px
    }

        .travel-story-container .my-trip li .hover-effect:after {
            background-size: 30px 30px
        }

#travel-guide .tab-pane {
    padding: 0
}

#travel-guide .main-content {
    padding: 20px
}

#travel-guide #travel-guide-sports .intro {
    padding: 15px
}

#travel-guide .sport-list {
    background: #fff;
    text-transform: uppercase;
    letter-spacing: normal !important
}

    #travel-guide .sport-list li {
        line-height: 2.5em
    }

    #travel-guide .sport-list [class*="col-"], #travel-guide .sport-list [class^=col-] {
        padding: 10px 20px;
        border-right: 1px solid #f5f5f5
    }

#travel-guide .details {
    padding-bottom: 10px
}

    #travel-guide .details > :last-child {
        margin-bottom: 0
    }

#travel-guide .icon-box {
    text-align: center;
    text-transform: none;
    padding: 0 15px
}

    #travel-guide .icon-box i {
        margin-bottom: 10px;
        font-size: 1.3333em
    }

.suggested-places ul.check-square li:before {
    float: left;
    line-height: 1.3em
}

.suggested-places ul.check-square li > a {
    margin-left: 25px;
    display: block
}

.suggested-places ul.check-square li.active, .suggested-places ul.check-square li:hover {
    background: 0 0
}

    .suggested-places ul.check-square li.active:before, .suggested-places ul.check-square li:hover:before {
        background: #dc373e;
        color: #fff
    }

    .suggested-places ul.check-square li.active .box-title, .suggested-places ul.check-square li:hover .box-title {
        color: #01b7f2
    }

.travel-ideas .idea-title .index {
    margin-right: 10px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    color: #fff;
    background: #dc373e;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.75em;
    text-align: center;
    font-size: .8em;
    font-weight: 700
}

#loding_div_page, .clickcallIcon, .mbl_menulogo, .subContact, .user_icon_div {
    display: none
}

.travel-ideas .suggested-places .row {
    margin: 0 -3px 0 -25px
}

.travel-ideas .suggested-places [class^=col-] {
    padding-left: 25px;
    padding-right: 0;
    border-right: 1px solid #f5f5f5
}

.travel-ideas .suggested-places ul.check-square li > a {
    text-transform: uppercase
}

.no-shadow {
    box-shadow: none !important
}

.border1 {
    border: 1px solid #eee
}

.font-12 {
    font-size: 12px !important
}

.w100per {
    width: 100% !important
}

.w180px {
    width: 180px !important
}

.m0 {
    margin: 0 !important
}

.brdr-btm {
    border-bottom: 1px solid #eee
}

.travel-cartpg td {
    padding: 2px !important
}

.box-shadow {
    box-shadow: 3px 2px 5px #ccc
}

.travel-cartpg td span a {
    color: #5f920b;
    cursor: pointer
}

    .travel-cartpg td span a .cancel {
        color: #dc373e;
        cursor: pointer
    }

.travel-cartpg thead {
    background: #eee
}

.textbtn-green {
    color: #5f920b;
    cursor: pointer
}

.textbtn-red {
    color: #dc373e;
    cursor: pointer
}

.fa-shopping-cart {
    background-position: -101px -15px;
    font-family: 'FontAwesome' !important;
}

.flags-india {
    background-position: -1px -3px
}

.nigeria-logo {
    padding-left: 23px;
    background-position: -95px -2px;
    margin-left: 4px
}

.flags-uae {
    margin-left: 5px
}

.whatsappicondiv {
    background-position: -67px -45px !important
}

.dw_icon {
    background-position: -41px -2px;
    float: left;
    margin-right: 4px;
    margin-top: -34px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 15px;
    right: 16px;
    width: 30px
}

.div_bg {
    background-color: #000;
    height: 30px;
    margin-left: -21px;
    margin-top: -5px;
    opacity: .43;
    width: 100%
}

.all_alt {
    font-family: fontawesome;
    padding-right: 10px;
    font-size: 22px;
    padding-left: 10px
}

    .all_alt::before {
        content: "\f071"
    }

.assist, .font-24_assist {
    font-size: 24px !important
}

.whatapp_color {
    color: #6aca04
}

.orangecol {
    color: #ed8323 !important
}

.assist {
    color: #8b8b8b;
    text-align: center
}

.assist_name {
    border-bottom: 1px solid #e4e4e4;
    padding: 0 16px 10px
}

.or_line {
    border-bottom: thin solid #e4e4e4;
    height: 0;
    margin: auto;
    width: 64%
}

.or {
    background-color: #fff;
    border: thin solid #e4e4e4;
    border-radius: 50%;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin: -26px auto auto;
    text-align: center;
    width: 42px
}

.QuickEnquiry {
    color: #858384;
    font-size: 22px !important;
    text-align: center
}

.send_enq_btn {
    background-color: #01b7f2;
    border: thin solid #048da6;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 36px;
    width: 200px
}

.txt_box_enq, .txt_box_enq_select {
    height: 37px;
    font-size: 14px;
    color: #858384;
    width: 100%;
    padding-left: 46px
}

.send_enq_btn:active {
    background-color: #009cd7;
    border: thin solid #02566f
}

.select_opt_div, .txt_box_enq, .txt_box_enq_select {
    background-color: #fcfcfc
}

.txt_box_enq {
    border: 1px solid #d7d7d7
}

.txt_box_enq_select {
    border: 1px solid #dadada !important;
    border-left: none
}

.enq_popup {
    max-height: 500px !important
}

.select_opt_div {
    border-left: medium none;
    height: 35px;
    line-height: 33px;
    margin-top: 1px;
    position: absolute;
    right: 16px;
    width: 17px;
    background-position: -202px -169px
}

.date_ico input.input-text {
    background: #fcfcfc !important;
    padding-left: 46px
}

.date_ico .datepicker-wrap::after {
    height: 21px;
    left: 11px;
    top: 8px;
    width: 22px
}

.icon_enq .agtemail_icon01, .icon_enq .agtname_icon1 {
    background-position: 5px -171px;
    border: none;
    position: absolute
}

.date_ico .ui-datepicker-trigger {
    width: 100% !important;
    background-position: -27px -49px !important;
    margin-top: -9px;
    position: absolute;
    left: 0
}

.icon_enq {
    height: 32px;
    left: 17px;
    position: absolute;
    top: 3px;
    width: 40px
}

    .icon_enq .agtmob_icon1 {
        background-position: -42px -171px;
        position: absolute;
        border: none;
        height: 30px
    }

    .icon_enq .pen_enq {
        color: #8b898a;
        font-size: 22px;
        margin-left: 12px;
        margin-top: 4px
    }

    .icon_enq .agtcity_icon1 {
        background-position: -94px -170px;
        position: absolute;
        z-index: 1;
        border: none
    }

.enq_mobilecode {
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size: 13px;
    height: 28px;
    left: 62px;
    padding-left: 8px;
    position: absolute;
    top: 4px;
    width: 60px
}

.hotel_price_ava, .info_stext {
    background: #f7941d;
    color: #fff;
    text-align: center
}

.lg-pltour40 {
    padding-left: 40px
}

.lg-mt26 {
    margin-top: 26px
}

.bg_lightgry {
    background: #f8f8f8 !important
}

.main_menu:hover .nav-dropdown_mydiv {
    visibility: visible
}

.active.select_item > a {
    color: #0d479b
}

.sign-cancel-box {
    height: auto;
    margin-bottom: 30px;
    background: #fff;
    padding: 0 0 20px
}

.sign-dialog-box, .sign-login-box {
    border: 3px solid #01b7f2;
    border-radius: 6px;
    max-width: 500px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto
}

.blue_colfoo, .blue_colfoo1 {
    color: #12a0c3 !important
}

.ht_30 {
    height: 30px
}

.footer-no-book {
    background: #ebebeb;
    border-radius: 50%;
    height: 54px;
    padding: 13px 2px;
    width: 54px;
    position: relative;
    margin-right: 10px;
    float: left
}

.popup_login_btn1 {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 142px !important;
    padding-block-end: 13px;
    width: 300px
}

.whatsapp_btn {
    font-size: 16px !important;
    height: 40px !important;
    line-height: 40px !important
}

.pl36 {
    padding-left: 36px !important
}

.icon_enq .agtname_icon_city {
    background-position: -92px -171px;
    border: none;
    position: absolute;
    height: 30px
}

.col_grselect {
    background-color: #fcfcfc;
    height: 37px
}

.rt_nine {
    border-right: 1px solid #fff;
    height: 17px;
    line-height: 11px;
    margin-right: 15px;
    padding-right: 15px;
    padding-top: 2px
}

.trip_add li img {
    height: auto !important;
    margin: 0 0 0 -6px !important;
    padding: 0 !important;
    width: auto !important
}

.trip_add li {
    height: 134px !important;
    margin: 0 !important;
    padding: 0 !important
}

.thank_info {
    font-size: 18px;
    margin-top: 15px
}

.imd_don, .imd_don img {
    margin: auto;
    text-align: center
}

.imd_don {
    width: 170px
}

    .imd_don img {
        width: 72px
    }

.backtohome_btn {
    background-color: #0386ba;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 40px auto auto;
    text-align: center;
    width: 170px
}

.btmtricircle.halfy:before, .tripcircle.halfy:before {
    content: '';
    background-color: #05a54a
}

.backtohome_btn > a:hover {
    color: #fff
}

.ht_min500 {
    height: 500px !important
}

.scli li .message-click1, .scli li .message-quick {
    border-right: 1px solid #fff;
    height: 37px;
    margin: 2px 1px;
    padding: 6px !important;
    width: 37px
}

.scli .message-click1, .scli .message-quick {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.pos_re {
    position: relative
}

.travel_uae_quick {
    background-position: -21px 1px;
    height: 128px;
    margin-left: 0;
    margin-right: 10px;
    padding: 0 10px;
    position: inherit;
    top: -5px
}

.btmtricircle:after, .tripcircle:after {
    content: '';
    top: 0;
    left: 0
}

.lg-font-17 {
    font-size: 17px
}

.mainContact {
    line-height: 24px;
    margin: 0 auto;
    max-width: 240px;
    width: 240px;
    min-height: 32px;
    height: auto
}

.user_icon_div {
    border: 1px solid #fff;
    border-radius: 16px;
    float: right;
    font-size: 16px;
    height: 22px;
    line-height: 18px;
    margin-right: -8px;
    margin-top: 4px;
    padding: 0 4px;
    width: auto;
    margin-left: 3px
}

.probld_pkg, .prohotel, .propkg, .protour, .protrfhotel, .protrftour, .provisa {
    height: 30px;
    margin-top: 5px
}

.meal_Booktra {
    width: 119px
}

.meal_policy_hotel1 {
    width: 50px
}

.prohotel {
    background-position: -41px -80px;
    float: left;
    width: 25px
}

.protour {
    background-position: -3px -79px;
    background-size: 213px auto;
    float: left;
    width: 35px
}

.propkg, .provisa {
    float: left;
    width: 29px
}

.propkg {
    background-position: -72px -80px
}

.provisa {
    background-position: -108px -80px
}

.probld_pkg, .protrfhotel {
    width: 26px;
    float: left
}

.probld_pkg {
    background-position: -135px -80px
}

.protrfhotel {
    background-position: -161px -80px
}

.protrftour {
    background-position: -188px -80px;
    float: left;
    width: 25px
}

.triptitle, .triptitle2 {
    font-weight: 700;
    margin: 0
}

.triptitle {
    color: #5472b8;
    font-size: 22px;
    display: block;
    padding-bottom: 5px
}

.triptitle2 span {
    font-weight: 400
}

hr {
    border: 1px dotted #93d293
}

.bottomtxt {
    font-size: 40px;
    line-height: 1;
    color: #05a54a
}

.btmlefttxt {
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding-left: 4px;
    color: #333
}

.p0 {
    padding-left: 0
}

.brdright {
    border-right: 1px solid #ccc
}

.advisor_div .img-responsive {
    margin: 0 auto
}

.btmtripcircles {
    display: inline-block;
    padding: 0
}

.btmtricircle {
    position: relative;
    display: inline-block;
    width: 17px !important;
    height: 17px !important;
    padding: 2px;
    border-radius: 50%;
    list-style: none;
    border: 2px solid #05a54a
}

    .btmtricircle.full:before, .btmtricircle.half:before {
        background: #05a54a;
        height: 100%;
        vertical-align: top;
        content: ''
    }

    .btmtricircle.full:before, .tripcircle {
        display: inline-block;
        border-radius: 50%
    }

    .btmtricircle.full:before {
        width: 100%
    }

    .btmtricircle.half:before {
        display: inline-block;
        width: 54% !important;
        margin-left: -3%;
        border-radius: 50% 0 0 50%
    }

    .btmtricircle.halfy:before {
        display: block;
        width: 5px;
        height: 7px;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        border: solid gray;
        border-right: 0;
        box-sizing: border-box
    }

    .btmtricircle:after {
        position: absolute;
        width: calc(100% - 45px) !important;
        height: calc(100% - 52px) !important;
        border: 2px solid #fff;
        border-radius: 50%
    }

.tripcircles {
    display: inline-block !important;
    padding: 0
}

.tripcircle {
    position: relative;
    width: 21px !important;
    height: 21px !important;
    padding: 2px;
    list-style: none;
    border: 2px solid #05a54a
}

    .tripcircle.full:before, .tripcircle.half:before {
        display: inline-block;
        background: #05a54a;
        height: 100%;
        vertical-align: top;
        content: ''
    }

    .tripcircle.full:before {
        width: 100%;
        border-radius: 50%
    }

    .tripcircle.half:before {
        width: 67%;
        margin-left: -41%;
        border-radius: 50% 0 0 50%
    }

    .tripcircle.halfy:before {
        display: block;
        width: 5px;
        height: 7px;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        border: solid gray;
        border-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .tripcircle:after {
        position: absolute;
        width: calc(100% - 15px);
        height: calc(100% - 17px);
        border: 2px solid #fff;
        border-radius: 50%
    }

.triptitle:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #02a34e
}

.ml5 {
    margin-left: 5px !important
}

.cancel-box, .product-box {
    background: #fff;
    padding: 0 0 20px;
    overflow-y: scroll
}

.product-dialog-box, .product-login-box {
    border: 0 solid #0386ba !important;
    border-radius: 0;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto
}

.product-box {
    margin-bottom: 30px;
    min-height: 400px;
    max-height: 600px
}

.cancel-dialog-box, .cancel-login-box {
    border: 2px solid #d8e5f3;
    border-radius: 5px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto;
    padding: 5px
}

.fa.fa-heart-o.font-20 {
    color: #f24a4a;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff
}

.fa-heart-o::before {
    content: "\f004"
}

.heartvealue {
    border: 1px solid red;
    border-radius: 50%;
    color: red;
    font-size: 9px;
    padding: 2px 5px;
    line-height: 12px;
    left: -2px;
    top: -7px
}

.font-20 {
    font-size: 20px !important
}

.border-r0 {
    border-right: none !important
}

.col_fff {
    color: #fff !important
}

.col_636363 {
    color: #636363 !important
}

.mb60 {
    margin-bottom: 50px !important
}

.destination_div li {
    color: #505050;
    float: left
}

    .destination_div li:hover {
        background-color: #eee;
        cursor: default !important
    }

.add_desbutton, .btnnewclose::before, .close-btnenq, .cur_poi, .hotel_deals article, .letschat, .my_listaed > li:hover, .scli, .search_cancel {
    cursor: pointer
}

.list_des {
    float: left;
    height: 32px;
    min-width: 110px;
    padding: 9px 0 4px 13px;
    width: 50%
}

.added_destination {
    max-height: 170px;
    overflow-x: hidden;
    padding-bottom: 10px
}

.add_destination {
    border-top: 1px solid #dee2ee;
    clear: both;
    height: 48px;
    padding: 8px !important
}

.add_des_txtbox, .add_desbutton {
    border: thin solid #dee2ee;
    float: left;
    height: 30px
}

.add_des_txtbox {
    padding: 0 4px;
    width: 166px
}

.add_desbutton {
    background-color: #f6f6f6;
    border-radius: 0 3px 3px 0;
    color: #434343;
    border-left: none;
    line-height: 30px;
    padding: 0 9px 0 6px;
    text-align: center
}

    .add_desbutton:active {
        border: 1px solid #00b7f1;
        background-color: #a5def0
    }

.currency_div li:hover, .nationality_div li:hover, .star_rating_div li:hover {
    background-color: #eee;
    cursor: pointer
}

.nationality_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 8px 0 8px 10px
}

.star_rating_div ul {
    padding: 4px 4px 0;
    width: 189px;
    left: -27px
}

.currency_div li {
    border-bottom: 1px solid #dee2ee;
    color: #505050;
    padding: 10px 10px
}

.my_li > a, .my_li > a:hover {
    color: #fff
}

.ht_78 {
    height: 78px !important
}

.nav-dropdown_mydiv {
    visibility: hidden;
    border: 1px solid #ccc;
    margin-top: 19px
}

    .drop_wrapper .nav-dropdown .drop_list_wrrape::before, .nav-dropdown_mydiv::before {
        border-top: 1px solid #d2d2d2;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        background-color: #fff;
        border-left: 1px solid #d2d2d2;
        display: block;
        content: "";
        border-image: none
    }

    .nav-dropdown_mydiv::before {
        height: 15px;
        margin: -9px 0 0 106px;
        position: absolute;
        width: 15px
    }

.drop_wrapper {
    position: relative
}

    .drop_wrapper > .my_ul > .my_li {
        font-family: Arial;
        height: 30px;
        margin: 0;
        padding: 0;
        width: 94px;
        line-height: 27px
    }

    .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
        height: 15px;
        margin: -9px 0 0 10px;
        position: absolute;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 15px
    }

.my_li > a {
    font-family: Arial;
    font-size: 12px
}

.contact_txt, .name_menu, .row_line {
    font-family: arial
}

.my_li:hover .down_new {
    transform: rotate(180deg)
}

.rotate_new {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.arow_my_wrapp:hover .down_new {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drop_wrapper .nav-dropdown {
    margin: -5px auto 10px;
    position: absolute;
    height: 0;
    visibility: hidden;
    text-align: left;
    padding: 0;
    border-top: 0;
    width: 233px;
    color: #f2f2f2
}

.Dashboard_div .drop_wrapper > .my_ul > .my_li, .creditlimit .drop_wrapper > .my_ul > .my_li, .my_ac .drop_wrapper > .my_ul > .my_li {
    line-height: 29px
}

.drop_wrapper .my_li:hover .nav-dropdown {
    visibility: visible;
    top: auto;
    z-index: 11;
    height: 94px
}

.drop_wrapper .my_li:hover .drop_list_wrrape {
    visibility: visible;
    left: 38px;
    top: auto;
    z-index: 11;
    height: 125px
}

.contact_txt {
    color: #fff;
    margin-top: 5px
}

.topnav .row_line, .topnav .row_line > a {
    color: #989898;
    font-size: 13px !important
}

.mr_right-2 {
    margin-right: -2px
}

.creditlimit .drop_list_wrrape {
    margin-right: 23px;
    margin-left: -6px
}

.topnav .row_line > a {
    line-height: 37px;
    position: absolute;
    width: 100%
}

.topnav .row_line span {
    font-size: 13px !important
}

.creditlimit .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 183px
}

.Dashboard_div .drop_wrapper .my_li:hover .drop_list_wrrape, .Dashboard_div .drop_wrapper .my_li:hover .nav-dropdown, .my_ac .drop_wrapper .my_li:hover .drop_list_wrrape, .my_ac .drop_wrapper .my_li:hover .nav-dropdown {
    height: 74px !important
}

.my_ac {
    margin-right: 12px;
    width: 78px
}

    .my_ac .drop_list_wrrape {
        margin-right: 32px;
        margin-left: 14px
    }

    .my_ac .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
        margin: -9px 0 0 160px
    }

.Dashboard_div .drop_wrapper .nav-dropdown {
    right: 4px
}

.Dashboard_div .drop_list_wrrape {
    margin-right: 32px;
    margin-left: 14px
}

.Dashboard_div .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 155px
}

.main_menu {
    height: 60px;
    padding-top: 27px;
    width: 238px
}

.main_menu_wrapp .drop_wrapper > .my_ul > .my_li {
    line-height: 70px;
    width: 238px
}

.main_menu_wrapp .menu_title {
    color: #505050 !important;
    font-size: 14px !important
}

.main_menu_wrapp .drop_wrapper .nav-dropdown {
    right: 36px
}

.menu_circle {
    background-position: -104px -4px;
    border-radius: 65px;
    float: left;
    height: 34px;
    text-align: center;
    width: 34px
}

.name_menu {
    color: #767676;
    height: 32px;
    line-height: 34px;
    margin-left: 44px;
    width: 196px
}

.main_menu_wrapp .drop_list_wrrape {
    margin-right: 32px;
    margin-left: -8px;
    margin-top: 24px
}

.main_menu_wrapp .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 100px
}

.main_menu_wrapp .row_line {
    height: 42px;
    line-height: 42px
}

.main_menu_wrapp .drop_wrapper .my_li:hover .nav-dropdown {
    height: 126px !important
}

.main_menu_wrapp .drop_wrapper .my_li:hover .drop_list_wrrape {
    height: 170px !important
}

.main_menu_wrapp .row_line .icon_spac {
    width: 100px
}

.main_menu_wrapp .menu_icon_div {
    color: #7b7b7b !important;
    font-family: Arial;
    font-size: 13px;
    position: absolute;
    width: 100%
}

.main_menu_wrapp .menu-icon {
    float: left;
    height: 38px;
    width: 34px;
    color: #a2a2a2
}

.cart_currency {
    height: 38px;
    width: 118px;
    float: right
}

    .cart_currency li {
        float: left
    }

.tariff_tourt ul, .tourmeal-dd li {
    float: none !important
}

.cart_currency li a {
    color: #adacac
}

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

.height_181 {
    height: auto !important
}

.cert_line {
    border-right: 2px solid #adacac;
    height: 30px !important;
    margin-right: 8px;
    margin-top: 6px;
    width: 48px !important
}

.cart_currency ul.my_listaed::before {
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 154px;
    position: absolute;
    transform: rotate(45deg);
    width: 15px
}

.my_listaed > li {
    font-size: 12px;
    height: 36px !important;
    padding: 11px 16px !important;
    width: 100%
}

    .my_listaed > li:hover {
        background-color: #e7e7e7
    }

.currency:hover .my_listaed {
    visibility: visible
}

.my_listaed > li a {
    height: 34px;
    position: absolute;
    width: 146px
}

.row_line > a {
    position: absolute;
    width: 100%
}

.up_case {
    text-transform: uppercase !important
}

.col_Red {
    background-color: #e44049;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 6px
}

.profile_W dl.term-description dt, dl.term-description dd {
    width: 34% !important
}

.tour_modifyser {
    height: 39px !important
}

.tourmodify_mr_15 {
    margin-right: -15px
}

.my_faq .question-list .panel-title a {
    padding: 10px 0
}

    .my_faq .question-list .panel-title a:hover {
        color: #505050 !important
    }

.my_faq .question-list .panel-content p {
    font-size: 14px !important
}

.my_faq .question-list .panel-content ul li {
    font-size: 14px
}

.my_faq .question-list .panel-content {
    padding-top: 0 !important
}

.font-15 a span:hover {
    color: #01b7f2 !important
}

.font_13_line {
    font-size: 15px !important
}

.ht72 {
    height: 72px !important
}

.addroom .w24px {
    width: 24px !important
}

.addroom .w88px {
    width: 88px !important
}

.addroom .w92px {
    width: 92px !important
}

.width_auto {
    width: auto !important
}

.tour_icon {
    width: 50px;
    height: 47px
}

.place_wrap_new, .place_wrap_new::before {
    background-color: #fff;
    position: absolute
}

.visa-back-img {
    background-color: #3d5068;
    height: 90px;
    opacity: .8;
    width: 100%
}

.visa-per-person {
    border-top: 1px solid #fff;
    width: 130px
}

.mt-65 {
    margin-top: 65px
}

.image-box:nth-child(1) .back-img {
    background-color: #1baf5d
}

.image-box:nth-child(2) .back-img {
    background-color: #f59f16
}

.image-box:nth-child(3) .back-img {
    background-color: #d272f0
}

.image-box:nth-child(4) .back-img {
    background-color: #1a8aae
}

.top_twenty li {
    padding: 0 0 20px
}

.mt60 {
    margin-top: 60px
}

.inert_Strip {
    height: 90px;
    width: 100%
}

.pl80 {
    padding-left: 80px !important
}

.pl70 {
    padding-left: 70px !important
}

.height_281 .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .5;
    transition: all .35s ease-in-out 0s;
    visibility: visible;
    width: 100%
}

.height_281 .image_info .line, .image_info .count_des, .image_info .des {
    transform: translateY(0);
    transition: all .35s linear .1s;
    visibility: visible
}

.visa_world figure a img, .visa_world1 figure a img {
    transition: all .3s ease 0s
}

.inert_Strip:hover + .imgbg {
    opacity: .1;
    visibility: hidden
}

.height_281 .image_info {
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    top: 0
}

.visa_world figure, .visa_world1 figure {
    overflow: hidden;
    position: relative
}

.visa_world .box:hover img {
    opacity: 1;
    transform: scale(1.1)
}

.height_281 {
    height: 281px !important
}

.visa_world1 .box:hover img {
    opacity: .7;
    transform: scale(1.1)
}

.visa_date .change_sercal .visa_cal1 .datepicker-wrap .ui-datepicker-trigger, .visa_date .change_sercal .visa_cal1 .datepicker-wrap::after {
    right: 13px !important
}

.package_main_Search1 .selector span, .visa_main_search1 .selector span {
    line-height: 38px !important
}

#whitelabelmenu a {
    font-weight: 700;
    position: absolute;
    top: 30px
}

.white_Sands {
    font-size: 13px;
    border-radius: 5px;
    color: #ed8b22;
    display: table;
    height: 22px;
    text-align: left;
    width: auto
}

.price_int1 .mt-22 {
    margin-top: -22px
}

.flag_icon-sm {
    height: 18px;
    margin-left: 1px;
    padding-right: 24px;
    width: 50px
}

.flag-malaysia, .flag-singapore {
    padding: 0 10px;
    height: 128px;
    margin-left: 5px
}

.flag-singapore {
    background-position: -74px -21px
}

.flag-malaysia {
    background-position: -73px -6px
}

.language-icon {
    background-position: -46px -33px;
    height: 128px;
    margin-left: 5px;
    padding: 2px 10px
}

.place_wrap_new {
    border: 1px solid #ccc;
    box-shadow: 0 4px 9px -1px rgba(0,0,0,.5);
    height: auto;
    margin-top: 12px;
    top: 8px;
    width: 223px;
    z-index: 10
}

.div_contact {
    clear: both;
    height: 88px;
    margin-top: -7px;
    position: absolute;
    width: 182px;
    visibility: hidden;
    z-index: 1
}

.res_product_title .ml0 {
    margin-left: 0 !important
}

.drop_wrapper .my_ul .my_li:hover .div_contact {
    visibility: visible
}

.place_wrap_new::before {
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 50px;
    transform: rotate(45deg);
    width: 15px;
    -webkit-transform: rotate(45deg)
}

.detail-main-img {
    width: 201px;
    height: 190px;
    background: #fff
}

.chaser .logo img {
    height: 34px;
    width: auto;
    margin-top: -3px
}

.chaser .scrollch {
    display: none !important
}

#footer .logo img, #header .logo img {
    height: 52px;
    margin-top: -4px;
    opacity: 1;
    width: auto
}

#footer .logo a, #header .logo a, .chaser .logo a {
    background: rgba(0,0,0,0) !important;
    margin-left: 0
}

.box_div, .col_white, .flexslider1 {
    background-color: #fff
}

.e, .preloading {
    max-width: 100%
}

.price_am {
    color: #fff;
    font-size: 14px;
    top: -96px
}

.hotel_deals article h4 {
    margin-top: 11px
}

.box:hover .price_tag {
    transform: rotate3d(0,1,0,-180deg);
    visibility: visible
}

.deal_offer {
    color: #706666;
    font-size: 14px;
    height: auto;
    margin-top: 3px
}

.cen .info_line, .deal_star {
    height: 20px;
    margin: auto;
    text-align: center
}

.deal_star {
    width: 68px
}

    .deal_star div div {
        float: left;
        font-size: 13px;
        color: #f1d00f
    }

.hotel_deals figure a img {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.hotel_deals .box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7
}

.cen .info_line {
    color: #2d3e52;
    font-size: 13px;
    top: 36px
}

.save_money, .save_money1 {
    font-size: 24px;
    font-weight: 700;
    padding: 20px 6px 0 16px;
    color: #fff
}

.sub_info_save ul.circle > li {
    line-height: 17px;
    margin-bottom: 13px
}

.sub_info_save ul.circle li::before {
    color: #fff !important;
    margin-right: 5px !important
}

.ht404, .save_money, .save_money1 {
    height: 404px
}

.exphotel_world figure {
    position: relative
}

    .exphotel_world figure a img {
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.exphotel_world .box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}

.save_money {
    background-color: #4498a5;
    line-height: 32px
}

.save_money1 {
    background-color: #c86154;
    line-height: 30px
}

.sub_info_save {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 15px;
    margin-top: 14px;
    text-align: left
}

.pl15 {
    padding-left: 15px !important
}

.up_to_save .box.mb5 img {
    height: 200px
}

.exphotel_world .image_info {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.exphotel_world .des {
    margin-top: 35%;
    visibility: hidden;
    transform: translateY(-100%)
}

.exphotel_world .count_des {
    transform: translateX(100%);
    visibility: hidden
}

.exphotel_world .line {
    background-color: #fff;
    height: 1px;
    margin: 20px auto;
    width: 74%;
    transform: translateX(130%)
}

.font-36 {
    font-size: 36px
}

.exphotel_world .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    visibility: visible;
    transition: all .35s ease-in-out 0s
}

.exphotel_world .image_info .line, .image_info .count_des, .image_info .des {
    transform: translateY(0);
    transition: all .35s linear .1s;
    visibility: visible
}

.exphotel_world .image_info:hover .imgbg {
    visibility: hidden;
    opacity: .1
}

.exphotel_world .des1 {
    margin-top: 20% !important
}

.exphotel_world .line1 {
    margin: 10px auto
}

.top_selleng article {
    box-shadow: 0 12px 28px rgba(0,0,0,.3)
}

.top_selleng figure {
    position: relative
}

.top_hotel_wrap {
    height: 166px;
    background-color: #fff
}

.top_selleng .details .box-title {
    padding-left: 10px;
    text-align: left
}

.inq_now, .strike {
    text-align: center
}

.top_selleng .price_am1 {
    padding-left: 8px;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 74px;
    margin: auto;
    opacity: .8;
    position: absolute;
    text-shadow: 1px 1px 0 #000;
    top: -77px;
    width: 80px
}

.pro_des {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    min-height: 70px;
    padding-top: 9px;
    width: 100%
}

.top_selleng .image-box:nth-child(1) figure, .top_selleng .image-box:nth-child(2) figure {
    float: left
}

.lg-float-right, .top_selleng .image-box:nth-child(3) figure, .top_selleng .image-box:nth-child(4) figure {
    float: right
}

.top_selleng .image-box:nth-child(1) .top_hotel_wrap::before, .top_selleng .image-box:nth-child(2) .top_hotel_wrap::before {
    border-bottom: 28px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 52px 0 0 -35px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 0
}

.top_selleng .image-box:nth-child(3) .top_hotel_wrap::before, .top_selleng .image-box:nth-child(4) .top_hotel_wrap::before {
    border-bottom: 28px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 52px 0 0 267px;
    position: absolute;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 0
}

.top_selleng .flex-viewport .slides li {
    padding-left: 0 !important
}

.title_line_wrapp {
    border: thin solid red;
    height: 100px;
    width: 100%
}

    .title_line_wrapp .line_title {
        background-color: #505050;
        border: thin solid red;
        float: left;
        height: 10px;
        margin-top: 45px;
        width: 50%
    }

.strike {
    height: 72px;
    margin-top: 32px;
    display: block;
    white-space: nowrap
}

.info_line_my {
    margin-top: 8px;
    color: #2d3e52
}

.info_line {
    font-size: 14px
}

.strike > .test {
    position: relative;
    font-size: 1.6667em;
    display: inline-block
}

    .strike > .test:after, .strike > .test:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        margin-top: -2px;
        background-color: #ccc
    }

.ser_circle4_new, .ser_circle5_new {
    background: #ccc;
    border-radius: 5px;
    content: "";
    height: 10px;
    position: absolute;
    top: 3px;
    width: 10px
}

.strike > .test:before {
    right: 100%;
    margin-right: 15px
}

.strike > .test:after {
    left: 100%;
    margin-left: 15px
}

.ser_circle4_new {
    left: -17px
}

.ser_circle5_new {
    right: -16px
}

.search-box-wrapper .tab-container ul.tabs li {
    width: 20%;
    min-width: 20%
}

.tab_nonactiv a {
    color: #939699 !important
}

.activ_travelguide::before {
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 50px;
    transform: rotate(45deg);
    width: 15px;
    -webkit-transform: rotate(45deg)
}

.alt_title .close::before, .app_wapper {
    display: none
}

#socialside {
    background: #fff;
    height: auto;
    position: fixed;
    right: -236px;
    top: 200px;
    width: 274px;
    z-index: 500;
    border-radius: 11px
}

.scli, .search_cancel {
    right: 0
}

.mainul {
    margin: 0;
    padding: 0;
    text-align: right
}

.scli li, .scli li.TA .triptext {
    font-size: 13px;
    text-align: left;
    font-weight: 700
}

.scli {
    position: relative;
    width: 155px;
    border-radius: 6px 8px 8px 5px;
    margin-left: 4px
}

    .scli img {
        position: absolute;
        left: 0;
        top: 0
    }

    .scli li {
        height: 42px;
        line-height: 41px;
        margin: 5px 0;
        padding-left: 43px
    }

        .scli li img {
            border-right: 1px solid #fff;
            height: 37px;
            margin: 2px 1px;
            padding: 6px !important;
            width: 37px
        }

        .scli li.TA {
            border: 1px solid #5fbc58;
            border-radius: 5px;
            line-height: 27px
        }

            .scli li.TA .triptext {
                color: #5fbc58;
                height: 42px;
                line-height: 41px;
                margin: 5px 0
            }

                .scli li.TA .triptext:hover {
                    color: #5fbc58
                }

    .scli .TA img {
        border-right: 1px solid #5fbc58;
        height: 37px;
        margin: 2px 1px;
        padding: 2px !important;
        width: 37px
    }

.head_title {
    background-position: 11px 6px;
    background-repeat: no-repeat;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding-left: 20px;
    padding-right: 28px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    background: #e2eefa;
    margin-bottom: 10px;
    font-size: 18px;
    color: #013057;
    font-weight: 500
}

.h_over_a a:hover, .log_btn {
    color: #fff
}

.btnnewclose::before, .popup-wrapper .popup-content .close-s::before, .popup-wrapper .popup-content .close::before {
    content: "";
    opacity: 1 !important;
    position: absolute;
    z-index: 10000;
    right: 0;
    background-position: -143px 5px !important;
    width: 35px;
    height: 35px;
    filter: invert(1);
    display: block;
    margin-right: 8px;
    top: 7px
}

.clr {
    clear: both;
    border: 4px solid #fff !important
}

.Forgot_pwd .travelo-signup-box, .travelo-login-box {
    width: 416px;
    position: relative
}

#my_booking .close-s::before {
    height: 24px;
    right: 217px
}

.popup-wrapper .popup-content .close-s::before {
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    height: 22px;
    width: 22px;
    display: block;
    text-align: center
}

.btnnewclose::before {
    padding-right: 1px;
    text-align: center;
    height: 23px;
    width: 23px;
    border-radius: 50px;
    border: 2px solid #fff;
    right: -8px
}

.ml20 {
    margin-left: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.datepicker-wrap::after {
    width: 22px;
    height: 21px;
    background: #f5f5f5 !important;
    right: 8px;
    top: 1px
}

.cart_currency ul.my_listaed, .drop_list_wrrape {
    background: #fff;
    box-shadow: 0 4px 9px -1px rgba(0,0,0,.5);
    visibility: hidden
}

.wd100 {
    width: 100% !important
}

.drop_list_wrrape {
    border: 1px solid #d2d2d2;
    position: relative;
    height: 0;
    margin-left: 2px;
    margin-top: 20px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.place_wrap {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.creditlimit .drop_wrapper .my_li:hover .drop_list_wrrape, .creditlimit .drop_wrapper .my_li:hover .nav-dropdown {
    height: 110px !important
}

.creditlimit .drop_wrapper .nav-dropdown, .my_ac .drop_wrapper .nav-dropdown {
    right: 10px
}

.des_wrapper, .nav-dropdown_mydiv {
    box-shadow: 0 4px 9px -1px rgba(0,0,0,.5)
}

.cart_currency ul.my_listaed {
    border: 1px solid #d2d2d2;
    height: 220px;
    margin-left: -118px;
    margin-top: 21px;
    min-width: 180px
}

.close_div, .log_btn {
    border: 0 solid #fff
}

.log_btn {
    background-color: #9bd73f;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    width: 200px;
    line-height: 35px
}

.full-page {
    width: 100%;
    height: 100%
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

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

.mr20 {
    margin-right: 20px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr0 {
    margin-right: 0 !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb0 {
    margin-bottom: 0 !important
}

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

.mt100 {
    margin-top: 100px !important
}

.mb33 {
    margin-bottom: 33px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt26 {
    padding-top: 26px !important
}

.p15 {
    padding-left: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl40 {
    padding-left: 40px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl0 {
    padding-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pr15 {
    padding-right: 15px !important
}

.p5 {
    padding: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.back_blue_btn {
    background: #0386ba !important
}

.scli li .message-quick {
    background-position: 5px -45px
}

.blue_colfoo {
    border-bottom: 1px solid #12aad3;
    float: left;
    width: auto;
    padding-bottom: 3px;
    font-size: 16px;
    margin-bottom: 12px;
    margin-left: -16px
}

.txt5050clo {
    color: #505050 !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt27 {
    padding-top: 27px !important
}

.ht_24 {
    height: 24px
}

.col_fb {
    background-color: #3b5998 !important
}

.col_twt {
    background-color: #44ccf6 !important
}

.col_google {
    background-color: #d13f2d !important
}

.col_lin {
    background-color: #0275b6 !important
}

.col_ytb {
    background-color: #ce332d !important
}

.col_wds {
    background-color: #21759b !important
}

.col_istg {
    background-color: #275a85 !important
}

.footer-no-book1 {
    height: 54px;
    width: 54px;
    float: left;
    margin-right: 10px
}

.newlidiv {
    margin-top: 25px
}

    .newlidiv .mt7 {
        margin-top: 0;
        padding-bottom: 30px
    }

.text-new-s {
    text-decoration: line-through
}

.save-new-price1 {
    color: #d73722;
    font-size: 13px
}

.curr-tour-5 {
    color: #4a4949;
    font-size: 13px;
    font-weight: 700
}

.text-strike-price3 {
    color: #666 !important;
    font-weight: 700;
    text-align: left;
    line-height: 15px
}

.fa.fa-youtube-play {
    background-position: -95px -220px;
    padding-left: 17px
}

.fa.fa-wordpress {
    padding-left: 18px;
    background-position: -119px -220px
}

.whitearow {
    background-position: -98px -35px !important;
    padding-left: 15px !important
}

.custno {
    height: 38px !important;
    width: 208px !important;
    margin-right: 72px
}

.callicon {
    background-position: -104px -47px;
    width: 20px;
    height: 32px;
    float: left
}

.callicontxt {
    float: left;
    font-size: 11px;
    width: 186px;
    height: 15px;
    padding: 0;
    line-height: 12px;
    text-align: center
}

.callicontxtno {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .02em
}

#lnkShoppingcart {
    height: 30px
}

#faq_tag .menu-icon {
    background-position: -168px -168px;
    height: 34px
}

#helpline_tag .rotate_new {
    background-position: -99px -35px !important;
    padding-left: 14px
}

.blue_pricecol .currencysymbol .fa.fa-inr {
    padding-left: 9px;
    margin-right: -6px;
    background-position: -165px -228px
}

.priceline .text-new-s .currencysymbol .fa.fa-inr {
    padding-left: 9px;
    margin-right: 0;
    background-position: -186px -214px !important
}

.select_dateiconleft, .select_dateiconright {
    background-position: -33px -54px;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 2px;
    top: 15px
}

.mt7 {
    margin-top: 7px !important
}

.quick-menu .rotate_new {
    background-position: -99px -35px !important;
    padding-left: 13px
}

.menuios .fa-android {
    background-position: 2px -244px;
    padding-bottom: 10px
}

.menuios a {
    float: right;
    height: 30px !important
}

.menuios {
    padding-left: 3px
}

.menuandroid a span {
    font-size: 10px;
    line-height: 11px;
    padding-top: 6px
}

.menuandroid .fa-apple {
    height: 30px;
    background-position: -22px -241px
}

.menucurrency {
    width: 60px;
    padding-top: 7px;
    border-right: 1px solid #f4f4f4;
    height: 30px;
    padding-left: 8px
}

    .menucurrency .aed_arow {
        margin-top: 0
    }

.menuandroid {
    border-right: 1px solid #f4f4f4 !important;
    padding-right: 3px
}

.menucurrency #sysCurr {
    padding-bottom: 26px !important
}

.fa-user {
    background-position: -103px -201px
}

.fa-unlock {
    padding-left: 17px;
    background-position: -83px -201px
}

.menucurrency ul li:nth-child(4) a span .fa-inr {
    padding-left: 9px;
    background-position: -195px -228px
}

.select_item a span .fa-inr {
    padding-left: 9px;
    background-position: -205px -228px !important
}

.footerimage_b2c {
    width: 100%
}

.alt_div_succ, .image_zoom {
    display: table;
    vertical-align: middle
}

.br_blue {
    border: 1px solid #197ec2
}

.alert_wrapp {
    width: 350px;
    height: auto;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0 4px 11px rgba(0,0,0,.2)
}

.alt_title p {
    color: #fff;
    float: left;
    font-size: 18px;
    padding-left: 8px;
    width: auto;
    margin: 0;
    line-height: 50px
}

.close_div {
    background-color: #fff;
    border-radius: 50px;
    color: #013057;
    float: right;
    font-size: 21px;
    line-height: 1;
    margin-right: 9px;
    margin-top: 15px;
    opacity: 1;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 22px;
    cursor: pointer
}

.alt_title {
    width: 100%;
    height: 50px;
    text-transform: uppercase
}

.close_my_btn {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px
}

.yes_no_div .alt_div_succ {
    padding-top: 10px
}

.alt_div_succ {
    width: 100%;
    margin-bottom: 0 !important;
    text-align: center;
    color: #013057;
    font-size: 15px;
    padding: 20px;
    font-weight: 500
}

.btn-set-pop {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
    text-align: center
}

#theDiv, .overlayeffect {
    height: 100%;
    z-index: 999;
    top: 0
}

.flags-india {
    padding: 0 10px;
    margin-left: 5px
}

#theDiv {
    background: #fff;
    bottom: 0;
    box-shadow: 0 4px 9px 5px rgb(0,0,0,.25);
    right: -100%;
    position: fixed;
    -webkit-transition: ease all 1s;
    -webkit-transition-delay: 1s;
    transition: ease all 1s
}

.overlayeffect {
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    position: absolute
}

#theDiv.aa {
    position: fixed;
    right: 0;
    -webkit-transition: ease all 1s;
    -webkit-transition-delay: 1s;
    transition: ease all 1s;
    z-index: 9999
}

.enqgen > ul.nav-pills > li + li {
    margin-left: 2px;
    margin-top: 5px
}

.enqgen > .nav-pills > li > a {
    border-radius: 0
}

.enqgen > ul.nav-pills > li.active a {
    position: relative;
    background: #0da3db
}

.enqgen > ul.nav-pills > li.active:after, .enqgen > ul.nav-pills > li.active:before {
    border: 7px solid transparent;
    content: "";
    height: 0;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0
}

.enqgen > ul.nav-pills > li.active:after {
    border-color: rgba(136,183,213,0) rgba(136,183,213,0) rgba(136,183,213,0) #0da3db;
    margin-top: -7px
}

.box-shadowEnq {
    -webkit-box-shadow: -3px 9px 2px -6px #eee;
    -moz-box-shadow: -3px 9px 2px -6px #eee;
    box-shadow: -3px 9px 2px -6px #eee;
    margin-bottom: 15px;
    color: #333;
    border: 1px solid #eee
}

.enqgen h4, .enqgenInnerpg h4 {
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    font-weight: 700
}

.enqgen h4 {
    color: red
}

.enqgenInnerpg h4 {
    color: #2d3e52
}

.enqgenInnerpg .calluscolor {
    color: #000;
    font-size: 18px
}

.enqgen p {
    margin-bottom: 5px;
    font-size: 12px
}

.enqgen > .nav > li > a {
    padding: 15px;
    background: #eee
}

.close-btnenq {
    background: #fff;
    border: 1px solid #0da3db;
    border-radius: 50%;
    color: #0da3db;
    font-size: 15px;
    font-weight: 700;
    height: 25px;
    line-height: 15px;
    padding: 5px;
    text-align: center;
    width: 25px
}

.countryflag {
    background-image: url(https://d3iibu2gv0pu1i.cloudfront.net/assets/img/headerstrip.png);
    background-repeat: no-repeat
}

.cntryflagHW {
    float: left;
    height: 22px;
    margin-top: 0 !important;
    width: 22px
}

.enqcall {
    background-position: -122px -247px
}

.enqwhtsap {
    background-position: -142px -247px
}

.indiaflag {
    background-position: -193px -248px
}

.malflag {
    background-position: -194px -134px
}

.uaeflag {
    background-position: -193px -110px
}

.singaflag {
    background-position: -164px -247px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX, .flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.sonarEffect {
    -webkit-animation-name: sonarEffect;
    animation-name: sonarEffect
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

.toRightFromLeft {
    -webkit-animation-name: toRightFromLeft;
    animation-name: toRightFromLeft
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

.toLeftFromRight {
    -webkit-animation-name: toLeftFromRight;
    animation-name: toLeftFromRight
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

.toTopFromBottom {
    -webkit-animation-name: toTopFromBottom;
    animation-name: toTopFromBottom
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

.toBottomFromTop {
    -webkit-animation-name: toBottomFromTop;
    animation-name: toBottomFromTop
}

#helpline_text:hover {
    color: #fff !important
}

.lg-fml70 {
    margin-left: 66px
}

#back-to-top .fa-long-arrow-up, .Servicewrap, .altclosebtn, .carousel-control, .cart-value, .day1 .check-in, .days, .days-txt, .dayss, .deposit-top, .footerlinksb2b, .h-date, .header-pattern01 .top_bar_rayna .text-center, .heading-pt, .iconfoo, .letschat, .login_first1 .logo, .offer, .pleasewaittext, .point-top, .wait_wrapp, .waitmoment, .youare {
    text-align: center
}

.mt7p {
    margin-top: 7%
}

.ui-datepicker-group-first {
    float: left;
    width: 50%
}

.ui-datepicker-group-last {
    border-right: medium none !important;
    float: right;
    width: 50%
}

.fa-phone1, .h-date, .registernw > li, .rotate-img {
    float: left
}

.ui-datepicker-group {
    border-right: 1px solid #0d479b;
    height: 245px;
}

.border-r {
    border-right: 1px solid #ccc !important
}

#SignUp .fa.fa-envelope {
    background-position: -138px -98px;
    background-size: 208px 168px;
    padding: 1px 15px 1px 2px
}

#SignUp .fa.fa-globe {
    background-position: -80px -178px;
    padding: 1px 3px 1px 2px
}

.p10 {
    padding: 10px !important
}

.text-bold {
    font-weight: 500 !important
}

.text-red {
    color: #e01a33 !important
}

.h_over_a a:hover, .scli img, .scli li, .scli li a:hover {
    color: #fff
}

    .scli li .generalenqdetails .message-click1 {
        background-position: -102px -104px
    }

.leftside .fa.fa-star {
    background-position: -131px 0;
    padding: 1px 8px 0
}

.deal_star .fa.fa-star {
    background-position: -131px 2px;
    padding: 0 8px
}

.select_dateiconleft {
    left: 10px;
    top: 6px
}

.fa.agtemail_icon01 {
    background-position: -130px -169px;
    border: none
}

.footer_div {
    height: 80px;
    padding-top: 20px;
    background-color: #fafafa
}

.dayss, .pleasewaittext {
    color: #fff;
    font-weight: 600;
    height: 33px;
    width: 66px
}

.opacity_zero {
    background: rgba(0,0,0,.6) !important
}

.lg-mt100 {
    margin-top: 100px
}

.ml210 {
    margin-left: 210px
}

.rotate-img {
    margin-right: 0;
    overflow: hidden;
    position: relative
}

#scroller li, .days-txt, .dayss, .img-text-wait, .new-date-txt, .pleasewaittext {
    position: absolute
}

.topdivwait {
    left: -24px !important;
    top: -10px !important
}

.dayss {
    font-size: 34px;
    left: 40px;
    top: 60px
}

.pleasewaittext {
    font-size: 19px;
    left: 41px;
    top: 52px
}

.pr60 {
    padding-right: 60px !important
}

#fav_tag .fa.faiconfav {
    background-position: -36px -113px;
    padding: 5px 13px
}

.user_icon_div .fa-user {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    background-position: -103px -199px
}

.mt-100 {
    margin-top: -83px
}

.login_first1 {
    width: 300px;
    margin: Auto;
    border: 2px solid #01b7f2;
    border-radius: 0;
    background-color: #fff;
    position: relative
}

    .login_first1 .logo {
        margin-bottom: 12px
    }

.popup_login_btn {
    border-bottom: #f5f5f5 solid thin;
    clear: Both;
    width: 90%;
    margin: Auto;
    margin-top: 184px !important;
    padding-block-end: 13px
}

.logindialog_logo {
    height: auto;
    width: 147px
}

.ml0 {
    margin-left: 0
}

.txt_do_not {
    height: 20px;
    width: 90%;
    margin: 14px Auto Auto
}

.coltxt_blue {
    color: #0cbaf2 !important
}

.footer-wrapper .all-icon-sprit, .message-click1 {
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/all-icon-images2.png) rgba(0,0,0,0)
}

.footer-wrapper .footer-no-book-i {
    background-position: 140px -2px;
    height: 29px;
    margin: 0 7px;
    position: absolute;
    width: 37px
}

.footer-best-price-i {
    background-position: 89px -6px !important;
    height: 38px;
    margin: 0 11px;
    position: absolute;
    width: 48px
}

.scli li .message-click1 {
    background-position: -52px -100px !important
}

.fa-comments-o::before {
    content: "\f0e6"
}

.fa.fa-comments-o.fa-2.pull-left.feedbackicon {
    font-size: 25px;
    background-image: none;
    font-family: FontAwesome;
    height: 35px;
    margin-left: -44px;
    margin-top: -4px;
    padding: 3px 0 0 6px;
    width: 38px
}

.feedbackdiv {
    background-color: #01b7f2;
    right: 0
}

.fa-shopping-cart::before {
    content: "\f07a"
}

.fa-shopping-cart {
    font-size: 18px !important
}

.cd-panel {
    visibility: hidden
}

@media only screen and (min-device-width:20px) and (max-device-width:767px) {
    .popularhotel .common_gif, .popular-hotel-text .visa_free_icon img, .visa_free_icon img {
        display: none !important;
    }

    header#header {
        position: fixed;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99;
    }

    .chaser {
        display: none !important;
    }

    body {
        margin-top: 85px !important;
    }

    .photo-gallery.style3 .flex-direction-nav {
        bottom: 50%;
        top: auto;
        width: 100%;
        margin: 0 auto;
        right: 0;
    }

    .flex-direction-nav .flex-next {
        float: right !important;
    }

    .image-carousel.style1 {
        opacity: 0;
        height: 0;
    }

    .common_loader .loaded_text {
        font-size: 18px;
        line-height: normal;
    }

    .month-picker li {
        font-size: 11px;
    }

    .news_h1 {
        font-size: 22px !important;
        line-height: 30px !important
    }

    .news_img_div p {
        font-size: 20px !important
    }

    ul.related_tags {
        max-width: 100% !important
    }

    .tgl_btn {
        display: inline-block;
        float: right
    }

    .collapse {
        display: none
    }

        .collapse.in {
            display: block
        }

    .collapsing {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .35s ease;
        transition: height .35s ease
    }

    .app_wapper {
        background-color: #e5e5e5;
        border: thin solid #e5e5e5;
        display: block;
        height: auto;
        padding-bottom: 7px;
        width: 100%
    }

    .appdiv {
        border: thin solid #d0d0d0;
        box-shadow: 0 2px 7px -5px #000;
        height: auto;
        margin: 7px auto auto;
        width: 98%;
        position: relative
    }

        .appdiv img {
            width: 100%
        }

    .apptitle {
        color: #575252
    }

    .appsubtitle {
        color: #9d9fa2;
        font-size: 10px;
        width: 80%
    }

    .appmaintxt {
        left: 21%;
        position: absolute;
        top: 0;
        line-height: 12px;
        margin-top: 1%
    }

    .appbtnclickdiv {
        bottom: 0;
        margin-left: 20%;
        padding: 3% 12%;
        position: absolute;
        cursor: pointer
    }

    .appclosebtn::before {
        background: #ef4036;
        border-radius: 50%;
        color: #fff;
        content: "?";
        font-family: FontAwesome;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        opacity: 1 !important;
        padding: 1px 3px;
        position: absolute;
        right: 3px;
        z-index: 1000;
        top: 2px
    }
}

@media only screen and (min-device-width:361px) and (max-device-width:768px) {
    .right_menu ._enabale_whatsapp button {
        background: transparent;
        padding: 0;
    }

    .apptitle {
        font-size: 14px
    }

    .appmaintxt {
        line-height: 16px;
        margin-top: 1%;
        left: 20.5%
    }

    .appsubtitle {
        font-size: 12px;
        width: 84%
    }
}

.faiconfav.menifav {
    background-position: -37px -113px;
    padding: 4px 12px
}

#currencyList .fa.fa-inr {
    background-position: -196px -229px;
    padding-left: 6px
}

.hotelrateicon {
    background-position: -165px -107px;
    height: 34px;
    margin-top: 4px;
    width: 26px
}

.enqmobile {
    background-position: -101px -247px
}

.enqskype {
    background-position: -164px -271px
}

.africa-logo {
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/africalogo.png) no-repeat rgba(0,0,0,0);
    height: 15px;
    margin-left: 5px;
    padding: 0 12px 4px;
    width: 23px
}

.letschat .fa-comments::before {
    content: "\f086"
}

.letschat .fa-comments {
    color: #fff;
    background-image: none !important;
    font-size: 36px;
    line-height: 60px;
    font-style: normal
}

.letschat {
    background-color: #48b24b;
    border-radius: 80%;
    bottom: 16px;
    box-shadow: 0 4px 5px -1px rgba(0,0,0,.5);
    font-family: FontAwesome;
    height: 60px;
    position: fixed;
    right: 16px;
    width: 60px;
    z-index: 2000
}

.fa-pencil::before {
    content: "\f040"
}

.date_ico .datepicker-wrap::after {
    content: "";
    background-image: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/headerstrip.png) !important;
    background-repeat: no-repeat;
    background-position: -35px -56px !important;
    background-color: #fff !important
}

.fa-whatsapp::before {
    content: "\f232"
}

.fa-whatsapp {
    background-image: none
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto
}

.form-control {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.secrh_ul_2 .ddl-input {
    height: 65px;
    line-height: 65px;
    padding: 15px 3px 0 45px;
}

.secrh_ul_2 .ddl {
    height: 65px;
    line-height: 65px;
}

.rich-date-disabled {
    pointer-events: none;
    opacity: .6
}

#divEnquiryData .selector span {
    padding-left: 42px !important;
    -webkit-appearance: none;
    background: #fff !important;
    font-size: 14px !important;
    color: #858384;
    height: 37px
}

.fooetrbt {
    border-bottom: 1px solid #e9e9e9
}

.footerlinksb2b, .iconfoo {
    margin: auto;
    vertical-align: middle;
    width: auto
}

ul.footerlinksb2b li a {
    color: #7b7879;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    transition: all .2s ease-in-out 0s;
    padding: 0 14px
}

.footerlinksb2b .brlft {
    border-right: 1px solid #7b7879
}

.designanddevelop a {
    color: #01b7f2
}

ul.footerlinksb2b li a:hover {
    background-color: #01b7f2;
    border-radius: 5px;
    border-right: 1px solid #73b0f4;
    color: #fff;
    padding: 2px 14px
}

.socialdiv {
    height: 33px;
    margin: auto;
    overflow: hidden;
    width: 256px
}

.social-icons li a {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.fa-file-image-o::before {
    content: "\f1c5"
}

.fa-file-image-o {
    font-family: FontAwesome;
    font-style: normal;
    background-image: none !important;
    color: #fff
}

.feedbackbtn {
    height: 70px;
    left: 0;
    width: 39px;
    z-index: 11;
    background: #0d479b;
    margin-top: 5px
}

.feed_text {
    -moz-transform: rotate(90deg);
    display: block;
    font-size: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-weight: 600
}

.menucurrency #sysCurr {
    width: 49px
}

.menucurrency .aed_arow {
    display: inline;
    position: absolute;
    right: 0
}

.br_lf607 {
    margin-left: 607px
}

.wd165 {
    width: 165px !important
}

#htauto {
    height: auto !important
}

.bnr_mb50 {
    margin-bottom: 50px !important
}

.bnr_mb60 {
    margin-bottom: 60px !important
}

.bnr_mb40 {
    margin-bottom: 40px !important
}

.bnr_mb30 {
    margin-bottom: 30px !important
}

.mrtop-42 {
    margin-top: -42px
}

.carousel-inner.htauto {
    min-height: auto !important
}

.Servicewrap {
    display: block;
    height: 80px;
    position: relative
}

    .Servicewrap .line {
        background-color: #e7e7e7;
        height: 2px;
        position: absolute;
        top: 8px;
        width: 100%
    }

.Servicename {
    background-color: #fff;
    display: inline-block;
    font-size: 1.6667em;
    padding: 0 20px;
    position: relative;
    width: auto
}

.dotcircle {
    background: #ccc;
    border-radius: 5px;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
    top: 4px
}

.fa-android, .fa-apple, .fa-pencil {
    background-image: none !important
}

.dotleft {
    left: 0
}

.dotright {
    right: 0
}

.taglinename {
    font-size: 14px;
    margin-top: 10px
}

.mb_80bn {
    margin-bottom: 80px !important
}

.res_mobilr_div .mydiv {
    width: 100% !important;
    margin-top: 30px
}

.removeInline a {
    color: #01b7f2
}

.fa-phone1 {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    margin-left: -42px;
    margin-top: 8px;
    border-right: thin solid #fff;
    padding: 5px 6px 5px 0;
    font-size: 26px !important
}

    .fa-phone1::before {
        content: "\f095"
    }

.arowmore {
    background-position: -214px -100px;
    padding: 0 9px
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    width: 100%
}

.tabbable .fa.fa-pencil {
    background-position: -122px -199px;
    padding: 0 5px 0 2px
}

.fa-pencil {
    font-family: FontAwesome;
    font-size: 18px !important;
    line-height: 16px !important
}

@media (min-width:20px) and (max-width:800px) {
    .wait_hotel .xs_waitpageimages {
        display: none
    }

    .wait_hotel .sm-pr0 {
        padding-right: 0
    }

    .wait_hotel .xs_waitpage {
        left: 0;
        margin: auto;
        text-align: center;
        top: 0;
        width: 430px;
        padding: 8px
    }

    .wait_hotel .wait_wrapp {
        margin-right: 0;
        margin-left: 35px
    }
}

@media (min-width:20px) and (max-width:440px) {
    .wait_hotel .xs_waitpage {
        width: 330px !important
    }

    .wait_hotel .wait_wrapp {
        margin-right: 0;
        margin-left: 2px !important
    }
}

@media (min-width:20px) and (max-width:800px) {
    .wait_tour .xs_waitpageimages {
        display: none
    }

    .wait_tour .sm-pr0 {
        padding-right: 0
    }

    .wait_tour .xs_waitpage {
        left: 0;
        margin: auto;
        text-align: center;
        top: 0;
        width: 430px;
        padding: 8px
    }

    .wait_tour .wait_wrapp {
        margin-right: 0;
        margin-left: 73px
    }
}

.tour_wait_offer .img-text-wait {
    top: -21px
}

ul.footerlinksb2b li {
    display: inline-block
}

    ul.footerlinksb2b li:nth-child(4) {
        display: none !important
    }

#deals .prodeals {
    background-position: -28px -167px;
    float: left;
    width: 29px;
    height: 29px
}

.altclosebtn {
    background-color: #01b7f2;
    border: 1px solid #fff;
    border-radius: 50%;
    float: right;
    font-size: 20px;
    height: 25px;
    line-height: 23px;
    margin-right: 9px;
    margin-top: 10px;
    width: 25px;
    color: #fff
}

.alert_wrapp {
    z-index: 3
}

.fa-globe::before {
    content: "\f0ac"
}

.prodeal {
    background-position: -3px -239px;
    float: left;
    width: 25px;
    height: 30px;
    margin-top: 5px
}

.fa-apple::before {
    content: "\f179"
}

.fa-android::before {
    content: "\f17b"
}

.header-and, .header-app {
    color: #847777;
    font-size: 25px !important
}

.fa.fa-pull-right, .fa.pull-right {
    margin-left: .3em
}

.pr7 {
    padding-right: 7px !important
}

.menuandroid .fa-apple, .menuios .fa-android {
    padding-left: 0
}

.br_greyselect {
    border: 1px solid #ccc !important
}

.text-white {
    color: #fff !important
}

.scroll_btn {
    z-index: 111;
    bottom: 40px;
    position: fixed;
    right: 10px
}

.fa-long-arrow-up::before {
    content: "\f176"
}

#back-to-top .fa-long-arrow-up {
    border: thin solid #01b7f2 !important;
    color: #01b7f2;
    box-shadow: 0 3px 6px #161616;
    font-size: 15px;
    height: 37px !important;
    line-height: 36px !important;
    width: 38px !important;
    border-radius: 50%;
    display: inline-block;
    background-image: none
}

.slider_wrap .fa-angle-left, .slider_wrap .fa-angle-right {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    position: absolute;
    top: 44%;
    z-index: 5
}

.carousel-control, .we-overlay {
    position: absolute;
    top: 0;
    left: 3%;
    bottom: 0
}

.carousel-control {
    color: #fff;
    font-size: 20px;
    opacity: .5;
    padding-top: 12.25%;
    text-shadow: none;
    width: 5%;
    z-index: 1
}

.we-overlay {
    background: rgba(0,0,0,.5);
    height: 135px;
    overflow: hidden;
    display: block;
    width: 100%
}

.single-imagebanner {
    height: 150px;
    background: #2d3e52;
    overflow: hidden
}

.corner, .deposit-top, .point-top {
    position: relative
}

.corner, .main-div {
    display: inline-block;
    float: left
}

.deposit-top, .heading-pt, .point-top {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center
}

.lh3 {
    line-height: 3px !important
}

.point-dtl p {
    line-height: normal
}

.point-top {
    top: 16%
}

.deposit-top {
    top: 40%;
    z-index: 1
}

.corner {
    width: 54px;
    padding: 10px 5px;
    color: #fff;
    height: 100px
}

.header-pattern01 .pr0, .header-pattern01 .pr0px {
    padding-right: 0
}

.corner:after, .corner:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 20px;
    height: 50%
}

.corner3:before {
    top: 0;
    background: linear-gradient(to top right,#1e7bbc 50%,transparent 51%)
}

.corner3:after {
    bottom: 0;
    background: linear-gradient(to bottom right,#1e7bbc 50%,transparent 51%)
}

.corner2:before {
    top: 0;
    background: linear-gradient(to top right,#107aa8 50%,transparent 51%)
}

.corner2:after {
    bottom: 0;
    background: linear-gradient(to bottom right,#107aa8 50%,transparent 51%)
}

.corner1:before {
    top: 0;
    background: linear-gradient(to top right,#2a70a7 50%,transparent 51%)
}

.corner1:after {
    bottom: 0;
    background: linear-gradient(to bottom right,#2a70a7 50%,transparent 51%)
}

.main-div {
    width: 100%;
    position: relative
}

.bg-black {
    background: #333
}

.point-dtl {
    height: 25px
}

.crd-bg1 {
    background: #2a70a7
}

.dps-bg2 {
    background: #107aa8
}

.pt-bg3 {
    background: #1e7bbc
}

.dtl-bg1 {
    background: #3f7dad
}

.dtl-bg2 {
    background: #197da8
}

.dtl-bg3 {
    background: #2d86c3
}

.point-dtl .progress {
    height: 5px;
    margin-bottom: 0;
    background-color: #5ec35e;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    width: 100px;
    margin-left: 5px;
    z-index: 1;
    position: relative
}

.divd-brdr {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.text-yellow {
    color: #ffb400
}

.yellow-brgt {
    color: #ffd200
}

.text-black {
    color: #000
}

.heading-pt {
    position: relative;
    top: 32%
}

#header.top, header#header {
    width: 100%
}

.point-dtl a {
    font-size: 11px
}

.addcarousel_slide {
    border: none
}

.setsearch .vc_row-fluid {
    background-color: transparent !important
}

.login_first1 {
    height: 325px !important
}

.head_title {
    background-size: 175px auto !important
}

.header-pattern01 .mt2 {
    margin-top: 2px
}

.header-pattern01 .ml0px {
    margin-left: 0 !important
}

.wd200px {
    width: 200px
}

.header-pattern01 .p0 {
    padding: 0
}

.header-pattern01 .mt1 {
    margin-top: 1px
}

.header-pattern01 .fw600 {
    font-weight: 600
}

.header-pattern01 .mt15 {
    margin-top: 15px
}

.header-pattern01 .mr15 {
    margin-right: 15px !important
}

.header-pattern01 .fa-home::before {
    content: "\f015"
}

.header-pattern01 .navbar-right {
    float: right
}

.header-pattern01 .addcart a:hover {
    background: 0 0
}

.arrow-set {
    position: relative;
    font-size: 14px;
    padding-left: 10px
}

#header.top {
    top: 45px
}

.fa-angle-down::before {
    content: "\f107"
}

.header-pattern01 .top_bar_rayna {
    width: 100%;
    z-index: 9;
    position: relative
}

.mt42 {
    margin-top: 42px
}

.header-pattern01 .top_bar_rayna .top_contact {
    float: left
}

    .header-pattern01 .top_bar_rayna .top_contact li .row_line .fa {
        background: 0 0;
        padding-left: 0;
        font: normal normal normal 14px/1 FontAwesome
    }

.fa-bars:before {
    content: "\f0c9"
}

.header-pattern01 .top_bar_rayna .top_contact li .row_line .fa-phone::before {
    content: "\f095"
}

.for-pass-tab input {
    width: 100%;
    position: relative;
    height: 40px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 10px
}

.header-pattern01 .top_bar_rayna .list-inline > li {
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.header-pattern01 .top_bar_rayna .top_contact.col-white li a {
    padding: 10px 10px
}

.header-pattern01 .top_bar_rayna .top_contact li a {
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    padding: 10px 14px 0 0;
    font-weight: 600;
    color: #7f7f7f;
    display: block
}

.header-pattern01 .header-top li a:hover {
    color: #333
}

.header-pattern01 .top_bar_rayna .top_contact li a img {
    width: 21px;
    margin-right: 5px
}

.header-pattern01 .top_bar_rayna .top_contact li .dropdown-menu {
    border-radius: 0;
    padding: 0;
    border-top: none;
    margin-top: 5px;
    text-align: left;
    -webkit-transition: ease all 2s;
    transition: ease all 2s
}

.header-pattern01 .top_email ul li, .waves-circle {
    text-align: center
}

.header-pattern01 .top_bar_rayna .open > .dropdown-menu {
    display: block;
    -webkit-transition: ease all 2s;
    transition: ease all 2s
}

.header-pattern01 .top_bar_rayna .top_contact li .dropdown-menu li a {
    color: #1077bd;
    border-bottom: 1px solid #ddd;
    padding: 6px 10px
}

.pl68 {
    padding-right: 15px;
    padding-left: 58px
}

.pr20 {
    padding-right: 20px
}

.header-pattern01 .top_bar_rayna .dropdown-toggle:focus {
    outline: 0
}

.header-pattern01 .top_bar_rayna .top-right {
    float: right;
    padding: 20px 0
}

    .header-pattern01 .top_bar_rayna .top-right li {
        float: left
    }

.dropdown-content li {
    width: 100%
}

.header-pattern01 .top_bar_rayna .padd_8all {
    padding-right: 0 !important
}

.header-pattern01 .top_bar_rayna .border-none {
    border: none
}

.header-pattern01 .top_bar_rayna .row_line {
    color: #dbd9d9;
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    padding-left: 10px;
    width: 100%
}

    .header-pattern01 .top_bar_rayna .row_line:hover {
        color: #fff
    }

.header-pattern01 .navbar-inverse .navbar-toggle:hover {
    transition: all .3s;
    background-color: #333
}

.header-pattern01 .navbar-inverse .navbar-toggle {
    width: 35px;
    height: 35px;
    transition: all .3s;
    margin-top: 62px;
    margin-bottom: 6px;
    border: 2px solid #5bb1e3;
    padding: 6px;
    background-color: #fff;
    margin-right: 0 !important
}

    .header-pattern01 .navbar-inverse .navbar-toggle.collapsed .icon-bar {
        background-color: #ffe06a
    }

    .header-pattern01 .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #ff6c26;
        width: 19px;
        height: 1px
    }

    .header-pattern01 .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #fff
    }

.header-pattern01 .navbar-inverse {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    transition: all .4s ease-out;
    box-shadow: none
}

.navbar-brand {
    z-index: 1 !important
}

.header-pattern01 .navbar-brand {
    height: 100px;
    line-height: 88px
}

.header-pattern01 .navbar-inverse .navbar-collapse {
    border-color: #ddd
}

.header-pattern01 .navbar-inverse .navbar-nav li a {
    font-size: 15px;
    text-transform: capitalize;
    transition: all .4s ease-in;
    margin-left: 1px;
    color: #fff;
    padding: 5px 18px;
    border-bottom: 2px solid transparent
}

.header-pattern01 .navbar-inverse .navbar-nav #currencyList li a {
    font-size: 12px;
    text-transform: capitalize;
    transition: all .4s ease-in;
    margin-left: 1px;
    color: #5bb1e3;
    padding: 5px 10px;
    border-bottom: 2px solid transparent
}

.common-menu-wrap > li > a::before {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    position: absolute;
    content: "[";
    left: -18px;
    top: 26px;
    font-size: 20px
}

.common-menu-wrap > li > a::after {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    position: absolute;
    content: "]";
    right: -18px;
    top: 26px;
    font-size: 20px
}

.header-pattern01 .navbar-inverse .navbar-nav li a .fa-bed::before {
    content: "\f236"
}

.header-pattern01 .navbar-inverse .navbar-nav li a .fa {
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: 0 0 !important
}

.header-pattern01 .navbar-inverse .navbar-nav li a i {
    color: #01b7f2
}

.header-pattern01 .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #fff !important;
    color: #5bb1e3 !important;
    transition: border-bottom .4s ease-in-out;
    cursor: pointer
}

.header-pattern01 .navbar-inverse .navbar-nav .addcart a:hover {
    border-bottom: none !important
}

.header-pattern01 .navbar-nav > li > a, .header-pattern01 .navbar-nav > li > button {
    caret-color: transparent;
    line-height: 24px;
    padding: 0 13px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #363636;
    cursor: pointer;
    text-transform: capitalize;
    background: transparent;
}

.header-pattern01 .dropdown-menu > li > a, .header-pattern01 .inr-dropdown .dropdown-header {
    line-height: 20PX;
    white-space: normal
}

.header-pattern01 .inr-dropdown .dropdown-menu > .active > a, .header-pattern01 .inr-dropdown .dropdown-menu > .active > a:focus {
    background: 0 0 !important
}

.addcarousel_slide {
    border-top: 0 !important
}

.header-pattern01 .custno {
    left: 0;
    margin-top: 5px;
    margin-right: 0
}

.header-pattern01 .top_email .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

    .header-pattern01 .top_email .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

.header-pattern01 .top_email ul li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    border: 2px solid #fff;
    display: block;
    transition-duration: .3s;
    width: 30px;
    height: 30px;
    padding-top: 3px;
    border-radius: 100%
}

    .header-pattern01 .top_email ul li a .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: 0 0 !important;
        padding-left: 0
    }

.header-pattern01 .hotel-sky, .header-pattern01 .tour-sky {
    background-size: 250px auto;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 5px
}

.header-pattern01 .top_email ul li a .fa-facebook-f::before, .header-pattern01 .top_email ul li a .fa-facebook::before {
    content: "\f09a"
}

.header-pattern01 .top_email ul li a .fa-twitter::before {
    content: "\f099"
}

.header-pattern01 .top_email ul li a .fa-skype::before {
    content: "\f17e"
}

.header-pattern01 .top_email ul li a .fa-google-plus::before {
    content: "\f0d5"
}

.header-pattern01 .top_email ul li a .fa-linkedin::before {
    content: "\f0e1"
}

.header-pattern01 .top_email ul li a:hover {
    background-color: #ff6c26;
    transition-duration: .3s
}

    .header-pattern01 .top_email ul li a:hover i {
        transition: .9s;
        transform: rotateY(360deg)
    }

.header-pattern01 .multiicon-img, .header-pattern01 .phone-white {
    background-image: url(http://demo4.technoheaven.net/font-face/img/East/proimgsearch2.png);
    background-repeat: no-repeat
}

.header-pattern01 .hotel-sky {
    background-position: -42px 7px
}

.header-pattern01 .tour-sky {
    background-position: -6px 6px
}

.header-pattern01 .holiday-sky {
    background-position: -70px 7px;
    background-size: 220px auto;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 5px
}

.header-pattern01 .faq-sky, .header-pattern01 .visa-sky {
    background-size: 240px auto;
    width: 35px;
    margin-top: 5px;
    float: left;
    height: 35px
}

.header-pattern01 .visa-sky {
    background-position: -116px 8px
}

.header-pattern01 .faq-sky {
    background-position: -115px -61px
}

.travelo-login-box .form-group, .travelo-signup-box .form-group {
    margin-bottom: 10px;
    text-align: center
}

.btnnewclose::before, .popup-wrapper .popup-content .close-s::before, .popup-wrapper .popup-content .close::before {
    background-color: transparent
}

.customer-care {
    background: #ff6c26;
    padding: 12px 20px
}

.callicontxt, .callicontxtno {
    color: #fff
}

.phone-white {
    background-position: -99px -66px;
    width: 22px;
    height: 35px;
    float: left
}

.advanceCurrency {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 7px;
    justify-content: center;
}

.currencydrop .advanceCurrency li b {
    font-weight: bold;
}

.flag_country {
    width: 25px;
    height: 25px;
}

.flag_AED {
    background-position: -296px -381px;
}

.flag_EUR {
    background-position: -322px -381px;
}

.flag_GBP {
    background-position: -349px -381px;
}

.flag_OMR {
    background-position: -376px -381px;
}

.flag_SAR {
    background-position: -403px -381px;
}

.flag_USD {
    background-position: -430px -381px;
}

.flag_QAR {
    background-position: -457px -381px;
}

.flag_BHD {
    background-position: -484px -381px;
}

.flag_KWD {
    background-position: -512px -381px;
}

.currencydrop .advanceCurrency li {
    width: calc(100%/3 - 7px);
    line-height: 21px;
    text-align: left;
    display: flex;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border: 1px solid #cce8ff;
}

.text-left.font-sym {
    font-weight: 400;
    font-size: 11px;
    white-space: nowrap;
}

.currencydrop ul li.select_item {
    color: #115A9C !important;
    font-weight: 700;
    background: #eaf5ff;
}

.visible-lg {
    display: none
}

.mnwd150 {
    min-width: 150px
}

.mnwd100 {
    min-width: 115px
}

.mnwd220 {
    min-width: 220px
}

.left-30px {
    left: -30px
}

.pull-left {
    float: left
}

:-ms-input-placeholder {
    color: rgba(255,255,255,.6)
}

::-ms-input-placeholder {
    color: rgba(255,255,255,.6)
}

.header-pattern01 .navbar-inverse .btn-login {
    background-color: #46a9d4;
    color: #fff;
    border: none;
    font-weight: 700;
    width: 100% !important;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px
}

.header-pattern01 .wdinherit {
    width: inherit !important
}

.header-pattern01 .checkbox.checked::before {
    background-repeat: no-repeat;
    border-color: #fff;
    color: #fff;
    font-family: fontawesome;
    content: "\f00c !important;"
}

.header-pattern01 .Build-sky {
    background-position: -154px 9px;
    background-size: 250px auto;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 5px
}

.header-pattern01 .Hotel-Tariff-sky, .header-pattern01 .Tour-tariff-sky {
    background-position: -184px 7px;
    background-size: 250px auto;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 5px
}

.header-pattern01 .top_contact li .dropdown-menu li {
    width: 100%;
    transition: all .5s ease
}

.dropdown-menu:after, .dropdown-menu:before {
    content: '';
    position: absolute;
    right: 15px;
    top: -6px;
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    clear: both;
    transition: all .5s ease
}

.header-pattern01 .navbar-inverse .navbar-nav li .dropdown-menu {
    border-radius: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,.15);
    background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    border-bottom: 2px solid #5bb1e3;
    margin-top: 1px
}

.header-pattern01 .navbar-inverse .navbar-nav li .tariff-down li a {
    color: #444 !important;
    padding: 10px 10px 10px 28px !important;
    border-bottom: 1px dotted #01b7f2;
    margin-left: 0;
    transition: .3s;
    font-weight: 600
}

.header-pattern01 .navbar-inverse .navbar-nav li a i {
    margin-right: 5px;
    transition: all .4s ease-in;
    font-size: 13px
}

.header-pattern01 .fa-certificate::before {
    content: "\f0a3"
}

.header-pattern01 .navbar-inverse .navbar-nav > li > a::before {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    position: absolute;
    content: "[";
    left: -18px;
    top: 5px;
    font-size: 20px
}

.header-pattern01 .navbar-inverse .navbar-nav > li:active, .header-pattern01 .navbar-inverse .navbar-nav > li:focus > a::before, .header-pattern01 .navbar-inverse .navbar-nav > li:hover > a::before {
    opacity: 1;
    left: 0
}

.header-pattern01 .navbar-inverse .navbar-nav > li > a::after {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    position: absolute;
    content: "]";
    right: -18px;
    top: 5px;
    font-size: 20px
}

.header-pattern01 .navbar-inverse .navbar-nav > li:active > a::after, .header-pattern01 .navbar-inverse .navbar-nav > li:focus > a::after, .header-pattern01 .navbar-inverse .navbar-nav > li:hover > a::after {
    opacity: 1;
    right: 0
}

.header-pattern01 .my-cart {
    line-height: 67px
}

    .header-pattern01 .my-cart li a {
        color: #5bb1e3;
        font-size: 14px;
        font-weight: 600
    }

    .header-pattern01 .my-cart #currencyList li a {
        color: #5bb1e3;
        font-size: 12px;
        font-weight: 600;
        border-bottom: 1px solid #81cbf6
    }

.header-pattern01 .nav_with_manu {
    float: left;
    width: auto;
    padding: 30px 0
}

@media (min-width:1200px) {
    .header-pattern01 .visible-lg {
        display: block !important
    }

    .whatsapp_icon {
        margin-left: 0;
    }
}

@media (max-width:1199px) {
    .md-pull-left {
        float: left !important
    }

    .collapse.in .new_navbar {
        position: fixed;
        background: #fff;
        z-index: 1;
        top: 91px;
        width: 100%;
        padding: 0;
        display: block;
        left: 0;
        right: 0;
        -webkit-box-shadow: 0 10px 20px 0 rgba(53,64,90,.2);
        box-shadow: 0 10px 20px 0 rgba(53,64,90,.2)
    }
}

@media (max-width:992px) {
    .header-pattern01 .navbar-header {
        float: none
    }

    .header-pattern01 .xs-left {
        float: left !important
    }

    .pr15px {
        padding-right: 15px
    }

    .header-pattern01 .sm-pl0 {
        padding-left: 0 !important
    }

    .header-pattern01 .sm-pr0 {
        padding-right: 0 !important
    }

    .header-pattern01 .navbar-nav > li {
        width: auto;
        text-align: left;
        white-space: nowrap
    }

    .header-pattern01 .navbar-inverse .navbar-nav li a {
        padding-left: 0
    }

        .header-pattern01 .navbar-inverse .navbar-nav li a:hover {
            color: #444 !important
        }

    .header-pattern01 .navbar-inverse .navbar-nav > li > a, .header-pattern01 .navbar-inverse .navbar-nav > li > a:hover {
        border-bottom: none !important
    }

    .header-pattern01 .navbar-collapse ul {
        margin-left: 0
    }
}

@media (max-width:768px) {
    .header-pattern01 .xsml50 {
        margin-left: 50px
    }

    .xsbordernone {
        border: none
    }

    .header-pattern01 .xs-pl0 {
        padding-left: 0
    }

    .header-pattern01 .xspl5 {
        padding-left: 5px !important
    }

    .header-pattern01 .xspr5 {
        padding-left: 5px
    }

    .header-pattern01 .pl0px {
        padding-left: 0 !important
    }
}

@media (max-width:768px) {
    .header-pattern01 .xsml50 {
        margin-left: 50px
    }

    .xsbordernone {
        border: none
    }

    .header-pattern01 .xs-pl0 {
        padding-left: 0
    }

    .header-pattern01 .xspl5 {
        padding-left: 5px !important
    }

    .header-pattern01 .xspr5 {
        padding-left: 5px
    }

    .header-pattern01 .pl0px {
        padding-left: 0 !important
    }
}

@media (max-width:767px) and (min-width:20px) {
    /*--this css replace input livemasterwe.css-Start-*/
    .mobile_filter.res_mobilr_div .bottom_filter_button {
        display: flex;
        gap: 15px;
        margin: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        position: fixed;
        z-index: 1;
        background: #fff;
    }
    .select_date_div > i {
        font-size: 29px;
        margin: 0;
    }

    .select_date_div {
        display: flex;
        align-items: center;
        gap: 80px;
        font-size: 16px;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

        .select_date_div .close_icon {
            width: 23px;
            height: 23px;
            line-height: 25px;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px;
            border-radius: 100px;
            background: #fff;
            margin: 0 10px;
        }

            .select_date_div .close_icon .icon_close_filter {
                background-position: -399px -131px;
            }

    .rich-datepicker .calendar {
        width: 100%;
    }

    .rich-datepicker {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        bottom: 0;
        width: 100% !important;
        padding: 0;
        right: 0 !important;
    }

    /*--this css replace input livemasterwe.css-Start-*/
    .filter_wrapper .Dot {
        background: #d4111e;
        position: absolute;
        top: 10px;
        left: 15px;
        color: #fff;
        border-radius: 100px;
        width: 10px;
        height: 10px;
        z-index: 99;
        font-weight: 600;
        font-size: 8px;
        line-height: 16px;
        text-align: center;
    }
    .auto_city_contry_name span {
        font-size: 13px;
        color: #8c8c8c;
    }

    .autocomplete-suggestion b {
        color: #212a31;
        font-weight: 700;
        font-size: 15px;
    }


    .header-pattern01 .navbar-inverse .navbar-nav > li:active, .header-pattern01 .navbar-inverse .navbar-nav > li:focus > a::before, .header-pattern01 .navbar-inverse .navbar-nav > li:hover > a::before {
        opacity: 0;
        left: 0
    }

        .header-pattern01 .navbar-inverse .navbar-nav > li:active > a::after, .header-pattern01 .navbar-inverse .navbar-nav > li:focus > a::after, .header-pattern01 .navbar-inverse .navbar-nav > li:hover > a::after {
            opacity: 0;
            right: 0
        }
    /*--Mobile Curracy Css Statrt--*/

    .advanceCurrency {
        padding: 10px !important;
        flex-direction: column;
        width: 100%;
        justify-content: flex-start;
        gap: 15px;
        height: calc(100vh - 70px);
    }

    .currencydrop .advanceCurrency li {
        width: 100%;
        flex-direction: row-reverse;
        background: #f0f7ff;
        border: 1px solid #d0e0ed;
        justify-content: space-between;
        padding: 10px 5px;
        font-size: 14px;
    }

        .currencydrop .advanceCurrency li > div {
            gap: 10px;
            display: flex;
        }

    .text-left.font-sym {
        font-size: 14px;
    }

    .currencydrop .advanceCurrency li > div b {
        font-weight: 500;
    }

    .currencydrop .flag_country {
        transform: scale(1.8);
        margin-right: 10px;
    }


    .currency_icon {
        width: 25px;
        height: 25px;
        background-position: -250px -628px;
    }

    .top_list_last .explercountry {
        background: transparent;
    }
    /*--Mobile Curracy Css End--*/
}

@media (max-width:1199px) {
    .header-pattern01 .md-pofr {
        float: right !important;
        position: absolute !important
    }
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        -webkit-transition: all .7s ease-out;
        transition: all .7s ease-out;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255,255,255,.45)
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244,67,54,.7)
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255,235,59,.7)
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255,152,0,.7)
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156,39,176,.7)
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76,175,80,.7)
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0,150,136,.7)
    }

    .waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] {
        border: 0;
        font-style: normal;
        font-size: inherit;
        text-transform: inherit;
        background: 0 0
    }

    .waves-effect img {
        position: relative;
        z-index: -1
    }

.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.card-panel, .hoverable {
    -webkit-transition: -webkit-box-shadow .25s
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.btn-floating, img {
    vertical-align: middle
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

.waves-effect .waves-ripple {
    z-index: -1
}

.z-depth-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.card, .card-panel, .collapsible, .side-nav, .toast, .z-depth-1, nav {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
}

.z-depth-1-half {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)
}

.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)
}

.z-depth-3 {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)
}

.modal, .z-depth-4 {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)
}

.z-depth-5 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3)
}

.hoverable {
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s
}

    .hoverable:hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
    }

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0
}

.card, .card-panel {
    margin: .5rem 0 1rem;
    background-color: #fff;
    border-radius: 2px
}

.rebanner1 {
    top: 150px
}

.card-panel {
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    padding: 24px
}

.card {
    position: relative;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s
}

.reimage-bg8 .fa {
    font-size: 14px;
    color: #efa918
}

.card .card-title {
    font-size: 18px;
    color: #fff;
    font-weight: 300
}

.reheaderfixed {
    position: fixed !important;
    width: 100%;
    -webkit-transition: ease all .25s;
    -moz-transition: ease all .25s;
    -o-transition: ease all .25s;
    transition: ease all .25s
}

.reheader {
    -webkit-transition: ease all .25s;
    -moz-transition: ease all .25s;
    -o-transition: ease all .25s;
    transition: ease all .25s
}

.card .card-title.activator {
    cursor: pointer
}

.card.large, .card.medium, .card.small {
    position: relative
}

    .card.large .card-image, .card.medium .card-image, .card.small .card-image {
        max-height: 60%;
        overflow: hidden
    }

        .card.large .card-image + .card-content, .card.medium .card-image + .card-content, .card.small .card-image + .card-content {
            max-height: 40%
        }

    .card.large .card-content, .card.medium .card-content, .card.small .card-content {
        max-height: 100%;
        overflow: hidden
    }

    .card.large .card-action, .card.medium .card-action, .card.small .card-action {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

.card.small {
    height: 300px
}

.card.medium {
    height: 400px
}

.card.large {
    height: 500px
}

.card.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .card.horizontal.large .card-image, .card.horizontal.medium .card-image, .card.horizontal.small .card-image {
        height: 100%;
        max-height: none;
        overflow: visible
    }

        .card.horizontal.large .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.small .card-image img {
            height: 100%
        }

    .card.horizontal .card-image {
        max-width: 50%
    }

        .card.horizontal .card-image img {
            border-radius: 2px 0 0 2px;
            max-width: 100%;
            width: auto
        }

    .card.horizontal .card-stacked {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

        .card.horizontal .card-stacked .card-content {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

.card.sticky-action .card-action {
    z-index: 2
}

.card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px
}

.card .card-image {
    position: relative
}

.rebanner2 .card .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 200px;
    bottom: 0;
    width: 100%
}

.card .card-action:last-child, .card .card-content {
    border-radius: 0 0 2px 2px
}

.card .card-subtitle {
    color: #333;
    font-size: 18px;
    font-weight: 300
}

.card .card-image .card-title {
    color: #fff;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    left: 0;
    width: 100%;
    padding: 10px
}

.reimage-bg8 .card .card-image .card-title {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    left: 0;
    width: auto !important;
    padding: 5px 10px
}

.card .card-content {
    padding: 10px
}

    .card .card-content p {
        margin: 0;
        color: inherit
    }

    .card .card-content .card-title {
        display: block;
        line-height: 32px;
        margin-bottom: 8px
    }

        .card .card-content .card-title i {
            line-height: 32px
        }

.card .card-action {
    position: relative;
    background-color: inherit;
    border-top: 1px solid rgba(160,160,160,.2);
    padding: 16px 24px
}

    .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
        color: #ffab40;
        margin-right: 24px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        text-transform: uppercase
    }

        .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
            color: #ffd8a6
        }

.card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none
}

    .card .card-reveal .card-title {
        cursor: pointer;
        display: block
    }

.btn-floating, .btn-floating i, .cright ul li {
    display: inline-block
}

.footer-list li a, .footer-list li a:hover {
    font-size: 13px
}

.fa-user:before {
    content: "\f007"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-lock:before {
    content: "\f023"
}

#divlogin span.input-group-addon {
    background: #1077bd;
    border-right: 0;
    color: #fff;
    border-radius: 10px
}

.fa-chevron-circle-right, .fa-lock, .fa-unlock-alt, .fa-user {
    background: 0 0;
    padding-left: 0
}

.log-icon {
    position: absolute;
    right: 0
}

.input-group-addon {
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border: none;
    border-radius: 0
}

.Credit, .Deposit, .bold, .center h1, .footertitle, .point {
    font-weight: 500
}

.flags-Chinese, .flags-arabic, .flags-eng {
    height: 20px;
    display: block;
    width: 20px;
    margin-right: -8px;
    float: left;
    margin-top: 3px
}

.dropdown-content li a i {
    margin-right: 5px;
    margin-top: 0
}

.flags-uae, .sericon i {
    background-repeat: no-repeat
}

.flags-uae {
    background-position: -56px -125px;
    padding: 0 10px
}

.flags-Chinese {
    background-position: -85px -122px
}

.flags-eng {
    background-position: -105px 165px
}

.flags-arabic {
    background-position: -133px 166px
}

.flags-Chinese, .flags-arabic, .flags-eng, .flags-uae {
    background-size: 200px
}

.dropdown-menu.dd_box.mnwd220 li a {
    line-height: 30px
}

.checkbox-inline, .popover.right, .radio-inline {
    margin-left: 1px
}

hr.style-eight {
    border: none;
    border-top: 1px solid #fff;
    color: #333
}

    hr.style-eight:after {
        height: 10px;
        width: 10px;
        border-radius: 100%;
        border: 2px solid #fff;
        background: #f2ddbd
    }

hr.style-blue {
    border: none;
    border-top: 1px solid #b3dced;
    color: #b3dced
}

    hr.style-blue:after {
        height: 15px;
        width: 15px;
        border-radius: 100%;
        border: 2px solid #fff;
        background: #009ec8
    }

.cright {
    background: #2d2e32;
    position: absolute;
    border: 0;
    padding: 10px;
    width: 100%;
    float: left;
    margin-top: 50px
}

    .cright ul li {
        padding: 5px;
        list-style: none;
        color: #fff;
        font-size: 13px
    }

    .cright p {
        margin: 0
    }

.footer-list li a {
    font-size: 13px;
    transition: ease all .2s
}

    .footer-list li a:before {
        content: "\f0da";
        margin-right: 5px;
        font-family: FontAwesome;
        font-size: 13px
    }

    .footer-list li a:hover {
        font-size: 13px;
        padding-left: 5px;
        transition: ease all .2s
    }

.recopyright {
    color: #fff
}

.btn, .btn-flat, .btn-floating, .btn-large {
    font-size: 1rem;
    outline: 0
}

    .btn i, .btn-flat i, .btn-floating i, .btn-large i {
        background: 0 0;
        line-height: inherit
    }

    .btn-floating:before {
        border-radius: 0
    }

    .btn-floating.btn-large {
        width: 56px;
        height: 56px
    }

        .btn-floating.btn-large.halfway-fab {
            bottom: -28px
        }

        .btn-floating.btn-large i {
            line-height: 56px
        }

    .btn-floating.halfway-fab {
        position: absolute;
        right: 24px;
        bottom: -20px
    }

        .btn-floating.halfway-fab.left {
            right: auto;
            left: 24px
        }

button.btn-floating {
    border: none
}

.fa-facebook::before, .footer-set .fa-facebook-f::before {
    content: "\f09a"
}

.fa.fa-linkedin::before {
    content: "\f0e1"
}

.fa-instagram::before {
    content: "\f16d"
}

.fa-twitter::before {
    content: "\f099"
}

.font-13 {
    font-size: 13px
}

.navbar-brand.login-nav {
    line-height: 73px;
    height: 73px
}

span.bordertr::after, span.bordertr::before {
    height: 55px;
    border: .5px solid #fff;
    right: -11px;
    position: absolute;
    content: ""
}

.text-left {
    text-align: left !important
}

span.bordertr::before {
    transform: rotate(-22deg);
    top: -2px
}

span.bordertr::after {
    transform: rotate(23deg);
    top: 48px
}

.preloading {
    display: inline-block;
    min-width: 48px;
    min-height: 48px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right,#ebeff2 8%,#f9fafb 18%,#ebeff2 33%);
    background-size: 800px 104px;
    position: relative
}

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

    100% {
        background-position: 468px 0
    }
}

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

    100% {
        background-position: 468px 0
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fa-phone::before {
    content: "\f095"
}

@keyframes opacity {
    3% {
        fill-opacity: 1
    }

    75% {
        fill-opacity: 0
    }
}

@keyframes opacity-stroke {
    10% {
        stroke-opacity: 1
    }

    85% {
        stroke-opacity: 0
    }
}

@keyframes colors {
    0% {
        fill: #9acd32
    }

    10% {
        fill: gold
    }

    75% {
        fill: #dc143c
    }
}

@keyframes colors-stroke {
    0% {
        stroke: #9acd32
    }

    10% {
        stroke: gold
    }

    75% {
        stroke: #dc143c
    }
}

@keyframes colors-2 {
    0% {
        fill: #ff0
    }

    50% {
        fill: red
    }

    65% {
        fill: #ff4500
    }

    95% {
        fill: gold
    }
}

@keyframes colors-3 {
    0% {
        fill: #9acd32
    }

    50% {
        fill: #40e0d0
    }

    65% {
        fill: #ff0
    }

    95% {
        fill: orange
    }
}

@keyframes transform {
    10% {
        transform-origin: 70px 70px;
        transform: scale(.75)
    }
}

@keyframes transform-2 {
    40% {
        transform: scale(.85) translate(10px,10px)
    }

    60% {
        stroke-width: 20
    }
}

.rx-loader .login-wrap2 {
    width: 80%;
    height: 450px;
    background: 0 0;
    margin: 5% auto auto
}

.rx-loader .center {
    margin: 0 auto;
    text-align: center
}

.blue {
    color: #069
}

.size18 {
    font-size: 18px
}

.caps {
    text-transform: uppercase
}

.grey {
    color: #999
}

.weheader .Credit_color, .weheader .Deposit_color, .weheader .point_color {
    padding: 10px;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 93px
}

.Credit_icon, .deposit_icon, .point_icon {
    border-right: 1px solid #fff;
    margin-right: 5px
}

.weheader .d_down {
    border-top: 10px solid #01b0aa
}

.weheader .c_down {
    border-top: 10px solid #f86b5b
}

.weheader .p_down {
    border-top: 10px solid #f89200
}

.weheader .point::after {
    background: #f89700
}

.Credit_icon {
    width: 43px;
    height: 31px;
    background-position: -4px -159px
}

.agt-fa {
    padding: 2px;
    border-radius: 50%;
    height: 20px;
    font-size: 12px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    background-image: none !important
}

.yellow_text {
    color: #fcf000
}

.br_bottom {
    border-bottom: 1px solid #fff
}

.cart_icon {
    width: 34px;
    height: 34px;
    background-position: -209px -174px;
    background-image: url(https://di3nl8s9q3x0z.cloudfront.net/assets/withinearth/img/searchicon.png);
    float: left;
    background-color: #0386ba;
    border-radius: 5px
}

.deposit_icon {
    width: 43px;
    height: 31px;
    background-position: -202px -147px
}

.new_nav {
    float: left;
    left: 0;
    margin: 0 auto;
    border-radius: 0
}

.text_color_blue {
    color: #013057
}

.font20 {
    font-size: 20px;
    margin-bottom: 16px
}

.f-12 {
    font-size: 12px
}

.color-gold {
    color: gold !important
}

.color-silver {
    color: silver !important
}

.color-diamond {
    color: #88e6fb !important
}

.carousel-control.left, .carousel-control.left .fa {
    background-image: none !important
}

.fa-angle-left, .fa-angle-right {
    font-size: 1.3em;
    border: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 20px;
    font-family: FontAwesome;
    font-size: 55px
}

.carousel, .item {
    height: 100%
}

.fa-angle-left::before {
    content: "\f104"
}

.fa-angle-right::before {
    content: "\f105"
}

@media (max-width:768px) {
    .visa_mobilebtn {
        font-size: 10px;
    }

    .banner-area::after, .banner-area::before {
        display: none !important
    }

    section#content {
        min-height: auto
    }
}

.header-pattern01 .darkHeader {
    box-shadow: 0 2px 3px rgba(0,0,0,.4);
    z-index: 9;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.wemain-menu {
    height: auto
}

.fa-spinner:before {
    content: "\f110"
}

.onrequest_bg {
    background: #f95005 !important;
    border: 1px solid #f95005 !important
}

#confirmedAlert .close::before, #confirmedAlertAll .close::before, #confirmedAlertSubUser .close::before, #touramendmentconfirm .close::before, #confirmedAlert_void_flytoday .close::before, #confirmedAlert_network .close::before, #confirmedAlert_postpay .close::before, #confirmedAlert_cartcommon .close::before, #confirmedAlertAll_cartcommon .close::before {
    opacity: 0 !important
}

.ht_146 {
    height: auto
}

.bt_grybg {
    background-color: #c9c9c9 !important
}

.table > tbody > tr > th, .table > thead > tr > th {
    text-align: center
}

.cart-position {
    background-position: -55px 9px
}

.mr10 {
    margin-right: 10px
}

.footer-areawe .brand {
    max-width: 269px;
    margin: 0 auto
}

.foot .payments {
    margin-top: 30px
}

table tr:last-child th:last-child {
    border-top-right-radius: 5px;
    border-right-color: transparent
}

.w3-animate-right {
    position: relative;
    animation: animateright .4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.star_review_div input {
    opacity: 0;
    position: absolute
}

.star_review_div li > label {
    color: rgba(0,0,0,.5);
    font-size: 26px;
    cursor: pointer
}

.star_review_div > input:checked ~ label {
    color: #27a1c6
}

.rating_b2b_box .name_text {
    text-align: center;
    background: #00acf9;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    line-height: 32px;
    box-shadow: rgba(0,0,0,.75) -2px 5px 11px -6px;
    padding: 5px
}

.rating_b2b_box .proflie_img_div img {
    margin: 0 auto;
    display: block
}

.rating_b2b_box .proflie_img_div {
    padding: 0 10px
}

.rating_b2b_box .name_p {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize
}

.rating_b2b_box span {
    font-size: 13px;
    text-transform: capitalize
}

.fa-arrow-right::before {
    content: "\f061"
}

.rating_b2b_box a.next-btn-div {
    padding: 6px 8px;
    border: 1px solid #4cb603;
    color: #4cb603;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 10px;
    float: right
}

.rating_b2b_box .next-btn-div i {
    padding-left: 10px;
    font-size: 17px
}

.b2b_rating_div .modal-body {
    padding: 0 !important
}

.b2b_rating_div {
    width: 300px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    margin: 0
}

.star_review_div ul li {
    display: inline-block;
    padding: 0 9px;
    font-size: 26px;
    margin-top: 10px;
    color: #febc01
}

.qp12 {
    padding: 0 12px
}

.fa-star::before {
    content: "\f005"
}

.displayBN {
    display: none
}

.w3-animate-zoom {
    animation: animatezoom .6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.common_loader .loaded_text {
    font-size: 24px;
    left: 50%;
    top: 50%;
    margin: 5px 0 0 -115px;
    height: 93px;
    width: 252px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    display: block;
    position: relative
}

.common_loader #loader-wrapper, .common_loader .common_wait_t {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    z-index: 99999;
    color: #000
}

.common_loader .loaderwait {
    left: 50%;
    top: 50%;
    margin: -184px 0 0 -195px;
    height: 400px;
    width: 400px;
    text-align: center;
    display: block;
    position: relative
}

.common_loader .waitMe {
    top: 0;
    bottom: 0;
    z-index: 9989;
    text-align: center;
    overflow: hidden;
    cursor: wait;
    margin: 0 15px;
    background: rgba(255,255,255,.7);
    height: 700px
}

    .common_loader .waitMe .waitMe_content {
        top: 300px;
        backface-visibility: hidden;
        margin-top: -29px
    }

    .common_loader .waitMe .waitMe_progress {
        position: relative;
        font-size: 0;
        line-height: 0
    }

.common_loader .waitMe_progress.bounce .waitMe_progress_elem1 {
    animation-delay: -.32s
}

.common_loader .waitMe_progress.bounce > div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out;
    display: inline-block;
    margin-right: 5px
}

.common_loader .waitMe .waitMe_progress > div {
    animation-fill-mode: both;
    display: inline-block;
    transform: translateZ(0);
    backface-visibility: hidden
}

.common_loader .waitMe_progress.bounce .waitMe_progress_elem2 {
    animation-delay: -.16s
}

.common_loader .wiatcolor {
    background-color: #01b7f2;
    margin-right: 5px
}

.common_loader .waitMe .waitMe_text {
    position: relative;
    margin: 20px 0 0;
    color: #000
}

.common_loader .alert_success {
    width: 320px;
    height: 200px;
    border: 2px solid #55b472;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    -webkit-transition: all 5s ease;
    -moz-transition: 5s ease;
    transition: 5s ease;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,20%);
    border-radius: 5px;
    background: #fff
}

.common_loader .divalertsuccess {
    background-color: rgba(255,255,255,.9);
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 11
}

.common_loader .pt125 {
    padding-top: 125px
}

.common_loader .sucssce_massge .fa.fa-check {
    font-size: 64px !important;
    width: 80px;
    height: 80px;
    border: 5px solid #3ba95d;
    margin: 25px auto
}

.common_loader .sucssce_massge p {
    font-size: 20px;
    color: #3ba95d
}

.common_loader .sucssce_massge .fa-check::before {
    font-size: 43px;
    padding: 0
}

.common_loader .fa.fa-check {
    font-size: 64px !important;
    width: 80px;
    height: 80px;
    border: 5px solid #3ba95d;
    margin: 25px auto;
    border-radius: 50%;
    color: #3ba95d;
    display: inline-block;
    text-align: center
}

.avaible_point {
    padding-top: 3px;
    text-align: left;
    line-height: 16px;
    font-size: 12px;
    width: 100%
}

.yes_no_div {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center
}

.agent_name {
    font-size: 13px;
    max-width: 122px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: lowercase
}

.padd_8all {
    padding: 0 !important
}

.select-service .sericon i.video {
    background-position: -61px -73px;
    height: 28px;
    margin: 7px auto
}

.video_options {
    min-width: 150px
}

    .video_options li a {
        color: #1077bd;
        border-bottom: 1px solid #ddd;
        padding: 6px 10px;
        font-size: 13px
    }

    .video_options li:last-child a {
        border: none
    }

.video_menu.open > a, .video_menu.open > a:focus {
    background: #073c5e
}

.new_gif {
    height: 18px;
    width: 38px;
    margin-left: 5px
}

@media (min-width:992px) and (max-width:1199px) {
    .header-pattern01 .navbar-nav > li {
        float: left !important;
        width: auto;
        text-align: left
    }

        .header-pattern01 .navbar-nav > li a .sericon {
            display: none
        }
}

@media (min-width:992px) and (max-width:1335px) {
    .agent_name {
        max-width: 64px;
        padding-right: 3px !important
    }

    .video_menu {
        display: none !important
    }

    .agt-fa {
        margin-right: 0
    }

    .flags-Chinese, .flags-eng {
        margin-right: 0
    }
}

.fa-refresh::before {
    content: "\f021"
}

.fa-refresh {
    float: right;
    padding: 6px;
    font-size: 17px;
    cursor: pointer;
    margin-right: 7px
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.list-slider .fa-angle-left, .list-slider .fa-angle-right {
    font-size: 35px;
    width: 33px;
    height: 38px;
    margin-left: 0
}

.list-slider .carousel-indicators {
    display: none
}

.list-slider .carousel-control {
    opacity: 1;
    padding-top: 33%;
    width: 12%
}

.listing-style3.list-slider.hotel figure img {
    border-right: 0 solid #ccc
}

#addclasswe {
    position: relative;
    display: block
}

.loader-ring {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 140px;
    height: 140px
}

.loader-ring-light {
    position: absolute;
    width: 140px;
    height: 140px;
    -moz-border-radius: 240px;
    -webkit-border-radius: 240px;
    border-radius: 240px;
    -moz-box-shadow: 0 4px 0 #013057 inset;
    -webkit-box-shadow: 0 4px 0 #013057 inset;
    box-shadow: 0 4px 0 #013057 inset;
    animation: rotate-360 2s linear infinite
}

    .loader-ring-light::after {
        content: "\f072";
        font-family: FontAwesome;
        position: absolute;
        right: -7px;
        transform: rotate(144deg);
        color: #013057;
        font-size: 25px
    }

.wait-text {
    position: absolute;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #013057;
    font-weight: 500;
    top: -5px;
    width: 150px;
    text-align: center
}

.image_wrap {
    margin: 20px auto auto;
    border-radius: 4px;
    left: 45%;
    top: 36%;
    width: 150px;
    height: 150px;
    line-height: 150px
}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.password_nofica {
    width: 276px;
    position: absolute;
    top: -176px;
    z-index: 999;
    color: #fff;
    margin: 0 auto;
    right: 0;
    padding: 10px;
    border-radius: 7px;
    opacity: 0;
    background-color: rgba(19,38,51,.92);
    pointer-events: none
}

.loginbtn:hover .password_nofica {
    opacity: 1
}

.main_text_no {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    width: 80%;
    float: left;
    display: inline-block
}

.notifaction_text {
    font-size: 14px;
    display: inline-block
}

.close_noti {
    float: right;
    cursor: pointer;
    width: 20%;
    text-align: right;
    display: none
}

.fa-check-circle-o::before {
    content: "\f05d"
}

.imd_don i {
    font-size: 80px;
    color: #0386ba
}

.center_div {
    text-align: center;
    margin-top: 75px
}

.Thank_div {
    font-size: 30px;
    margin-top: 20px
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .item {
    opacity: 0
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev {
        left: 0;
        transform: translate3d(0,0,0)
    }

.onrequest_color {
    background-color: #f7941d;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 2px
}

.col_Green {
    background-color: #7fb231;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 6px
}

.col_purple {
    background-color: #8993f4;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 6px
}

.redem {
    font-size: 12px;
    text-transform: capitalize;
    float: right;
    padding: 3px 6px
}

span.d_exchange .fa {
    padding: 0 5px
}

.payvisa_icon {
    background-position: -212px -579px;
    position: relative;
    display: block;
    width: 128px;
    height: 46px;
    margin-top: 10px
}

.collapse.in {
    display: block
}

.collapse {
    display: none
}

.ui-slider .ui-slider-handle::before {
    content: '';
    border: 4px solid rgb(20 124 213 / .2);
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: -3px;
    position: absolute;
    top: -3px
}

.sec-title {
    position: relative
}

    .sec-title h2 {
        font-weight: 700;
        font-size: 80px;
        line-height: 120px;
        color: #000;
        margin-bottom: 0
    }

.hot_deal_txt {
    font-size: 80px;
    line-height: 120px;
    font-weight: 700;
    color: #000
}

    .hot_deal_txt span {
        color: #115A9C
    }

.news_h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    color: #000
}

.see_icon {
    width: 20px;
    height: 18px;
    background-position: -236px -352px;
    display: block;
}

.avlbl-bg {
    background: #00a651 !important;
    color: #fff
}

.alt_title .close.close_div:before {
    display: none
}

.fa-building-o:before {
    content: "\f0f7";
}

.remove_upell {
    float: right;
    background: #fbe140;
    color: #000 !important;
    padding: 2px 5px !important;
    display: block;
    font-size: 11px;
    cursor: pointer;
    border-radius: 2px;
}

.fa-trash:before {
    content: "\f1f8"
}

select::-ms-expand {
    display: none
}

.currencydrop {
    text-align: center
}

    .currencydrop .btn {
        border: 0;
        margin-bottom: 20px;
        padding: 0 25px
    }

::-webkit-scrollbar {
    width: 10px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #bfc1c3
}

    ::-webkit-scrollbar-thumb:hover {
        background: #115A9C
    }

.modal-header button {
    position: absolute;
    right: 10px;
    top: 21px;
    background: transparent;
    font-size: 30px;
    color: #000
}

.rich-datepicker .month-picker {
    position: absolute;
}

.day[title]:hover {
    position: relative;
}

    .day[title]:hover:before {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 9999999999;
        content: attr(title);
        margin-top: 0.5em;
        padding: 5px;
        width: 160px;
        overflow: hidden;
        word-wrap: break-word;
        color: #fff;
        text-align: center;
        background-color: #000;
        box-sizing: border-box;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        font-size: 13px;
        line-height: normal;
        left: auto;
    }

    .day[title]:hover:after {
        position: absolute;
        top: 97%;
        left: 50%;
        z-index: 99999;
        content: '';
        margin-left: -0.125em;
        width: 0;
        height: 0;
        border: 0.25em dashed transparent;
        border-bottom: 0.25em solid #222;
        font-size: inherit;
    }

.fa-plane:before {
    content: "\f072";
}

.add_room_btn_wrapper .doneadded {
    border-radius: 37px;
    height: 35px !important;
    width: 65px !important;
    line-height: 35px;
    margin-right: 15px;
    background: #0d479b;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

@media (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }

    .modal-dialog {
        width: 700px;
        margin: 20px auto
    }

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

    .modal-sm {
        width: 300px
    }

    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }

    .navbar-form .checkbox, .navbar-form .form-control, .navbar-form .form-group, .navbar-form .radio {
        display: inline-block;
        vertical-align: middle
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .checkbox, .navbar-form .radio {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            float: none;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-form.navbar-right:last-child {
            margin-right: -15px
        }

    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0
        }
}

@media screen and (max-width:900px) {
    .f-12 {
        font-size: 11px
    }

    .font20 {
        font-size: 16px !important;
        margin-bottom: 6px !important
    }
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media(min-width:1200px) and (max-width:2000px) {
    .tour_drop .width_searchb2b {
        width: 78.75% !important
    }

    .tour_drop .tourraynab2c .width_searchb2c {
        width: 70.75% !important
    }

    .tour_drop .tourraynab2c .imagediv {
        width: 144px !important
    }

    .serach_back .tourraynab2c .imagediv {
        width: 140px !important
    }

    .serach_back .tourraynab2c .width_searchb2c {
        width: 62.9% !important
    }
}

@media only screen and (max-width:768px) {
    .Forgot_pwd .travelo-signup-box, .travelo-login-box {
        width: 300px !important
    }

    #small-dialog .close-s::before {
        height: 24px;
        right: 0 !important
    }

    .xs-sign {
        transform: translate(-50%,-50%)
    }

    .sign-cancel-box {
        overflow-y: scroll
    }

    .sign-dialog-box {
        max-height: 428px
    }

    .serach_back .tourraynab2c .width_searchb2c {
        width: 90% !important
    }

    .tour_drop ._left {
        font-size: 13px;
        width: 100%
    }

    .tour_drop ._right a {
        margin-bottom: 5px
    }

    .tour_drop div.bhoechie-tab-container {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .container {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1400px) {
    .container {
        width: 1290px
    }
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

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

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

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

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

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

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

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

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

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

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

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

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

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

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

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

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

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

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (max-width:370px) {
    .new_top_inside ul li._enabale_whatsapp span {
        display: none;
    }
}

@media (max-width:767px) {
    .fa-pencil {
        font-size: 14px !important;
        line-height: 11px !important;
    }

    .drop_down_field ul {
        padding-bottom: 40px !important;
    }

    .photo-gallery img {
        width: 100%;
        min-height: 350px !important;
        max-height: 350px !important;
        object-fit: cover
    }

    .right_c .rich-datepicker {
        left: auto !important;
        right: 0
    }

    .rich-datepicker {
        width: 340px
    }

        .rich-datepicker .days_new {
            padding: 6px 0 20px 85px
        }

            .rich-datepicker .days_new li {
                padding-right: 0;
                width: 35px;
                padding-left: 0;
                font-size: 10px
            }

        .rich-datepicker .month-picker, .rich-datepicker .year-picker {
            text-indent: 3px;
            width: 80px
        }



        .rich-datepicker .calendar {
            width: 100%;
        }

    .year-wrap {
        padding-left: 85px;
    }

    .rich-datepicker .calendar .month-wrap ul {
        width: 100%;
    }


    .rich-datepicker .calendar .year-wrap .size-7 {
        width: 213px
    }

    .rich-datepicker .calendar .year-wrap .size-3 {
        width: 71px
    }

    .rich-datepicker .calendar .year-wrap .size-5 {
        width: 140px
    }

    .rich-datepicker .calendar .year-wrap .size-4 {
        width: 104px
    }

    .rich-datepicker .calendar .year-wrap .size-6 {
        width: 171px
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

@media (min-width:768px) {
    .form-inline .checkbox, .form-inline .form-control, .form-inline .form-group, .form-inline .radio {
        display: inline-block;
        vertical-align: middle
    }

    .form-inline .control-label, .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .checkbox, .form-inline .radio {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            float: none;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right
    }
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }

    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
        border-radius: 0
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

@media (min-width:1199px) {
    .collapse.in .new_navbar {
        position: fixed;
        background: #fff;
        z-index: 1;
        top: 91px;
        width: 100%;
        padding: 0;
        display: block;
        left: 0;
        right: 0
    }

    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .navbar-toggle {
        display: none
    }
}

@media (min-width:768px) {
    .navbar-nav > li {
        float: left
    }

        .navbar-nav > li > a, .navbar-nav > li > button {
            padding-top: 15px;
            padding-bottom: 15px
        }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }

    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

@media only screen and (max-width:991px) and (min-width:20px) {
    .hotel_count {
        margin-bottom: 20px;
        font-size: 25px
    }

    .banner_text h1 {
        font-size: 30px !important
    }

    .bgGrySup {
        padding: 0
    }

    .sec-title h2 {
        font-size: 25px !important;
        line-height: normal !important
    }

    .mobile_po {
        position: relative;
        z-index: 999;
        padding: 50px 15px 15px 15px;
        overflow-x: scroll;
        height: 100%;
        background: #f0f7ff;
        border-radius: 0 !important;
    }

    .mobile_filter.pr0 {
        padding-right: 15px !important
    }

    .mobile_padding_15 {
        padding: 15px;
    }

    .filter_title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .modify_block {
        /* overflow: hidden; */
        transition: .5s;
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
        left: -100%;
        bottom: 0;
        max-height: inherit;
        z-index: 999;
        padding: 0px !important;
        overflow: auto;
        background: #ffff !important
    }

    .clse_bottom_modify {
        font-weight: 600;
        font-size: 13px;
        line-height: 19px;
        color: #0d479b;
        text-align: center;
        padding: 16px 0 0 0;
        text-transform: capitalize;
        background: #f0f7ff;
        line-height: 41px;
        padding: 6px;
        border-radius: 10px;
    }

    .filter_div_all {
        padding: 15px !important;
        border-radius: 0 !important;
        z-index: 999;
        position: relative;
        overflow: auto;
        height: calc(100vh - 130px) !important;
        background: #fff !important;
        padding-bottom: 60px !important;
    }

    .mobile_filter {
        background: #ffff;
        height: 100%;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        position: fixed;
        transition: all .5s ease 0s;
        width: 100%;
        z-index: 1000;
        padding: 0px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .map_btn_list, .mobile_filter_btn, .sort_filter_btn {
        border-radius: 8px;
        display: block;
        cursor: pointer;
        position: relative;
        z-index: 1;
        padding: 7px;
        background: #fff !important;
        border: 1px solid #c3d4eb;
        color: #115A9C !important;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 19px;
    }

    .fa-filter::before {
        content: "\f0b0"
    }

    .mobile_filter_btn_close {
        padding: 10px 15px;
        text-transform: capitalize;
        display: block;
        position: sticky;
        width: 100%;
        top: 0;
        z-index: 9;
        text-align: right;
        border-bottom: 1px solid #3939394f;
        background: #fff;
        line-height: 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile_sort_by .fa-times {
        color: #115A9C;
        font-size: 12px;
        padding-right: 9px
    }

    .mobile_sort_by {
        font-weight: 600;
        font-size: 15px;
        color: #115A9C;
    }

    .icon_close_filter {
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: -402px -129px;
        margin-right: 6px;
        top: 5px;
    }

    .mobile_filter_btn_close .cler_txt_div {
        font-weight: 600;
        font-size: 15px;
        color: #115A9C;
        display: block;
        background: #ff0;
        padding: 0 10px;
        border-radius: 5px;
        width: auto;
    }

    .for_mblmenu {
        left: 0;
        top: 10px;
        height: 96%;
        overflow-x: scroll;
        padding: 15px;
        width: 100%
    }

    .res_mobilr_div {
        top: 13% !important;
    }

    .res_mobilr_bg {
        position: relative;
    }

    .res_mobilr_div::before {
        content: '';
        outline: 0px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.78);
        z-index: 1;
        pointer-events: all;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .mobile_filter_btn .fa-filter {
        font-size: 18px;
        line-height: 33px
    }

    .fa-times::before {
        content: "\f00d"
    }

    .fa-filter {
        background-image: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carousel-control.right {
        right: 27px
    }

    .header-pattern01 .navbar-inverse .navbar-toggle {
        margin-top: 18px !important
    }

    .navbar-header {
        margin-top: 0
    }

    .email-address p {
        font-size: 12px;
        line-height: 20px
    }

    .service-link li {
        line-height: 20px
    }

    .service-link {
        padding-top: 30px !important;
        padding-bottom: 35px !important
    }

    .trianglecontent {
        font-size: 11px !important
    }

    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    ul.service li {
        width: 43% !important
    }

    .avaible_point a {
        font-size: 11px
    }

    .desc_top {
        width: 135px !important
    }

    .lp3 {
        margin-left: 30px !important
    }

    .loginbtn {
        margin-left: 15px !important
    }

    .col-back {
        padding-left: 290px !important
    }

    .regi-btn {
        right: 40px;
        width: 148px
    }

    .carousel-control {
        width: 7%
    }

    .default-banner .fa-angle-left {
        margin-left: 0;
        margin-top: 0
    }

    .default-banner .fa-angle-right {
        margin-right: -7px;
        margin-top: 0
    }

    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width:767px) {
    .auto_left {
        max-width: 280px;
        width: 100%;
        text-align: left;
        display: inline-block;
    }

    .new_automobil {
        position: absolute;
        text-align: right;
        padding-right: 10px;
        right: 0;
        max-width: 70px;
        top: 25px;
        font-size: 9px;
    }

        .new_automobil > span {
            padding-bottom: 6px;
            display: inline-block;
            font-weight: 500;
            color: #000000;
        }

        .new_automobil + div, .property_text {
            font-size: 12px;
            color: #8d8d8d;
            font-weight: 400;
        }

    .autocomplete_continu {
        padding: 10px 15px 10px 50px !important;
        margin-bottom: 0 !important;
    }

        .autocomplete_continu .imagesearch a {
            font-size: 12px;
            color: #8d8d8d;
            font-weight: 400;
        }

    .autocomplete-suggestion {
        padding: 10px 15px 10px 50px;
        font-size: 13px;
        border: unset;
        align-items: flex-start;
        position: relative;
    }

    .auto_complete_airport_title {
        padding: 10px 60px 10px 50px;
    }

    span.auto_count_text {
        top: 6px;
    }

    .autocomplete-suggestion img, .autocomplete-suggestion i {
        background: #eaf4fe;
        width: 30px;
        height: 30px;
        padding: 6px;
        border-radius: 5px;
        margin-right: 10px;
        color: #1169c3;
        transform: scale(1);
        position: absolute;
        top: 12px;
        left: 10px;
    }



    .filters-container ul.filters-options li {
        background: #fff;
    }

    li.mobile_weglot .wg-drop.country-selector .wgcurrent a {
        padding-right: 25px !important;
        padding-left: 5px !important;
    }

    li.mobile_weglot .weglot-container {
        margin-left: 0;
    }

    li.mobile_weglot .wg-drop.country-selector {
        background: transparent;
    }

    .mobile_weglot .wg-drop.country-selector .wgcurrent {
        border: none;
    }

    li.mobile_weglot .wg-drop.country-selector .wgcurrent a {
        padding-right: 30px;
        font-size: 15px;
        height: 37px;
        font-weight: 600;
    }

    .ui-datepicker-group-first {
        width: 100% !important
    }

    .ui-datepicker-group-last {
        width: 100% !important
    }

    #ui-datepicker-div {
        width: 17em !important
    }

    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .col-back {
        padding-left: 162px !important
    }

    .pl68 {
        padding-right: 10px !important;
        padding-left: 7px !important
    }

    .wemain-menu {
        padding-top: 51px
    }

    .regi-btn {
        width: 100px;
        font-size: 11px;
        right: 30px
    }

        .regi-btn i {
            display: none
        }

    .carousel-inner .item span {
        height: 350px !important
    }

    .carousel-inner {
        height: auto
    }

    .carousel-control {
        width: 9%
    }

    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pl68 {
        padding-right: 0 !important;
        padding-left: 30px !important
    }

    .hidden-md {
        display: none !important
    }
}

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

    .row.add-clearfix > .col-lg-2:nth-child(2n+1), .row.add-clearfix > .col-lg-2:nth-child(3n+1), .row.add-clearfix > .col-lg-2:nth-child(4n+1) {
        clear: none
    }

    .row.add-clearfix > .col-lg-2:nth-child(6n+1) {
        clear: both
    }

    .row.add-clearfix > .col-lg-3:nth-child(2n+1), .row.add-clearfix > .col-lg-3:nth-child(3n+1) {
        clear: none
    }

    .row.add-clearfix > .col-lg-3:nth-child(4n+1) {
        clear: both
    }

    .row.add-clearfix > .col-lg-4:nth-child(2n+1) {
        clear: none
    }

    .row.add-clearfix > .col-lg-4:nth-child(3n+1), .row.add-clearfix > .col-lg-6:nth-child(2n+1) {
        clear: both
    }

    .m_left {
        margin-left: 30%
    }
}

@media (min-width:200px) and (max-width:960px) {
    .main_menu {
        border: thin solid red;
        display: none
    }
}

@media (min-width:200px) and (max-width:768px) {
    #socialside, .custno, .feedbackbtn, .letschat {
        display: none
    }

    .blue_colfoo {
        margin-left: 0
    }

    #footer_divControls .discover {
        margin-left: 0 !important;
        margin-bottom: 20px
    }

        #footer_divControls .discover .ht_30, .api_ht_30 {
            height: 20px;
            width: 100%;
            margin-left: -15px
        }

    #footer1 .footer-wrapper {
        margin-top: -60px
    }
}

@media (min-width:200px) and (max-width:480px) {
    #headerprz {
        margin-left: 0;
        margin-right: 0
    }

    #header .logo img {
        height: auto;
        margin-top: -4px;
        opacity: 1;
        width: 140px
    }

    .my_info_book, .quick-menu .contact_txt {
        display: none
    }

    .xs-tpr0 {
        padding-right: 0 !important
    }

    .cart_currency .ribbon {
        width: 56px !important;
        padding: 6px 0 0 6px !important
    }
}

@media only screen and (min-device-width:20px) and (max-device-width:800px) {
    .main_menu, .xs_waitpage {
        position: absolute;
        right: 0
    }

    .main_menu {
        width: 46px !important
    }


    .res_mobilr_div .mydiv {
        width: 100% !important
    }

    .show_fieldmenu {
        display: none
    }

    .user_icon_div {
        display: block !important
    }

    .main_menu, .main_menu .mbl_menulogo, .responsive-menu {
        display: block
    }

    .chaser .container .main_menu_wrapp {
        margin-top: 68px !important
    }

    .bar1, .bar2, .bar3 {
        width: 27px;
        height: 3px;
        background-color: #a1a0a0;
        margin: 5px 0;
        transition: .4s
    }

    .nav-dropdown_mydiv {
        visibility: hidden;
        opacity: .97
    }

    .visi_visible_menu {
        visibility: visible !important;
        padding-left: 19px
    }

    .mbl_menulogo {
        height: 72px;
        margin: auto auto 15px;
        width: 200px
    }

    .open_close_div {
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: -17px
    }

    .mbl_menulogo img {
        height: auto;
        width: auto
    }

    .row_line {
        border-bottom: 1px solid #ebebeb !important
    }

    .mbl_logo_area {
        width: 176px
    }

    .nav-dropdown_mydiv.visi_visible_menu {
        height: 900px;
        overflow: hidden;
        position: fixed;
        top: 220px;
        width: 106%;
        z-index: 10000000 !important;
        left: 0
    }

    #main-menu .drop_wrapper.pull-left {
        border: thin solid red;
        left: -1000px !important;
        position: absolute
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px,6px);
        transform: rotate(-45deg) translate(-9px,6px)
    }

    .change .bar2 {
        opacity: 0
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px,-8px);
        transform: rotate(45deg) translate(-8px,-8px)
    }

    .Explore .cart_currency {
        float: left
    }

    .main_menu {
        border: none
    }

    .nav-dropdown_mydiv {
        margin-left: -20px !important;
        margin-top: -220px !important;
        position: inherit
    }

    .menu-fa-times {
        font-size: 14px;
        font-weight: 700
    }

    .mainsearch_section .mt-310px {
        margin-top: -400px
    }

    .mainsearch_section .pos_abs {
        position: inherit
    }

    .ht_146 {
        min-height: 155px !important;
        width: auto;
        max-height: 200px;
        max-width: 320px
    }
}

@media only screen and (min-device-width:769px) and (max-device-width:1024px) {
    #app_page_android, .menuandroid {
        display: none
    }

    .menucurrency {
        border-right: none
    }

    .sub_info_save {
        padding-bottom: 10px
    }

    .sm-mb10 {
        margin-bottom: 10px
    }

    .sm-pl10 {
        padding-left: 10px
    }

    .sm-pr10 {
        padding-right: 10px
    }

    .sm-pl0 {
        padding-left: 0
    }

    .topsell_h .title {
        font-size: 15px;
        width: 99px
    }

    .sm-ml20, .xs-ml20 {
        margin-left: 20px
    }

    .xs-discover-lh li a {
        font-size: 16px;
        line-height: 1.8em
    }

    .exphotel_world .img_ht_div img, .line_div, .line_div1, .line_div3, .sm-save-money {
        height: auto
    }

    .save_money1 {
        height: 214px
    }

    .hotel-datepick .rich-datepicker {
        left: unset !important;
        right: 0 !important
    }
}

.common_gif {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
}

    .common_gif img {
        width: 100% !important;
        object-fit: contain !important;
        height: auto !important;
        max-height: fit-content;
        max-width: fit-content;
        min-width: fit-content;
        min-height: fit-content;
    }

    .common_gif::before {
        content: "";
        width: 70px;
        position: absolute;
        top: 2px;
        background-image: url(/assets/whitelable1/img/sale.gif);
        background-repeat: no-repeat;
        height: 25px;
        right: 5px;
        border-radius: 10px;
    }

.visa_free_icon {
    position: absolute;
    bottom: 10px;
}

    .visa_free_icon img {
        width: 100% !important;
        object-fit: contain !important;
        max-height: 61px;
    }

.common_gif.gift_no:before {
    background-image: none;
}

#Common_AddToCart_Loader {
    background: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.ModalLoading_content {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    text-align: center;
    width: 370px;
    background: #0d479b;
    border-radius: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    border: 2px solid #fff;
}

    .ModalLoading_content img {
        width: 100%;
        height: 100px;
        object-fit: contain;
    }

.loader_cart {
    text-align: center;
    max-width: 290px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    width: 100%;
}
.loader_whataap {
    display: flex;
    justify-content: center;
    gap: 20px;
}

    .loader_whataap a {
        background: #5fd568;
        line-height: 30px;
        padding: 0 10px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        column-gap: 5px;
        font-size: 16px;
        border: 1px solid #fff;
        font-weight: 600;
    }

        .loader_whataap a:last-child {
            background: #fff;
            border: 1px solid #fff;
            animation: blinkBackground 1.5s infinite;
        }

.departure_city {
    left: 0;
}

.arrival_city {
    right: 0;
}

.iata_code {
    font-size: 25px;
    position: absolute;
    font-weight: 700;
}

.plane {
    position: absolute;
    margin: 0 auto;
    width: 100%;
}

.plane-img {
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
    height: 150px;
    width: 150px;
}

.earth-wrapper {
    position: absolute;
    margin: 0 auto;
    width: 100%;
}

.earth {
    width: 65px;
    height: 65px;
    background: url(/assets/whitelable1/img/flightloadergif.gif);
    border-radius: 100%;
    background-size: 160px;
    animation: earthAnim 12s infinite linear;
    margin: 0 auto;
    border: 2px solid #ffffff;
    background-color: #fff;
}

.wait {
    position: relative;
    bottom: -10px;
    font-weight: 500;
}

@keyframes earthAnim {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -340px;
    }
}

.graph_block {
    padding: 15px;
    color: #fff;
    margin: 10px 0;
    background: #ff0000;
    border-radius: 3px;
}

.graph_green {
    background: #009934;
}

.fa-bed:before {
    content: "\f236";
}

.uitk-price-subtext {
    color: #191e3b;
    font-size: 11px;
    font-weight: 600;
}

    .uitk-price-subtext.detail-uitk {
        display: flex;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

        .uitk-price-subtext.detail-uitk span {
            color: #115A9C;
        }

@media (max-width:991px) {
    .tabby_product {
        white-space: nowrap;
        font-size: 10px;
    }

    .m_auto {
        margin: unset;
    }
}

@media(max-width:767px) {
    .rich-datepicker .month-picker .bg-area, .rich-datepicker .month-picker .draggable-area {
        width: 100px;
        height: 22px;
        margin: 1px;
        left: 0
    }

    .rich-datepicker .calendar .year-wrap li {
        width: 14.28%;
        height: 52px;
        line-height: 47px;
        margin: 0;
    }

    .rich-datepicker {
        position: fixed;
        top: 0 !important;
        width: 100% !important;
        height: 100%;
        z-index: 999;
        left: 0 !important;
    }

        .rich-datepicker .days_new li {
            padding-right: 0;
            width: 14.28%;
            padding-left: 0;
            font-size: 10px;
        }

        .rich-datepicker .select_date_div a {
            color: #fff
        }

        .rich-datepicker .days_new {
            padding: 0;
            top: 34px;
            height: 40px;
            display: flex;
            align-items: center;
            width: 100%;
            right: 0;
        }

        .rich-datepicker .month-picker {
            width: 100%;
            height: auto;
            overflow: unset;
            position: absolute;
            top: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            display: none
        }

            .rich-datepicker .month-picker ul {
                height: auto;
                overflow: unset;
                display: flex;
                padding: 0;
                overflow: auto;
                column-gap: 15px
            }

        .rich-datepicker .calendar {
            background: #fff;
            overflow: auto;
            width: 100%;
            border-radius: 0;
            height: 100%;
            padding-top: 46px;
        }

            .rich-datepicker .calendar::-webkit-scrollbar-thumb {
                background: #c1c1c1
            }

            .rich-datepicker .calendar::-webkit-scrollbar {
                width: 5px
            }

    .year-wrap {
        padding: 0
    }

    .rich-datepicker .calendar .month-wrap {
        height: auto;
        margin-bottom: 20px
    }

        .rich-datepicker .calendar .month-wrap ul {
            overflow: hidden;
            height: auto
        }

    .rich-datepicker .calendar .year-wrap strong {
        font-size: 16px
    }

    .rich-datepicker .calendar .year-wrap strong {
        width: max-content
    }


    .rich-datepicker .calendar .year-wrap .size-3 {
        width: 28.56%;
    }

    .rich-datepicker .calendar .year-wrap .size-4 {
        width: 42.84%;
    }

    .rich-datepicker .calendar .year-wrap .size-5 {
        width: 57.15%;
    }

    .rich-datepicker .calendar .year-wrap .size-6 {
        width: 71.4%;
    }

    .rich-datepicker .calendar .year-wrap .size-7 {
        width: 85.68%;
    }
}

@media (max-width:767px) and (min-width:20px) {
    .div_detail {
        margin-top: 10px;
    }
    /*.left_arrowicon {
        width: 25px;
        height: 42px;
        background-position: -255px -52px;
        transform: scale(0.9);
        position: absolute;
        top: 23px;
        left: 10px;
    }*/
    .autocomplete-suggestion .fa-plane {
        font-size: 22px;
        border-radius: 6px;
        background: #eaf4fe;
        padding: 6px;
        color: #1169c3;
    }

    .auto_city_contry_name {
        gap: 5px;
    }

    span.auto_count_text, .Suggestion__categoryName_text {
        background: #fff;
        color: #000000;
        line-height: 30px;
        font-weight: 500;
        border: 1px solid #294366;
    }

    .Suggestion__categoryName_text {
        color: #8c8c8c;
        border: unset;
    }

    .autocomplete-suggestion.selected,
    .autocomplete-suggestion.selected b,
    .autocomplete-suggestion.selected > div {
        background: #115A9C;
        color: #fff;
    }
}