@charset "UTF-8";


@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");



body {
  font-family: 'Open Sans' !important;
    font-weight: normal;
    font-size: 13px;
}

.nocart {
    text-align: center;
}

    .nocart img {
        width: 125px;
        margin: 0 auto;
        padding-top: 30px;
    }

.striik_price {
    position: relative;
    margin-top: 0;
    font-size: 16px;
    text-decoration: line-through;
    display: inline-block;
    letter-spacing: 0px;
    color: #192B48;
}

.model_size {
    width: 350px;
    margin: 0 auto;
    position: relative;
}
.breadcrumb-wrapper .breadcrumb-content ul {
    display: inline-block !important;
    position: relative !important;
    width: 100%;
    margin-top: 10px;
}
.cart_close {
    background: #233d63;
    width: 50%;
    height: 40px;
    font-size: 13px;
    position: relative;
    right: 0;
    margin-top: 0px;
    margin-bottom: 10px;
}

.cart_text {
    width: 300px;
    margin: 30px auto;
    color: #e96a5b;
    font-size: 15px;
}

.password_nofica {
    width: 276px;
    position: absolute;
    top: -174px;
    z-index: 999;
    color: #fff;
    margin: 0 auto;
    right: 0;
    padding: 10px;
    border-radius: 7px;
    opacity: 0;
    background-color: #192b48;
    pointer-events: none;
    transition: 0.5s;
}

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

.cancel_booking .password_nofica {
    top: -44px;
    width: 240px;
}
.cancel_booking:hover .password_nofica, .login_btn:hover .password_nofica {
    opacity: 1;
}

.ticket-office__footer {
    width: 100%;
    height: 80px;
    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: 2;
    left: 0;
}

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

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

    to {
        color: #1b7dff;
    }
}

.image-box.style14:nth-child(2n+1) {
    background-color: #ffffff;
}

.image-box.style14 {
    border-bottom: 1px solid #eef2f7;
    padding-bottom: 10px !important;
}

.fa-trash-o::before {
    content: "\f014";
    font-size: 22px;
    float: right;
    cursor: pointer;
}

.cancel_booking  {
  font-size: 12px;
    text-align: center;
    display: block;
    margin-top: -6px;
    color: #fff;
    position: relative;
    background: #000;
    border-radius: 3px;
    line-height: 22px;
    text-transform: uppercase;
    cursor:pointer;
}
.cart_velue {
    float: left;
    margin-top: 15px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}

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

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

.cartname {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.tours-img {
    float: left;
    width: 70px;
    margin-top: 0;
}

.panel img {
    max-width: 100%;
}

.cart_images {
    width: 63px;
    height: 59px;
}

.Checkout_btn {
    width: 185px;
    padding: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    display: inline-block;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-size: 800% 800%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 7s ease infinite;
    background: #1b7dff;
}

@-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)
    }
}

.desc.pt10 {
    width: 158px !important;
    float: left;
    color: #233d63;
    margin-top: 0;
}

.currencysymbol {
    margin-right: 3px
}

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/project/font/fontawesome-webfont.eot?v=4.5.0);
    src: url(/assets/project/font/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(/assets/project/font/fontawesome-webfont.ttf) format("truetype"), url(/assets/project/font/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.xs-img {
    width: 100%
}

.fa-question-circle {
    color: #7791a0 !important
}

.pop_head_title {
    color: #e96a5b;
    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
}

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

ul.rtf-drop li {
    text-align: center;
    background: #e96a5b;
    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: #233d63 !important;
    text-decoration: none;
    background-color: #e3e3e3 !important
}

.rtf-drop.dropdown-menu::before {
    border: 12px solid #e96a5b;
    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
}

.viewbtn-grey {
    background: #e0e0e0;
    padding: 10px;
    font-weight: 400;
    color: #233d63;
    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: #233d63;
    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: #233d63
}

.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;
            -moz-border-top-right-radius: 0
        }

        .tour_drop div.bhoechie-tab-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-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: #e96a5b;
            color: #fff !important;
            border-color: #e96a5b
        }

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

.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: #e96a5b
        }

.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, rgba(0, 0, 0, 1), 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: #233d63;
    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: #233d63 !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
}

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

@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) {
    .trianglecontent {
        font-size: 12px
    }

    .Forgot_pwd .travelo-signup-box,
    .travelo-login-box {
        width: 300px !important
    }

    #small-dialog .close-s::before {
        height: 24px;
        right: 0 !important
    }

    .col-xs-12.col-sm-9.popup-content {
        width: 99%
    }

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

*,
.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 {
   font-family: 'Open Sans' !important;
    -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: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #233d63
}

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
}

.box-title small,
.initialism,
.uppercase,
form label {
    text-transform: uppercase
}

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: #233d63 !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: #233d63 !important
    }

    .label {
        border: 1px solid #233d63
    }

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

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

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

.list-inline {
    margin-left: -5px
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[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
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

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

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .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
    }
}

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: 8px;
        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,
.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 #ddd
}

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

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

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

@media (max-width:767px) {
    .breadcrumb-content h2 {
        margin: 0;
        font-size: 14px !important;
    }
    .enquiry-thanks .font-25 {
    font-size: 18px;
}
.enquiry-thanks .center_div {
  
    margin-bottom: 30px;
}
    .breadcrumb-wrapper .breadcrumb-content ul {
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    position: relative !important;
    display: inline-block !important;
    margin-top: 10px;
}
.breadcrumb-wrapper {
  height: 120px !important;
}
.breadcrumb-wrapper .breadcrumb-content {
  
    top: 35px !important;
}
.breadcrumb-wrapper .breadcrumb-content ul li a {
      font-size: 13px !important;
}
    .breadcrumb-wrapper .breadcrumb-content ul li {
        text-transform: capitalize;
        color: #fff;
        font-size: 12px !important;
    }
    .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
            }
}

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: 500;
}


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

.form-control, output {
    font-size: 12px;
    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: #eee;
    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: 500;
        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
}

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

.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: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -ms-user-select: none;
    user-select: none
}

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

    .btn:focus,
    .btn:hover {
        background: #f37a6c;
    }

    .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: #ccc
}

    .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: #d71921;
    border-color: #d71921
}

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

    .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: #e96a5b;
    border-color: #e96a5b;
}

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

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

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
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

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

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

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

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

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

.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 {
    position: relative;
    display: table;
    border-collapse: separate
}

    .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 {
    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 {
        padding: 10px 15px
    }

        .nav > li > a:hover {
            text-decoration: none;
            background-color: #073c5e
        }

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

    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a: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 {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

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

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a: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 {
                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 {
            border: 1px solid #ddd
        }

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

.nav-pills > li {
    float: left
}

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

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

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

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #428bca
}

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

.nav-justified {
    width: 100%
}

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

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

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

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

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

.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;
    min-height: 50px;
    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
}

.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;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

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

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

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

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

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

@media (min-width:992px) {
    .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
    }
}

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

.navbar-nav {
    margin: 0 auto
}

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

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .alert_wrapp {
        width: 100% !important;
    }

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

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

@media (min-width:768px) {
    .navbar-nav > li {
        float: left
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }

    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

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

@media (min-width:768px) {
    .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
        }
}

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

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

@media screen and (max-width:900px) {
    .f-12 {
        font-size: 11px
    }

    .font20 {
        font-size: 16px !important;
        margin-bottom: 6px !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    .font20 {
        font-size: 14px !important;
        margin-bottom: 5px !important
    }
}

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

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

@media (max-width:767px) {
    .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-inverse .navbar-link {
    color: #999
}

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

.breadcrumb {
    padding: 8px 0;
}

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

    .breadcrumb > .active {
        color: #1b7dff;
    }

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

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.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: #f5f5f5;
    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
}

.close,
.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: #5cb85c
}

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

.progress-bar-warning {
    background-color: #4ab583
}

.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 10px;
    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-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: #233d63;
    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: #233d63
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: .5
    }

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

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

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

.modal-body {
    position: relative;
    padding: 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: #233d63
}

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

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px 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
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.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: #233d63;
    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: #233d63
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #233d63
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #233d63;
    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: 15;
    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
    }

@media screen and (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
    }
}

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

@media (max-width:767px) {
   
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    .chaser .new_nav {
        display: none
    }

    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:320px) and (max-width:1199px) {
     .wp_100 {
        width:100%;
    }
    .ticket-office__footer {
        width: 100%;
        height: 140px;
    }
}
@media (min-width:768px) and (max-width:1200px) {
    .credit_maintext::after,
    .register_maintext::after {
        content: unset !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .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) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

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

    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: 500;
}

.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: #e96a5b !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: #e96a5b
}

.default-color {
    color: inherit !important
}

.gray-color {
    color: #545454 !important
}

.hotel-color {
    color: #e96a5b
}

.select-color {
    color: #dc373e
}

.blue-bg {
    background-color: #e96a5b !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: #e96a5b !important
}

.gray-bg {
    background-color: #555 !important
}

.gray-area,
section#content {
    background: #f0f3f7;
}

#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 {
    min-height: 400px;
    padding-top: 10px;
    text-align: left;
}

    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: 35px
}

.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: #e96a5b
}

    .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-transform: translateZ(0);
    -khtml-user-select: none;
    -o-user-select: none
}

input.input-text,
select,
span.custom-select,
textarea {
    background: #fff;
    line-height: normal;
    border: thin solid #d2d2d2
}

input.input-text,
span.custom-select,
textarea {
    padding-left: 10px;
    padding-right: 15px;
    height: 40px
}

    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: 40px;
        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;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        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 #14538e;
        z-index: 0;
        line-height: 14px;
        text-align: center;
        font-size: 10px;
        border-radius: 3px;
    }

    .checkbox.checked::before,
    .radio.checked::before {
        background: -55px -201px #d71921;
        border-color: #d71921;
        color: #fff;
        content: "\f00c";
        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;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.radio label,
.radio.label {
    font-size: .9167em;
    line-height: 20px
}

.radio input[type=radio] {
    position: relative;
    z-index: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.radio:before {
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    font-size: 1.3333em;
    line-height: 13px
}

.radio.radio-square:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    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
}

    a.button.btn-large,
    button.btn-large {
        padding: 0 32px;
        height: 43px;
        font-size: 1.1667em;
        line-height: 43px
    }

    a.button.btn-medium,
    button.btn-medium {
        padding: 0 25px;
        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: .9167em
    }

    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;
    background: #f57a12;
    height: 34px;
    line-height: 34px
}

    button:hover {
        background: #233d63;
    }

a.button {
    display: inline-block;
    font-size: 10px;
    line-height: 30px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    padding: 0
}

    a.button:hover {
    background: #192B48;
}

    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: #e96a5b
    }

        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 #e96a5b;
        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: #e96a5b;
            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 #e96a5b;
                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: #e96a5b;
                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: #e96a5b
        }

            a.button.btn-extra.blue > i,
            button.btn-extra.blue > i {
                background: #e96a5b
            }

                a.button.btn-extra.blue > i:after,
                button.btn-extra.blue > i:after {
                    border-bottom-color: #e96a5b
                }

            a.button.btn-extra.blue > span em,
            button.btn-extra.blue > span em {
                color: #e96a5b
            }

        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
        }

.icon-check {
    position: relative;
    padding-right: 30px !important;
    padding-left: 0 !important;
    overflow: hidden
}

    .icon-check:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        background: url(/assets/img/icon/icon-check.png) center center no-repeat #0098c9
    }

    .icon-check:hover:after {
        background-color: #0098c9
    }

.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;
    -ms-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%;
        -ms-border-radius: 50% 50% 50% 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: "\e8bb"
    }

.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 {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    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 #e96a5b;
    position: relative
}

    .info-box .close {
        color: #e96a5b
    }

    .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: #e96a5b;
        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: #e96a5b;
    font-size: 4.153em;
    line-height: .8667em;
    padding: 0;
    margin-right: 6px;
    font-weight: 700;
    display: block
}

.dropcap.colored:first-letter {
    color: #fff;
    background: #e96a5b;
    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-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: #e96a5b
        }

            blockquote.style1.border-color-blue > span.triangle:before {
                color: #e96a5b
            }

        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: #e96a5b
        }

        blockquote.style1.quote-color-yellow:after,
        blockquote.style1.quote-color-yellow:before {
            color: #dc373e
        }

    blockquote.style2 {
        color: #e96a5b
    }

        blockquote.style2:after,
        blockquote.style2:before {
            color: #dc373e
        }

.pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-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;
        -ms-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);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        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;
        -ms-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);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

.uplad_btn {
    background-color: #ccc;
    height: 177px;
    margin-left: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 164px;
    z-index: 111
}

.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%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.hover-effect.style1:hover,
.selected-effect {
    background: #e96a5b
}

    .hover-effect.style1:hover img {
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

.selected-effect {
    display: block;
    position: relative;
    overflow: hidden
}

    .selected-effect img {
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    .selected-effect:after {
        position: absolute;
        background: 0 0;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50%
    }

.social-icons.icon-circle a,
.social-icons.style2 a {
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 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;
        -ms-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in
    }

        .social-icons li a:hover,
        .social-icons.style1 a:hover {
            background: #e96a5b
        }

    .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: #e96a5b;
    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%;
            -ms-border-radius: 50% 50% 50% 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: #e96a5b
        }

            .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: #e96a5b
    }

    .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: #e96a5b
        }

    .contact-details .contact-email {
        color: #e96a5b;
        font-size: 1.1667em;
        padding: 0 24px;
        line-height: 2em
    }

.title {
    color: #2d3e52
}

.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: #e96a5b
    }

    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: #e96a5b;
        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: #e96a5b
    }

    ul.circle li:before {
        content: "\f111";
        margin-right: 10px;
        color: #e96a5b;
        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: #e96a5b
    }

    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: #e96a5b;
            display: block;
            width: 20px;
            height: 20px;
            text-align: center;
            font-size: 10px;
            border: 1px solid #e96a5b;
            -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: #e96a5b;
        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: #e96a5b
    }

        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: #d9d9d9;
    color: #fff;
    padding: 2px;
    font-size: 12px
}

ul.check-square li.active {
    background: #e96a5b;
    color: #fff
}

    ul.check-square li.active > a {
        color: #fff
    }

    ul.check-square li.active a:before {
        background: #fff;
        color: #197ec2
    }

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 .panel {
    margin-bottom: 15px;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    position: relative;
    background: #fff;
    border: 1px solid #eef2f7;
}

    .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: 0;
        }

    .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 {
        font-weight: 500;
        color: #192B48;
        font-size: 12px;
    }

        .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: 16px;
            height: 16px;
            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: 26px
        }

    .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: #e96a5b
        }

            .toggle-container .panel.style2 .panel-title > a.collapsed {
                color: inherit;
                position: relative
            }

                .toggle-container .panel.style2 .panel-title > a.collapsed:hover {
                    color: #e96a5b
                }

            .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: #e96a5b
            }

    .toggle-container .panel.style2 .panel-content {
        padding: 0 15px 30px 20px
    }

.toggle-container.with-image > .image-container {
    background: #e96a5b
}

    .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: #e96a5b
}

    .toggle-container.with-image .panel-title > a.collapsed {
        color: inherit
    }

        .toggle-container.with-image .panel-title > a.collapsed:hover {
            color: #e96a5b
        }

.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: 500;
            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: #e96a5b;
            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: #fff;
            background: #da2128;
            position: relative
        }

            .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 {
            -moz-opacity: .55;
            -khtml-opacity: .55;
            opacity: .55;
            background: #fff;
            color: #233d63;
            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 {
                -moz-opacity: .8;
                -khtml-opacity: .8;
                opacity: .8;
                color: #e96a5b
            }

                .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 {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            color: #e96a5b
        }

            .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 ul.tabs li:last-child.active a {
    border-bottom: none
}

.tab-container.full-width-style ul.tabs li.active a {
    border-right-color: transparent
}

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

    .image-carousel.style2 .flex-direction-nav li a,
    .photo-gallery .flex-direction-nav li a {
        width: 30px;
        height: 22px;
        background: #e96a5b;
        color: #fff;
        text-indent: -9999px;
        text-align: left;
        position: static;
        float: left;
        margin: 0;
        -moz-opacity: 1 !important;
        -khtml-opacity: 1 !important;
        opacity: 1 !important;
        -moz-transition: none 1s ease-in-out;
        -o-transition: none 1s ease-in-out;
        -webkit-transition: none 1s ease-in-out;
        -ms-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;
    -ms-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%;
        -ms-border-radius: 50% 50% 50% 50%
    }

    .photo-gallery img {
        width: 100%
    }

    .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;
    -ms-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;
                -moz-opacity: .5;
                -khtml-opacity: .5;
                opacity: .5;
                -moz-transition: opacity .3s ease-in;
                -o-transition: opacity .3s ease-in;
                -webkit-transition: opacity .3s ease-in;
                -ms-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 {
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1
            }

        .image-carousel.style1 .flex-direction-nav {
            position: static;
            width: 0;
            height: 0
        }

            .image-carousel.style1 .flex-direction-nav li a {
                background: #da2128;
                float: none;
                width: 25px;
                height: auto;
                position: absolute;
                top: 10px;
                bottom: 10px;
                margin: 0;
                -moz-opacity: 1 !important;
                -khtml-opacity: 1 !important;
                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;
                -ms-transition: background .2s ease-in;
                transition: background .2s ease-in
            }

                .image-carousel.style1 .flex-direction-nav li a:hover {
                    background: #da2128
                }

                .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 {
            -moz-opacity: 0;
            -khtml-opacity: 0;
            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;
            -ms-transition: -ms-transform .35s;
            transition: transform .35s
        }

        .image-carousel.style2 .slides > li .hover-effect:hover .caption {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            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;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                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: #e96a5b;
        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%;
                -ms-border-radius: 50% 50% 50% 50%
            }

            .image-style.style2 .image-block li a {
                display: block;
                border-radius: 50%;
                overflow: hidden;
                -webkit-transform: translateZ(0);
                -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #233d63 100%)
            }

.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;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    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;
        -ms-transition: -ms-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 {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        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);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            -moz-transition: all .4s ease-out;
            -o-transition: all .4s ease-out;
            -webkit-transition: all .4s ease-out;
            -ms-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;
    -ms-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;
        -ms-transition: -ms-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 {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        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 {
    line-height: 1.75em;
    color: #e96a5b;
    font-size: .9167em;
    display: inline-block
}

    .icon-box.style2 > i {
        font-size: 1.5em;
        margin-right: 10px;
        color: #e96a5b
    }

.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: #e96a5b;
        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: #e96a5b
    }

        .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: #e96a5b;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 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%;
        -ms-border-radius: 50% 50% 50% 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: #e96a5b;
            background: #e96a5b;
            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: #e96a5b
    }

        .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 .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: #e96a5b
    }

        .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: #e96a5b
    }

        .pricing-table.blue .header {
            border-bottom-color: #04afe7
        }

        .pricing-table.blue .features li {
            background: #04afe7
        }

            .pricing-table.blue .features li:before {
                background: #e96a5b
            }

    .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: #e96a5b
        }

    .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: #e96a5b;
            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: #e96a5b;
        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: #e96a5b
    }

    .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: #e96a5b
    }

.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: #e96a5b;
    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: #e96a5b;
                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: #e96a5b
        }

            .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: #e96a5b
    }

        .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: #e96a5b;
                    -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: 0;
    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: #e96a5b;
        -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: #e96a5b
    }

    .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: #e96a5b
            }

                .style-changer .style-chagner-main .design-skins li.light-blue a {
                    background: #e96a5b
                }

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

    #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: #e96a5b;
    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
    }

#header.style1 {
    background: #e96a5b;
    padding-top: 30px
}

    #header.style1 * {
        color: #fff
    }

    #header.style1 .logo {
        margin: 0 0 0 -77px;
        float: none;
        position: absolute;
        left: 50%;
        top: 32px
    }

        #header.style1 .logo a {
            width: 155px;
            position: relative
        }

            #header.style1 .logo a:after {
                position: absolute;
                display: block;
                width: 130px;
                height: 30px;
                background: url(/assets/img/logo_txt.png) no-repeat #e96a5b;
                content: "";
                top: 0;
                right: 0
            }

    #header.style1 #main-menu ul.menu > li:hover > .megamenu-wrapper,
    #header.style1 #main-menu ul.menu > li:hover > ul,
    #header.style2 #main-menu ul.menu > li:hover > .megamenu-wrapper,
    #header.style2 #main-menu ul.menu > li:hover > ul,
    #header.style2 .topnav ul.quick-menu > li.ribbon:hover > ul.menu {
        top: 47px
    }

    #header.style1 .logo img {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    #header.style1 .social-icons {
        float: right
    }

        #header.style1 .social-icons li a {
            background: 0 0;
            border: 1px solid transparent;
            overflow: hidden
        }

            #header.style1 .social-icons li a:hover {
                border: 1px solid #40cbf8
            }

                #header.style1 .social-icons li a:hover i {
                    display: block;
                    animation: toBottomFromTop .3s forwards
                }

    #header.style1 .contact-details {
        float: left;
        margin-bottom: 30px
    }

        #header.style1 .contact-details .contact-phone {
            font-size: 1.1667em;
            font-weight: 700
        }

            #header.style1 .contact-details .contact-phone i {
                border-color: #40cbf8
            }

    #header.style1 #main-menu {
        border-top: 1px solid #40cbf8
    }

        #header.style1 #main-menu ul.menu {
            margin: 0 auto;
            float: none
        }

            #header.style1 #main-menu ul.menu > li {
                padding-left: 0;
                padding-right: 0;
                margin-right: 15px
            }

                #header.style1 #main-menu ul.menu > li > a {
                    padding-left: 20px;
                    padding-right: 20px;
                    height: 50px;
                    line-height: 50px;
                    font-weight: 700
                }

                #header.style1 #main-menu ul.menu > li.active > a,
                #header.style1 #main-menu ul.menu > li:hover > a {
                    color: #fff;
                    background: #40cbf8
                }

#header.style2 {
    z-index: 99
}

    #header.style2 .topnav {
        height: auto;
        background: #2d3e52
    }

        #header.style2 .topnav ul.quick-menu > li > a {
            color: #7c9abd;
            height: 50px;
            line-height: 50px
        }

            #header.style2 .topnav ul.quick-menu > li > a:hover {
                color: #fff
            }

        #header.style2 .topnav ul.quick-menu > li.ribbon > a:after {
            color: #7c9abd
        }

    #header.style2 .logo {
        margin-top: 28px
    }

        #header.style2 .logo a {
            background-size: auto 22px
        }

            #header.style2 .logo a img {
                width: auto;
                height: 22px
            }

    #header.style2 .header-search {
        padding-top: 22px;
        text-align: left;
        height: 78px
    }

        #header.style2 .header-search [class^=col-] {
            padding: 0
        }

        #header.style2 .header-search .check-in,
        #header.style2 .header-search .check-out,
        #header.style2 .header-search .where {
            border: 1px solid #dbdbdb;
            border-right: none
        }

        #header.style2 .header-search .guest span.custom-select {
            border: 1px solid #dbdbdb
        }

    #header.style2 #main-menu ul.menu {
        margin: 0 auto;
        float: none
    }

        #header.style2 #main-menu ul.menu > li {
            padding-left: 0;
            padding-right: 0;
            margin-right: 10px
        }

            #header.style2 #main-menu ul.menu > li > a {
                padding-left: 15px;
                padding-right: 15px;
                height: 50px;
                line-height: 50px;
                color: #7c9abd
            }

                #header.style2 #main-menu ul.menu > li.active > a,
                #header.style2 #main-menu ul.menu > li > a:hover {
                    color: #fff;
                    background: #263546
                }

#header.style4 #main-menu > ul.menu > li:hover > .megamenu-wrapper,
#header.style4 #main-menu > ul.menu > li:hover > ul,
#header.style4 .topnav ul.quick-menu .ribbon:hover > ul.menu {
    top: 48px
}

#header.style3 .inspire-btn,
#header.style3 .logo {
    margin-top: 34px
}

    #header.style3 .logo a {
        background-size: auto 26px
    }

#header.style3 #main-menu .menu {
    margin-right: 40px
}

    #header.style3 #main-menu .menu > li > a {
        font-size: 1.1667em;
        color: #d9d9d9;
        height: 96px;
        line-height: 96px
    }

    #header.style3 #main-menu .menu > li.active > a,
    #header.style3 #main-menu .menu > li:hover > a {
        color: #e96a5b
    }

#header.style4 {
    padding-top: 30px
}

    #header.style4 .logo {
        margin: 0 0 16px
    }

    #header.style4 .quick-search {
        display: inline-block
    }

        #header.style4 .quick-search .input-text {
            width: 250px
        }

    #header.style4 button {
        padding: 0 15px
    }

    #header.style4 .topnav {
        float: right;
        background: 0 0;
        width: auto;
        height: auto
    }

        #header.style4 .topnav ul.quick-menu > li > a {
            line-height: 50px;
            height: 50px;
            color: inherit
        }

        #header.style4 .topnav ul.quick-menu .ribbon > a:after {
            color: inherit
        }

    #header.style4 .main-navigation {
        border-top: 1px solid #f5f5f5
    }

    #header.style4 #main-menu > ul.menu {
        margin: 0 auto;
        float: none
    }

        #header.style4 #main-menu > ul.menu > li {
            padding-left: 0;
            padding-right: 0;
            margin-right: 2px
        }

            #header.style4 #main-menu > ul.menu > li > a {
                padding-left: 20px;
                padding-right: 20px;
                height: 50px;
                line-height: 50px
            }

            #header.style4 #main-menu > ul.menu > li.active > a,
            #header.style4 #main-menu > ul.menu > li:hover > a {
                font-weight: 700;
                color: inherit;
                background: #f5f5f5
            }

#header.style5 #main-menu > ul > li > a {
    line-height: 48px;
    height: 48px
}

#header.style5 #main-menu > ul > li:hover > .megamenu-wrapper,
#header.style5 #main-menu > ul > li:hover > ul {
    top: 46px
}

#header.style5 .logo {
    margin-top: 14px;
    min-height: initial
}

    #header.style5 .logo img {
        height: 20px
    }

    #header.style5 .logo a {
        background-size: auto 20px
    }

#header.style6 {
    padding-top: 20px
}

    #header.style6 .logo {
        margin: 0
    }

        #header.style6 .logo img {
            height: 24px
        }

        #header.style6 .logo a {
            background-size: auto 24px
        }

    #header.style6 button {
        padding: 0 15px
    }

    #header.style6 .topnav {
        float: left;
        background: 0 0;
        width: auto;
        height: auto;
        margin: 0 0 22px 20px
    }

        #header.style6 .topnav ul.quick-menu > li > a {
            line-height: 30px;
            height: 30px;
            color: inherit
        }

        #header.style6 .topnav ul.quick-menu .ribbon:hover > ul.menu {
            top: 28px
        }

        #header.style6 .topnav ul.quick-menu .ribbon > a:after {
            color: inherit
        }

    #header.style6 .main-navigation {
        background: #dc373e
    }

    #header.style6 #main-menu > ul.menu {
        margin: 0 auto;
        float: none
    }

        #header.style6 #main-menu > ul.menu > li {
            padding-left: 0;
            padding-right: 0;
            margin-right: 2px
        }

            #header.style6 #main-menu > ul.menu > li > a {
                padding-left: 20px;
                padding-right: 20px;
                height: 50px;
                line-height: 50px;
                font-weight: 700;
                color: #d07f00
            }

            #header.style6 #main-menu > ul.menu > li.active > a,
            #header.style6 #main-menu > ul.menu > li:hover > a {
                color: #fff;
                background: #efa300
            }

            #header.style6 #main-menu > ul.menu > li:hover > .megamenu-wrapper,
            #header.style6 #main-menu > ul.menu > li:hover > ul {
                top: 48px
            }

    #header.style6 .social-icons {
        margin-top: 10px
    }

        #header.style6 .social-icons li > a {
            background: 0 0;
            color: #d07f00
        }

            #header.style6 .social-icons li > a:hover {
                color: #fff
            }

                #header.style6 .social-icons li > a:hover i {
                    display: block;
                    animation: toBottomFromTop .3s forwards
                }

#header.style7 .logo {
    margin: 32px 0 0
}

    #header.style7 .logo img {
        height: 28px
    }

    #header.style7 .logo a {
        background-size: auto 28px
    }

#header.style7 .topnav {
    float: left;
    background: 0 0;
    width: auto;
    height: auto;
    margin: 0
}

    #header.style7 .topnav ul.quick-menu > li > a {
        line-height: 36px;
        height: 36px;
        color: inherit
    }

    #header.style7 .topnav ul.quick-menu .ribbon:hover > ul.menu {
        top: 34px
    }

    #header.style7 .topnav ul.quick-menu .ribbon > a:after {
        color: inherit
    }

#header.style7 .contact-details {
    text-transform: uppercase;
    margin: 0;
    line-height: 36px
}

    #header.style7 .contact-details i {
        color: #e96a5b
    }

    #header.style7 .contact-details .contact-phone {
        color: inherit;
        font-size: .8333em
    }

        #header.style7 .contact-details .contact-phone i {
            font-size: 14px
        }

    #header.style7 .contact-details .contact-email {
        color: inherit;
        font-size: .8333em;
        padding: 0 0 0 10px
    }

        #header.style7 .contact-details .contact-email i {
            font-size: 20px
        }

#header.style7 .main-navigation {
    background: #2d3e52
}

#header.style7 #main-menu > ul.menu {
    float: right
}

    #header.style7 #main-menu > ul.menu > li {
        padding-left: 0;
        padding-right: 0;
        margin-right: 2px
    }

        #header.style7 #main-menu > ul.menu > li > a {
            padding-left: 20px;
            padding-right: 20px;
            height: 96px;
            line-height: 96px;
            font-weight: 700;
            color: #7c9abd
        }

        #header.style7 #main-menu > ul.menu > li.active > a,
        #header.style7 #main-menu > ul.menu > li:hover > a {
            color: #fff
        }

        #header.style7 #main-menu > ul.menu > li:hover > .megamenu-wrapper,
        #header.style7 #main-menu > ul.menu > li:hover > ul {
            top: 94px
        }

#header.style7 .social-icons {
    margin-top: 32px
}

    #header.style7 .social-icons li > a {
        background: 0 0;
        color: #7c9abd;
        overflow: hidden
    }

        #header.style7 .social-icons li > a:hover {
            background: #e96a5b;
            color: #fff
        }

            #header.style7 .social-icons li > a:hover i {
                display: block;
                -webkit-animation: toBottomFromTop .3s forwards;
                -moz-animation: toBottomFromTop .3s forwards;
                animation: toBottomFromTop .3s forwards
            }

#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: #e96a5b;
            font-weight: 700
        }

        #main-menu ul.menu > li:hover > a,
        .chaser ul.menu > li:hover > a {
            color: #e96a5b
        }

        #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: #e96a5b
        }

            #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: #e96a5b
        }

            #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: #e96a5b
    }

        #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: #e96a5b
    }

        #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 #e96a5b
    }

    #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: #e96a5b
            }

    #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: #e96a5b
    }

    #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 #e96a5b;
    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: #e96a5b;
                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: #e96a5b
}

    .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: #e96a5b
}

    .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: #e96a5b;
    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 #e96a5b
            }

        #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 #e96a5b
        }

        #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: #e96a5b
    }

        #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: #e96a5b
            }

        #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: #e96a5b
        }

    #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: #fff;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    height: 88px;
}

    .chaser .top-header {
        display: none
    }

    .chaser header#header {
        top: 0;
        border-bottom: none
    }

    .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_we {
        max-height: 69px;
    }

    .chaser .home_menu {
        margin: 16px auto;
    }

    .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 .second-header {
        height: 55px;
        box-shadow: none
    }

    .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: 2px solid #ff5a5f;
    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: #e96a5b;
    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: #e96a5b;
    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
}



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

        .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: #e96a5b;
    -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: 700
}

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: #e96a5b;
    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: #e96a5b;
                        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: #e96a5b;
                    -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: #e96a5b
                }

    .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: #f0f3f7;
                height: 34px;
                padding: 0 45px 0 15px;
                line-height: 34px;
                display: block;
                color: #fff;
            }

                .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: #e96a5b;
            color: #fff
        }

        .sort-by-section .swap-tiles li.swap-list > a > i {
            font-size: 30px
        }




.filters-container.toggle-container .panel.style1 .panel-title {
    border-bottom: 1px solid #eef2f7;
    padding: 5px;
    text-transform: capitalize;
}

.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-option {
    margin-bottom: 10px
}

    .filters-container ul.filters-option li {
        margin-bottom: 1px;
        background: #fff;
        padding: 0
    }

        .filters-container ul.filters-option li a {
            color: inherit;
            display: block;
            padding: 8px 0;
            text-transform: uppercase;
            font-size: 11px
        }

        .filters-container ul.filters-option li small {
            float: right
        }

        .filters-container ul.filters-option li:before {
            float: left;
            width: 15px;
            height: 16px;
            display: block;
            line-height: 14px;
            text-align: center;
            margin-top: 12px
        }

        .filters-container ul.filters-option li:after {
            display: table;
            clear: both;
            content: ""
        }

        .filters-container ul.filters-option li.active {
            background: #e96a5b
        }

            .filters-container ul.filters-option li.active a {
                color: #fff
            }

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

#cruise-main-content .tab-content .tab-pane,
#flight-main-content .tab-content .tab-pane,
#hotel-main-content .tab-content .tab-pane {
    padding: 0
}

#cruise-main-content #calendar-tab,
#flight-main-content #calendar-tab,
#hotel-main-content #calendar-tab {
    background: #2d3e52;
    padding: 20px 30px
}

    #cruise-main-content #calendar-tab label,
    #cruise-main-content #calendar-tab p,
    #flight-main-content #calendar-tab label,
    #flight-main-content #calendar-tab p,
    #hotel-main-content #calendar-tab label,
    #hotel-main-content #calendar-tab p {
        color: #7c9abd
    }

    #cruise-main-content #calendar-tab .description,
    #flight-main-content #calendar-tab .description,
    #hotel-main-content #calendar-tab .description {
        padding-top: 30px
    }

    #cruise-main-content #calendar-tab .row,
    #flight-main-content #calendar-tab .row,
    #hotel-main-content #calendar-tab .row {
        border: none
    }

#cruise-main-content .calendar table,
#flight-main-content .calendar table,
#hotel-main-content .calendar table {
    width: 100%;
    table-layout: fixed;
    margin-top: 20px
}

    #cruise-main-content .calendar table thead td,
    #flight-main-content .calendar table thead td,
    #hotel-main-content .calendar table thead td {
        text-align: center;
        color: #dc373e;
        text-transform: uppercase;
        font-size: .8333em;
        text-indent: -5px;
        line-height: 3em
    }

    #cruise-main-content .calendar table tbody td,
    #flight-main-content .calendar table tbody td,
    #hotel-main-content .calendar table tbody td {
        padding: 0 5px 5px 0;
        text-align: right;
        position: relative
    }

        #cruise-main-content .calendar table tbody td > a,
        #cruise-main-content .calendar table tbody td > span,
        #flight-main-content .calendar table tbody td > a,
        #flight-main-content .calendar table tbody td > span,
        #hotel-main-content .calendar table tbody td > a,
        #hotel-main-content .calendar table tbody td > span {
            border: 1px solid #da6161;
            display: block;
            color: #da6161;
            padding: 5px;
            line-height: 1em;
            height: 4.6666em;
            font-size: 1.1667em;
            position: relative
        }

            #cruise-main-content .calendar table tbody td > a:before,
            #cruise-main-content .calendar table tbody td > span:before,
            #flight-main-content .calendar table tbody td > a:before,
            #flight-main-content .calendar table tbody td > span:before,
            #hotel-main-content .calendar table tbody td > a:before,
            #hotel-main-content .calendar table tbody td > span:before {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                content: "NOT AVAILABLE";
                background: #da6161;
                font-size: 10px;
                text-align: center;
                z-index: 1;
                line-height: 1;
                padding: 2.2em 5px 5px;
                color: #fff;
                display: none;
                cursor: default
            }

            #cruise-main-content .calendar table tbody td > a:hover:before,
            #cruise-main-content .calendar table tbody td > span:hover:before,
            #flight-main-content .calendar table tbody td > a:hover:before,
            #flight-main-content .calendar table tbody td > span:hover:before,
            #hotel-main-content .calendar table tbody td > a:hover:before,
            #hotel-main-content .calendar table tbody td > span:hover:before {
                display: block
            }

        #cruise-main-content .calendar table tbody td.available > a,
        #cruise-main-content .calendar table tbody td.available > span,
        #flight-main-content .calendar table tbody td.available > a,
        #flight-main-content .calendar table tbody td.available > span,
        #hotel-main-content .calendar table tbody td.available > a,
        #hotel-main-content .calendar table tbody td.available > span {
            border-color: #69902b;
            color: #69902b
        }

            #cruise-main-content .calendar table tbody td.available > a:before,
            #cruise-main-content .calendar table tbody td.available > span:before,
            #flight-main-content .calendar table tbody td.available > a:before,
            #flight-main-content .calendar table tbody td.available > span:before,
            #hotel-main-content .calendar table tbody td.available > a:before,
            #hotel-main-content .calendar table tbody td.available > span:before {
                background: #69902b;
                content: "BOOK FROM";
                cursor: pointer
            }

        #cruise-main-content .calendar table tbody td.date-passed > a,
        #cruise-main-content .calendar table tbody td.date-passed > span,
        #flight-main-content .calendar table tbody td.date-passed > a,
        #flight-main-content .calendar table tbody td.date-passed > span,
        #hotel-main-content .calendar table tbody td.date-passed > a,
        #hotel-main-content .calendar table tbody td.date-passed > span {
            border-color: #e96a5b;
            color: #e96a5b
        }

            #cruise-main-content .calendar table tbody td.date-passed > a:before,
            #cruise-main-content .calendar table tbody td.date-passed > span:before,
            #flight-main-content .calendar table tbody td.date-passed > a:before,
            #flight-main-content .calendar table tbody td.date-passed > span:before,
            #hotel-main-content .calendar table tbody td.date-passed > a:before,
            #hotel-main-content .calendar table tbody td.date-passed > span:before {
                background: #e96a5b;
                content: "DATE PASSED"
            }

        #cruise-main-content .calendar table tbody td .price-text,
        #flight-main-content .calendar table tbody td .price-text,
        #hotel-main-content .calendar table tbody td .price-text {
            position: absolute;
            bottom: 5px;
            right: 5px;
            color: #fff;
            font-size: .8571em
        }

#cruise-main-content .calendar-legend,
#flight-main-content .calendar-legend,
#hotel-main-content .calendar-legend {
    margin-top: 15px
}

    #cruise-main-content .calendar-legend label,
    #flight-main-content .calendar-legend label,
    #hotel-main-content .calendar-legend label {
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: normal !important;
        line-height: 15px;
        color: #fff !important;
        margin-right: 15px;
        font-size: .9167em
    }

        #cruise-main-content .calendar-legend label:before,
        #flight-main-content .calendar-legend label:before,
        #hotel-main-content .calendar-legend label:before {
            content: "";
            display: block;
            float: left;
            width: 15px;
            height: 15px;
            border: 1px solid;
            margin-right: 4px
        }

        #cruise-main-content .calendar-legend label.available:before,
        #flight-main-content .calendar-legend label.available:before,
        #hotel-main-content .calendar-legend label.available:before {
            border-color: #69902b
        }

        #cruise-main-content .calendar-legend label.unavailable:before,
        #flight-main-content .calendar-legend label.unavailable:before,
        #hotel-main-content .calendar-legend label.unavailable:before {
            border-color: #da6161
        }

        #cruise-main-content .calendar-legend label.past:before,
        #flight-main-content .calendar-legend label.past:before,
        #hotel-main-content .calendar-legend label.past:before {
            border-color: #e96a5b
        }

#car-details .intro,
#cruise-description .intro,
#cruise-reviews .intro,
#cruise-write-review .intro,
#flight-details .intro,
#hotel-description .intro,
#hotel-reviews .intro,
#hotel-write-review .intro,
#travel-guide .intro {
    background: #f5f5f5
}

    #car-details .intro.table-wrapper,
    #cruise-description .intro.table-wrapper,
    #cruise-reviews .intro.table-wrapper,
    #cruise-write-review .intro.table-wrapper,
    #flight-details .intro.table-wrapper,
    #hotel-description .intro.table-wrapper,
    #hotel-reviews .intro.table-wrapper,
    #hotel-write-review .intro.table-wrapper,
    #travel-guide .intro.table-wrapper {
        padding: 0;
        border-spacing: 15px;
        border-collapse: separate;
        table-layout: fixed
    }

        #car-details .intro.table-wrapper > *,
        #cruise-description .intro.table-wrapper > *,
        #cruise-reviews .intro.table-wrapper > *,
        #cruise-write-review .intro.table-wrapper > *,
        #flight-details .intro.table-wrapper > *,
        #hotel-description .intro.table-wrapper > *,
        #hotel-reviews .intro.table-wrapper > *,
        #hotel-write-review .intro.table-wrapper > *,
        #travel-guide .intro.table-wrapper > * {
            border-collapse: collapse
        }

        #car-details .intro.table-wrapper .table-cell,
        #cruise-description .intro.table-wrapper .table-cell,
        #cruise-reviews .intro.table-wrapper .table-cell,
        #cruise-write-review .intro.table-wrapper .table-cell,
        #flight-details .intro.table-wrapper .table-cell,
        #hotel-description .intro.table-wrapper .table-cell,
        #hotel-reviews .intro.table-wrapper .table-cell,
        #hotel-write-review .intro.table-wrapper .table-cell,
        #travel-guide .intro.table-wrapper .table-cell {
            background: #fff
        }

            #car-details .intro.table-wrapper .table-cell:last-child,
            #cruise-description .intro.table-wrapper .table-cell:last-child,
            #cruise-reviews .intro.table-wrapper .table-cell:last-child,
            #cruise-write-review .intro.table-wrapper .table-cell:last-child,
            #flight-details .intro.table-wrapper .table-cell:last-child,
            #hotel-description .intro.table-wrapper .table-cell:last-child,
            #hotel-reviews .intro.table-wrapper .table-cell:last-child,
            #hotel-write-review .intro.table-wrapper .table-cell:last-child,
            #travel-guide .intro.table-wrapper .table-cell:last-child {
                padding-left: 0;
                padding-right: 0
            }

#cruise-features,
#hotel-features {
    margin-top: 30px
}

#cruise-description .features,
#hotel-description .features,
#travel-guide .features {
    text-transform: uppercase;
    padding: 25px 20px;
    font-size: .8333em
}

    #cruise-description .features li,
    #hotel-description .features li,
    #travel-guide .features li {
        line-height: 2em
    }

    #cruise-description .features label,
    #hotel-description .features label,
    #travel-guide .features label {
        margin: 0 20px 0 0;
        width: 110px;
        border-right: 1px solid #f5f5f5;
        color: #e96a5b;
        white-space: nowrap
    }

#cruise-description .long-description,
#hotel-description .long-description,
#travel-guide .long-description {
    margin-top: 25px;
    padding: 0 15px
}

#cruise-availability .update-search,
#hotel-availability .update-search {
    background: #fff;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding: 10px 10px 0
}

    #cruise-availability .update-search [class*=" col-"],
    #cruise-availability .update-search [class^=col-],
    #hotel-availability .update-search [class*=" col-"],
    #hotel-availability .update-search [class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }

    #cruise-availability .update-search .row,
    #hotel-availability .update-search .row {
        margin-left: -5px;
        margin-right: -5px
    }

    #cruise-availability .update-search > div,
    #hotel-availability .update-search > div {
        margin-bottom: 20px
    }

#cruise-availability .room-list > article,
#hotel-availability .room-list > article {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5
}

    #cruise-availability .room-list .box .price-section,
    #cruise-availability .room-list > article:last-child,
    #hotel-availability .room-list .box .price-section,
    #hotel-availability .room-list > article:last-child {
        border-bottom: none
    }

#cruise-availability .room-list .load-more button,
#hotel-availability .room-list .load-more button {
    font-size: 1.3333em
}

#cruise-availability .room-list .box .action-section,
#cruise-availability .room-list .box .price-section,
#hotel-availability .room-list .box .action-section,
#hotel-availability .room-list .box .price-section {
    padding-right: 0
}

    #cruise-availability .room-list .box .action-section a.button,
    #hotel-availability .room-list .box .action-section a.button {
        padding: 0 20px
    }

#cruise-amenities .amenities li,
#hotel-amenities .amenities li,
#inflight-features .amenities li {
    padding: 0
}

#cruise-amenities .amenities.style1 li,
#hotel-amenities .amenities.style1 li,
#inflight-features .amenities.style1 li {
    margin-bottom: 1px
}

    #cruise-amenities .amenities.style1 li .icon-box,
    #hotel-amenities .amenities.style1 li .icon-box,
    #inflight-features .amenities.style1 li .icon-box {
        background: #f5f5f5
    }

#cruise-amenities .amenities.style2 li,
#hotel-amenities .amenities.style2 li,
#inflight-features .amenities.style2 li {
    margin-bottom: 20px
}

#cruise-reviews .rating,
#hotel-reviews .rating {
    padding: 20px 30px;
    background: #fff;
    text-align: center
}

    #cruise-reviews .rating .score,
    #hotel-reviews .rating .score {
        display: block;
        font-size: 5em;
        color: #2d3e52;
        font-weight: 300;
        line-height: 1.25em
    }

    #cruise-reviews .rating .five-stars-container,
    #hotel-reviews .rating .five-stars-container {
        font-size: 2.5em;
        margin-bottom: 20px
    }

#cruise-reviews .detailed-rating,
#hotel-reviews .detailed-rating {
    background: #fff;
    padding: 30px 0
}

    #cruise-reviews .detailed-rating li,
    #hotel-reviews .detailed-rating li {
        padding: 0 25px
    }

#cruise-reviews .guest-reviews,
#hotel-reviews .guest-reviews {
    margin-top: 25px;
    margin-bottom: 30px
}

    #cruise-reviews .guest-reviews .comment-container,
    #hotel-reviews .guest-reviews .comment-container {
        padding-left: 20px
    }

#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: #e96a5b
        }

.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: #e96a5b;
        color: #fff;
        border-color: #e96a5b
    }

    #cruise-write-review .sort-trip li.active > span,
    #hotel-write-review .sort-trip li.active > span {
        color: #e96a5b
    }

    #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: #e96a5b;
        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 #e96a5b;
            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: #e96a5b
}

.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: #e96a5b;
    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: #e96a5b;
        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: #e96a5b;
        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: 15px 15px 15px;
}

    .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: #e96a5b;
        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: #e96a5b;
            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: #e96a5b
    }

#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: #e96a5b;
    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: #e96a5b
    }

        #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: #e96a5b;
    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: #e96a5b
    }

.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 {
    position: relative;
    text-align: left
}

    .ui-slider.ui-slider-horizontal {
        height: 5px;
    }

        .ui-slider.ui-slider-horizontal .ui-slider-range {
            height: 100%
        }

        .ui-slider.ui-slider-horizontal .ui-slider-handle {
            margin-left: -10px;
            top: -7px;
        }

    .ui-slider.ui-widget-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background: #f5f5f5;
    z-index: 0;
    background: #ff5722 0% 0% no-repeat padding-box;
}

    .ui-slider .ui-slider-range {
        display: block;
        position: absolute;
        z-index: 1;
        border: none;
        background: #e96a5b;
        -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: #e96a5b
    }

    .ui-slider.slider-color-green .ui-slider-range {
        background: #69902b
    }

    .ui-slider .ui-slider-handle {
        cursor: default;
        position: absolute;
        z-index: 2;
        width: 17px;
        height: 18px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50%;
        background: #2d3e52
    }

.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: #e96a5b
    }

    .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 #08659d;
    z-index: 10001 !important
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        background: #08659d
    }

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

        .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: #08659d
        }

    .ui-datepicker span.ui-datepicker-month {
        font-weight: 700
    }

    .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: #08659d;
    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: #e96a5b
}

.ui-datepicker.blue {
    border: 1px solid #e96a5b
}

    .ui-datepicker.blue th span {
        color: #e96a5b
    }

.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: #e96a5b;
    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: #e96a5b;
            -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 #e96a5b;
            background: #fff;
            color: #e96a5b
        }

            .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: #e96a5b
    }

        .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: #e96a5b;
        color: #fff
    }

    .filters-container ul.categories-filter li.active a {
        color: #2d3e52
    }

        .faqs.style1 .filters-option li.active a,
        .filters-container ul.categories-filter li.active a small {
            color: #e96a5b
        }

.faqs .search-questions {
    margin-bottom: 4px
}

.faqs .faq-topics .filters-option {
    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-option li {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    background: 0 0;
    padding: 0
}

    .faqs.style1 .filters-option li.active {
        background: 0 0
    }

    .faqs.style1 .filters-option 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 #e96a5b;
    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 #e96a5b
    }

        .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-weight: 100;
    font-size: 25em;
    text-align: center;
    color: #e96a5b;
    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 #e96a5b;
           
            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: #e96a5b;
            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 #e96a5b;
    color: #7692b4
}

.coming-soon-page .email-notify .icon {
    background: #e96a5b;
    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-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: #e96a5b
        }

    .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: #e96a5b;
            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-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 #e96a5b;
        color: #708bac
    }

    .soap-login-page.style1 .login-form .checkbox {
        color: #708bac;
        cursor: pointer
    }

        .soap-login-page.style1 .login-form .checkbox:before {
            border-color: #e96a5b
        }

        .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: #e96a5b
            }

    .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: #e96a5b;
            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: #e96a5b
    }

.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,
.mobile_filter_btn,
.mobile_filter_btn_close,
.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
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.travel-cartpg table > thead > tr > th {
    padding: 4px !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: #233d63;
    height: 30px;
    margin-left: -21px;
    margin-top: -5px;
    opacity: .43;
    width: 100%
}

.all_alt {
    background-position: -1px -20px;
    height: 30px;
    margin-left: -8px;
    margin-right: 0;
    padding: 0 12px;
    width: 30px;
    font-family: FontAwesome
}

    .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: #e96a5b;
    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
}

#ui-datepicker-div {
    width: 36em !important
}

.active.select_item > a {
    color: #e96a5b !important
}

.sign-cancel-box {
    height: auto;
    margin-bottom: 30px;
    background: #fff;
    padding: 0 0 20px
}

.sign-dialog-box,
.sign-login-box {
    border: 3px solid #e96a5b;
    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:hover {
    border: 1px solid #398136
}

.backtohome_btn {
    background-color: #1B7DFF;
    border-radius: 0;
    color: #fff;
    height: 32px;
    line-height: 32px;
    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
}

.head_title,
.triptitle2 {
    font-size: 20px
}

    .triptitle2 span {
        font-weight: 400
    }

hr {
    border: 1px dotted #7791a0
}

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

.cart-value, .heartvealue {
    background: #006DFE;
    position: relative;
    float: right;
}

.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: 3px solid #e96a5b !important;
    border-radius: 6px;
    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: 3px solid #192B48;
    border-radius: 6px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto;
}

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

.cart-value {
    border: 1px solid #08659d;
    border-radius: 50%;
    color: #092555;
    font-size: 10px;
    font-weight: 700;
    left: -2px;
    padding: 1px 4px;
    top: -10px;
    line-height: 13px
}

.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: 2px solid #d2d2d2;
    clear: both;
    height: 48px;
    padding: 8px !important
}

.add_des_txtbox,
.add_desbutton {
    border: thin solid #ccc;
    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 4px 0 6px;
    text-align: center;
    font-size: 12px;
}

    .add_desbutton:active {
        border: 1px solid #00b7f1;
        background-color: #a5def0
    }

.currency_div::before,
.nationality_div::before,
.star_rating_div::before {
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 5px 0 0 81px;
    position: absolute;
    display: block;
    content: ""
}

.currency_div li:hover,
.nationality_div li:hover,
.star_rating_div li:hover {
    background-color: #eee;
    cursor: pointer
}

.nationality_div {
    left: -1px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

    .nationality_div::before {
        width: 0;
        border-bottom: 10px solid #fff
    }

    .nationality_div ul {
        left: -98px;
        width: 200px !important
    }

    .nationality_div li {
        border-bottom: 1px solid #ddd;
        color: #505050;
        padding: 8px 0 8px 10px
    }

.currency_div::before,
.star_rating_div::before {
    border-bottom: 10px solid #b3b3b3
}

.star_rating_div {
    left: -1px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

    .star_rating_div ul {
        padding: 4px 4px 0;
        width: 189px;
        left: -27px
    }

    .star_rating_div::before {
        width: 0
    }

    .star_rating_div li {
        color: #505050
    }

.currency_div {
    right: 3px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

    .currency_div::before {
        width: 0
    }

    .currency_div li {
        border-bottom: 1px solid #ddd;
        color: #505050;
        padding: 4px 10px;
        font-size: 12px;
    }

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

.my_listaed > li,
.row_line {
    border-bottom: 1px solid #e7e7e7
}

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

.row_line {
    color: #505050;
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    width: 100%
}

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

.row_line:hover {
    background-color: #e7e7e7
}

.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: 40px !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;
    text-align: justify;
}
.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: #e96a5b !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: #233d63;
    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 #lnkShoppingcart {
    color: #505050;
    float: right;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-right: none
}

.chaser .menu {
    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: #233d63;
    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 #233d63;
    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-image: url(/assets/project/img/logo1.png); */
    background-repeat: no-repeat;
    box-shadow: -3px 1px 9px #ccc;
    line-height: 70px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    color: #192B48;
    background-size: 130px;
}


.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: "x";
    font-size: 14px;
    font-weight: 700;
    opacity: 1 !important;
    position: absolute;
    top: -10px;
    z-index: 10000;
    color: #fff
}

.clr {
    clear: both;
    border: 4px solid #fff !important
}

.Forgot_pwd .travelo-signup-box,
.travelo-login-box {
    width: 416px
}

#my_booking .close-s::before {
    height: 28px;
    right: 217px;
}

.popup-wrapper .popup-content .close-s::before {
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 6px;
    right: 275px
}

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

.popup-wrapper .popup-content .close::before {
    border: 2px solid #fff;
    border-radius: 50%;
    right: -8px;
    padding: 5px 8px;
    top: -20px
}

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

@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%
    }
}

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

.pr20 {
    padding-right: 20px !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: #ff5a5f !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
}

.removeInline .tab-pane div,
.removeInline p,
.removeInline span,
.removeInline ul li {
    font-size: 15px !important
}

.removeInline div {
    font-size: 12px !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
}

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



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

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

.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: 100px;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    margin: auto;
    border-radius: 2px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, .2)
}

.alt_title p {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 6px;
    padding-left: 8px;
    width: auto
}

.close_div {
    background-color: #fff;
    border-radius: 50px;
    color: #233d63;
    float: right;
    font-size: 21px;
    line-height: 1;
    margin-right: 9px;
    margin-top: 10px;
    opacity: 1;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 22px;
    cursor: pointer
}

.alt_title {
    width: 100%;
    height: 46px
}

.alt_div_succ {
    padding-left: 11px;
    height: 44px;
    border: thin solid #fff;
    text-align: left;
    width: 100%;
    margin-bottom: 0 !important
}

#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: #233d63;
    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
}

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

@media only screen and (min-device-width:320px) and (max-device-width:800px) {
    .main_menu,
    .xs_waitpage {
        position: absolute;
        right: 0
    }

    .main_menu {
        width: 46px !important
    }

    .res_mobilr_div {
        left: 0 !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 {
        height: 56px
    }

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

    .alert_wrapp a.button.btn-medium {
        width: auto
    }

    #my_booking .close-s::before,
    .popup-wrapper .popup-content .close::before {
        right: 0;
        top: 0
    }

    .head_title {
        height: 80px !important;
        line-height: 72px !important;
        padding-left: 10px !important;
        text-align: left !important;
        background: 0 0 !important
    }
}

#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: 18em
}

.ui-datepicker-group-last {
    border-right: medium none !important;
    float: right;
    width: 17.8em
}

.fa-phone1,
.h-date,
.registernw > li,
.rotate-img {
    float: left
}

.ui-datepicker-group {
    border-right: 1px solid #08659d
}

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

.text-bold {
    font-weight: 500 !important;
}

.text-red {
    color: red !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
}

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

.login_first1 {
    width: 300px;
    margin: Auto;
    border: 2px solid #e96a5b;
    border-radius: 0;
    background-color: #fff;
    position: relative
}

    .login_first1 .logo {
        margin-bottom: 12px;
        background-color: #193e6c;
        padding: 7px
    }

.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 .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: #e96a5b;
    right: 0
}

.fa-shopping-cart::before {
    content: "\f07a"
}

.fa-shopping-cart {
    font-size: 22px !important;
}

.cd-panel {
    visibility: hidden
}

@media only screen and (min-device-width:320px) and (max-device-width:768px) {
    .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 #233d63;
        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: "\f00c";
        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) {
    .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
}

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

.enqmobile {
    background-position: -101px -247px
}

.enqskype {
    background-position: -164px -271px
}

.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(/assets/project/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%;
    padding: 6px 12px;
    border: 1px solid #9c9c9c !important;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -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
}

    .form-control:focus {
        border-color: #233d63;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .form-control::-moz-placeholder {
        color: #444;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #444
    }

    .form-control::-webkit-input-placeholder {
        color: #444
    }

.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: #e96a5b
}

ul.footerlinksb2b li a:hover {
    background-color: #e96a5b;
    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: 138px;
    left: 0;
    position: fixed;
    top: 250px;
    width: 36px;
    z-index: 11;
    border: 1px solid #fa2;
    border-radius: 0 6px 6px 0;
    background: -webkit-linear-gradient(left, #ffb931, #ffeb63);
    background: -moz-linear-gradient(left, #ffb931, #ffeb63);
    background: -o-linear-gradient(left, #ffb931, #ffeb63);
    background: linear-gradient(to right, #ffb931, #ffeb63)
}

.feed_text {
    -moz-transform: rotate(90deg);
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 29px;
    color: #233d63;
    font-family: arial;
    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
}



.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: #e96a5b
}

.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:320px) 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:320px) 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:320px) 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
    }
}

@media (min-width:320px) and (max-width:440px) {
    .wait_tour .xs_waitpage {
        width: 330px !important
    }

    .wait_tour .wait_wrapp {
        margin-right: 0;
        margin-left: 35px !important
    }
}

.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: #e96a5b;
    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
}

#forgot .close-s::before {
    margin-right: -21px;
    position: relative;
    right: -10px;
    top: -38px;
    padding: 1px 6px !important
}

.scroll_btn {
    z-index: 111;
    bottom: 30px;
    position: fixed;
    right: 10px;
}

.fa-long-arrow-up::before {
    content: "\f176"
}

#back-to-top .fa-long-arrow-up {
    border: 0;
    color: #fff;
    font-size: 15px;
    height: 37px !important;
    line-height: 36px !important;
    width: 38px !important;
    border-radius: 0;
    display: inline-block;
    background: #ff5722;
}

.slider_wrap .fa-angle-left,
.slider_wrap .fa-angle-right {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    position: absolute;
    top: 40%;
    z-index: 5
}

.carousel-control,
.we-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.carousel-control {
    color: #fff;
    font-size: 20px;
    opacity: .5;
    padding-top: 20%;
    text-shadow: none;
    width: 5%
}

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



    .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: #f5f5f5;
    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: #ff5a5f
}

.yellow-brgt {
    color: #ffd200
}

.text-black {
    color: #233d63
}

.heading-pt {
    position: relative;
    top: 32%
}

.point-dtl a {
    font-size: 11px
}

.addcarousel_slide {
    border: none
}

.setsearch .vc_row-fluid {
    background-color: transparent !important
}

.login_first1 {
    height: 375px !important
}


.wd200px {
    width: 200px
}


#header.top {
    top: 45px
}


.fa-bars:before {
    content: "\f0c9"
}

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

.addcarousel_slide {
    border-top: 0 !important
}

.my-booking-pop,
.sign-dialog-box {
    border: 3px solid #b52555 !important;
    border-radius: 3px;
}

.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: #1b7dff;
}

.customer-care {
    background: #ff6c26;
    padding: 12px 20px
}

.callicontxt,
.callicontxtno {
    color: #fff
}

.phone-white {
    background-position: -99px -66px;
    width: 22px;
    height: 35px;
    float: left
}

.visible-lg {
    display: none
}

.mnwd150 {
    min-width: 150px
}

.mnwd100 {
    min-width: 100px
}

.mnwd220 {
    min-width: 220px
}

.left-30px {
    left: -30px
}

.pull-left {
    float: left
}

.header-pattern01 .pr15px {
    padding-right: 15px
}

.header-pattern01 .mt10px {
    margin-top: 10px
}

.header-pattern01 .top_search input {
    width: 100%;
    padding: 10px 14px;
    background: #fff;
    color: #202020;
    border: none;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    display: block;
    outline: 0
}

#divlogin::placeholder {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards
}

@keyframes autofill {
    100% {
        background: #fff;
        color: #233d63 !important
    }
}

@-webkit-keyframes autofill {
    100% {
        background: rgba(0, 0, 0, .7);
        color: #fff
    }
}


@media (min-width:1200px) {
    .header-pattern01 .visible-lg {
        display: block !important
    }
}

@media (max-width:1199px) {
    .md-pull-left {
        float: left !important
    }
}

@media (max-width:992px) {
    .new_navbar {
        position: absolute;
        background: #1077bd;
        z-index: 9;
        top: 39px;
        width: 100%;
        padding: 20px
    }

    .pr15px {
        padding-right: 15px
    }
}




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

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

@media only screen and (max-width:437px) {
    header#header {
        position: inherit
    }
}

@media only screen and (max-width:432px) and (min-width:366px) {
    header#header {
        position: inherit
    }
}

@media only screen and (max-width:409px) {
    header#header {
        position: inherit
    }
}

@media only screen and (max-width:365px) and (min-width:321px) {
    header#header {
        position: inherit
    }
}

@media only screen and (max-width:320px) {
    header#header {
        position: inherit
    }
}

.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: 50%
}

.fa-chevron-circle-right,
.fa-lock,
.fa-unlock-alt,
.fa-user {
    background: 0 0;
    padding-left: 0
}

.input-group-addon {
    padding: 6px 12px;
    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,
.titlecontent ul li,
.titlewhy {
    font-weight: 700
}

.header-pattern01 .top_search input[type=checkbox] {
    margin-left: -20px !important
}

.loginbtn {
    background: #333;
    width: 100%
}



    .loginbtn input {
        padding: 7px 10px;
        background: #1077bd
    }

.flags-arabic {
    background-position: -85px -142px;
    padding: 0 10px;
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px;
}

.flags-uae,
.sericon i {
    background-repeat: no-repeat
}

.flags-uae {
    background-position: -69px -230px;
    padding: 0 10px;
    width: 30px !important;
    height: 30px !important
}

.flags-france {
    background-position: -105px -143px;
    padding: 0 10px;
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px;
}

.flags-Chinese {
    background-position: -105px -147px;
    padding: 0 10px;
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px
}

.flags-eng {
    background-position: -65px -142px;
    padding: 0 10px;
    width: 20px !important;
    height: 20px !important;
    margin-top: 0px;
}

.sericon i {
    background-image: url(/assets/project/img/searchicon.png);
    width: 40px;
    height: 45px;
    float: left
}

    .sericon i.point {
        background-position: 1px -119px;
        border: none
    }

.select-service .sericon i.hotel {
    background-position: -37px -10px;
    height: 28px;
    margin: 7px auto
}

.select-service .sericon i.Transfer {
    background-position: 0 -11px;
    height: 28px;
    margin: 7px auto
}

.select-service .sericon i.tours {
    background-position: -80px -13px;
    height: 28px;
    margin: 7px auto
}

.select-service .sericon i.package {
    background-position: -203px -9px;
    height: 28px;
    margin: 7px auto
}

.select-service .sericon i.Bpackage {
    background-position: -127px -11px;
    height: 28px;
    width: 28px;
    margin: 7px auto
}

.select-service .sericon i.retaurant {
    background-position: -152px -9px;
    height: 28px;
    margin: 7px auto
}

.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 {
    color: #fff;
    position: relative;
    height: 35px;
    line-height: 30px;
    padding: 0;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    text-align: center;
}

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

    .btn-floating i {
        width: inherit;
        text-align: center;
        color: #fff;
    }

button.btn-floating {
    border: none
}

.fa.fa-instagram {
    background-position: -142px -220px
}

.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: 12px;
}


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

@font-face {
    font-family: edosz;
    src: url(/assets/project/font/edosz-webfont.woff) format('woff')
}

@font-face {
    font-family: CenturyGothic;
    src: url(/assets/project/font/CenturyGothic.woff) format('woff')
}

.footerimgtr {
    position: absolute;
    top: 0;
    height: 121px;
    width: 100%;
    z-index: 1
}

.footerimgcity {
    position: absolute;
    bottom: 0;
    width: 100%
}

.footer-areawe {
    margin-top: 0;
    position: relative;
    color: #fff;
    background-color: #085d97;
    padding-top: 50px;
    font-size: 12px;
    font-family: Trebuchet MS
}

    .footer-areawe::after {
        content: "";
        height: 121px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.footertitle {
    font-size: 14px;
    color: #fff;
    padding: 35px 0 10px
}

.resocial {
    display: inline-flex
}

    .resocial .fa:hover {
        color: #f9b90f
    }

.trianglecontent {
    text-align: center;
    position: relative;
    bottom: 25px;
    z-index: 2
}

.compnyname {
    text-align: center;
    padding: 35px;
    font-size: 12px
}

    .compnyname span {
        color: #8fd1ee
    }

.linkwe > li::before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 11px;
    left: 0;
    top: 2px;
    width: 13px;
    transition: all .3s ease 0s;
    padding-right: 5px
}

.center h1,
.center h5 {
    font-family: inherit
}

.linkwe a:hover {
    color: #d3d3d3
}

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

.login-fullwidith {
    width: 100%;
    height: 100%;
    position: fixed
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .rotateimage {
        -webkit-animation-duration: 4s !important;
        -webkit-animation-timing-function: linear !important;
        -webkit-animation-delay: 0s !important;
        -webkit-animation-direction: normal !important;
        -webkit-animation-fill-mode: none !important;
        -webkit-animation-iteration-count: infinite !important;
        -webkit-animation-play-state: running !important;
        -webkit-animation-name: spin !important
    }

    .slider_wrap .fa-angle-left,
    .slider_wrap .fa-angle-right {
        left: 20px !important
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .rotateimage {
        -ms-animation-duration: 4s !important;
        -ms-animation-timing-function: linear !important;
        -ms-animation-delay: 0s !important;
        -ms-animation-direction: normal !important;
        -ms-animation-fill-mode: none !important;
        -ms-animation-iteration-count: infinite !important;
        -ms-animation-play-state: running !important;
        -ms-animation-name: spin !important
    }
}

.center h5 {
    font-size: 2em;
    color: #fff;
    margin-bottom: 5%
}

.titlewhy {
    font-size: 2.5em;
    color: #fff;
    display: block;
    margin-bottom: 25px
}

.titlecontent ul li {
    font-size: 22px;
    color: #fff;
    margin-bottom: 8px;
    list-style-type: square;
    list-style-position: inside
}

.package_date,
.tour_city,
.tour_country {
    left: 0;
    position: absolute;
    right: 0;
    top: 113px;
    font-size: 20px;
    height: 65px;
    width: 153px;
    word-break: break-all;
    margin: 0 auto
}

.wiatlogo {
    text-align: center;
    margin: 60px auto
}

.day_date {
    font-size: 5em;
    display: inline-block;
    margin-top: 32px;
    font-family: DINProLight
}

.dayname {
    font-size: 16px;
    margin-top: 4px;
    color: #233d63
}

.waitmoment,
.youare {
    color: #fff;
    position: absolute
}

.wait_wrapp .date_time {
    top: 65px
}

.plzwait {
    font-size: 20px;
    height: 65px;
    margin: 0 auto
}

@font-face {
    font-family: DINProLight;
    src: url(/assets/project/font/DINProLight.ttf) format('truetype')
}

@media (max-width:620px) {
    .titlecontent {
        display: none
    }

    .rotateimage {
        height: 95px;
        width: 95px
    }

    .wait_wrapp .date_time {
        position: absolute;
        right: 0;
        top: 18px;
        margin: 0 auto
    }

    .day_date {
        font-size: 1.5em
    }

    .dayname,
    .month_year {
        font-size: 12px
    }

    .Checkin,
    .Checkout,
    .room {
        font-size: 10px
    }

    .wiatlogo img {
        height: 65px
    }

    .center h1 {
        font-size: 2.4em
    }

    .package_date,
    .tour_city,
    .tour_country {
        top: 65px;
        font-size: 12px;
        height: 50px;
        width: 76px;
        margin: 0 auto
    }
}

@media (max-width:408px) {
    .package_date,
    .tour_city,
    .tour_country,
    .wait_wrapp .date_time {
        left: 26px
    }

    .plzwait {
        top: 35px;
        font-size: 12px
    }
}

.weheader .bg_red {
    background: linear-gradient(#f44c3b, #f86d5d)
}

.weheader .bg_green {
    background: linear-gradient(#009083, #01b2ac)
}

.weheader .bg_yellow {
    background: linear-gradient(#f56500, #f89300)
}

.line_h12 {
    line-height: 12px
}

.weheader .Credit_color,
.weheader .Deposit_color,
.weheader .point_color {
    background: #588193;
    padding: 10px;
    color: #fff
}

.weheader .Credit::after {
    background: #f9705e
}

.weheader .triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 10px
}

.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,
.deposit_icon,
.point_gold_silver,
.point_icon {
    display: inline-block;
    vertical-align: bottom;
    background-image: url(/assets/project/img/searchicon.png)
}

.point_icon {
    width: 43px;
    height: 31px;
    background-position: -2px -123px
}

.Credit_icon {
    width: 43px;
    height: 31px;
    background-position: -4px -159px
}

.agt-fa {
    color: #fff;
    padding: 2px;
    border: 1px solid #08659d;
    border-radius: 50%;
    height: 20px;
    font-size: 12px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    background-image: none !important;
    background: #08659d
}

.yellow_text {
    color: #fcf000
}

.br_bottom {
    border-bottom: 1px solid #fff
}

.cart_icon {
    width: 30px;
    height: 30px;
    background-position: -211px -179px;
    margin-right: 5px;
    background-image: url(/assets/project/img/searchicon.png);
    float: left
}

.deposit_icon {
    width: 43px;
    height: 31px;
    background-position: -202px -147px
}

.Credit,
.Deposit,
.point {
    text-align: left;
    text-transform: uppercase;
    vertical-align: super;
    color: #fff;
    z-index: 999
}

#emptyCart .empty_cart img, #notfound .dis-notfound-inline, #notfoundroom .dis-notfound-inline {
    width: 100%;
    height: auto;
    margin: 25px auto;
}
#emptyCart .empty_cart {
    text-align: center
}

.new_nav {
    float: left;
    left: 10px;
    margin: 5px auto;
    border-radius: 0
}

.text_color_blue {
    color: #197ec2
}

.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: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 20px;
    font-family: FontAwesome
}

.carousel,
.item {
    height: 100%
}

.fa-angle-left::before {
    content: "\f104"
}

.fa-angle-right::before {
    content: "\f105"
}

@media (max-width:768px) {
    .banner-area::after,
    .banner-area::before {
        display: none !important
    }

    section#content {
        min-height: auto
    }
}

.point_text,
.point_tool_text {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    display: inline-block
}

.header-pattern01 .darkHeader {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    z-index: 9;
    background-color: #1077bd;
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.wemain-menu {
    padding-top: 43px;
    height: auto
}

.fa-spinner:before {
    content: "\f110"
}

.point_text {
    position: absolute;
    left: 0;
    top: 16px;
    width: 100%
}

.point_gold_silver {
    float: right;
    width: 46px;
    height: 46px;
    position: relative
}

.gold_Points {
    background-position: -97px -214px
}

.silver_Points {
    background-position: -147px -214px
}

.diamond_Points {
    background-position: -194px -214px
}

.onrequest_bg {
    background: #ededed !important;
    border: 1px solid #828282 !important;
    color: #233d63 !important
}

.points_tooltrip {
    width: 190px;
    height: 20px;
    z-index: 9;
    opacity: 0;
    border-radius: 5px;
    padding: 15px;
    line-height: 26px;
    top: -37px;
    position: absolute;
    left: -71px;
    pointer-events: none
}

.point_tool_text {
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%
}

.silver_Points .points_tooltrip {
    background: #939598
}

.diamond_Points .points_tooltrip {
    background: #b86120
}

.gold_Points .points_tooltrip,
.gold_Points .points_tooltrip::before {
    background: #b98b3c
}

.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: "Platinum Points Valid for this rate"
}

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

.diamond_Points .points_tooltrip::before,
.gold_Points .points_tooltrip::before,
.silver_Points .points_tooltrip::before {
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    position: absolute;
    left: 44%;
    transform: rotate(46deg)
}

.diamond_Points .points_tooltrip::before {
    background: #b86120
}

.silver_Points .points_tooltrip::before {
    background: #939598
}

#confirmedAlert .close::before,
#confirmedAlertSubUser .close::before,
#touramendmentconfirm .close::before, #confirmedAlertAll .close::before {
    opacity: 0 !important;
    top: -832px;
}

.ht_146 {
    height: auto
}

.bt_grybg {
    background-color: #a7aaac !important
}

.table > tbody > tr > th,
.table > thead > tr > th {
    text-align: center;
    letter-spacing: .5px;
    font: 100%/125% Arial
}



.footbrand {
    margin-left: -60px;
    background: #eee;
    height: 90px
}

.foot {
    background: #eee;
    line-height: 90px;
    margin-top: 50px
}

    .foot .brand {
        padding: 2px 40px 2px 2px;
        max-width: 269px
    }

    .foot a {
        margin-top: 12px;
        font-size: 12px;
        padding: 6px;
        letter-spacing: 1px;
        border-radius: 4px;
        line-height: 13px;
        float: left;
        width: auto
    }

    .foot .payments {
        margin-top: 30px
    }

.footside {
    width: 10px;
    height: auto;
    border-style: solid;
    border-width: 90px 70px 0 0;
    border-color: #dcdcdc transparent transparent
}

.supplierbtn {
    width: 249px !important
}

.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 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    z-index: 9999;
    color: #233d63
}

.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: #e96a5b;
    margin-right: 5px
}

.common_loader .waitMe .waitMe_text {
    position: relative;
    margin: 20px 0 0;
    color: #233d63
}

.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 {
    content: "\f00c";
    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: 3px 3px 0 0;
    text-align: left;
    line-height: 16px;
    height: 30px
}

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

.agent_name {
    color: #c3c3c3;
    font-size: 13px;
    max-width: 165px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.preloading {
    display: inline-block;
    min-width: 48px;
    min-height: 48px;
    background: url(/assets/project/img/AjaxLoader.gif) center center no-repeat
}

.title_image {
    background: 0 0 !important;
    min-width: unset;
    min-height: unset
}

#notfound {
    background: #fff
}

.empty_cart {
    text-align: center
}

.page-title-container img {
    position: absolute;
    object-fit: cover
}

#confirmedAlert a.button:hover {
    background: #192b48;
}

.enquiry-thanks .fa-check-circle:before {
    content: "\f058"
}

.enquiry-thanks .center_div {
    background: #f2f2f2;
    padding: 30px;
    margin-top: 0;
}

.enquiry-thanks .font-25 {
    font-size: 25px
}

.enquiry-thanks .font-18 {
    font-size: 18px
}

.toggle-container .panel.bor-none .panel-titlee a {
    color: #08659d !important
}

.enquiry-thanks .fa.fa-check-circle {
    font-size: 60px;
    color: #192B48;
}


.enquiry-thanks .backtohome_btn:hover {
    border: 0 solid #398136
}

.rate_brack {
    color: red;
    font-size: 11px;
    white-space: nowrap;
}

.alert_wrapp a.button.btn-medium {
    width: auto
}

.month_year {
    font-size: 21px;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration: none;
    color: #233d63
}

.breadcrumb-wrapper {
    background-image: url('/assets/project/img/banner.jpg?v6');
    padding: 0;
    position: relative;
    z-index: 1;
    height: 250px;
    background-size: cover;
}

    .breadcrumb-wrapper:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: -1;
        opacity: 0.5;
    }

    .breadcrumb-wrapper .breadcrumb-content {
        padding: 0 0 10px;
        position: relative;
        top: 95px;
    }

        .breadcrumb-wrapper .breadcrumb-content h2 {
            font-size: 30px;
            text-transform: capitalize;
            font-weight: 700;
            text-align: center;
            color: #fff;
            line-height: 1.1;
        }

        .breadcrumb-wrapper .breadcrumb-content ul {
            position: absolute;
            bottom: 0;
            left: 50%;
            /* background-color: #fff; */
            padding: 10px 32px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-radius: 30px;
            margin-bottom: -22px;
            box-shadow: 0 10px 40px rgba(82,85,90,.1);
            display: flex;
            align-items: center;
            padding: 0;
            letter-spacing: 0.28px;
            color: #1B7DFF;
        }

            .breadcrumb-wrapper .breadcrumb-content ul li {
                text-transform: capitalize;
                color: #fff;
                font-size: 16px;
                font-weight: 500;
                position: relative;
            }

                .breadcrumb-wrapper .breadcrumb-content ul li a {
                    color: #1B7DFF;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    font-size: 16px;
                    font-weight: 500;
                    text-transform: capitalize;
                    padding-right: 0;
                    position: relative;
                }

                    .breadcrumb-wrapper .breadcrumb-content ul li a:after {
                        content: "";
                        position: absolute;
                        right: 7px;
                        font-size: 28px;
                        line-height: 10px;
                    }

.new-frg-btn {
    background: #b52555;
}

.pr10 {
    padding-right: 10px;
}

.breadcrumb-content h2 {
    margin: 0;
    font-size: 35px;
    letter-spacing: 0.64px;
    color: #192B48;
    font-weight: 700;
}

.breadcrumb-content {
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}

.ticket-office__footer .currencysymbol {
    font-size: 29px;
}

.ticket-office__footer a.Checkout_btn:hover {
    color: #fff;
}