@import url("https://fonts.googleapis.com/css?family=Oswald|Raleway:100,200,400,500");

.logo_main {
    max-width: 286px;
    margin-top: 0px;
    height: 50px;
    padding: 0 6px;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.font18 {
    font-size: 18px;
}

.navbar-default {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2);
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}

a {
    text-decoration: none;
}

footer .navbar-brand {
    position: relative;
    top: -14px;
    border-radius: 0px 0px 20px 20px;
    background: #fff;
    display: inline-block;
    height: auto !important;
    width: auto !important;
    max-width: 70% !important;
    vertical-align: top;
    padding: 15px !important;
    z-index: 0;
    left: -4px;
    box-shadow: 0px 4px 10px rgba(0,0,0,.5);
    margin-top: -38px;
}

    footer .navbar-brand img {
        position: relative !important;
        transform: translate(0) !important;
        max-height: none;
        max-width: 70%;
        top: auto;
        left: auto;
    }

.hamburger {
    padding: 8px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    display: none;
    float: right;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

.cpolicy_hotelaa {
    margin: 0px !important;
    width: 88% !important;
}

.hamburger:hover, .hamburger:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.ui-dialog-titlebar.ui-corner-all {
    display: none
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
        width: 40px;
        height: 4px;
        background-color: #333;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*-------------------slider---------------*/
.navbar-brand {
    text-align: center;
    padding: 1px !important;
    height: 60px;
    width: 200px;
    position: relative;
}

    .navbar-brand img {
        max-width: 90%;
        max-height: 90%;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        cursor: pointer;
    }

#main-slide .item img {
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    height: auto;
}

#main-slide .item .slider-content {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

.SmlSub {
    font-size: 13px;
    opacity: .4;
}

#main-slide .slider-content {
    top: 50%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

#main-slide .carousel-indicators {
    bottom: 0px;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #fff !important;
    margin: 1px !important;
}

#main-slide .carousel-control.left, #main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    overflow: hidden;
}

    #main-slide .carousel-control.left span {
        padding: 15px;
    }

    #main-slide .carousel-control.right span {
        padding: 15px;
    }

#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    opacity: .5;
}

#main-slide .carousel-control .fa-angle-left {
    left: 0;
    border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -ms-border-radius: 0px 6px 6px 0px;
    -o-border-radius: 0px 6px 6px 0px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 0;
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -ms-border-radius: 6px 0px 0px 6px;
    -o-border-radius: 6px 0px 0px 6px;
}

#main-slide .carousel-control i {
    background: rgba(0,0,0,.7);
    color: #fff;
    line-height: 36px;
    font-size: 32px;
    padding: 3px 10px 3px 12px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#main-slide .carousel-control:hover .fa-angle-left, #main-slide .carousel-control:hover .fa-angle-right {
    opacity: .8;
}

#main-slide .slider-content h2 {
    font-size: 50px !important;
    font-weight: 100;
    text-transform: uppercase;
    color: #555;
}

    #main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
        color: #fff;
    }

#main-slide .slider-content h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 60px;
    text-transform: uppercase;
    text-align: center;
    color: #555;
}

.slider.btn {
    padding: 10px 40px;
    margin-top: 40px;
    font-size: 20px;
    border-radius: 2px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

    .slider.btn.btn-default {
        margin-left: 4px;
        background: #ECECEC
    }

        .slider.btn.btn-default:hover {
            background: #000;
            color: #fff;
        }

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right {
    position: relative;
}

.owl-wrap-main {
    padding: 0px 0px 15px 0px;
}

.owl-carousel {
    overflow: hidden
}

    .owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        height: 0px;
        width: 100%;
        left: 0px;
        right: 0px;
    }

        .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
            font-size: 0px;
        }

            .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before {
                position: absolute;
                top: 50%;
                z-index: 5;
                display: inline-block;
                transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                -o-transform: translate(0, -50%);
                transition: all .3s ease-in;
                -webkit-transition: all .3s ease-in;
                -moz-transition: all .3s ease-in;
                -ms-transition: all .3s ease-in;
                -o-transition: all .3s ease-in;
                opacity: .8;
                background: rgba(0,0,0,.7);
                color: #fff;
                line-height: 36px;
                font-size: 32px;
                padding: 3px 10px 3px 12px;
                left: 0px;
                border-radius: 0px 6px 6px 0px;
                -webkit-border-radius: 0px 6px 6px 0px;
                -moz-border-radius: 0px 6px 6px 0px;
                -ms-border-radius: 0px 6px 6px 0px;
                -o-border-radius: 0px 6px 6px 0px;
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                background: rgba(0,0,0,.7);
                color: #fff;
                line-height: 36px;
                font-size: 32px;
                padding: 3px 12px;
            }

            .owl-carousel .owl-nav .owl-next:before {
                right: 0;
                left: auto;
                border-radius: 6px 0px 0px 6px;
                -webkit-border-radius: 6px 0px 0px 6px;
                -moz-border-radius: 6px 0px 0px 6px;
                -ms-border-radius: 6px 0px 0px 6px;
                -o-border-radius: 6px 0px 0px 6px;
            }

            .owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-prev:hover:before {
                opacity: .8;
            }

            .owl-carousel .owl-nav .owl-next:before {
                content: "\f105";
            }

            .owl-carousel .owl-nav .owl-prev:before {
                content: "\f104";
            }

.owl-prev.disabled, .owl-next.disabled {
    display: none !important
}
/*-- Animation --*/
.carousel .item.active .animated1 {
}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 1s ease-in 1000ms both;
    animation: fadeInDown 1s ease-in 1000ms both;
}

.footer_down {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/*-------------------slider---------------*/

/*---------corsel-------*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.ribbon span {
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #f94141;
    background: linear-gradient(#f94141 0,#f94141 100%);
    text-shadow: 1px 1px 2px rgba(0,0,0,.25);
    position: absolute;
    top: 19px;
    left: -21px;
}

.ribbon {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: center;
}

.grid-item-inner {
    position: relative;
    overflow: hidden;
    color: #fff;
}

#popular-slide.owl-theme .owl-controls {
    margin-top: 0;
}

.grid-margin {
    margin-left: -10px;
    margin-right: -10px;
}

.grid-item {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

.grid-item-inner {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.grid-content {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
}

.place-name {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #f94141;
    -webkit-border-radius: 10px 10px 10px 0px;
    -moz-border-radius: 10px 10px 10px 0px;
    -ms-border-radius: 10px 10px 10px 0px;
    -o-border-radius: 10px 10px 10px 0px;
    border-radius: 10px 10px 10px 0px;
}

.travel-times h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
}

.travel-times span {
    position: relative;
    color: #fec107;
}

.grid-price {
    float: right;
    padding-top: 22px;
    font-weight: 700;
    padding: 10px;
    display: inline-block;
}

    .grid-price span {
        font-size: 28px;
        color: #fec107;
        top: 0px;
    }

    .grid-price > * {
        display: inline-block;
        vertical-align: baseline;
        font-style: normal;
        padding: 0px 2px;
        margin: 0px;
    }

    .grid-price b {
        font-size: 14px;
        position: relative;
        color: #fec107;
    }

.grid-item-inner {
    width: 100%;
    height: 200px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.grid-img-thumb a img {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.grid-item-inner:hover a img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.grid-price {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grid-item-inner:hover .grid-price, .grid-item-inner:focus .grid-price, .grid-item-inner:active .grid-price {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.title h2 {
    margin: 0 0 5px;
    text-align: center;
    font-weight: 800;
    color: #000;
    position: relative;
    z-index: 10;
}

.title p {
    margin: 0;
    color: #7d7d7d;
    line-height: 23px;
    letter-spacing: 0.25px;
}

.title {
    text-align: center;
    margin: 15px 0px 6px 0px;
}

    .title.onlyShape {
        margin-bottom: 16px;
    }

.popular-inner .title {
    margin-top: 0;
    margin-bottom: 20px;
}

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

/*.sidebar {
	background-color: #f2f2f2;
}*/
.wrap {
    background-color: #f2f2f2;
    margin: 0px auto;
    width: 100%;
    background: transparent;
}

.container {
    width: 100% !important
}

    .container.lg_container.mar_tp20 {
        background: transparent;
    }

.htlbox {
    color: #6a6a6a;
    margin: 0px;
    font-size: 30px;
    /* height: 33px; */
    text-transform: capitalize;
    padding-top: 11px;
    padding-bottom: 11px;
}

.borderbox {
    margin: 0px;
    padding: 0px;
}

.packg-bx {
    box-shadow: 0px 1px 2px #333;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.starbx {
    border-bottom: solid 1px;
    border-color: #cecece;
    padding-bottom: 30px;
    padding-top: 12px;
}

    .starbx ul {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .starbx ul li {
            list-style: none;
            display: block;
            float: left;
            padding-left: 55px;
        }

            .starbx ul li i {
                padding-right: 5px;
            }

            .starbx ul li a {
                color: #000000;
            }

            .starbx ul li span {
                display: block;
                margin: 0px;
                padding: 0px;
                font-family: arial;
                font-size: 12px;
                color: #000000;
                float: right;
                padding-top: 3px;
            }

.ctrbx {
    display: block;
    margin-top: 6px;
}

    .ctrbx h4 {
        font-family: arial;
        font-size: 16px;
        color: #d90036;
    }

    .ctrbx span {
        display: block;
        margin: 0px;
        padding: 0px;
        font-family: arial;
        font-size: 14px;
        color: #000;
    }

.cntr-bnt {
    width: 97%;
    padding: 0px;
    box-shadow: 5px 5px 5px #888;
    margin-bottom: 20px;
    padding-left: 15px;
}

.ctrnewbx {
    width: 100%;
    background-color: #fff;
}

.ctrnewmain {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none !important;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    background: #fff;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 2px rgb(170, 170, 170);
    /*box-shadow: 0 0 0px 2px rgb(170, 170, 170);*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.ctrnewstartbx {
    width: 100%;
}

    .ctrnewstartbx img {
        border-top-left-radius: 5px;
        height: 180px;
        border-top-right-radius: 5px;
        width: 100%;
        border: none; /*height:auto;*/
    }

.innerbx {
    padding: 12px 20px;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.ctrratingbx {
}

    .ctrratingbx ul {
        margin: 0px;
        padding: 0px;
    }

        .ctrratingbx ul li {
            display: block;
            list-style: none;
            float: left;
        }

            .ctrratingbx ul li i {
                padding-right: 5px;
                margin: 0px;
                color: #a93911;
                padding-bottom: 5px;
            }


.ctrheadingbx {
    float: left;
    width: 100%;
}

    .ctrheadingbx h5 {
        height: 36px;
        font-family: 'Roboto', arial, helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #4d4d4d;
        margin: 0px;
        padding-bottom: 5px;
    }

    .ctrheadingbx span {
        display: block;
        font-family: 'Roboto', arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #858585;
        margin: 0px;
        border-bottom: solid 1px;
        padding-bottom: 5px;
        border-bottom-color: #CCCCCC;
    }

    .ctrheadingbx p {
        font-family: 'Roboto',arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #858585;
        margin-top: 5px;
        text-align: justify;
        height: 40px;
        min-height: 40px;
    }

.ctrproduct {
    width: 100%;
    float: left;
}

    .ctrproduct ul {
        margin: 0px;
        padding: 0px;
    }

        .ctrproduct ul li {
            display: block;
            float: none;
            list-style: none;
            padding-top: 20px;
        }

            .ctrproduct ul li span {
                font-weight: 600;
                width: 100%;
                color: #fff;
                padding: 7px 7px;
                background: #a93911;
                border-radius: 3px;
                line-height: 30px;
                font-family: 'Roboto', arial, helvetica, sans-serif;
                font-size: 16px;
            }

.cartbox {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    text-align: center;
}

.cartbox-main {
    width: 100%;
    margin: 0 auto;
}

    .cartbox-main ul {
        margin: 0px;
        padding: 0px;
    }

        .cartbox-main ul li {
            list-style: none;
            display: block;
            text-align: center;
            padding-right: 10px;
        }

            .cartbox-main ul li i {
            }

            .cartbox-main ul li a {
                text-decoration: none;
                color: #585858;
                border: solid 1px;
                border-color: #bdbdbd;
                padding: 7px 5px;
                border-radius: 3px;
                font-family: 'Roboto', arial, helvetica, sans-serif;
                font-size: 12px;
            }

                .cartbox-main ul li a:hover {
                    background-color: #e6e6e6;
                    color: #000;
                }

.ctrnewmain:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.25);
    box-shadow: 0 4px 2px rgba(0,0,0,0.25);
}


.ww-star-rating-container {
    position: relative;
    vertical-align: middle;
    font-family: FontAwesome;
    display: inline-block;
    color: #ddd;
    width: 100%;
}

.tags_room {
    float: right;
}

.ww-star-rating-container:before {
    content: "\f006 \f006 \f006 \f006 \f006"
}

.ww-star-rating-container .ww-star-rating {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffac5a
}

    .ww-star-rating-container .ww-star-rating.ww-stars-0 {
        width: 0%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-5 {
        width: 10%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-10 {
        width: 20%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-15 {
        width: 30%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-20 {
        width: 40%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-25 {
        width: 50%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-30 {
        width: 60%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-35 {
        width: 70%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-40 {
        width: 80%
    }

    .ww-star-rating-container .ww-star-rating.ww-stars-45 {
        width: 90%
    }

    .ww-star-rating-container .ww-star-rating:before {
        content: "\f005 \f005 \f005 \f005 \f005"
    }

.line {
    border-bottom: 1px solid #cccccc;
    padding: 2.5px 0;
}

.info-row {
    font-size: 15px; /*margin-top: -30px;*/
}

.strong {
    font-weight: bold;
}

.text-muted {
    color: #8a8a8a;
}

.toggle-view-type {
}

    .toggle-view-type .view-type.active {
        color: #000;
    }

    .toggle-view-type a:hover {
        text-decoration: none;
    }

#tgle_hotel2, #tgle_hotel1 {
    min-height: 1027px;
    height: auto;
}

.hotel-inner, .tour-inner {
    background: #f8f8f8;
}

.hotel-item {
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

    .hotel-item .hotel-image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-bottom: 0;
        width: 30%;
        display: table-cell;
    }

        .hotel-item .hotel-image .img:after, .hotelItemWrap .hotel-image .img:after {
            right: -90%;
            opacity: 0.2;
            background: #ffffff;
            -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
            -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
            transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
        }

    .hotel-item:hover .hotel-image .img:after, .hotelItemWrap:hover .hotel-image .img:after {
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
        -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
        right: 90%;
    }

    .hotel-item .hotel-body {
        padding: 6px 6px;
        width: 40%;
        display: table-cell;
        vertical-align: middle;
    }

        .hotel-item .hotel-body .ratting i {
            font-size: 11px;
        }

        .hotel-item .hotel-body h3 {
            margin: 5px 0;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .hotel-item .hotel-body p {
            color: #bebebe;
            font-size: 13px;
            line-height: 21px;
        }

        .hotel-item .hotel-body .free-service i {
            font-size: 18px;
            margin-right: 5px;
            color: #868686;
            cursor: pointer;
        }

.hotel-right {
    width: 30%;
    text-align: center;
    background: #fff;
    padding: 15px 10px;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
}

.hotel-person {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
}

    .hotel-person span {
        display: block;
        font-size: 24px;
        margin: 10px 0px 10px 2px;
        font-weight: 700;
        line-height: 22px;
    }

.hotel-item .thm-btn {
    margin-top: 20px;
}

.thm-btn {
    background-color: #a93911;
    color: white !important;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 13px;
    border: 0;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .thm-btn:before {
        content: '';
        position: absolute;
        border: white solid 3px;
        border-radius: 4px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .thm-btn:hover:before, .thm-btn:focus:before, .thm-btn:active:before {
        opacity: 1;
    }

    .thm-btn:hover {
        color: white;
        text-decoration: none;
    }

.toolerr i.fa.fa-child {
    margin-left: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h5 {
    font-size: inherit;
}

fieldset {
    border: 1px solid transparent;
    margin: 0 2px;
    padding: 10px 15px 15px;
    border-radius: 15px;
    min-width: 100%;
}

.valignmiddle {
    vertical-align: middle !important;
}

.valigntop {
    vertical-align: top !important;
}

.valignbaseline {
    vertical-align: baseline !important;
}

legend {
    width: auto;
    padding: 5px 20px;
    color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    margin-left: 0px;
    background-color: #ececec;
    margin-bottom: 0;
}

.package_basic .form-control {
    box-shadow: none;
    border-radius: 0;
    border: 2px solid rgba(0,0,0,.1);
    height: 50px;
    font-size: 13px;
}

.package_basic .form-group {
    margin: 4px
}

.package_basic .form-control:focus {
    border-color: #3c948b;
}

.package_basic textarea.form-control {
    height: 216px;
    resize: none;
}

body {
    font-family: 'Muli', sans-serif;
}

.icon-addon {
    position: relative;
}

    .icon-addon .fa-calendar {
        position: absolute;
        z-index: 2;
        position: absolute;
        z-index: 2;
        right: 14px;
        font-size: 20px;
        width: 20px;
        text-align: center;
        padding: 14px 0;
        top: 0;
        margin: 0;
    }

label {
    text-transform: capitalize;
}

.no-transitions * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.head-con {
    width: 100%;
    border-bottom: 1px solid #A3A5A6;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.img-circl-div {
    width: 100px;
    padding: 0 15px 0 0;
    float: left;
}

a.vendorlink {
    float: left;
}

.itemhead {
    width: auto;
    float: left;
    padding: 0 0 0 0px;
}

.vendor_right_headline {
    width: auto;
    float: left;
    margin: 0px;
    color: #FF8598;
    font-size: 22px;
}

.headline_heart {
    float: left;
    padding: 5px 0px 0px 10px;
}

.float_left {
    float: left;
}

.float_rgt {
    float: right;
}

.vendor_stars_pencil {
    color: #767779;
    font-size: 16px;
    padding: 1px 5px 0px 0px;
    float: left;
    margin-top: 2px;
}

.vendor_stars_reveiws {
    font-size: 16px;
    float: left;
    margin-right: 10px;
}

.vendor_headline_address {
    font-size: 14px;
}

.headline_heart a img {
    height: 28px;
    margin-top: -12px;
    margin-left: 5px;
}

.fullwidth {
    width: 100%
}

.width75 {
    width: 75%;
    float: left;
}

.width25 {
    width: 25%;
    float: left;
}

.slider {
    width: 100%;
    height: 450px;
    border: 1px solid darkgrey;
}

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

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

.nav > li > a {
    position: inherit;
    display: block;
    padding: 15px 12px;
    position: relative;
}

.nav > li .tooltip-inner {
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.nav > li > a * {
    display: inline-block;
    vertical-align: middle;
}

.nav > li > a .label {
    font-size: 100%;
}

.nav > li > a i {
    font-size: 20px;
    margin-right: 5px;
}

.navBookClose {
    font-size: 17px;
    margin-right: 0px !important;
    position: absolute !important;
    top: 1px !important;
    right: 0px !important;
    cursor: pointer;
}

.nav > li.navactive.active > a {
    border-top: 0px solid #2776b4;
    font-weight: 900;
    letter-spacing: 1.1px;
    position: relative;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.5;
    border-radius: 14px 14px 0 0;
}

    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        background: transparent;
        border: none;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 0;
    background-color: transparent;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-bottom: 0px solid grey;
    }

.nav-tabs > li > a {
    color: #0089d0;
    border: 0px;
}

    .nav-tabs > li > a:hover {
        border: 0;
        background-color: transparent;
        border-bottom: 0px solid #0089d0;
    }

.navlabel {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #ffac5a;
}

.tab {
    border-bottom: 3px solid #33495e;
}

.tab-ac:hover {
    border-bottom: 3px solid #33495e;
}

.lg_container {
}

.jumbotron {
    padding-bottom: 0;
    background-color: #fff;
    margin: 0; /*background-color: #014d9c;*/
    min-height: 768px;
    position: relative;
    padding-top: 54px;
    width: 100%;
    overflow-x: hidden;
}

footer {
    background: #252525;
    margin-top: 5px;
}

    footer .lg_container > p {
        margin-top: 10px;
        color: white;
    }

.mar_bottm20 {
    margin-bottom: 20px;
}

.active_tab_color {
    color: #33495e !important;
}

/*.jumbotron p {font-size: 14px !important;
}*/
.jumbotron p {
    font-size: 14px;
}

.mar_tp10 {
    margin-top: 10px !important;
}

.mar_tp20 {
    margin-top: 20px !important;
}

.mar_tp30 {
    margin-top: 30px !important;
}

.mar_lft10 {
    margin-left: 10px;
}

.mar_lft5 {
    margin-left: 5px !important;
}

.mar_rgt10 {
    margin-right: 10px;
}

.mar_lft5 {
    margin-left: 5px;
}

.mar_rgt5 {
    margin-right: 5px;
}

.font_18 {
    font-size: 18px;
}

.font_20 {
    font-size: 20px;
}

.font_22 {
    font-size: 22px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.htldetailmain {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 30px;
}

    .htldetailmain h4 {
        font-weight: 600;
        font-size: 26px;
    }

    .htldetailmain p {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .htldetailmain .htlDtlTab {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

#Ratingdiv1 {
    margin-top: -5px;
}

    #Ratingdiv1 i.fa.fa-star {
        font-size: 16px;
        color: #ff6b00;
    }

.h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    display: inline;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 8px;
}

#save_to_my_heart a small {
    font-size: 16px;
}

.h6 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
}

.not_avail {
    font-weight: 300;
    font-size: 32px;
    margin: 0px;
    padding: 0px;
    color: #e0222d;
    line-height: 35px;
    display: inline;
    height: 65px;
    padding-top: 22px;
}

.head_sec_detail {
    padding: 0;
    overflow: hidden;
    margin: 0px;
}

.slider_sect_htl {
    padding: 7px 0 20px 0px;
}

#exTab1.container {
    border-top: solid 1px #f5f5f5;
}

.htlInter {
}

    .htlInter img {
        width: 100%;
        min-height: 470px;
    }

.exptionalbx {
    width: 100%;
    float: left;
}

    .exptionalbx img {
        max-width: 100%
    }
/*.exptionalbx h5 { font-weight: 300; font-size:32px; margin:0px; padding:0px;  color:#e0222d;}*/
.guestebx {
    width: 100%; /*margin-top:20px;*/
}

.sec_guestbx1 h5 {
    font-size: 32px;
    margin: 0px;
    padding: 0px;
    color: #0089d0;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-right: 5px;
}

.sec_guestbx1 span {
    line-height: 36px;
    font-weight: 300;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

    .sec_guestbx1 span:first-of-type {
        font-size: 21px;
    }

.sec_guestbx1 #spnTripComment {
    color: #e0222d;
}

.profile_img_htl {
    line-height: 32px;
    display: block;
    width: 100px;
    height: auto;
    border-radius: 50%;
    vertical-align: middle;
    border: 0;
    min-height: 78px;
}

#floordiv a {
    color: #0089d0;
}

#floordiv img {
    padding-right: 2px;
}

.guest_rv {
    font-size: 10px;
    color: #0089d0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2rem;
}

    .guest_rv strong {
        font-size: 13px;
        color: #333;
    }

.sec_guestbx1 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 6px;
}

.sec_guestbx2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.line_auto_htl {
    width: auto !important;
    line-height: 25px;
}

.ww-star-rating-border {
    border: solid 3px #0089d0;
    padding: 5px;
    max-width: 140px;
    margin: 10px auto 10px auto;
}

    .ww-star-rating-border .h1 {
        padding-top: 15px;
    }

.width_auto {
    width: auto !important;
}

.h1.section-header {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 45px;
    font-family: "ProximaNova", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: .8;
}

.ww-star-rating-border > * {
    display: block;
}

.ww-star-rating-border strong {
    padding-bottom: 8px;
}

.color-blue {
    color: #0089d0 !important;
}

.guest_r {
    font-size: 10px;
    color: #0089d0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2rem;
}

.ratinggstba {
    width: 100%;
    float: left;
    margin-top: 0px;
}

    .ratinggstba i {
        color: #0089d0;
        font-size: 16px;
        padding: 0px 3px;
    }

    .ratinggstba b {
        font-weight: 300;
        font-size: 26px;
        padding-left: 10px;
    }

    .ratinggstba p {
        font-weight: 300;
        font-size: 16px;
    }

        .ratinggstba p a {
            text-decoration: none;
            color: #000000;
        }

div#ltrAttractions {
    padding-bottom: 10px;
    line-height: inherit;
    font-weight: 300;
    width: 100%;
    color: black;
}

#ltrAttractions p {
    line-height: inherit;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
    float: left;
}

.hotel_descrip_detail12 p {
    line-height: 20px;
    font-weight: 500;
    font-size: 14px; /* line-height: 8px; */
    color: #8a8a8a;
}

.hotel_descrip_detail12 > span:first-of-type h3 {
    margin-top: 10px;
}

.travellerte {
    width: 100%;
}

    .travellerte h4 {
        font-weight: 500;
        font-size: 22px;
        color: #0089d0;
        padding: 0;
        text-transform: uppercase;
        margin: 0 0 10px;
    }

.booking-item-raiting-list, .booking-item-raiting-summary-list {
    font-size: 13px;
    margin-bottom: 30px;
}

    .booking-item-raiting-list > li, .booking-item-raiting-summary-list > li {
        margin-bottom: 5px;
        overflow: hidden;
    }

        .booking-item-raiting-list > li > div, .booking-item-raiting-summary-list > li > div {
            height: 26px;
            float: left;
            line-height: 26px;
        }

            .booking-item-raiting-list > li > div.booking-item-raiting-list-title, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-title {
                width: 24%;
            }

            .booking-item-raiting-list > li > div.booking-item-raiting-list-bar, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-bar {
                width: 60%;
                background: #e6e6e6;
                height: 20px;
                margin-top: 3px;
            }

                .booking-item-raiting-list > li > div.booking-item-raiting-list-bar > div, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-bar > div {
                    background: #0089d0;
                    height: 100%;
                }

            .booking-item-raiting-list > li > div.booking-item-raiting-list-number, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-number {
                margin-left: 2%;
                width: 10%;
                font-weight: 800;
                text-align: center;
            }

.summarybx {
    width: 100%;
}

    .summarybx h4 {
        font-weight: 700;
        font-size: 25px;
        color: #0089d0;
        margin: 0;
        padding: 0;
    }

.smilebx {
    width: 100%;
    float: left;
}

.smilelft {
    width: 50%;
    float: left;
}

    .smilelft ul {
        margin: 0px;
        padding: 0px;
    }

        .smilelft ul li {
            list-style: none;
            display: block;
            color: #000000;
            line-height: 25px;
            font-size: 13px;
        }

.smilerht {
    width: 50%;
    float: left;
    max-width: 80px;
}

    .smilerht ul {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .smilerht ul li {
            list-style: none;
            display: block;
            overflow: hidden;
        }

            .smilerht ul li i {
                display: block;
                padding-right: 3px;
                float: left;
                color: #a93911;
                line-height: 25px;
            }

.about-bxx {
    width: 100%;
    float: left;
}

    .about-bxx h4 {
        font-weight: 300;
        font-size: 26px;
    }

    .about-bxx p {
        line-height: inherit;
        font-weight: 300;
        font-size: 14px;
        text-align: justify;
    }

    .about-bxx b {
        padding-bottom: 2px;
        line-height: 20px;
        font-weight: bold;
    }

.alblerombx {
    float: left;
}

    .alblerombx h4 {
        font-weight: 300;
        font-size: 26px;
        color: #333;
    }

.htlfltyrht {
}

    .htlfltyrht h4 {
        font-weight: 300;
        font-size: 26px;
        color: #333;
    }

.alblerombbx {
    width: 100%;
    border: solid 1px;
    border-color: #cccccc;
    float: left;
    padding: 20px;
    border-radius: 5px;
    margin-top: 15px;
}

.htldtlsuitebx {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    border: solid 1px;
    border-color: #0089d0;
    padding: 15px 0px;
    border-radius: 3px;
}

.juniorbx {
}

    .juniorbx img {
        width: 100%;
        height: 150px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

.juniorctr {
    width: 100%;
}

    .juniorctr h5 {
        font-weight: 300;
        font-size: 24px;
        margin: 0px;
        padding: 0px;
        color: #000;
    }

    .juniorctr p {
        font-weight: 300;
        font-size: 14px;
        padding: 0px;
        margin-top: 10px;
        text-align: justify;
    }

.junioriconsbx {
    width: 100%;
    float: left;
}

.junioricons {
    margin-top: 10px;
}

    .junioricons ul {
        margin: 0px;
        padding: 0px;
    }

        .junioricons ul li {
            list-style: none;
            display: block;
            float: left;
            padding-right: 10px;
        }

            .junioricons ul li i {
                border-radius: 3px;
                border: solid 1px #ccc;
                padding: 5px 10px;
            }

            .junioricons ul li a {
                text-decoration: none;
                color: #a93911;
            }

                .junioricons ul li a:hover {
                    color: #000;
                }

            .junioricons ul li span {
                display: block;
                text-align: center;
            }

.all-junior {
    width: 100%;
    float: left;
}

    .all-junior ul {
        margin: 0px;
        padding: 0px;
        margin-top: 5px;
    }

        .all-junior ul li {
            list-style: none;
            display: block;
            float: left;
            padding-right: 10px;
        }

            .all-junior ul li i {
                border-radius: 3px;
                border: solid 1px #ccc;
                padding: 5px 10px;
            }

            .all-junior ul li a {
                text-decoration: none;
                color: #a93911;
            }

                .all-junior ul li a:hover {
                    color: #000;
                }


.all-juniorrht {
    width: 100%;
}

    .all-juniorrht h4 {
        font-weight: 300;
        font-size: 32px;
        margin: 0px;
        padding: 0px;
        color: #a93911;
        display: inline-block;
        margin-bottom: 12px;
    }

    .all-juniorrht span {
        margin: 0px;
        padding: 0px;
        text-align: right;
    }

        .all-juniorrht span a {
            padding: 10px;
            background-color: #000000;
        }

.htl-dtalsbkbtn {
    background-color: #a93911;
    text-align: center;
    padding: 7px 5px;
    border-radius: 3px;
    cursor: pointer;
}

    .htl-dtalsbkbtn a {
        text-decoration: none;
        color: #fff;
        font-weight: 300;
        font-size: 16px;
    }

        .htl-dtalsbkbtn a.hover {
            background-color: #e0222d;
            border-radius: 40px;
        }

.htl-ftesrht {
    width: 100%;
}

.htl-ftesrhtbx { /*background-color:#fff;*/
    float: left;
    margin-top: 9px;
    padding: 5px;
    width: 100%;
}

    .htl-ftesrhtbx ul {
        margin: 0px;
        padding: 0px;
    }

        .htl-ftesrhtbx ul li {
            list-style: none;
            display: block;
            float: left;
            padding: 6px;
            width: 100%;
        }

            .htl-ftesrhtbx ul li i {
                border-radius: 3px;
                border: solid 1px #ccc;
                padding: 5px 10px;
            }

            .htl-ftesrhtbx ul li a {
                text-decoration: none;
                color: #a93911;
            }

            .htl-ftesrhtbx ul li span {
                font-weight: 300;
                font-size: 14px;
                color: #000000;
                padding-left: 10px;
            }

.tools-ber {
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

    .tools-ber:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 8px solid #4e78c0;
        border-right: 8px solid transparent;
        position: absolute;
        left: 0;
        top: 0;
    }

.custom-search .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #ddd;
}

.custom-search .hotel-search {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: 0px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ddd;
}

.custom-search .form-control:focus + button {
    z-index: 3;
}

.select-filters {
    width: 100%;
    overflow: hidden;
    height: auto;
    background: url('../../images/down-arrow.png') right center no-repeat #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    display: block;
}

    .select-filters select {
        background: 0 0;
        width: 116%;
        padding: 7px 5px 5px 10px;
        border: 0;
        border-radius: 0;
        height: 31px;
        margin: 0;
        font-size: 12px;
        color: #888;
        font-weight: 400;
        -moz-appearance: window;
        -webkit-appearance: none;
        cursor: pointer;
    }


.hotel-inner #map, .tour-inner #map {
    height: 400px;
    margin-bottom: 20px;
}

.hotel-list-content .hotel-item .hotel-body .ratting i {
    font-size: 13px;
}

.collapse.in {
    display: block;
}


#exTab1 .tab-content {
    color: #000;
    background-color: #ffffff;
    height: auto;
}

#exTab2 h3 {
    color: white;
    background-color: #ffffff;
    min-height: 320px;
    height: auto;
    padding: 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

.tab_box {
    display: inline-block;
    margin: 0 4px 0 20px;
    padding-bottom: 32px;
    position: relative;
    vertical-align: top;
    width: 175px;
}

    .tab_box a {
        color: #365899;
        cursor: pointer;
        text-decoration: none;
        font-family: inherit;
    }

.mainets {
    position: relative;
    font-family: inherit;
}

.mainets_inner {
    width: 173px;
    height: 173px;
    line-height: 175px;
    background: #fff;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
}

._3etu, ._3etw {
    background: #fff;
    border: solid 1px #818892;
    position: absolute;
    width: 173px;
    height: 173px;
}

._3etw {
    left: 9px;
    top: 9px;
    z-index: 0;
}

._3etu {
    left: 6px;
    top: 6px;
    z-index: 1;
}

._3-8p {
    margin-bottom: 16px;
}

._3-8v {
    margin-left: 20px;
    margin-right: 20px;
    background-color: white;
    padding-top: 20px;
}

.albums_section {
    font-size: 16px;
    color: #4b4f56;
    font-family: inherit;
    line-height: 20px;
}

.slid_img {
    height: 500px;
    width: 100%;
}

.carousel-inner {
    width: 100%;
}

    .carousel-inner > .item {
        overflow: hidden;
    }

.toolerr {
    background-color: #fff;
    padding: 10px;
    margin: 0;
    margin-bottom: 14px;
    position: relative;
    min-height: 55px;
    border: 1px solid #e8e8e8;
}

    .toolerr [class*="col-"], .toolerr [class^="col-"], .add_paxWrap .add_pax [class*="col-"], .add_paxWrap .add_pax [class^="col-"], .bkdetailsTableWrap [class*="col-"], .bkdetailsTableWrap [class^="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .toolerr .row, .add_paxWrap .add_pax .row, .bkdetailsTableWrap .row {
        margin-left: -5px;
        margin-right: -5px;
    }

.donebox {
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    margin: 0 3px 2px 3px;
    overflow: visible;
    text-decoration: none !important;
    text-align: center;
    width: auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    border-radius: 5px;
    padding: 0 20px;
    height: 34px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.2);
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: auto;
    white-space: normal;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}

    .donebox > .fa {
        margin-right: 3px;
    }

.filters-btn {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 8px;
    color: #888;
    display: inline-block;
}

.sidber-box .filters-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}

.filters-btn i {
    color: #000;
    font-size: 16px;
}

.filters-btn:hover {
    border-color: #4e78c0;
}

#map {
    width: 100%;
    height: 58vh;
}

.sidber-box {
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}

    .sidber-box:before, .tools-ber:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 8px solid #4e78c0;
        border-right: 8px solid transparent;
        position: absolute;
        left: 0;
        top: 0;
    }

.cats-title {
    padding: 10px 70px 15px 22px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    font-size: 16px;
    position: relative
}

    .cats-title span {
        font-size: 10px;
        padding: 2px 6px; /*border-radius: 25px;*/
        color: #fff; /*margin-left: 10px;*/
    }

    .cats-title.record-found {
        padding-bottom: 10px;
    }

.cats-widget ul {
    padding: 0px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    padding: 30px;
}

    .cats-widget ul li {
        list-style: outside none none;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .cats-widget ul li a {
            color: #797986;
        }

        .cats-widget ul li span {
            float: right;
        }

.checkbox-star, .facility, .help-widget, .price-Pips, .select-filtersa {
    padding: 20px 22px;
}

.sidber-box .checkbox, .sidber-box .radio {
    margin-top: 0;
}

    .sidber-box .checkbox:last-child, .sidber-box .radio:last-child {
        margin-bottom: 0;
    }

    .sidber-box .checkbox label, .sidber-box .radio label {
        padding-left: 0;
        color: #797986;
        font-weight: 500;
        cursor: pointer;
    }

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox-star .star i {
    color: #fec107 !important;
}

.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.checkbox-star .star i {
    font-size: 13px;
    line-height: 16px;
    margin: 0 1px;
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar,
.irs {
    height: 40px;
}

.irs-line {
    height: 12px;
    top: 25px;
}

.irs-line-left {
    height: 12px;
    background-position: 0 -30px;
}

.irs-line-mid {
    height: 12px;
    background-position: 0 0;
}

.irs-line-right {
    height: 12px;
    background-position: 100% -30px;
}

.irs-bar {
    height: 12px;
    top: 25px;
    background-position: 0 -60px;
}

.irs-bar-edge {
    top: 25px;
    height: 12px;
    width: 9px;
    background-position: 0 -90px;
}

.irs-shadow {
    height: 3px;
    top: 34px;
    background: #000;
    opacity: 0.25;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}

.irs-slider {
    width: 16px;
    height: 18px;
    top: 22px;
    background-position: 0 -120px;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background-position: 0 -150px;
    }

.irs-min, .irs-max {
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #2879b9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .irs-from:after, .irs-to:after, .irs-single:after {
        position: absolute;
        display: block;
        content: "";
        bottom: -6px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -3px;
        overflow: hidden;
        border: 3px solid transparent;
        border-top-color: #2879b9;
    }

.irs-grid-pol {
    background: #e1e4e9;
}

.irs-grid-text {
    color: #999;
}

.irs-disabled {
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.ratinggstbc {
    width: 100%;
    float: left;
    margin-top: 0px;
}

    .ratinggstbc i {
        color: #e0222d;
        font-size: 16px;
        padding: 0px 3px;
    }

    .ratinggstbc b {
        font-weight: 300;
        font-size: 26px;
        padding-left: 10px;
    }

    .ratinggstbc p {
        font-weight: 300;
        font-size: 16px;
    }

        .ratinggstbc p a {
            text-decoration: none;
            color: #000000;
        }

.ratingss, .ratingss span, .star_reve, .star_reve a, .star_reve a > span {
    float: left;
    width: auto;
}

    .ratingss span {
        font-weight: 300;
        font-size: 26px;
    }

    .star_reve a > p {
        padding-left: 10px;
    }

.btn-3a {
}


.btn-3 {
    background: #fcad26;
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    float: left;
    cursor: pointer;
    padding: 10px 0px 10px 28px;
    display: inline-block;
    margin: 6px 0px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

    .btn-3:hover {
        background: #f29e0d;
    }

    .btn-3:active {
        background: #f58500;
        top: 2px;
    }

    .btn-3:before {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        line-height: 3;
        font-size: 100%;
        width: 30px;
    }

.btn-3a:before {
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f07a";
    color: white;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 6%;
    font-size: 140%;
    width: 36px;
    float: left;
    text-align: inherit;
    background-color: black;
}

#ribbon-container {
    position: absolute;
    top: 6px;
    right: -8px;
    overflow: visible;
    font-size: 15px;
    line-height: 0px;
}

    #ribbon-container:before {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
        border-top: 15px solid rgba(0, 0, 0, 0.3);
        border-bottom: 15px solid rgba(0, 0, 0, 0.3);
        border-right: 15px solid rgba(0, 0, 0, 0.3);
        border-left: 15px solid transparent;
        width: 100%;
    }

    #ribbon-container:after {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        bottom: -8.5px;
        right: -1px;
        border-top: 9px solid #004a70;
        border-right: 9px solid transparent;
    }

    #ribbon-container a {
        display: block;
        padding: 15px 4px;
        font-size: 12.5px;
        position: relative;
        background: #0089d0;
        overflow: visible;
        height: 23px;
        margin-left: 17px;
        color: #fff;
        text-decoration: none;
    }

        /*#ribbon-container a:after {
	  content: "";
	height: 0;
	width: 0;
	display: block;
	position: absolute;
		bottom: -8.5px;
	right: -1px;
	border-top: 9px solid #004a70;
	border-right: 9px solid transparent;
}*/

        #ribbon-container a:before {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            top: 0;
            left: -15px;
            border-top: 15px solid #0089d0;
            border-bottom: 15px solid #0089d0;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
        }

        #ribbon-container a:hover {
            background: #009ff1;
        }

            #ribbon-container a:hover:before {
                border-top: 15px solid #009ff1;
                border-bottom: 15px solid #009ff1;
            }

img.img-responsive._85uis {
    height: 100% !important;
}

.badge-notify {
    background: red;
    position: relative;
    top: -13px;
    left: -1px;
    color: #fff !important;
}

.global-wrap .modal-body {
    padding: 0px;
}

.mcMap {
    width: 100%;
    height: 300px;
}

.modal-body img {
    max-width: 100%;
}

.modal-body .table {
    width: 99.9%;
}

    .modal-body .table .table {
        width: 100%;
    }

.placeTypes {
    background: #fff;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(#f9f9f9, #fff);
    background-image: -webkit-linear-gradient(#f9f9f9, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
    background-image: linear-gradient(#f9f9f9, #fff);
    border: 1px solid #ccc; /*border-bottom-right-radius:20px;
   border-bottom-left-radius:20px;*/
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

    .placeTypes ul {
        padding: 10px;
        -webkit-box-shadow: 0px 1px #fff inset;
        box-shadow: 0px 1px #fff inset;
        margin: 0 auto;
        text-align: center;
    }

    .placeTypes li {
        display: inline-block;
        margin-right: 10px;
        border-radius: 2em;
    }


        .placeTypes li.current.ssed, .placeTypes li:hover .fa-car {
            background: #652d90;
        }

        .placeTypes li.current.sight, .placeTypes li:hover .fa-eye {
            background: #e84c3d;
        }

        .placeTypes li.current.eatDrink, .placeTypes li:hover .fa-cutlery {
            background: #e77e22;
        }

        .placeTypes li.current.night_life, .placeTypes li:hover .fa-gratipay {
            background: #f2c40f;
        }

        .placeTypes li.current.hotel, .placeTypes li:hover .fa-bed {
            background: #3ab54b;
        }

        .placeTypes li.current.shopping, .placeTypes li:hover .fa-shopping-basket {
            background: #00aff0;
        }

        .placeTypes li.current a {
            color: #fff;
        }

        .placeTypes li .fa-bed {
            background: #3ab54b;
        }

        .placeTypes li .fa-shopping-basket {
            background: #00aff0;
        }

        .placeTypes li .fa-gratipay {
            background: #f2c40f;
        }

        .placeTypes li .fa-cutlery {
            background: #e77e22;
        }

        .placeTypes li .fa-eye {
            background: #e84c3d;
        }

        .placeTypes li .fa-car {
            background: #652d90;
        }

        .placeTypes li .fa-bed, .placeTypes li .fa-shopping-basket, .placeTypes li .fa-gratipay, .placeTypes li .fa-cutlery, .placeTypes li .fa-eye, .placeTypes li .fa-car {
            border-radius: 50%;
            padding-top: 4px;
            color: white
        }

        .placeTypes li.current {
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0px 1px #fff;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0px 1px #fff;
        }

    .placeTypes a {
        display: block;
        color: #333;
        font-size: 13px;
        position: relative;
        padding: 9px 12px 9px 32px;
        font-weight: bold;
        text-decoration: none;
    }

    .placeTypes span {
        /*background-image: url('../../images/ssp.png');*/
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        left: 4px;
        top: 6px;
        font-size: 16px
    }

.PaxWrapper {
    position: relative;
}

.PaxWrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

    .PaxWrap .room_checkout {
        height: 18px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        border-bottom: 1px solid #333;
    }

        .PaxWrap .room_checkout > li {
            width: 100%;
            display: none
        }

            .PaxWrap .room_checkout > li.active {
                display: block;
            }

            .PaxWrap .room_checkout > li a {
                line-height: 18px;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
                margin: 0px;
                color: #333;
            }

    .PaxWrap .PaxWrapInner {
        padding-top: 48px;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .PaxWrap .room_drag {
        position: absolute;
        top: 18px;
        left: 0px;
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #333;
    }

    .PaxWrap .tab-pane {
        height: 100%;
    }

.clrPckr {
    z-index: 4;
}

div#divReviewExcellentWid, div#divReviewVeryGoodWid, div#divReviewAverageWid, div#divReviewPoorWid, div#ReviewTerribleWid {
    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: -o-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);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}


.pricetag {
    white-space: nowrap;
    position: relative;
    margin: 0 5px 0 10px;
    displaY: inline-block;
    height: 25px;
    border-radius: 0 5px 5px 0;
    padding: 0 8px 0 12px;
    background: #0089d0;
    /* border: 0 solid #C7D2D4; */
    border-top-width: 1px;
    border-bottom-width: 1px;
    color: #fff;
    line-height: 23px;
    cursor: pointer;
}

.blank {
    margin: 0px !important;
    padding: 0px !important
}

.pricetag:before {
    position: absolute;
    content: "\25CF";
    color: white;
    text-shadow: 0 0 1px #333;
    font-size: 15px;
    line-height: 0px;
    text-indent: 11px;
    left: -14px;
    width: 1px;
    height: 0px;
    border-right: 14px solid #0089d0;
    border-top: 12px solid transparent;
    border-bottom: 13px solid transparent;
}

#demobox {
    width: 100%;
    margin: 0 auto;
}

.demo-mainbox {
    border: 1px solid #ccc;
    padding: 8px 0px;
    float: left;
    width: 100%;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 2px rgb(170, 170, 170);
    background-color: #fff;
}

.hiltonbox {
    width: 100%;
    float: left;
    padding: 0px 10px;
}

.htl-leftbox {
    float: left;
    width: 25%;
    margin-bottom: 5px;
}

    .htl-leftbox img {
        width: 100%;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .htl-leftbox span {
        width: 15%;
        position: relative;
        display: block;
        background-color: #a93911;
        bottom: 20px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }

.htl-rightbox {
    float: left;
    width: 75%;
    padding-left: 15px;
}

.tol-leftbox {
    float: left;
    width: 65%;
}

    .tol-leftbox h5 {
        font-size: 25px;
        color: #a93911;
        font-weight: 300;
        margin: 0px;
        border-bottom: 1px dashed #a93911;
        display: inline-block;
    }

        .tol-leftbox h5 p {
            font-size: 16px;
            color: #edae51;
            margin-top: 5px;
        }

    .tol-leftbox span b {
        font-size: 15px;
        color: #333;
        font-weight: 300;
        padding-right: 25px;
    }

    .tol-leftbox a {
        text-decoration: none;
        font-size: 15px;
        color: #f00;
    }

        .tol-leftbox a i {
            color: #f00;
        }

.tol-rghtbox {
    float: left;
    width: 35%;
}

    .tol-rghtbox p {
        color: #f60;
        font-size: 14px;
        float: right;
    }

        .tol-rghtbox p i {
            font-size: 20px;
        }

    .tol-rghtbox span {
        color: #009900;
    }

.right-centerbox {
    float: left;
    width: 100%;
}

    .right-centerbox ul {
        margin: 0px;
        padding: 0px;
        float: left;
        width: 100%;
    }

        .right-centerbox ul li {
            list-style: none;
            display: block;
            float: left;
            margin: 15px 7px 5px 0px;
        }

            .right-centerbox ul li a {
                border: 1px solid #ccc;
                font-size: 14px;
                color: #a93911;
                padding: 3px 5px;
                border-radius: 3px;
            }

.right-lastbox {
    float: left;
    width: 100%;
}

.contantbox {
    width: 100%;
    color: #333;
    font-family: Verdana;
    text-align: justify;
    font-size: 12px;
    padding: 10px 10px;
}

.tornetbox {
    float: left;
    width: 100%;
}

.torent-mainbox {
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    padding: 5px 10px;
}

.torent-main-line {
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    padding: 5px 10px;
}

.tort-onebox {
    width: 45%;
    float: left;
    color: #a93911;
    font-size: 15px;
    font-weight: 300;
}

    .tort-onebox span {
        color: #000;
        font-size: 15px;
        font-weight: 300;
        display: block;
    }

.tort-twobox {
    width: 25%;
    float: left;
    font-size: 16px;
}

.tort-twobox {
}

    .tort-twobox ul {
        margin: 0px;
        padding: 0px;
    }

        .tort-twobox ul li {
            list-style: none;
            display: block;
            float: left;
            padding: 0px 10px;
        }

.tort-threebox {
    width: 15%;
    float: left;
}

    .tort-threebox span {
        color: #a93911;
        font-size: 18px;
    }

.tort-fourbox {
    width: 15%;
    float: left;
    font-size: 18px;
    color: #EC0509;
}

    .tort-fourbox ul {
        margin: 0px;
        padding: 0px;
    }

        .tort-fourbox ul li {
            padding: 0px 10px;
            list-style: none;
            display: block;
            float: left;
            font-size: 22px;
        }

.new-butbox {
    border: none;
    background: #a93911;
    color: #fff;
    border-radius: 3px;
    padding: 2px;
}

.more-opstin {
    font-family: arial;
    font-size: 12px;
    color: #000000;
    float: right;
    padding: 5px 50px;
    min-height: 25px;
}

    .more-opstin a {
        text-decoration: none;
        color: #000000;
    }

.rooms__item {
    -webkit-box-align: center;
    align-items: center;
    margin: 14px 0;
    display: -webkit-box;
    display: flex;
}

.hotel-image div.img img {
    height: 100% !important;
}

.rooms__item .rooms__desc .rooms_desc__header {
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
    margin-bottom: 10px;
}

    .rooms__item .rooms__desc .rooms_desc__header .rooms_desc__title {
        display: inline-block;
        font-weight: 700;
        color: #374853;
        font-size: 24px;
        margin-top: 0;
    }

    .rooms__item .rooms__desc .rooms_desc__header .rooms_desc__price {
        display: inline-block;
        float: right;
        font-weight: 700;
        color: #ec7c30;
    }

        .rooms__item .rooms__desc .rooms_desc__header .rooms_desc__price > span {
            font-size: 24px;
        }

.rooms__item .rooms__desc .rooms_desc__services {
    list-style: none;
    padding: 0;
    margin-left: -15px;
    margin-bottom: 20px;
}

    .rooms__item .rooms__desc .rooms_desc__services > li {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 5px 0;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(215, 215, 215, 0.5);
    }

        .rooms__item .rooms__desc .rooms_desc__services > li > i {
            font-size: 20px;
            color: #ec7c30;
            margin-right: 5px;
        }

.rooms__item .rooms__desc .btn-rooms {
    margin: 0;
}

.btn-rooms {
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-color: #ec7c30;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0;
    text-transform: uppercase;
}


.img-holder {
    position: relative;
}

    .img-holder:before {
        content: ' ';
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 2px solid #fff;
    }

.btn-1e {
    overflow: hidden;
}

    .btn-1e:after {
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #ea7d33;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

.kstmPkgMdl.modal {
    display: block !important;
    opacity: 0;
    top: -100%;
    bottom: auto;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}

.kstmPkgMdl.kstmMdlShow.modal {
    display: block !important;
    opacity: 1;
    top: 0%;
    bottom: 0;
    opacity: 1;
}

.kstmPkgMdl .modal-body img {
    max-width: none;
}

.kstmPkgMdl .modal.fade .modal-dialog {
    transform: none;
    transition: none;
}

.btn-1e:hover,
.btn-1e:active {
    color: white;
}

    .btn-1e:hover:after {
        height: 260%;
        opacity: 1;
    }

    .btn-1e:active:after {
        height: 400%;
        opacity: 1;
    }


.btn-1f {
    overflow: hidden;
}

    .btn-1f:after {
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

    .btn-1f:hover,
    .btn-1f:active {
        color: #0e83cd;
    }

        .btn-1f:hover:after {
            height: 260%;
            opacity: 1;
        }

        .btn-1f:active:after {
            height: 400%;
            opacity: 1;
        }

.btn-4 {
    background-color: #a93911;
}

    .btn-4 .round {
        background-color: #bf7960;
    }

.btnk {
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 6px 40px 6px 23px;
    color: #fff;
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    text-transform: capitalize;
    text-decoration: none;
}

    .btnk span {
        position: relative;
        z-index: 3;
        color: whitesmoke;
    }

    .btnk .round {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 26px;
        text-transform: capitalize;
        text-decoration: none;
        height: 26px;
        position: absolute;
        right: 3px;
        top: 3px;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 2;
    }

        .btnk .round i {
            position: absolute;
            top: 50%;
            margin-top: -10px;
            left: 50%;
            margin-left: -10px;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

.txt {
    font-size: 14px;
    line-height: 1.45;
    text-transform: capitalize;
    text-decoration: none;
}

.btnk:hover {
    padding-left: 40px;
    padding-right: 23px;
}

    .btnk:hover .round {
        width: calc(100% - 6px);
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

        .btnk:hover .round i {
            left: 12%;
        }

.btn2 {
    border-color: #ea7d33;
    background: none;
    cursor: pointer;
    color: inherit;
    letter-spacing: 1.5px;
    margin: 5px 5px;
    text-transform: uppercase;
    padding: 6px 22px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn2:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

.img-holder img {
    height: 414px;
    width: 100%;
}

.circle {
    width: 100px;
    display: inline-block;
    position: relative;
    text-align: center;
}

    .circle canvas {
        vertical-align: top;
    }

    .circle strong {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 30px;
    }

        .circle strong i {
            font-style: normal;
            font-size: 0.6em;
            font-weight: normal;
        }

    .circle span {
        display: block;
        color: #aaa;
        margin-top: 12px;
    }

.dd5r span {
    color: #aaa;
    width: auto;
    float: left;
    margin-right: 2px;
    text-transform: capitalize;
    font-size: 12px;
    display: inline-block;
    position: relative;
}


/*.flip-container {
	perspective: 1000px;
}
	
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 480px;
}


.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}


.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}


.front {
	z-index: 2;
	transform: rotateY(0deg);
}


.back {
	transform: rotateY(180deg);
}*/
.col_half {
    width: 49%;
}

.col_third {
    width: 32%;
}

.col_fourth {
    width: 23.5%;
}

.col_fifth {
    width: 18.4%;
}

.col_sixth {
    width: 15%;
}

.col_three_fourth {
    width: 74.5%;
}

.col_twothird {
    width: 66%;
}

.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}

.end {
    margin-right: 0 !important;
}

/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.wrapper {
    width: 980px;
    margin: 0 auto;
    background-color: #bdd3de;
    hoverflow: hidden;
}

.panel {
    margin: 0 auto;
    height: 130px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

    .panel .front,
    .panel .back {
        text-align: center;
    }

    .panel .front {
        height: inherit;
        position: absolute;
        top: 0;
        z-index: 900;
        text-align: center;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .panel .back {
        height: inherit;
        position: absolute;
        top: 0;
        z-index: 1000;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .panel.flip .front {
        z-index: 900;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }

    .panel.flip .back {
        z-index: 1000;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
    }

.box1 {
    background-color: #14bcc8;
    width: 250px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box2 {
    background-color: #ff7e70;
    width: 250px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.hotel-right ul {
    float: left;
    text-align: -webkit-left;
    width: 100%;
    padding-left: 16px;
}

    .hotel-right ul li {
        float: left;
        width: 100%;
        list-style: none;
        text-align: left;
        margin-bottom: 2px;
    }

        .hotel-right ul li span {
            padding-left: 10px;
            font-family: 'Muli', sans-serif;
            font-weight: 600;
        }

        .hotel-right ul li p {
            margin-bottom: 0;
        }

            .hotel-right ul li p i {
                padding-left: 10px;
                color: green;
            }

.arrow_rgt {
    float: left;
    cursor: pointer;
    display: block;
    padding: 5px;
    position: relative;
    background-color: #757687;
    font-size: 14px;
    margin-right: 10px;
    line-height: 1;
    white-space: nowrap;
    background-color: #0089d0;
    color: white;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

    .arrow_rgt:after {
        border-left-color: #0089d0;
        content: "\25CF";
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        border-top: 9px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 10px solid #0089d0;
        left: 100%;
        z-index: 2;
    }

.tv span {
    position: inherit;
}
/*.hotel_tab  tr:nth-child(even) {
	background-color: #f1f1f1;
}*/
.hotel-rights {
    width: 30%;
    text-align: center;
    background: #fff;
    /* padding: 15px 10px; */
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    margin: 0;
}

.tv {
    position: relative;
    margin: 20px 0;
    background: #0089d0;
    border-radius: 50% / 10%;
    color: white;
    text-align: center;
    text-indent: .1em;
}

    .tv:before {
        content: '';
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
    }

.close-ribbon {
    position: absolute;
    top: 0;
    left: 16px;
    z-index: 4;
    color: #eee;
    cursor: pointer;
    width: 50px;
    line-height: 7px;
    -webkit-transition: line-height 0.5s;
    transition: line-height 0.5s;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}

    .close-ribbon span {
        font-size: 20px;
        line-height: 0.8;
    }

    .close-ribbon:after {
        content: "";
        font-size: 16px;
        position: absolute;
        height: 74px;
        border: 1.5em solid #0089d0;
        z-index: -1;
        top: -1em;
        border-top-width: 1.5em;
        border-bottom-color: transparent;
        right: 0;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }

    .close-ribbon:before {
        content: "";
        font-size: 0.5em;
        position: absolute;
        border-style: solid;
        border-color: transparent transparent #348dbb transparent;
        top: -15px;
        right: 48px;
        border-width: 0 0 1em 0.7em;
        z-index: -1;
    }

    .close-ribbon:hover:after {
        border: 1.5em solid #0089d0;
        border-bottom-color: transparent;
        height: 1.6em;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }

    .close-ribbon:hover {
        line-height: 0.9em;
        color: #333;
        -webkit-transition: line-height 0.5s;
        transition: line-height 0.5s;
        text-decoration: none;
    }

.hotel_tab td:nth-child(1), .hotel_tab th:nth-child(1) {
    width: 15%;
    padding: 1px 4px;
    background-color: #0089d0;
    color: white;
    display: table-cell;
    vertical-align: inherit;
}

.hotel_tab td:nth-child(2), .hotel_tab th:nth-child(2) {
    width: 70%;
    padding: 1px 4px;
}

.hotel_tab td:nth-child(3), .hotel_tab th:nth-child(3) {
    width: 15%;
    padding: 1px 4px;
    background-color: black;
    display: table-cell;
    vertical-align: inherit;
    color: white;
    cursor: pointer;
    font-size: 17px
}

    .hotel_tab td:nth-child(3) i, .hotel_tab th:nth-child(3) i {
        color: white;
        cursor: pointer;
    }

.span_red {
    font-size: 10.5px;
    float: left;
    font-weight: 500;
    color: red;
    display: block;
}

.togle_span {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    padding-left: 4px;
}

    .togle_span i {
        font-size: 14px;
        color: white;
        background-color: #e4424c;
        width: 23px;
        height: auto;
        border-radius: 14px;
        border: 1px solid grey;
    }


.review_item_info_tags {
    background: #e9f0fa;
    border-bottom: 1px dashed #cdcdcd;
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
    padding-bottom: 8px
}

    .review_item_info_tags .review_info_tag {
        background: #5cb9ff;
        color: #fff;
        display: block;
        float: left;
        margin: 3px 9px 3px 6px;
        padding: 0px 5px 0px 5px;
        position: relative;
        line-height: 1.99;
        padding-top: 0;
        white-space: nowrap;
        border-radius: 2px;
    }



        .review_item_info_tags .review_info_tag:hover {
            cursor: default
        }

        .review_item_info_tags .review_info_tag:before {
            content: "";
            border-bottom: 10px solid transparent;
            border-right: 10px solid #5cb9ff;
            border-top: 10px solid transparent;
            left: -8px;
            top: 0;
            position: absolute;
        }

#b2bhtlbx {
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}

.b2b-main {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-top-right-radius: 5px;
    border: 2px;
    border-bottom-right-radius: 5px;
    border-bottom-color: #a7a7a7;
    border-bottom: solid 2px #a7a7a7;
    background-color: #FFFFFF;
}

.b2blftmain {
    width: 100%;
    float: left;
    border-bottom: solid 2px #a93911;
}

.b2blftbx {
    float: left;
    width: 20%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .b2blftbx img {
        width: 100%;
        height: auto;
        position: relative; /*transform: skew(23deg); -webkit-transform: skew(23deg);
	-moz-transform: skew(23deg);
	-o-transform: skew(23deg);
	left: -32px;*/
    }

.slite {
    float: left;
    width: auto;
    position: absolute;
    display: block;
    color: #1e2f75;
    text-align: center;
    font-size: 14px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: bold;
    left: 6px;
    top: 6px;
    z-index: 999;
    border: 1px solid transparent;
    background-color: rgb(255, 255, 255);
    padding: 2px 15px;
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.15);
    box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.15);
}

.slite1 {
    float: right;
    position: absolute;
    color: #ffffff;
    right: 0px !important;
    bottom: 0px;
    z-index: 999;
    border: 1px solid #ffffff;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 118px 205px 0;
    border-color: transparent #ffffff transparent transparent;
    line-height: 0;
    _border-color: #fff #fff #fff #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.b2brhtbx {
    float: left;
    width: 80%;
}

.b2brht-topbx {
    width: 100%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.b2bctrbx {
    width: 85%;
    float: left;
    padding-top: 10px;
}

    .b2bctrbx h5 {
        font-size: 22px;
        color: #0089d0;
        font-family: verdana;
        font-weight: 500;
        margin: 0px;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    }

    .b2bctrbx span {
        font-size: 14px;
        color: #000;
        font-family: verdana;
        font-weight: 300;
        margin: 0px;
        text-decoration: underline;
    }

    .b2bctrbx b {
        font-size: 12px;
        color: #71ae5a;
        padding-left: 20px;
        font-weight: normal;
    }


.b2bctr-rhtbx {
    width: 15%;
    float: left; /*border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align:center;*/
}

    .b2bctr-rhtbx i {
        color: #0089d0;
        font-size: 18px;
    }

    .b2bctr-rhtbx span {
        font-size: 24px;
        font-weight: 500;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    }

    .b2bctr-rhtbx center span {
        padding-left: 10px;
    }

.b2bhtl-icons {
    width: 100%;
    background-color: #0089d0;
    float: left;
    padding: 7px 0px 7px 20px;
    margin-top: 2px;
}

.b2bhtl-iconsmain {
    width: 100%;
}

.b2bhtl-iconslft {
    width: 50%;
    float: left;
}

    .b2bhtl-iconslft ul {
        margin: 0px;
        padding: 0px;
    }

        .b2bhtl-iconslft ul li {
            list-style: none;
            display: block;
            float: left;
            padding-right: 15px;
        }

            .b2bhtl-iconslft ul li i {
                color: #FFFFFF;
            }

            .b2bhtl-iconslft ul li a {
                text-decoration: none;
                font-size: 16px;
            }



.b2bhtl-iconsrht {
    width: 50%;
    float: left;
}

    .b2bhtl-iconsrht ul {
        margin: 0px;
        padding: 0px;
        float: right;
        margin-right: 20px;
    }

        .b2bhtl-iconsrht ul li {
            list-style: none;
            display: block;
            float: left;
            padding: 0px 0px 0px 15px;
        }

            .b2bhtl-iconsrht ul li a {
                text-decoration: none;
                font-size: 15px;
                color: #FFFFFF;
                font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
            }

.b2bcontantbox {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.b2bcontantbox1 {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.b2bcontantbox p {
    font-size: 14px; /*border-bottom: solid 1px; border-bottom-color:#7f7f7f;*/
    padding: 2px 0px; /*padding-left:20px;*/
    margin: 0px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

    .b2bcontantbox p a {
        text-decoration: none;
        font-weight: bold;
        color: #0089d0;
        font-size: 15px;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    }

.b2t-btmbx {
    width: 100%;
    float: left;
    margin: 0px;
}

.b2t-btmbxmain {
    width: 100%;
    float: left; /*padding:0px 20px;*/
    border-bottom: solid 1px;
    border-bottom-color: #ebebeb;
    border-top: none;
    display: flex;
}

.btr-btm-room1 {
    width: 15%;
    float: left;
    margin: 0px;
    padding: 10px 2px 10px 20px;
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.btr-btm-room2 {
    width: 55%;
    float: left;
    border-right: solid 1px #e5e5e5;
    margin: 0px;
    padding: 1px 20px;
    border-left: solid 1px;
    border-color: #ebebeb;
}

    .btr-btm-room2 ul {
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .btr-btm-room2 ul li {
            display: block;
            list-style: none;
            font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
            font-size: 15px;
            color: #585858;
        }

            .btr-btm-room2 ul li span {
                display: block;
                color: #9e9e9e;
                float: left;
                font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
                font-size: 14px;
            }

            .btr-btm-room2 ul li i {
                font-size: 8px;
                float: left;
                padding: 4px 0px;
                color: #0089d0;
                padding-right: 5px;
            }





.btr-btm-room3 {
    width: 12%;
    float: left;
    border-right: solid 1px #e5e5e5;
    margin: 0px;
    padding: 10px 0px;
}

    .btr-btm-room3 ul {
        margin: 0px;
        padding: 0px;
    }

        .btr-btm-room3 ul li {
            list-style: none;
            display: block;
            float: left;
            padding: 0px 10px;
        }

            .btr-btm-room3 ul li i {
                font-size: 20px;
            }


.btr-btm-room4 {
    width: 18%;
    float: left;
    margin: 0px;
    padding: 3px 0px;
    text-align: center;
}

    .btr-btm-room4 span {
        color: #0089d0;
        font-size: 24px;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    }


.btr-btm-room5 {
    width: 12%;
    float: left;
    padding: 6px 2px 2px 2px;
    text-align: center;
    border-left: solid 1px;
    border-color: #ebebeb; /*background-color: #f8f8f8;*/
}

    .btr-btm-room5 i {
        margin: 0px;
        padding: 0px;
        font-size: 21px;
    }

.b2b-butbox {
    border: none;
    background: #0089d0;
    color: #fff;
    border-radius: 3px;
    padding: 0px 4px;
}

    .b2b-butbox a {
        text-decoration: none;
    }

.b2bview-more {
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: right; /*padding:5px 15px;*/ /*padding: 5px 0px 0px 15px;*/
    border-top: solid 2px #ddd; /*background: linear-gradient(63deg, #f5f5f5 23%, transparent 23%) 7px 0, linear-gradient(63deg, transparent 74%, #c1bfbf 78%), linear-gradient(63deg, transparent 34%, #c1bfbf 38%, #b1aeae 58%, transparent 62%), #c1bfbf;*/
    background-size: 14px 48px;
    height: 32px;
    line-height: 1;
}

    .b2bview-more a {
        color: #2779b9;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        margin: 3px;
        border-radius: 16px;
        padding-right: 4px;
    }





.clear {
    margin: 0px;
    padding: 0px !important;
    clear: both;
}


.trav {
    min-width: 100%;
    width: 100%;
    float: none;
    margin: 0px;
    background-color: #fff;
}

.travmain {
    height: auto;
    width: 100%;
    float: left;
    border-top: solid 1px #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    min-height: 40px;
}

.trav > .travmain {
    min-width: 100%;
}

.trav-one {
    width: 15%;
    float: left;
    margin: 0px;
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.trav-two {
    width: 56%;
    float: left;
    border-right: solid 1px #e5e5e5;
    margin: 0px;
    border-left: solid 1px;
    border-color: #ebebeb;
}

.trav-three {
    width: 11%;
    float: left;
    border-right: solid 1px #e5e5e5;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trav-four {
    width: 18%;
    float: left;
    margin: 0px;
    text-align: center;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trav-five {
    width: 12%;
    float: left;
    text-align: center;
    border-left: solid 1px;
    border-color: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.trav-two { width: 45%; float:left; border-right:solid 1px #e5e5e5; margin:0px;  border-left: solid 1px; border-color:#ebebeb;    overflow-x: auto;
	overflow: scroll;    overflow-y: auto;}
.trav-two ul { margin:0px; padding:0px; float:left; }
.trav-two ul li { display:block; list-style:none; border-top:1px solid #e5e5e5;   float: left; width:240px;    height: 126px;    padding: 0px 5px;}
.trav-two ul li span { display:block; float:left; color:#9e9e9e;}
.trav-two ul li i { font-size:10px; float:left; padding:4px 0px; color:#a93911; font-weight:normal; padding-right:5px;}
.trav-two ul li:first-child {border-top:none;}*/

/*.trav-two { width: 56%; float:left; border-right:solid 1px #e5e5e5; margin:0px;  border-left: solid 1px; border-color:#ebebeb;}*/
.trav-two ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    .trav-two ul li {
        display: block;
        list-style: none;
        border-top: 1px solid #e5e5e5;
        padding: 1px 20px;
        float: left;
        width: 100%;
    }

        .trav-two ul li span {
            display: block;
            float: left;
            color: #9e9e9e;
        }

        .trav-two ul li i {
            font-size: 10px;
            float: left;
            padding: 4px 0px;
            color: #a93911;
            font-weight: normal;
            padding-right: 5px;
        }

        .trav-two ul li:first-child {
            border-top: none;
        }


.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 12px;
}

/*.trav-three { width: 11%; float:left; border-right:solid 1px #e5e5e5; margin:0px; padding:50px 5px;}*/
.trav-three ul {
    margin: 0px;
    padding: 0px;
}

    .trav-three ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 0px 8px;
    }

        .trav-three ul li i {
            font-size: 20px;
        }


/*.trav-four { width: 18%; float:left;  margin:0px; padding:41px 0px; text-align:center; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size:15px;}*/
.amubr span {
    color: #a73811;
    font-size: 24px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}


/*.trav-five { width: 12%; float:left;  padding:51px 0px;  text-align:center; border-left: solid 1px; border-color:#ebebeb;}*/
.trav-five i {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
}

.b2bcompare input[type="checkbox"] + label {
    color: #68c4c1;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    position: relative;
    line-height: 30px;
    padding: 5px 4px 5px 17px;
    margin-bottom: 0;
}

.b2bcompare {
    /*border-left: 1px solid #ccc;*/ margin: 0;
}

    .b2bcompare label {
        padding-left: 0;
    }

.b2bctrbx b .star {
    color: #fec107;
    margin-right: 15px;
}

    .b2bctrbx b .star i {
        font-size: 13px;
        line-height: 16px;
        margin: 0 1px;
    }

.b2bcompare i {
    font-size: 13px !important;
    left: 0px !important;
}

.suppli {
    border: 1px solid #02405f;
    background: #0089d0;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    width: 31px;
    padding: 0px 4px;
    float: right;
    text-align: center;
}

.checkbox label {
    width: 100%
}

._995uh {
    height: 130px !important;
}

.map_hot_res {
    width: 100%;
    height: 72vh;
    margin-bottom: 10px;
}

.append_bottom5 {
    margin: 0;
    transition: all .3s ease-out;
    margin-bottom: 5px;
}

.listingcard__orginalPrice {
    transition: all .3s ease-out;
    text-decoration: line-through;
    font-size: 13px;
    color: rgba(35,35,35,.5);
}

.save-tag {
    background: url('../../images/sp.png') no-repeat;
    background-position: -160px -22px;
    width: 32px;
    height: 16px;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 1px 2px;
}

.discougg {
    border: 1px dotted #ffb121;
    border-radius: 2px;
    -webkit-box-direction: normal;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    padding: 0 4px;
    line-height: 20px;
    display: inline-block;
    color: #2b2d2e;
    font-size: 9px;
    font-weight: 400;
    vertical-align: middle;
    margin-right: 5px;
}

.padlf10 {
    padding-left: 5px;
}

.redclor {
    color: red;
}

.img-general {
    width: 32.5%;
    float: left;
    margin: 5px;
}

.img-general_img {
    width: 100%;
    HEIGHT: 262PX;
}

.img-cap {
    margin-bottom: 0 !important;
    position: relative;
    margin-top: -32px;
    padding: 5px 18px;
    background-color: rgba(230, 167, 53, .6);
    border-top: 2px solid #E6A735;
    color: #FFF;
    height: 32px;
    font-size: .9em !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

    .img-cap a {
        color: white;
    }

.img-general a:link {
    text-decoration: none;
}

.starspr {
    float: right;
}

    .starspr .ww-star-rating-container .ww-star-rating {
        color: #ffffff !important;
    }

.img-general a:visited {
    text-decoration: none;
}

.hotelcard__detailsCard {
    position: relative;
    color: #000;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    background-color: white;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.ayhyh {
    padding: 8px 15px 0px 15px;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em;
    margin: 0;
    /*margin-top: 24px;
	margin-bottom: 16px;*/
}

.hotelcard__detailsCard > h6 > a {
    color: #444242;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75%;
    display: inline-block;
    white-space: nowrap;
}

.hotelcard__detailsCard--premium {
    position: absolute;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0,0,0,.4);
    display: inline-block;
    width: 75px;
    text-align: center;
    border-radius: 15px;
    margin: 0 0 0 10px;
}

.hotelcard__detailsCard--headerPlace {
    color: #9C9999;
    font-size: 13px;
    margin: 0 0 20px 3px;
    min-height: 50px;
    padding: 0px 15px;
}

.hotelcard__detailsCard--bookingData {
    height: 50px;
    background-color: rgb(37, 27, 21);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top: 2px solid #dc1e28;
}

.hotelcard__detailsCard--discountedPrice {
    float: left;
    color: white;
    margin: 15px 0 0 15px;
}

.hotelcard__detailsCard--actualPrice {
    float: left;
    margin: 15px 0 0 10px;
    color: #9c9999;
}

    .hotelcard__detailsCard--actualPrice span {
        text-decoration: line-through;
    }

.hotelcard__preappliedDiscount {
    border-radius: 2px;
    background-color: #f5a623;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    padding: 3px 8px;
    line-height: 10px;
    margin: 15px 0 0 10px;
}

.hotelcard__detailsCard--bookingBtn {
    height: 30px;
    width: 80px;
    float: right;
    text-align: center;
    margin: 10px 10px 0 0;
    line-height: 2.3em;
    background-color: #DC1E28;
    border-radius: 2px;
    text-decoration: none;
}

    .hotelcard__detailsCard--bookingBtn a {
        text-decoration: none;
        cursor: pointer;
    }

    .hotelcard__detailsCard--bookingBtn span {
        color: #fff;
    }

.hotel_pan {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 1px solid grey;
}

.rate_hotelcard {
    width: 20%;
    float: right;
}

    .rate_hotelcard img {
        width: 32px;
        height: 20px;
    }

.bck-green {
    background: #007f00 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    margin-left: 2px;
    padding: 2px;
}

.ahotel-inner, .tour-inner {
    background: #f8f8f8;
}

.ahotel-item {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    display: table;
    width: 100%;
}

    .ahotel-item .ahotel-image, .main_box_pan .hot_hotel-image, .hotel-item .hotel-image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-bottom: 0;
        width: 26%;
        display: table-cell;
    }

        .ahotel-item .ahotel-image:before, .main_box_pan .hot_hotel-image:before, .hot_hotel-item .hot_hotel-image:before, .hotel-item .hotel-image:before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            height: 100%;
            width: 30%;
            background: transparent;
            border-bottom: 200px solid transparent;
            border-right: 70px solid #fff;
        }

        .ahotel-item .ahotel-image .img, .main_box_pan .hot_hotel-image .img, .hotel-item .hotel-image .img {
            position: relative;
            z-index: 1;
        }

            .ahotel-item .ahotel-image .img:before, .ahotel-item .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:before, .main_box_pan .hot_hotel-image .img:after, .hotel-item .hotel-image .img:after {
                content: '';
                z-index: 1;
                top: 0;
                height: 100%;
                width: 100%;
                position: absolute;
                -webkit-transition: all 0.35s;
                -moz-transition: all 0.35s;
                -o-transition: all 0.35s;
                transition: all 0.35s;
            }

            .ahotel-item .ahotel-image .img:before, .main_box_pan .hot_hotel-image .img:before {
                left: 0;
                background: #ffc107;
                opacity: 0;
            }

            .ahotel-item:hover .ahotel-image .img:before, .main_box_pan .hot_hotel-image .img:before, .hotel-item .hotel-image .img:before {
                opacity: 0.3;
            }

            .ahotel-item .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:after, .hotel-item .hotel-image .img:after {
                right: -130%;
                opacity: 0.2;
                background: #ffffff;
                -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
            }

            .ahotel-item:hover .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:after {
                -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
                right: 90%;
            }

    .ahotel-item .ahotel-body {
        padding: 7px 5px 0px 5px;
        width: 44%;
        display: table-cell;
        vertical-align: top;
    }

        .ahotel-item .ahotel-body .ratting i {
            font-size: 11px;
        }

        .ahotel-item .ahotel-body h3 {
            margin: 5px 0;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .ahotel-item .ahotel-body .free-service i {
            font-size: 18px;
            margin-right: 10px;
            color: #868686;
            cursor: pointer;
        }

.ahotel-bodyInner {
    width: 100%;
    height: auto;
}

span.Nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.ahotel-right {
    width: 30%;
    text-align: center;
    background: #fff;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
}

.ahotel-person {
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

    .ahotel-person span {
        display: block;
        font-size: 16px;
        margin: 10px 0px 10px 2px;
        font-weight: 700;
        line-height: 22px;
    }

.ahotel-image img, .hot_hotel-image img, .hotel-item .hotel-image img {
    height: inherit !important;
    min-height: 100%;
    max-width: none !important;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.ahotel-image div.img, .hot_hotel-image > a, .hotel-item .hotel-image .img {
    height: 194px;
    overflow: hidden;
}

.pkgItemBig .ahotel-image div.img, .hot_hotel-image > a, .pkgItemBig .hotel-item .hotel-image .img {
    height: 225px;
}

.pkgItemBig .ahotel-item .ahotel-image:before, .pkgItemBig.main_box_pan .hot_hotel-image:before, .pkgItemBig .hot_hotel-item .hot_hotel-image:before, .pkgItemBig .hotel-item .hotel-image:before {
    border-bottom: 225px solid transparent;
}

a.thm-btn {
    margin-bottom: 5px;
    min-width: 106px;
}

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


.droupmainbx {
    width: auto;
    background-color: #ffffff;
    min-width: 400px;
    display: block;
    min-height: auto;
    position: absolute;
    z-index: 998;
    padding: 0px;
    border: solid 1px;
    color: black;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin-top: 1px;
}

    .droupmainbx:before {
        border-left: 19px solid rgba(0, 0, 0, 0);
        border-right: 19px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        position: absolute;
        border-bottom: 19px solid #2778b8;
        left: 50%;
        top: -19px;
        width: 0;
    }

.droupbx {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(48, 46, 46, 0.15);
}

.droup-first {
    width: 40%;
    float: left;
}

.droup-firstbx {
    width: 100%;
    float: left;
}

.droup-first1 {
    width: 33.3%;
    float: left;
    font-weight: 400;
    font-size: 14px;
    background: #2778b8;
    padding: 10px 10px 10px 10px;
    color: white;
}

.droup-first2 {
    width: 33.3%;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

    .droup-first2 span {
        width: 100%;
        display: block;
        font-family: arial;
        font-size: 10px;
    }

.droup-first3 {
    width: 33.4%;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

    .droup-first3 span {
        width: 100%;
        display: block;
        font-family: arial;
        font-size: 10px;
    }


    .droup-first2 select, .droup-first3 select, .droup-first4 select, .droup-first5 select {
        color: black;
    }

.droup-second {
    width: 60%;
    float: left;
}

.droup-secondbx {
    width: 100%;
}

.droup-secondbxa {
    width: 25%;
    float: left;
    margin-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

    .droup-secondbxa span {
        width: 100%;
        display: block;
        font-family: arial;
        font-size: 9px;
    }

.droup-secondbxb {
    width: 23%;
    float: left;
    margin-top: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

.droup-secondbxc {
    width: 25%;
    float: left;
    margin-top: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

.droup-secondbxd {
    width: 22%;
    float: left;
    margin-top: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

.droup-secondbxe {
    width: 5%;
    float: right;
    padding-left: 1px;
    position: absolute;
    right: -8px;
}

    .droup-secondbxe img {
        cursor: pointer;
        height: 16px;
        width: 16px;
        padding-top: 0px;
        margin-top: 10px;
        padding-right: 1px;
    }
/*jpxn t2rrpq4xk9w2rgqfm49m*/

.addrombx {
    width: 100%;
    float: left;
    padding: 14px 10px;
}

.addromblft {
    width: 50%;
    float: left;
    margin-top: 10px;
}

    .addromblft a {
        text-align: right;
        background-color: #9f5252;
        padding: 10px;
        border-radius: 3px;
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
    }

.addrombrht {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 0px;
}

    .addrombrht a {
        font-weight: bold;
        border-width: 1px;
        border-style: solid;
        cursor: pointer;
        margin: 0;
        overflow: visible;
        text-decoration: none !important;
        text-align: center;
        width: auto;
        text-shadow: 0 1px 1px rgba(0,0,0,0.35);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 0 15px;
        height: 34px;
        line-height: 32px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        color: #fff;
        background-color: #287bbc;
        border-color: #1b5480;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
        background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: -moz-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: -o-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: linear-gradient(top, #287bbc 0%,#23639a 100%);
        white-space: nowrap;
        display: -moz-inline-stack;
        display: inline-block;
        /* vertical-align: middle; */
        zoom: 1;
        vertical-align: middle;
        /*width: 100%;*/
        white-space: normal;
        height: auto;
    }


.input-group.custom-search {
    width: 100%;
}

.frombox {
    width: 100%;
    color: black;
}

div#divMainSupplier  {
    width: 100%;
    position: relative;
    top: -34px;
}

.pagination-inner {
    position: relative;
    margin-top: 50px;
}

    .pagination-inner .pager {
        padding: 30px 15px;
        background-color: white;
        box-shadow: 0 0 30px rgba(0,0,0,.2);
    }

        .pagination-inner .pager li > a {
            padding: 8px 20px;
            border: 2px solid #a93911;
            border-radius: 20px;
            color: #fff;
            font-weight: 700;
        }

            .pagination-inner .pager li > a:hover {
                background-color: #fff !important;
                color: #fff !important;
            }

    .pagination-inner .pagination {
        top: 30px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.pagination > li > a, .pagination > li > span {
    padding: 4px 14px;
    margin-left: 5px;
    background-color: transparent;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
}

    .pagination > li > a:hover, .pagination > li > span:hover {
        color: #fff !important;
    }

.pagination-inner .pagination > .active > a {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    border-color: #a93911;
}

.pagination > .active > a {
    border: 1px solid #fff !important
}

.pagination.pager {
    padding: .5rem;
    margin: 0px;
}

.pagination > .active > a, .pagination > .current > span {
    background: linear-gradient(#3d94d9, #0067b9);
    border-color: #006dbc;
    border: 1px solid #07c;
}
/*.pagination-inner .pager li > a, .pagination > li > a:hover, .pagination-inner .pagination > .active > a {
	background-color: #a93911 !important;
}*/
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    background: transparent;
    border: 1px solid #ddd;
}

.pagination > li > a {
    margin: 0px 4px;
}

div#ulPagination {
    width: 100%;
    text-align: center;
    background-color: white;
    border-radius: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    margin: 0px;
    margin-bottom: 10px;
    justify-content: space-between;
}

#divTemp {
    display: flex;
    align-items: center;
    margin: .5rem;
}

div#ajx_divPagination {
    text-align: center;
}

.b2bcompare {
    display: none;
}

a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 45px;
    background: #006dbc url(../../images/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    border-color: #006dbc;
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
    -ms-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
}

a:hover.back-to-top {
    background-color: rgb(19, 67, 105);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: rgba(231, 231, 231, 0.53);
}

.package_box {
    background-color: white;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    width: 285px;
    float: left;
    margin: 6px 6px;
    font-size: 13px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    background: #fff;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 2px rgb(170, 170, 170);
    /* box-shadow: 0 0 0px 2px rgb(170, 170, 170); */
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.package_descrip p {
    display: none;
}

.package_titles {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid grey;
    padding: 6px 6px 0px 6px;
    height: 43px;
}

    .package_titles p, .package_fmdate p, .package_todate p, .package_minpax p, .package_maxpax p, .package_city p, .package_descrip p {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 12px;
    }

.package_fmdate, .package_todate, .package_minpax, .package_maxpax {
    padding: 2px;
    height: 38px; /*background-color: #3c948b;*/
}

    .package_fmdate span, .package_todate span, .package_minpax span, .package_maxpax span {
        font-size: 10px;
        text-align: center;
        /*color: white;*/
    }

.package_fmdate, .package_todate, .package_minpax {
    border-right: 1px solid white;
}

    .package_fmdate p, .package_todate p, .package_minpax p, .package_maxpax p,
    .package_fmdate span, .package_todate span, .package_minpax span, .package_maxpax span {
        width: 100%
    }

.package_date_pax {
    width: 100%;
}

.package_fmdate {
    width: 25%;
    float: left;
}

.package_todate {
    width: 25%;
    float: left;
}

.package_minpax {
    width: 25%;
    float: left;
}

.package_maxpax {
    width: 25%;
    float: left;
}

.package_city, .package_descrip, .package_butt, .package_date_pax, .package_titles {
    clear: both;
    width: 100%;
}

    .package_city p, .package_descrip p, .package_titles p {
        float: left;
        width: 26%;
    }

    .package_city span, .package_titles span {
        float: left;
        width: 74%;
    }

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

.package_city, .package_descrip {
    padding: 0px 6px 0px 6px;
    border-top: 1px solid grey;
}

    .package_descrip span {
        display: block;
        display: -webkit-box;
        max-width: 400px;
        height: 128.2px;
        margin: 0 auto;
        line-height: 1.4;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*.package_butt p{ width:50%;float:left;text-align: center;}*/
.package_city {
    line-height: 24px;
}

.package_box:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.25);
    box-shadow: 0 4px 2px rgba(0,0,0,0.25);
}

.package_detail button {
    color: #3c948b;
    border: 2px #3c948b solid;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 5px;
    font-size: 13px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    margin-bottom: 10px;
    background-color: white;
}

    .package_detail button:hover {
        transform: translate(0px,5px);
        -webkit-transform: translate(0px,5px);
        background-color: #3c948b;
        color: #fff;
        border-bottom: 1px solid;
    }

.package_img {
    width: 100%
}

    .package_img img {
        border-top-left-radius: 5px;
        height: 180px;
        border-top-right-radius: 5px;
        width: 100%;
        border: none;
    }

.package_price p {
    float: left;
    padding: 0;
    margin: 0;
}

.package_detail {
    float: right;
    text-align: center;
}

.ribbon_rgt {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    right: 0;
    text-align: center;
}

    .ribbon_rgt span {
        font-size: 10px;
        font-weight: 700;
        color: #FFF;
        text-transform: uppercase;
        line-height: 20px;
        transform: rotate(48deg);
        -webkit-transform: rotate(48deg);
        width: 100px;
        display: block;
        background: #f94141;
        background: linear-gradient(#f94141 0,#f94141 100%);
        text-shadow: 1px 1px 2px rgba(0,0,0,.25);
        position: absolute;
        top: 19px;
        right: -24px;
    }

.img-cap_text {
    margin-bottom: 0 !important;
    margin-top: -58px;
    padding: 5px 18px;
    position: absolute;
    color: #FFF;
    height: 26px;
    /*top: 197px;*/
    font-size: 11px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.67);
}

.BoxDiv {
    background: #fff;
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .BoxDiv .table:last-of-type {
        margin-bottom: 0px;
    }

#ulPromoType li > a {
    color: grey
}

.TH_NoRecordFound {
    color: red;
    padding-left: 5px;
    width: 100%;
    min-width: 180px;
}

.tt-dropdown-menu .tt-dataset-ID {
    color: #333 !important;
}

.float_right {
    float: right !important;
}

/*.error {
    background-color: #ffeaea !important;
}*/

.mandatory {
    border-right: 3px solid red !important
}

.mandatory_green {
    border-right: 3px solid #48c265 !important
}
/*.red{ border-right: 4px solid red !important;}
	   .green{ border-right: 4px solid green;}*/
#txtFromDate, #txtToDate {
    cursor: pointer;
}

.aboxdiv {
    background-color: #0161a8;
    color: white;
    -webkit-box-shadow: 0 2px #4da5bd;
    box-shadow: 0 2px #4da5bd;
    border-bottom: 3px solid rgb(248, 248, 248);
}

.bboxdiv {
    background-color: #adacac;
    color: white;
}

.BoxDiv-title {
    cursor: pointer;
    position: relative;
    padding: 10px 40px 10px 15px;
    margin: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.BoxDiv-body {
    padding: 15px 15px 10px 15px;
}

.BoxDiv-title-text {
    margin-left: 10px;
}

.BoxDiv-title span {
    display: inline-block;
    vertical-align: middle;
}

.BoxDivTitleToggle {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    font-size: 16px;
}

.tab_inner, #dvSummary {
    border-right: 1px solid #337ab7;
    border-left: 1px solid #337ab7;
}

div#xdivCityAdd, div#DivCancel, .admin_place {
    padding: 10px 0px;
}

div#DivCancel, #dvSummary {
    border-bottom: 1px solid #337ab7;
}

.paddset {
    padding-bottom: 0;
    padding-top: 40px;
    margin-bottom: 0;
}

.ulTRStats span, .ulACStats span {
    cursor: pointer;
}

.city_added {
    width: 175px;
    height: 120px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0px #797272;
    background-color: #e0e1e3;
}

.city_added_arrow {
    width: 100%;
    height: 30px;
    background: rgb(1,98,169);
    background: -moz-linear-gradient(top, rgba(1,98,169,1) 1%, rgba(1,98,169,1) 17%, rgba(0,53,95,1) 100%);
    background: -webkit-linear-gradient(top, rgba(1,98,169,1) 1%,rgba(1,98,169,1) 17%,rgba(0,53,95,1) 100%);
    background: linear-gradient(to bottom, rgba(1,98,169,1) 1%,rgba(1,98,169,1) 17%,rgba(0,53,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0162a9', endColorstr='#00355f',GradientType=0 );
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.arrowdata {
    padding-top: 36px;
    text-align: -webkit-center;
    margin: 0 auto;
}

    .arrowdata img {
        height: 50px;
        width: 70px;
    }

    .arrowdata i {
        padding-top: 35px;
    }

.city_added_arrow span > i {
    color: white;
}

.city_added_arrow span {
    width: 33%;
    float: left;
    padding: 5px;
}

    .city_added_arrow span > .fa-arrow-circle-right {
        float: right;
        font-size: 18px;
        cursor: pointer;
    }

    .city_added_arrow span > .fa-arrow-circle-left {
        float: left;
        font-size: 18px;
        cursor: pointer;
    }

    .city_added_arrow span > .fa-minus-circle {
        float: left;
        font-size: 18px;
        cursor: pointer;
    }

    .city_added_arrow span > .fa-plus-circle {
        float: right;
        font-size: 18px;
        cursor: pointer;
    }

.pagination > .active > a {
    color: #fff !important;
}

.pagination > li > a {
    margin: 0px !important;
    margin-left: 1px !important;
    cursor: pointer;
}

.stats > li {
    padding-top: 1px;
    list-style: none;
}

.stats {
    padding: 0;
}

.divrow {
    padding-right: 3px;
    padding-left: 5px;
}

#ulPromoType li > a {
}

#ulPromoType li {
    margin-bottom: -2px;
}

.arrow_two {
}

.row.booklists.mCustomScrollbar {
    /*height: 79vh;*/ overflow: hidden;
    overflow-y: auto;
    margin-bottom: 0;
}

.itn_sub_footer {
    background-color: #adacac;
}

.b2bctrbx1 i.fa.fa-calendar {
    display: none;
}

span.texts_links {
    color: red;
    text-transform: uppercase;
    padding-left: 10px;
    text-decoration: underline;
}

.results_hot {
    min-height: 50vh;
    text-align: center;
    text-align: -webkit-center;
    padding: 10px 0;
    height: auto;
    box-shadow: none;
    background: transparent !important;
    border: 0;
    width: 100% !important;
}

    .results_hot .svg_notfound {
        position: relative;
        width: 100%;
        max-width: 320px !important;
        left: 0;
        right: 0;
        width: 100%;
        object-fit: cover;
        padding: 20px;
        align-items: center;
        display: flex;
    }

    .results_hot .result_hot_content {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

#dvBasicHeader, #dvBasic, #dvPkgLocations {
    font-size: 13px;
}

.pakcanc td:nth-child(1), .pakcanc th:nth-child(1) {
    width: 10%;
    padding: 0 4px;
    text-align: center;
}

.pakcanc td:nth-child(2), .pakcanc th:nth-child(2) {
    width: 33.333333%;
    padding: 0px 8px;
    text-align: right;
}

.pakcanc td:nth-child(3), .pakcanc th:nth-child(3) {
    width: 33.333333%;
    padding: 0 4px;
}

.pakcanc td:nth-child(4), .pakcanc th:nth-child(4) {
    width: 33.333333%;
    padding: 0 4px;
    text-align: right;
}

table.pakcanc {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin: 0;
}

    table.pakcanc th {
        text-align: center;
        background-color: #dedede;
        padding: 2px 2px 2px 5px;
    }

    table.pakcanc td {
        background-color: #ffffff;
        padding: 2px 2px 2px 5px;
    }

.protab input {
    width: 100%;
    margin: 0 !important;
    background-color: #fff;
    border: none;
    text-overflow: ellipsis;
    width: 100%;
}

.protab select {
    width: 100%;
    border: none;
}


.vres-prog-wrap {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
    z-index: 12000;
}

.vres-prog-div {
    /*  display: inline-block;*/
    background: #fff;
    min-width: 500px;
    position: relative;
    min-height: 118px;
    /*  margin-top: -8%;*/
    top: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

    .vres-prog-div > div {
        display: inline-block;
        width: 100%;
    }

    .vres-prog-div h3 {
        float: left;
        width: 100%;
        margin: 0px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 35px 0px 15px;
    }

    .vres-prog-div .prog-section {
        width: 100%;
        float: left;
        height: 5px;
        background: #f8f8f8;
        text-align: left;
        overflow: hidden;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/
    }

        .vres-prog-div .prog-section .inner-prog {
            height: 100%;
            width: 0%;
            background: #5C1111;
        }

    .vres-prog-div .prog-img {
        max-width: 200px;
        width: 100%;
        border-radius: 3px;
        margin-bottom: 25px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .33), 0 2px 5px rgba(0, 0, 0, .12);
    }

#squaresWaveG {
    position: relative;
    width: 150px;
    height: 28px;
    margin: 0px auto 25px;
    display: inline-block;
}

.squaresWaveG {
    position: absolute;
    top: 0;
    background-color: rgb(0,0,0);
    width: 15px;
    height: 15px;
    animation-name: bounce_squaresWaveG;
    -o-animation-name: bounce_squaresWaveG;
    -ms-animation-name: bounce_squaresWaveG;
    -webkit-animation-name: bounce_squaresWaveG;
    -moz-animation-name: bounce_squaresWaveG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#squaresWaveG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#squaresWaveG_2 {
    left: 20px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#squaresWaveG_3 {
    left: 40px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#squaresWaveG_4 {
    left: 60px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#squaresWaveG_5 {
    left: 80px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#squaresWaveG_6 {
    left: 100px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#squaresWaveG_7 {
    left: 120px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#squaresWaveG_8 {
    left: 140px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}



@keyframes bounce_squaresWaveG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes bounce_squaresWaveG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes bounce_squaresWaveG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}


@-webkit-keyframes bounce_squaresWaveG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes bounce_squaresWaveG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

.sserf {
    padding: 13px 24px !important;
}

#panel-cart {
    /*display:none !important;*/
    /*display:block;*/
    position: fixed;
    top: 51px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 370px;
    z-index: 950;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

    #panel-cart.show {
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    #panel-cart .panel-cart-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        z-index: 2;
        OVERFLOW-X: hidden;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #panel-cart .panel-cart-title {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 0.3rem 0.7rem;
        border: 0px solid #07c;
        background: linear-gradient(#3d94d9, #0067b9);
        text-shadow: 0 1px 1px rgba(28,115,184,0.64);
        color: white;
    }

        /*#panel-cart .panel-cart-title .title {
	margin-bottom: 0
}*/

        #panel-cart .panel-cart-title .close {
            margin-left: auto;
            color: white;
            opacity: 2;
            font-size: 1.7rem;
        }

    /*#panel-cart .panel-cart-action {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	z-index: 3
}*/

    #panel-cart .panel-cart-action:hover,
    #panel-cart .panel-cart-action:focus {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

.cart-summary {
    padding: 1.5rem
}

.table-cart {
    line-height: 1.25;
    width: 100%
}

    .table-cart th,
    .table-cart td {
        vertical-align: middle;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #e0e0e0
    }

    .table-cart .title .name {
        font-weight: 500;
        display: block
    }

    .table-cart .price {
        font-weight: 500
    }

    .table-cart .actions {
        white-space: nowrap
    }

.panel-cart-title h5 {
    font-size: 1.5rem;
    visibility: visible;
    margin-top: 0;
    font-weight: 200;
    color: white;
    font-family: "Helvetica Neue","Raleway",sans-serif;
    line-height: 1.1;
    margin-bottom: 0;
    text-align: left;
}

::selection {
    background: #ddae71;
    color: #fff;
}

.table-cart td.title {
    text-align: left;
}

.table-cart span.name > a {
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    color: black;
    -o-transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
    touch-action: manipulation;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.25;
}

.action-icon {
    color: #a4a7a9;
    margin: 0 0.1em
}

    .action-icon:hover,
    .action-icon:focus {
        color: #383c40
    }

.text-success {
    color: #4aa36b !important;
}

hr.hr-sm {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    font-size: 0.95rem;
}


.btn-secondary {
    border-color: #25282a;
    background-color: #25282a;
    color: #fff
}

    .btn-secondary:before {
        background-color: #212426
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active,
    .btn-secondary:focus:active {
        border-color: #25282a;
        background-color: #25282a;
        color: #fff
    }

    .btn-secondary:before {
        background-color: #ddae71
    }

._995uh:after {
    transform: skew(23deg);
    -webkit-transform: skew(23deg);
    -moz-transform: skew(23deg);
    -o-transform: skew(23deg);
    left: -32px;
}
/* Globel Css Start */
.divOpenGal {
    cursor: pointer;
}

.inlineBlockWrapRow > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    float: none;
}

.drpShdwWhiteBack, .dataTables_wrapper, .BoxDiv {
    background: #fff;
    margin-bottom: 20px;
}

.main_box_pan, .sidber-box, .ahotel-item, .package-wiget, .sort-box, .modal-close, .toolerr, .mic-btn-wrap, .innerconwrap, .tbd-cstm-tbl, .drpShdw, .drpShdwWhiteBack, .hotel-item, .toolerr-toggle, .hotelItemWrap, .dataTables_wrapper, .BoxDiv, .ntheme, .ech-attrcn span, .flighttablist, .sortDropDown {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
}

legend, fieldset {
    -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0px 6px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0px 6px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 0px 6px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1);
}

#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right, .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .toolerr-toggle, .uc-final-wrapper .uc-initial, .flighttablist li {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}

.flickr-list li a, ul.footer-nav li a, .navbar.fixed-top .nav > li > a, .donebox, .tab_detail li a {
    position: relative;
}

.main_box_pan .b2bctrbx1 .lnkPreventDefaultClass {
    position: relative !important;
    overflow: hidden !important;
}

    .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
        position: relative;
        -webkit-transition: all .3s linear !important;
        -moz-transition: all .3s linear !important;
        transition: all .3s linear !important;
        display: inline-block;
        overflow: hidden;
        padding: 4px 0px 4px 0px !important;
        border: 1px solid transparent;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }

        .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass *:after {
            content: "\f054";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            padding-left: 10px;
            opacity: 0;
            font-size: 14px;
            position: absolute;
            top: 50%;
            right: 25px;
            margin-top: -7px;
            -webkit-transition: all .3s linear !important;
            -moz-transition: all .3s linear !important;
            transition: all .3s linear !important;
        }

.main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *:before {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.ntheme, .ech-attrcn span, .flighttabcon {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.pad15 {
    padding: 15px;
}

.main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass * {
    padding: 4px 30px 4px 10px !important;
}

    .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *:after, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass *:after {
        opacity: 1;
        right: 9px;
    }

.lnkPreventDefaultClass {
    cursor: pointer;
}

.navbar.fixed-top .nav > li > a:before, .navbar.fixed-top .nav > li > a.active:before, .navbar .nav > li.navactive.active > a:before, .nav-tabs li a:before, .flickr-list li a:before, ul.footer-nav li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--main-bg-color);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    left: 0;
    top: 0px;
}

.flickr-list li a:before, ul.footer-nav li a:before {
    top: auto;
    bottom: 0;
}

.navbar.fixed-top .nav > li > a:hover:before, .navbar.fixed-top .nav > li.navactive.active > a:hover:before, .navbar .nav > li.navactive.active > a:before, .nav-tabs li a:hover:before, .nav-tabs li.active a:before, ul.footer-nav li a:hover:before, .flickr-list li a:hover:before, .navbar .nav-tabs .nav-link.active:before, .nav > li.show > a:before, .nav > li.ddBox.open .nav-link:before {
    text-decoration: none;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.nav-tabs li a:before {
    height: 2px;
    bottom: -2px;
    top: auto;
}

.htl-ftesrhtbx span.promoarrow {
    padding: 1px 11px 0px 5px;
    margin-right: 5px;
}

.flickr-list li a:after, ul.footer-nav li a:after, .donebox:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    left: 0;
    bottom: 0px;
}

.flickr-list li a:hover:after, ul.footer-nav li a:hover:after, .donebox:hover:after {
    text-decoration: none;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.addPaxLead i {
    margin-right: 4px;
}

.addPaxPage [class*='col-'] {
    padding-left: 7px;
    padding-right: 7px;
}

.addPaxPage .row {
    margin-left: -7px;
    margin-right: -7px;
}

.addPaxPage .form-group .form-group {
    margin-bottom: 0px;
}

.padTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.donebox:after {
    height: 100%;
    opacity: .2;
}

.ssnPopup {
    text-align: left;
    margin: 0px;
    min-width: 300px;
    max-width: 340px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    padding: 0px;
    border: none;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -ms-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -o-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
}

    .ssnPopup .modal-title {
        background: #282828;
        padding: 5px 15px;
        color: #fff;
        font-size: 20px;
    }

    .ssnPopup .modal-body {
        padding: 15px 0px;
        overflow: hidden;
    }

        .ssnPopup .modal-body * {
            display: inline-block !important;
            vertical-align: middle;
        }

        .ssnPopup .modal-body .fa {
            margin-right: 10px;
        }

        .ssnPopup .modal-body .ssnTime {
            display: block;
            text-align: center;
            font-size: 25px;
        }

.three-bounce {
    text-align: center;
    font-size: 26px;
    position: relative;
    width: 100%;
    margin-right: 30px;
    z-index: 104 !important;
}

    .three-bounce > div {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: #4f96b6;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both
    }

    .three-bounce .one {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .three-bounce .two {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s
    }

    .three-bounce .tbText {
        text-align: center;
        color: #4f96b6;
        display: block;
        font-size: 18px;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
/* Globel Css End */
.main_box_pan {
    min-height: 165px;
    margin-bottom: 20px;
    height: auto;
    background: #fff;
}

    .main_box_pan .b2bctrbx1 {
        padding-top: 0px;
    }

.hot_hotel-item {
    background: #fff;
    position: relative;
    border-bottom: solid 1px #ddd;
    padding-left: 20%;
}

    .hot_hotel-item .hot_hotel-image {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        margin-bottom: 0;
        width: 20%;
        float: left;
    }
        /*max-width:222px;*/
        /*.hot_hotel-item .hot_hotel-image:before {content: '';position: absolute;z-index: 2;top: 0;right: -15%;height: 100%;width: 30%;-webkit-transform: skew(15deg);-moz-transform: skew(15deg);-ms-transform: skew(15deg);-o-transform: skew(15deg);transform: skew(15deg);background: #fff;}*/
        .hot_hotel-item .hot_hotel-image .img {
            position: relative;
            z-index: 1;
            height: 100%;
        }

            .hot_hotel-item .hot_hotel-image .img:before, .hot_hotelhotel-item .hot_hotel-image .img:after {
                content: '';
                z-index: 1;
                top: 0;
                height: 100%;
                width: 100%;
                position: absolute;
            }

.main_box_pan .hot_hotel-image .img:before, .ahotel-item .hot_hotel-image .img:before {
    left: 0;
    background: #ffc107;
    opacity: 0;
}

.main_box_pan:hover .hot_hotel-image .img:before, .ahotel-item:hover .hot_hotel-image .img:before {
    opacity: 0.3;
}

.main_box_pan .hot_hotel-image .img:after {
    right: -100%;
    opacity: 0.2;
    background: #ffffff;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
}

.main_box_pan:hover .hot_hotel-image .img:after {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
}

.main_box_pan .hot_hotel-body {
    padding: 7px 15px 4px 15px; /*padding: 15px ;*/
    width: 100%;
    float: left;
    background-color: white;
}

    .main_box_pan .hot_hotel-body .ratting i {
        font-size: 11px;
    }

    .main_box_pan .hot_hotel-body h3 {
        margin: 0;
        font-size: 140%;
        letter-spacing: 1px;
    }

    .main_box_pan .hot_hotel-body p {
        color: #25282a;
        font-size: 14px;
        line-height: 21px;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        text-align: justify;
    }

.hot_hotel-item .hot_hotel-body .free-service i {
    font-size: 18px;
    margin-right: 10px;
    color: #868686;
    cursor: pointer;
}

.hot_hotel-image div.img {
    height: 194px;
}

.b2bhtl-icons1 {
    width: 100%;
    background-color: white;
    float: left;
    padding: 7px 0px 7px 0px;
    margin-top: 2px;
}

.b2bhtl-iconsmain1 {
    width: 100%;
    display: table;
}

.b2bhtl-iconslft1 ul {
    margin: 0px;
    padding: 0px;
}

    .b2bhtl-iconslft1 ul li {
        list-style: none;
        display: block;
        float: left;
        margin-bottom: 5px;
    }
/*.b2bhtl-icons1 ul li  a{ color:black; padding-right:15px;}*/
.b2bhtl-iconslft1 a {
    padding-right: 5px;
    line-height: 23px;
    vertical-align: top;
    display: inline-block;
}

.b2bhtl-icons1 i, .b2bhtl-iconsrht1 i {
    font-size: 19px;
    padding: 4px;
    color: white;
    border-radius: 6px;
    vertical-align: top;
    display: inline-block;
    line-height: 15px;
}

    .b2bhtl-icons1 i.fa-map-marker {
        cursor: pointer !important
    }

.multiclrback, .multiclrrow {
    margin: 5px 0px;
    border-radius: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

    .multiclrrow > * {
        padding: 4px 8px;
        border-right: 1px solid #fff
    }

        .multiclrrow > *:last-of-type {
            border-right: none;
        }

    .multiclrback > * {
        padding: 5px;
    }

    .multiclrback *, .multiclrrow * {
        color: #333;
    }

    .multiclrback > * > * {
        padding: 4px 8px;
        border-right: 1px solid #fff;
        border-radius: 3px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
    }

        .multiclrrow:before, .multiclrback > * > *:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            content: "";
            opacity: .4;
            z-index: 0;
            display: block;
        }

    .b2bhtl-icons1 li:nth-of-type(1n) i, .b2bhtl-iconsrht1 li:nth-of-type(1n) i, .multiclrback > *:nth-of-type(11n+1) > *:before, .multiclrrow:nth-of-type(11n+1):before {
        background-color: #ff9500;
    }

    .b2bhtl-icons1 li:nth-of-type(2n) i, .b2bhtl-iconsrht1 li:nth-of-type(2n) i, .multiclrback > *:nth-of-type(11n+2) > *:before, .multiclrrow:nth-of-type(11n+2):before {
        background-color: #007aff;
    }

    .b2bhtl-icons1 li:nth-of-type(3n) i, .b2bhtl-iconsrht1 li:nth-of-type(3n) i, .multiclrback > *:nth-of-type(11n+3) > *:before, .multiclrrow:nth-of-type(11n+3):before {
        background-color: #4cd964;
    }

    .b2bhtl-icons1 li:nth-of-type(4n) i, .b2bhtl-iconsrht1 li:nth-of-type(4n) i, .multiclrback > *:nth-of-type(11n+4) > *:before, .multiclrrow:nth-of-type(11n+4):before {
        background-color: #b45516;
    }

    .b2bhtl-icons1 li:nth-of-type(5n) i, .b2bhtl-iconsrht1 li:nth-of-type(5n) i, .multiclrback > *:nth-of-type(11n+5) > *:before, .multiclrrow:nth-of-type(11n+5):before {
        background-color: #ff3b30;
    }

    .b2bhtl-icons1 li:nth-of-type(6n) i, .b2bhtl-iconsrht1 li:nth-of-type(6n) i, .multiclrback > *:nth-of-type(11n+6) > *:before, .multiclrrow:nth-of-type(11n+6):before {
        background-color: #8d8e8f;
    }

    .b2bhtl-icons1 li:nth-of-type(7n) i, .b2bhtl-iconsrht1 li:nth-of-type(7n) i, .multiclrback > *:nth-of-type(11n+7) > *:before, .multiclrrow:nth-of-type(11n+7):before {
        background-color: #5856d6;
    }

    .b2bhtl-icons1 li:nth-of-type(8n) i, .b2bhtl-iconsrht1 li:nth-of-type(8n) i, .multiclrback > *:nth-of-type(11n+8) > *:before, .multiclrrow:nth-of-type(11n+8):before {
        background-color: #ff2c55;
    }

    .b2bhtl-icons1 li:nth-of-type(9n) i, .b2bhtl-iconsrht1 li:nth-of-type(9n) i, .multiclrback > *:nth-of-type(11n+9) > *:before, .multiclrrow:nth-of-type(11n+9):before {
        background-color: #663B00;
    }

    .b2bhtl-icons1 li:nth-of-type(10n) i, .b2bhtl-iconsrht1 li:nth-of-type(10n) i, .multiclrback > *:nth-of-type(11n+10) > *:before, .multiclrrow:nth-of-type(11n+10):before {
        background-color: #32aadc;
    }

    .b2bhtl-icons1 li:nth-of-type(11n) i, .b2bhtl-iconsrht1 li:nth-of-type(11n) i, .multiclrback > *:nth-of-type(11n+11) > *:before, .multiclrrow:nth-of-type(11n+11):before {
        background-color: #9514a4;
    }

.b2bhtl-icons1 li:nth-of-type(12n) i, .b2bhtl-iconsrht1 li:nth-of-type(12n) i {
    background-color: #1fa67a;
}

.b2bhtl-icons1 li:nth-of-type(13n) i, .b2bhtl-iconsrht1 li:nth-of-type(13n) i {
    background-color: #ff3b30;
}

.b2bhtl-icons1 li:nth-of-type(14n) i, .b2bhtl-iconsrht1 li:nth-of-type(14n) i {
    background-color: #4CAF50;
}

.b2bhtl-icons1 li:nth-of-type(15n) i, .b2bhtl-iconsrht1 li:nth-of-type(15n) i {
    background-color: #248f8a;
}

/* Fixed Colors For Hotel Result Icons */
.b2bhtl-icons1 li i.signia-desk {
    background: #fff217 !important
}

.b2bhtl-icons1 li i.signia-atm {
    background: #007aff !important
}

.b2bhtl-icons1 li i.signia-bar {
    background: #d87be8 !important
}

.b2bhtl-icons1 li i.signia-concierge {
    background: #b45516 !important
}

.b2bhtl-icons1 li i.signia-elevator {
    background: #008640 !important
}

.b2bhtl-icons1 li i.signia-fitness {
    background: #8d8e8f !important
}

.b2bhtl-icons1 li i.signia-transfer {
    background: #5856d6 !important
}

.b2bhtl-icons1 li i.signia-parking {
    background: #ff9500 !important
}

.b2bhtl-icons1 li i.signia-wifi {
    background: #b1a1c5 !important
}

.b2bhtl-icons1 li i.signia-laundry {
    background: #32aadc !important
}

.b2bhtl-icons1 li i.signia-swimming-pool {
    background: #9514a4 !important
}

.b2bhtl-icons1 li i.signia-no-smoking {
    background: #ff0000 !important
}

.b2bhtl-icons1 li i.signia-front-desk-safe {
    background: #1fa67a !important
}

.b2bhtl-icons1 li i.signia-beach {
    background: #ff3b30 !important
}

.b2bhtl-icons1 li i.signia-building {
    background: #007aff !important
}

.b2bhtl-icons1 li i.signia-floor {
    background: #08821d !important
}

.b2bhtl-icons1 li i.signia-hotel-room {
    background: #b45516 !important
}

.b2bhtl-icons1 li i.signia-restaurant {
    background: #ff3b30 !important
}

.b2bhtl-icons1 li i.signia-minibar {
    background: #663B00 !important
}

.b2bhtl-icons1 li i.signia-beachbar {
    background: #60b1a9 !important;
}

.b2bhtl-icons1 li i.signia-bar-lounge {
    background: #26557b !important;
}

.b2bhtl-icons1 li i.signia-laundry-facility {
    background: #ef4786 !important
}

.b2bhtl-icons1 li i.signia-free-parking {
    background: #f0a5c6 !important
}

.b2bhtl-icons1 li i.signia-self-parking {
    background: #00b6ad !important
}

.b2bhtl-icons1 li i.signia-valet-parking {
    background: #c78d38 !important;
}

.b2bhtl-icons1 li i.signia-outdoor-pool {
    background: #126883 !important
}

.b2bhtl-icons1 li i.signia-indoor-pool {
    background: #d21857 !important
}

.b2bhtl-icons1 li i.signia-children-pool {
    background: #018792 !important
}

.b2bhtl-icons1 li i.signia-health-club {
    background: #783393 !important
}

.b2bhtl-icons1 li i.signia-fitness-facility {
    background: #acdf7d !important
}
/* Fixed Colors For Hotel Result Icons */
.b2bhtl-icons1 li i.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    60% {
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}

.b2bhtl-iconsrht1 ul {
    margin: 0px;
    padding: 0px;
    float: right;
}

    .b2bhtl-iconsrht1 ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 0px 0px 0px 15px;
        margin-bottom: 5px;
    }

        .b2bhtl-iconsrht1 ul li a, .b2bhtl-iconslft1 ul li a {
            cursor: default;
        }

.b2bhtl-iconsrht1, .b2bhtl-iconslft1 {
    display: table-cell;
    vertical-align: middle;
    vertical-align: top;
}

.slider_sect_htl .sec_guestbx1 {
    display: block;
    width: 100%;
}

.sec_guestbx1 .b2bhtl-iconsrht1 {
    text-align: right;
    display: inline-block;
}

.slider_sect_htl .half_width {
    padding-bottom: 5px;
    padding-right: 10px;
}

.hiddendata {
    display: none !important;
}

.b2bctrbx h6 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Muli', sans-serif;
    color: #0089d0;
    margin: 0px;
}

.b2bcts_rgt {
    width: 15%;
    float: right;
    position: relative;
    right: 0px;
    top: 20px;
    text-align: right;
    text-align: right;
    display: none;
}

    .b2bcts_rgt i {
        color: #0089d0;
        font-size: 18px;
    }

    .b2bcts_rgt span {
        padding-left: 10px;
        font-size: 24px;
        font-weight: 500;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    }

.ribbon-containers {
    position: absolute;
    top: -27px;
    right: -23px;
    overflow: visible;
    font-size: 15px;
    line-height: 0px;
}

    .ribbon-containers:before {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
        border-top: 15px solid rgba(0, 0, 0, 0.3);
        border-bottom: 15px solid rgba(0, 0, 0, 0.3);
        border-right: 15px solid rgba(0, 0, 0, 0.3);
        border-left: 15px solid transparent;
        width: 100%;
    }

    .ribbon-containers:after {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        bottom: -8.5px;
        right: -1px;
        border-top: 9px solid #004a70;
        border-right: 9px solid transparent;
    }

    .ribbon-containers a {
        display: block;
        padding: 15px 4px;
        font-size: 12.5px;
        position: relative;
        background: #0089d0;
        overflow: visible;
        height: 23px;
        margin-left: 17px;
        color: #fff;
        text-decoration: none;
    }

        .ribbon-containers a:before {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            top: 0;
            left: -15px;
            border-top: 15px solid #0089d0;
            border-bottom: 15px solid #0089d0;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
        }

        .ribbon-containers a:hover {
            background: #009ff1;
        }

            .ribbon-containers a:hover:before {
                border-top: 15px solid #009ff1;
                border-bottom: 15px solid #009ff1;
            }

.dis_tblWrap {
    display: block;
}

    .dis_tblWrap .dis_tblInner:first-of-type {
        border-top: none;
    }

.dis_tblInner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row;
    float: none !important;
    vertical-align: top;
}

    .dis_tblInner .tavelPrt1 {
        width: 13%;
        display: flex;
        min-width: 60px;
        text-align: center;
        align-items: center;
    }

        .dis_tblInner .tavelPrt1, .dis_tblInner .tavelPrt1 *, .tavelPrt3, .tavelPrt3 * {
            white-space: nowrap;
            float: none;
        }

    .dis_tblInner .tavelPrt2 {
        width: 87%;
        display: flex;
        vertical-align: middle;
        line-height: 20px;
        align-items: center;
    }

.tavelPrt3 {
    text-align: center;
    padding: 0px 10px
}

.tavelPrt5 {
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.tavelPrt6 {
    padding: 0px 10px;
    text-align: center;
}

.cancpolres {
    display: block;
    float: left;
    font-size: 12px;
    background-color: #0089d0;
    color: #ffffff !important;
    width: auto;
    padding: 5px;
    margin-right: 4px;
    border: 1px dashed #93adb9;
    border-radius: 10px;
}

.big_per, .big_per1 {
    padding: 0px 5px;
}

    .big_per i {
        font-size: 20px !important;
        color: #0089d0;
    }

    .big_per1 i {
        font-size: 16px !important;
        color: #0089d0;
        line-height: 23px;
    }

    .big_per span, .big_per1 span {
        line-height: 24px;
        margin-left: 5px;
    }

ul {
    list-style: none;
    padding: 0;
}

.trav1-one {
    width: 30%;
    margin: 0px;
    font-weight: bold;
    font-size: 15px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.trav1-two {
    width: 30%;
    margin: 0px;
    border-left: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    padding: 0px;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .trav1-two.ln30 {
        line-height: 13px;
        flex-flow: column;
    }

    .trav1-two ul {
        margin: 0px;
        padding: 0px;
        float: left;
        width: auto;
    }

.trav-two1 ul li {
    display: block;
    list-style: none;
    border-top: 1px solid #e5e5e5;
    padding: 1px 20px;
    float: left;
    width: 100%;
}

.trav1-three {
    margin: 0px;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
    min-width: 25%;
}
/*------------------arro box------------*/
.arrow_box {
    position: relative;
    background: #88b7d5;
    border: 4px solid #c2e1f5;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #88b7d5;
        border-width: 30px;
        margin-top: -30px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #c2e1f5;
        border-width: 36px;
        margin-top: -36px;
    }
/*------------------arro box------------*/
.promoarrow {
    position: relative;
    max-width: 150px;
    font-size: 12px;
    color: white;
    background: #0089d0;
    padding: 1px 11px 1px 5px;
    border: 1px solid #000;
    border-radius: 4px;
    z-index: 1;
    white-space: nowrap;
    width: auto;
    height: 21px;
    display: block;
    line-height: 19px;
}

    .promoarrow:after, .promoarrow:before {
        content: "";
        position: absolute;
        border: 1px solid #000;
    }

    .promoarrow:before {
        top: 6px;
        right: -4px;
        width: 6px;
        height: 6px;
        background: #fff;
        border-radius: 50%;
        z-index: 2;
    }

    .promoarrow:after {
        top: 2px;
        right: -8px;
        width: 16px;
        height: 16px;
        background: #0089d0;
        border-left: none;
        border-bottom: none;
        border-radius: 4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
    }

.b2bctrbx1 {
    width: 100%;
    float: left;
    padding-top: 4px;
    padding-right: 20px;
}

    .b2bctrbx1 h6, .kstm-item .ahotel-body h3 {
        font-size: 140%;
        color: #0089d0;
        font-family: verdana;
        font-weight: 500;
        margin: 0px;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        text-transform: capitalize !important;
        padding-right: 50px;
    }

.kstm-item .ahotel-body h3 {
    margin: 5px 0px;
}

.b2bctrbx1 b {
    font-size: 12px;
    color: #71ae5a;
    font-weight: normal;
    display: block;
}

.b2bctrbx1 span.stars {
    padding-right: 0px;
}

.b2bctrbx1 b .star {
    color: #fec107;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.b2bctrbx1 .rslttsr {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
    line-height: 0px;
}

.b2bctrbx1 b .star i {
    font-size: 13px;
    line-height: 16px;
    margin: 0 1px;
}

.b2bctrbx1 span {
    font-size: 14px;
    font-family: verdana;
    font-weight: 300;
    margin: 0px;
    text-decoration: underline;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

#myModalPopup-body {
    height: 600px;
    width: 100%;
}

    #myModalPopup-body > iframe #gallery-area {
        width: 100% !important;
    }

span.star {
    text-transform: uppercase;
}

.starTrip span.star {
    display: block;
    float: left;
    color: #ff6b00;
}

.ahotel-body > span.star {
    padding-top: 10px;
}

.grid_list_div {
    background: white;
    border: 1px solid #2779b9;
    width: 80px;
    height: 29px;
    overflow: hidden;
}

a.view-type.testing-list-view {
    background: #2779b9;
    color: white;
    width: 48px;
    float: left;
    padding: 2px 17px;
    margin: 0 auto;
    text-align: -webkit-center;
    text-align: center;
    -ms-transform: skew(30deg,0deg);
    -webkit-transform: skew(30deg,0deg);
    transform: skew(30deg,0deg);
    display: inline-block;
    margin-left: -9px;
    overflow: hidden;
    font-size: 18px;
}

    a.view-type.testing-list-view i {
        -ms-transform: skew(30deg,0deg);
        -webkit-transform: skew(30deg,0deg);
        transform: skew(-33deg,0deg);
        display: inline-block;
    }

a.view-type.testing-photo-view.strong {
    background: #ffffff;
    color: #2779b9;
    width: 37px;
    float: left;
    padding: 2px;
    margin: 0 auto;
    text-align: -webkit-center;
    text-align: center;
    font-size: 18px;
}

i.fa.fa-th {
    background: #ffffff;
    color: #2779b9;
    width: 37px;
    float: left;
    padding: 4px;
    margin: 0 auto;
    text-align: -webkit-center;
    text-align: center;
    font-size: 18px;
}

div#polcallid {
    position: relative;
}

#polcallid p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
}

    #polcallid p i {
        margin-left: 13px;
    }

.travmain .tavelPrt2 {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #ddd;
}

.CANPOlicyFLoat {
    display: none;
    position: absolute;
    left: 0px;
    top: 19px;
    width: 100%;
    border-radius: 4px;
    padding: 5px;
    z-index: 5;
}

    .CANPOlicyFLoat .clsCanPol {
        color: #fff !important;
    }

.cpolicy_hotela:hover .CANPOlicyFLoat {
    display: block;
}

#myModelImage img {
    width: 100% !important;
}



footer p {
    color: #ccc;
}

footer a {
    color: #666;
}

    footer a:hover {
        color: #666;
        text-decoration: underline;
    }

.footer-widget {
    margin-bottom: 10px;
}

    .footer-widget .ftrttl {
        color: #eee;
        text-transform: uppercase;
        padding-bottom: 13px;
        margin-bottom: 24px;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        overflow: hidden;
    }

        .footer-widget .ftrttl .head-line {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 50px;
            height: 3px;
            background-color: rgba(255, 255, 255, 0.3);
            margin: 0;
        }

            .footer-widget .ftrttl .head-line.right {
                left: auto;
                right: 0px;
            }

.copyright-section {
    padding: 6px 15px;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(255,255,255,.06);
}

    .copyright-section p {
        font-size: 11px;
        text-transform: uppercase;
    }

ul.footer-nav {
    float: right;
    margin-bottom: 0px;
}

    ul.footer-nav li {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

        ul.footer-nav li a {
            display: inline-block;
            text-transform: uppercase;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            padding-bottom: 1px;
        }

            ul.footer-nav li a:hover {
                color: #fff;
            }

/*.contact-widget {
    background: url(../assets/images/map.png) center bottom no-repeat;
    background-image: url('../images/map.png');
}*/

.contact-widget span {
    font-weight: 700;
    color: #fff !important
}

.contact-widget ul li {
    margin-bottom: 12px;
    color: white;
}

    .contact-widget ul li p a {
        color: #bbb;
    }

.contact-widget p {
    /*padding-bottom: 20px;*/
}

.flickr-list {
    width: auto;
    float: left;
}

    .flickr-list li a {
        color: white;
        position: relative;
        padding-bottom: 1px;
    }

        .flickr-list li a:hover {
            text-decoration: none;
        }

.btn-black {
    background-image: none;
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    padding: 8px 24px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    border: 1px #000000 solid;
    color: #000000 !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

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

    .btn-black:active,
    .btn-black.active {
        outline: 0;
        background-image: none;
    }

    .btn-black.disabled,
    .btn-black[disabled],
    fieldset[disabled] .btn-black {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .btn-black:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000000;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btn-black:hover,
    .btn-black:focus,
    .btn-black:active {
        color: #fdfdfd !important;
    }

        .btn-black:hover:before,
        .btn-black:focus:before,
        .btn-black:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

    .btn-black.filled {
        border: 0px;
        background-color: #000000;
        color: #fff !important;
    }

.apb-step {
    color: #acacac;
    padding: 12px 0;
    background-color: #f1f2f2;
    margin-bottom: 40px;
}

    .apb-step ul li {
        font-size: 0.9rem;
        font-weight: 500;
        text-align: center;
    }

    .apb-step ul > li.active, .apb-step ul > li.step-complete {
        color: #967a50;
    }

        .apb-step ul > li.active > span, .apb-step ul > li.step-complete > span {
            background-color: #967a50;
        }

.apb-content-js {
    padding: 0;
}

.apb-room_name {
    font-size: 1.9rem;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 25px;
    line-height: 2.4rem;
    color: #0f2453;
}

    .apb-room_name a, .apb-room_name a:visited, .apb-room_name a:hover, .apb-room_name a:focus {
        font-size: 1.9rem;
        font-weight: 500;
        color: #0f2453;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

.apb-room_item .apb-room_img {
    margin-top: 0;
    margin-right: 40px;
}

.apb-sale-icon {
    position: absolute;
    right: -18px;
    left: auto;
    top: -18px;
    background-color: #967a50;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 0.85rem;
    font-weight: 500;
    color: #ffffff;
    padding-top: 12px;
    padding-left: 6px;
    text-transform: uppercase;
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(20deg);
}

.apb-room-select-item .img, .apb-room-select-item .apb-desc, .apb-room-select-item .apb-room-select-package,
.apb-room-select-item .apb-room-select-price {
    padding: 0 12px;
    width: 25%;
}

.apb-room-select-item .apb-desc {
    width: 30%;
}

.apb-room-select-item .apb-room-select-package {
    width: 25%;
}

.apb-room-select-item .apb-room-select-price {
    width: 20%;
}

.apb-room_price {
    margin: 20px 15px 20px 0;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2rem;
    display: inline-block;
    color: #444444;
}

.apb-room_heading .apb-room_price {
    font-size: 1rem;
}

    .apb-room_heading .apb-room_price .apb-room_amount {
        font-size: 2rem;
    }

.apb-room_price .apb-room_amount {
    color: #967a50;
    font-family: "Lato";
    font-size: 3rem;
    font-weight: 300;
    padding-top: 0;
    margin-left: 0;
    display: inline-block;
}

.apb-room_item .apb-room_text .apb-room_desc {
    color: #444444;
    font-size: 1.125rem;
    line-height: 2rem;
}

.apb-total-price-wrapper {
    margin: 0;
}

.readmore-price, .apb-room_view-more {
    font-weight: 400;
    text-decoration: none !important;
    font-style: normal;
    text-transform: none;
    font-size: 1.125rem;
    display: block;
    margin-top: 15px;
    margin-left: 0;
}

.apb-room_view-more {
    margin-top: 0;
}

.apb-room_package-more {
    display: block;
    font-size: 1.250rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #d2d2d2;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 15px;
    position: relative;
}

.apb-room_package a {
    color: #0f2453;
    padding: 18px 20px;
    font-size: 1.250rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.apb-room_package-more:after {
    margin-top: 4px;
}

.apb-room_package-more:hover, .apb-room_package-more:focus {
    color: #967a50;
    border-color: #d2d2d2;
    outline: 0;
}

.apb-package_item {
    padding-top: 15px;
}

.apb-package_img {
    margin-top: 5px;
}

.apb-package_text h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
}

    .apb-package_text h4 label {
        margin-bottom: 0;
    }

.apb-package_text p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.apb-package_book-price .apb-package_price {
    margin: 0;
    font-size: 0.9rem;
}

    .apb-package_book-price .apb-package_price .amount {
        font-size: 1.275rem;
        font-weight: 400;
    }

.single .apb-package_item {
    padding-top: 0;
}

.single .apb-package_text h4 {
    font-size: 1.9rem;
}

.single .apb-package_text p {
    font-size: 1.375rem;
}

.apb-modal-content {
    border-radius: 0;
    border: solid 1px #d2d2d2;
}

.abp-close-modal {
    color: #0f2453;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}

.apb-modal-body .apb-list-price h6 {
    color: #967a50;
    font-size: 1.125rem;
    background-color: #f1f2f2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    font-weight: 500;
}

.apb-modal-body .apb-list-price .list-price-item {
    background-color: transparent;
    color: #444444;
    font-size: 1.125rem;
    font-weight: 500;
    font-family: Lato;
}

    .apb-modal-body .apb-list-price .list-price-item span {
        color: #0f2453;
        font-weight: 500;
        font-size: 1.125rem;
    }

.apb-content h5 {
    background-color: #f1f2f2;
    margin: 0;
    padding: 20px 30px;
    border-bottom: solid 1px #d2d2d2;
}

.apb-room-select-item {
    border-bottom: 1px solid #d2d2d2;
    padding: 30px 15px;
    background-color: #f1f2f2;
}

.apb-room-selected_item.apb-bg_blue, .apb-room-seleted_current.apb-bg_blue {
    background-color: #f1f2f2;
}

.apb-room-select-footer {
    padding: 30px;
    background-color: #f1f2f2;
}

    .apb-room-select-footer .link-other-room {
        font-style: normal;
        font-size: 1.125rem;
        color: #967a50;
        margin-top: 15px;
    }

        .apb-room-select-footer .link-other-room i {
            font-size: 1.4rem;
            color: #444444;
            position: relative;
            top: 2px;
            padding-right: 5px;
        }

.apb-room-select-item .room-select-th {
    color: #444444;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.apb-room-select-item .apb-desc p {
    color: #444444;
    font-size: 1rem;
}

.apb-room-select-item .apb-room-select-package span {
    text-transform: uppercase;
    color: #444444;
    font-size: 1rem;
    font-weight: 500;
}

.apb-room-select-item .apb-room-select-price .price {
    color: #0f2453;
    font-size: 1.125rem;
    font-weight: 500;
    font-family: Lato;
}

.apb-room-select-item .apb-room-select-price a {
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 500;
    color: #967a50;
}

.apb-room-select-item .apb-room-select-package ul li span {
    color: #0f2453;
    margin-left: 20px;
    font-weight: 500;
    font-size: 0.9rem;
}

.apb-room-selected_item .apb-room-seleted_package {
    border-top: 1px solid #d2d2d2;
    margin-top: 15px;
    padding-top: 15px;
}

.apb-room-selected_item .apb-room-seleted_total-room {
    color: #444444;
    font-size: 1.125rem;
    font-weight: 600;
    border-top: 1px solid #d2d2d2;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 10px;
}

.awebooking .apb-room-selected_item .apb-room-seleted_package ul li .apb-amount {
    float: right;
    font-weight: 500;
    font-size: 1.125rem;
    color: #0f2453;
    font-family: Lato;
}

.apb-room-selected_item .apb-room-seleted_package ul li .apb-amount {
    float: right;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: Lato;
}

.apb-room-selected_content .apb-room-selected_item .apb-room-seleted_change:hover,
.apb-room-selected .apb-room-selected_content .apb-room-selected_item .apb-room-seleted_change:hover {
    color: #0f2453;
}

.apb-room-selected_content .apb-room-selected_item h6, .apb-room-selected .apb-room-selected_content .apb-room-selected_item h6 {
    display: inline-block;
    color: #444444;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 10px 0 0;
    padding-bottom: 10px;
}

.apb-room-selected_content .apb-room-selected_item .apb-room-seleted_change,
.apb-room-selected .apb-room-selected_content .apb-room-selected_item .apb-room-seleted_change {
    color: #967a50;
    font-size: 0.9rem;
    font-style: normal;
}

.tt-dropdown-menu {
    position: absolute;
    left: 0px;
    z-index: 100;
    right: auto;
    display: none;
    top: 35px !important;
}

    .tt-dropdown-menu:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        left: 9px;
    }

    .tt-dropdown-menu:before, .tt-dropdown-menu:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
/*.divtilt_navs > li > a {
	height: 53px;
	background: red;
	position: relative;
}

.tilt_navs > li > a:before {
	content: '';
	position: absolute;
	top: 0; right: 0;
	border-top: 50px solid white;
	border-left: 23px solid red;
	width: 0;
}*/
.tilt_navs_tab {
    height: 350px;
    background-color: rgb(255, 255, 255);
    padding: 10px 0;
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03);
    BORDER: 1PX SOLID #dcd6d6;
}

.tilt_navs > li > a {
    margin-right: 2px;
    line-height: 1.5;
    border-radius: 14px 14px 0 0;
    BORDER-TOP-RIGHT-RADIUS: 128%;
    WIDTH: 173PX;
    padding: 10px 10px;
    MARGIN-BOTTOM: 4PX;
}

.pack_tab {
    background-color: white;
    width: 100%;
}

    .pack_tab thead {
        background-color: rgba(2, 33, 76, 0.83);
        color: white;
    }

    .pack_tab td:nth-child(1), .pack_tab th:nth-child(1) {
        width: 5%;
        text-align: center;
    }

    .pack_tab td:nth-child(2), .pack_tab th:nth-child(2) {
        width: 75%;
    }

    .pack_tab td:nth-child(3), .pack_tab th:nth-child(3) {
        width: 10%;
        text-align: center;
    }

    .pack_tab td:nth-child(4), .pack_tab th:nth-child(4) {
        width: 10%;
        text-align: center;
    }

.table_fixed_pack thead {
    width: 97%;
}

.table_fixed_pack tbody {
    height: 223px;
    overflow-y: auto;
    width: 100%;
}

.table_fixed_pack thead, .table_fixed_pack tbody, .table_fixed_pack tr, .table_fixed_pack td, .table_fixed_pack th {
    display: block;
}

    .table_fixed_pack tbody td, .table_fixed_pack thead > tr > th {
        float: left;
        border-bottom-width: 0;
    }


    .table_fixed_pack tbody tr td {
        background-color: rgba(206, 206, 206, 0.49);
    }

div#s2id_ddlHotel {
    width: 100% !important;
}

.select-filtersa {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0;
    display: block;
}

.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

    .tag::before {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
        content: '';
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
        top: 10px;
    }

    .tag::after {
        background: #fff;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #eee;
        border-top: 13px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
    }
/*.modal_infohot ,.modal_infohota    {        width:50% !important; float:left;   }*/
.modal_infohota {
    display: block;
}

    .modal_infohota .modal_infohot {
        float: left;
        padding: 0px !important
    }

        .modal_infohota .modal_infohot > p {
            margin-bottom: 0px;
        }

    .modal_infohota .img {
        margin-right: 15px;
        margin-bottom: 10px;
        max-width: 33%;
        float: left;
    }

    .modal_infohota p {
        text-align: justify;
        margin-bottom: 10px;
        /*border: 1px solid #e5e5e5;*/
        /*padding: 5px;*/
        font-size: 13px;
    }

        .modal_infohota p p {
            position: relative;
        }

            .modal_infohota p p:after {
            }

        .modal_infohota p b {
            /*width: 100%;*/
            font-weight: bold;
        }

.modal_infohot modal-title {
}

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

.modal-header.modal_infohot {
    border: 0;
}

.tag:hover {
    background-color: crimson;
    color: white;
}

    .tag:hover::after {
        border-left-color: crimson;
    }

.notavail {
    text-align: center;
    background-color: rgb(255, 248, 234);
    height: 294px;
    margin-top: 24px;
}

img.image_result {
    height: 28px;
    width: auto;
}



@charset "UTF-8";


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

/*@keyframes bounce {
  from, 20%, 53%, 80%, to {
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transform: translate3d(0,0,0);
  }

  40%, 43% {
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transform: translate3d(0, -30px, 0);
  }

  70% {
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transform: translate3d(0, -15px, 0);
  }

  90% {
	transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}*/

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.calender_htl {
    height: 24px;
    width: 28px;
    cursor: pointer;
    margin-top: -5px;
}

.avail {
    float: left;
    color: #2779b9;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background-color: white;
    border-radius: 16px;
    padding-right: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0px 10px 0px 0px;
    margin: 2px 3px;
}


i.fa.fa-caret-square-o-down, i.fa.fa-caret-square-o-up {
    margin-right: 6px;
    color: #0a6fbe;
}

/*--------------availiby   calander----------------------------*/
.availability-calendar-toolbar {
    padding-bottom: 15px;
    font-size: 1.4em;
    font-weight: bold;
    margin: 14px;
}

.availability-calendar th {
    background: #fff;
    color: #000;
    opacity: 0.9;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-weight: normal;
}

.availability-calendar-toolbar span {
    float: right;
    width: 22%;
    font-size: 16px
}

.availability-calendar-toolbar .calcheckbx {
    float: left;
    width: 60%;
}

.clr_indication ul li:nth-child(1) > p {
    background-color: #d3d3d3
}

.clr_indication ul li:nth-child(2) > p {
    background-color: #228B22
}

.clr_indication ul li:nth-child(3) > p {
    background-color: #b66672 !important
}

.clr_indication ul li:nth-child(4) > p {
    background-color: #f35959
}

.clr_indication ul li:nth-child(5) > p {
    background-color: #006400;
    border-radius: 50px;
    border: 1px solid #f4f4f4;
}

.clr_indication ul li:nth-child(6) > p {
    margin-right: 5px
}

.txt_alt_bold {
    font-weight: 700;
    font-size: 12.5px
}

.clr_indication ul li > p {
    width: 20px;
    float: left;
    text-align: center;
    border-radius: 2px;
    background-color: #d3d3d3;
    height: 20px;
    margin-right: 4px;
    border-radius: 50px;
    border: 1px solid #f4f4f4;
}

.clr_indication ul {
    list-style: none;
    font-size: 14px;
    font-family: Roboto,"Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
    padding: 0;
}

    .clr_indication ul li {
        float: left;
        margin-right: 8px;
        line-height: 23px;
        font-size: 12px;
        font-family: Roboto,"Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #333;
        opacity: 0.9;
    }

/*.availability-calendar-toolbar span:last-child {float: right}*/

.availability-calendar-toolbar input {
    background: transparent;
    border: 1px solid #ddd;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    outline: 0;
    color: #333;
    padding: 6px;
    opacity: 0.9;
}

    .availability-calendar-toolbar input:first-child {
        border-radius: 3px 0px 0px 3px;
        width: 35px;
    }

    /*.availability-calendar-toolbar input:nth-child(2) {border-radius: 6px 0 0 6px}*/

    .availability-calendar-toolbar input:last-child {
        border-radius: 3px 0px 0px 3px;
        width: 35px;
    }

    .availability-calendar-toolbar input:hover {
        background: #E5E5E5;
        background-image: linear-gradient(to bottom, #EEE, #D6D6D6);
    }

    .availability-calendar-toolbar input:active {
        background: #D5D5D5;
        background-image: linear-gradient(to bottom, #DDD, #C6C6C6);
    }


/**
 * Calendar table and cells
 */
.availability-calendar {
    width: 100%;
    margin-top: 20px;
    background: #FFF;
    table-layout: fixed;
    border-collapse: collapse;
}

    .availability-calendar th, .availability-calendar td {
        border: 1px solid #DDD;
        padding: 5px;
    }

    .availability-calendar .avail_quant {
        position: absolute;
        bottom: 0px;
    }

    .availability-calendar td {
        height: 55px;
        position: relative;
        vertical-align: top;
        text-align: center;
        font-size: 75% !important;
    }

    .availability-calendar .na {
        background-color: lightgrey;
    }

    .availability-calendar .fs {
        background-color: forestgreen;
        color: white;
    }

    .availability-calendar .rq {
        background-color: #b66672;
        color: white;
        font-size: 75%;
    }

    .availability-calendar .bo {
        background-color: #f35959;
        color: white
    }

    .availability-calendar .ok {
        background-color: #005c00;
        color: white;
    }

    .availability-calendar .avail_serv span,
    .availability-calendar .avail_avail span,
    .availability-calendar .avail_pric span,
    .availability-calendar .avail_quant span {
        font-weight: 500;
    }

    .availability-calendar .avail_serv,
    .availability-calendar .avail_avail,
    .availability-calendar .avail_pric,
    .availability-calendar .avail_quant {
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.clr_indication {
    float: left;
    width: 75%;
}

.availability-calendar .ex-month {
    opacity: 0.4
}

.availability-calendar .unavailable {
    position: relative
}

    .availability-calendar .unavailable div {
        position: absolute;
        top: 40%;
        left: 0;
        right: -1px;
        height: 30px;
        background: #F88;
        border-top: 1px solid #A33;
        border-bottom: 1px solid #A33;
    }

.avail_select {
    float: left
}

.availability-calendar .unavailable:last-child div {
    right: 0
}

.avai_htl_room * {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.availability-calendar .unavailable .first {
    left: 51%;
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #A33;
}

.availability-calendar .unavailable .last {
    right: 51%;
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #A33;
}

[class*="cal-cell"] {
    float: left;
    margin-left: 0;
    min-height: 1px;
}

.cal-row-fluid {
    width: 100%;
    *zoom: 1;
}

    .cal-row-fluid:before,
    .cal-row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .cal-row-fluid:after {
        clear: both;
    }

    .cal-row-fluid [class*="cal-cell"] {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 0%;
        *margin-left: -0.05213764337851929%;
    }

        .cal-row-fluid [class*="cal-cell"]:first-child {
            margin-left: 0;
        }

    .cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
        margin-left: 0%;
    }

    .cal-row-fluid .cal-cell7 {
        width: 100%;
        *width: 99.94669509594883%;
    }

    .cal-row-fluid .cal-cell6 {
        width: 85.71428571428571%;
        *width: 85.66098081023453%;
    }

    .cal-row-fluid .cal-cell5 {
        width: 71.42857142857142%;
        *width: 71.37526652452024%;
    }

    .cal-row-fluid .cal-cell4 {
        width: 57.14285714285714%;
        *width: 57.089552238805965%;
    }

    .cal-row-fluid .cal-cell3 {
        width: 42.857142857142854%;
        *width: 42.80383795309168%;
    }

    .cal-row-fluid .cal-cell2 {
        width: 28.57142857142857%;
        *width: 28.518123667377395%;
    }

    .cal-row-fluid .cal-cell1 {
        width: 14.285714285714285%;
        *width: 14.232409381663112%;
    }

    .cal-week-box .cal-offset7,
    .cal-row-fluid .cal-offset7,
    .cal-row-fluid .cal-offset7:first-child {
        margin-left: 100%;
        *margin-left: 99.89339019189765%;
    }

    .cal-week-box .cal-offset6,
    .cal-row-fluid .cal-offset6,
    .cal-row-fluid .cal-offset6:first-child {
        margin-left: 85.71428571428571%;
        *margin-left: 85.60767590618336%;
    }

    .cal-week-box .cal-offset5,
    .cal-row-fluid .cal-offset5,
    .cal-row-fluid .cal-offset5:first-child {
        margin-left: 71.42857142857142%;
        *margin-left: 71.32196162046907%;
    }

    .cal-week-box .cal-offset4,
    .cal-row-fluid .cal-offset4,
    .cal-row-fluid .cal-offset4:first-child {
        margin-left: 57.14285714285714%;
        *margin-left: 57.03624733475479%;
    }

    .cal-week-box .cal-offset3,
    .cal-row-fluid .cal-offset3,
    .cal-row-fluid .cal-offset3:first-child {
        margin-left: 42.857142857142854%;
        *margin-left: 42.750533049040506%;
    }

    .cal-week-box .cal-offset2,
    .cal-row-fluid .cal-offset2,
    .cal-row-fluid .cal-offset2:first-child {
        margin-left: 28.57142857142857%;
        *margin-left: 28.46481876332622%;
    }

    .cal-week-box .cal-offset1,
    .cal-row-fluid .cal-offset1,
    .cal-row-fluid .cal-offset1:first-child {
        margin-left: 14.285714285714285%;
        *margin-left: 14.17910447761194%;
    }

    .cal-row-fluid .cal-cell1 {
        width: 14.285714285714285%;
        *width: 14.233576642335766%;
    }

    [class*="cal-cell"].hide,
    .cal-row-fluid [class*="cal-cell"].hide {
        display: none;
    }

    [class*="cal-cell"].pull-right,
    .cal-row-fluid [class*="cal-cell"].pull-right {
        float: right;
    }

.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
    min-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-events-num {
    margin-top: 20px;
}

.cal-month-day {
    position: relative;
    display: block;
    width: 100%;
}

#cal-week-box {
    position: absolute;
    width: 70px;
    left: -71px;
    top: -1px;
    padding: 8px 5px;
    cursor: pointer;
}

#cal-day-tick {
    position: absolute;
    right: 50%;
    bottom: -21px;
    padding: 0px 5px;
    cursor: pointer;
    z-index: 5;
    text-align: center;
    width: 26px;
    margin-right: -17px;
}

.cal-year-box #cal-day-tick {
    margin-right: -7px;
}

#cal-slide-box {
    position: relative;
}

#cal-slide-tick {
    position: absolute;
    width: 16px;
    margin-left: -7px;
    height: 9px;
    top: -1px;
    z-index: 1;
}

    #cal-slide-tick.tick-month1 {
        left: 12.5%;
    }

    #cal-slide-tick.tick-month2 {
        left: 37.5%;
    }

    #cal-slide-tick.tick-month3 {
        left: 62.5%;
    }

    #cal-slide-tick.tick-month4 {
        left: 87.5%;
    }

    #cal-slide-tick.tick-day1 {
        left: 7.14285714285715%;
    }

    #cal-slide-tick.tick-day2 {
        left: 21.42857142857143%;
    }

    #cal-slide-tick.tick-day3 {
        left: 35.71428571428572%;
    }

    #cal-slide-tick.tick-day4 {
        left: 50%;
    }

    #cal-slide-tick.tick-day5 {
        left: 64.2857142857143%;
    }

    #cal-slide-tick.tick-day6 {
        left: 78.57142857142859%;
    }

    #cal-slide-tick.tick-day7 {
        left: 92.85714285714285%;
    }

.events-list {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

#cal-slide-content ul.unstyled {
    margin-bottom: 0;
}

.cal-week-box {
    position: relative;
}

    .cal-week-box [data-event-class] {
        white-space: nowrap;
        height: 30px;
        margin: 1px 1px;
        line-height: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 10px;
    }

    .cal-week-box .cal-column {
        position: absolute;
        height: 100%;
        z-index: -1;
    }

    .cal-week-box .arrow-before,
    .cal-week-box .arrow-after {
        position: relative;
    }

        .cal-week-box .arrow-after:after {
            content: "";
            position: absolute;
            top: 0px;
            width: 0;
            height: 0;
            right: 0;
            border-top: 15px solid #ffffff;
            border-left: 8px solid;
            border-bottom: 15px solid #FFFFFF;
        }

        .cal-week-box .arrow-before:before {
            content: "";
            position: absolute;
            top: 0px;
            width: 0;
            height: 0;
            left: 1px;
            border-top: 15px solid transparent;
            border-left: 8px solid #FFFFFF;
            border-bottom: 15px solid transparent;
        }

#cal-day-box {
    text-wrap: none;
}

    #cal-day-box .cal-day-hour-part {
        height: 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: thin dashed #e1e1e1;
    }

    #cal-day-box .cal-day-hour .day-highlight {
        height: 30px;
    }

    #cal-day-box .cal-hours {
        font-weight: bolder;
    }

    #cal-day-box .cal-day-hour:nth-child(odd) {
        background-color: #fafafa;
    }

    #cal-day-box #cal-day-panel {
        position: relative;
        padding-left: 60px;
    }

    #cal-day-box #cal-day-panel-hour {
        position: absolute;
        width: 100%;
        margin-left: -60px;
    }

    #cal-day-box .day-event {
        position: relative;
        max-width: 200px;
        overflow: hidden;
    }

    #cal-day-box .day-highlight {
        line-height: 30px;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #c3c3c3;
        margin: 1px 1px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #cal-day-box .day-highlight.dh-event-important {
            border: 1px solid #ad2121;
        }

        #cal-day-box .day-highlight.dh-event-warning {
            border: 1px solid #e3bc08;
        }

        #cal-day-box .day-highlight.dh-event-info {
            border: 1px solid #1e90ff;
        }

        #cal-day-box .day-highlight.dh-event-inverse {
            border: 1px solid #1b1b1b;
        }

        #cal-day-box .day-highlight.dh-event-success {
            border: 1px solid #006400;
        }

        #cal-day-box .day-highlight.dh-event-special {
            background-color: #ffe6ff;
            border: 1px solid #800080;
        }

.event {
    display: block;
    background-color: #c3c3c3;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    border: 1px solid #ffffff;
}

.event-block {
    display: block;
    background-color: #c3c3c3;
    width: 20px;
    height: 100%;
}

.cal-event-list .event.pull-left {
    margin-top: 3px;
}

.event-important {
    background-color: #ad2121;
}

.event-info {
    background-color: #1e90ff;
}

.event-warning {
    background-color: #e3bc08;
}

.event-inverse {
    background-color: #1b1b1b;
}

.event-success {
    background-color: #006400;
}

.event-special {
    background-color: #800080;
}

.day-highlight:hover,
.day-highlight {
    background-color: #dddddd;
}

    .day-highlight.dh-event-important:hover,
    .day-highlight.dh-event-important {
        background-color: #fae3e3;
    }

    .day-highlight.dh-event-warning:hover,
    .day-highlight.dh-event-warning {
        background-color: #fdf1ba;
    }

    .day-highlight.dh-event-info:hover,
    .day-highlight.dh-event-info {
        background-color: #d1e8ff;
    }

    .day-highlight.dh-event-inverse:hover,
    .day-highlight.dh-event-inverse {
        background-color: #c1c1c1;
    }

    .day-highlight.dh-event-success:hover,
    .day-highlight.dh-event-success {
        background-color: #caffca;
    }

    .day-highlight.dh-event-special:hover,
    .day-highlight.dh-event-special {
        background-color: #ffe6ff;
    }

.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
    font-weight: bolder;
    text-align: center;
    border: 0px solid;
    padding: 5px 0;
}

    .cal-row-head [class*="cal-cell"] small {
        font-weight: normal;
    }

.cal-year-box .row-fluid:hover,
.cal-row-fluid:hover {
    background-color: #fafafa;
}

.cal-month-day {
    height: 100px;
}

[class*="cal-cell"]:hover {
    background-color: #ededed;
}

.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
    min-height: 100px;
    border-right: 1px solid #e1e1e1;
    position: relative;
}

.cal-year-box [class*="span"] {
    min-height: 60px;
}

.cal-year-box .row-fluid [class*="span"]:last-child,
.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
    border-right: 0px;
}

.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
    border-bottom: 1px solid #e1e1e1;
    margin-left: 0px;
    margin-right: 0px;
}

    .cal-year-box .row-fluid:last-child,
    .cal-month-box .cal-row-fluid:last-child {
        border-bottom: 0px;
    }

.cal-month-box,
.cal-year-box,
.cal-week-box {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-radius: 2px;
}

span[data-cal-date] {
    font-size: 1.2em;
    font-weight: normal;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    margin-top: 15px;
    margin-right: 15px;
}

    span[data-cal-date]:hover {
        opacity: 1;
    }

.cal-day-outmonth span[data-cal-date] {
    opacity: 0.1;
    cursor: default;
}

.cal-day-today {
    background-color: #e8fde7;
}

    .cal-day-today span[data-cal-date] {
        color: darkgreen;
    }

.cal-month-box .cal-day-today span[data-cal-date] {
    font-size: 1.9em;
}

.cal-day-holiday span[data-cal-date] {
    color: #800080;
}

.cal-day-weekend span[data-cal-date] {
    color: darkred;
}

#cal-week-box {
    border: 1px solid #e1e1e1;
    border-right: 0px;
    border-radius: 5px 0 0 5px;
    background-color: #fafafa;
    text-align: right;
}

#cal-day-tick {
    border: 1px solid #e1e1e1;
    border-top: 0px solid;
    border-radius: 0 0 5px 5px;
    background-color: #ededed;
    text-align: center;
}

#cal-slide-box {
    border-top: 0px solid #8c8c8c;
}

#cal-slide-content {
    padding: 20px;
    color: #ffffff;
    background-image: url("../img/dark_wood.png");
    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

#cal-slide-tick {
    background-image: url("../img/tick.png?2");
}

#cal-slide-content:hover {
    background-color: transparent;
}

#cal-slide-content a.event-item {
    color: #ffffff;
    font-weight: normal;
    line-height: 22px;
}

.events-list {
    max-height: 47px;
    padding-left: 5px;
}

.cal-column {
    border-left: 1px solid #e1e1e1;
}

a.cal-event-week {
    text-decoration: none;
    color: #151515;
}

.badge-important {
    background-color: #b94a48;
}
/*--------------availiby   calander----------------------------*/
/*.cart_open{ display:block;}
.cart_close{ display:none !important;}*/

.cart_box {
    padding: 6px 10px;
    margin: 10px;
    /*background-color: #dcd6d6;*/
    font-size: 12px;
    border-radius: 4px;
    /*border-left: 4px solid #1677c5;*/ -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
    width: 96%;
    transition: all 0.3s linear;
}

    .cart_box + .cart_box {
        margin-top: 0px;
    }

.panel-cart-container .cart_box {
}

.add_paxWrap .add_pax .cart_box {
    margin: 0px;
    width: 400px;
}

.add_paxWrap .add_pax .cart_topb {
    margin: 0px;
}

.add_paxWrap .add_pax .cart_name {
    width: 100%;
    white-space: normal;
    text-overflow: initial;
    overflow: auto;
}
/*.cart_box:hover{ border-left: 4px solid #163854; }*/
.cart_box:hover:before, .add_paxWrap .add_pax tr:hover td:first-child:before {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.cart_box:before, .add_paxWrap .add_pax tr td:first-child:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fafafa;
    border-left: 4px solid #076cbd;
    transition: all 0.3s linear;
}

.add_paxWrap .add_pax .cart_box:before {
    display: none;
}

.cart_box:hover:after, .add_paxWrap .add_pax tr:hover td:first-child:after {
    height: 100%;
}

.cart_box:after, .add_paxWrap .add_pax tr td:first-child:after {
    position: absolute;
    z-index: 2;
    content: '';
    width: 4px;
    top: 0;
    left: 0;
    height: 0;
    background-color: #242c42;
    transition: all 0.5s ease;
}

.blueback {
    background-color: rgba(7, 108, 189, 0.25);
}

.yellowback {
    background-color: rgba(255, 149, 0, 0.25);
}

.redback {
    background-color: rgba(255, 44, 85, 0.25);
}

.greenback {
    background-color: rgba(76, 217, 100, 0.25);
}

.purpleback {
    background-color: rgba(103, 58, 183, 0.25);
}

.pinkback {
    background-color: rgba(162, 95, 170, 0.38);
}

.underlined-example:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

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

.cart_topa {
    width: 40%;
    float: left;
    position: relative;
}

.cart_topb {
    width: 60%;
    float: left;
    margin: 26px 0;
    padding: 4px;
    text-transform: capitalize;
    position: relative;
}

.pkgCB .cart_topb {
    width: 100%;
}

.pkgCB:nth-child(odd) .cart_topb .cart_topa {
    margin: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pkgCB:nth-child(even) .cart_topb .cart_topa {
    float: right;
    margin: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.cart_dura span, .cart_lang span {
    font-weight: bold;
    padding-left: 5px;
}

.cart_price span {
    font-weight: bold;
}

.cart_time_pax span {
    font-size: 13px;
}

.cart_name {
    font-size: 12px;
    padding: 1px 0;
    white-space: nowrap;
    width: 29em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-cart-content .cart_name {
    width: 100%;
}

.cart_price {
    width: 50%;
    float: right;
    text-align: right;
}

.cart_time_pax {
    width: 50%;
    float: left;
}

a.panel-cart-action.btn.btn-black.sserf.btn-block.btn-lg {
    BACKGROUND-COLOR: WHITE;
}

.cart_close {
    position: absolute;
    z-index: 99;
    top: -25px;
    right: 5px;
    font-size: 18px;
    cursor: pointer;
    color: #3e3434;
    width: 15px;
}

.cart_head {
    position: absolute;
    z-index: 99;
    top: -26px;
    left: 2px;
    font-size: 14px;
    /*    cursor: pointer;*/
    color: #3e3434;
    width: auto;
    font-weight: 600;
}

.closea {
    left: 0 !important;
}

.cart_swap {
    position: absolute;
    z-index: 99;
    top: -24px;
    right: 27px;
    font-size: 18px;
    cursor: pointer;
    color: #3e3434;
    width: 15px;
    height: 18px;
    background-image: url('/assets/images/swap-icon.svg');
    background-size: 100%;
}

.swapa {
    left: 22px !important;
    top: -27px;
}

.cart_box.cart_boxa {
    background-color: rgba(255, 149, 0, .38);
}

.cart_box.cart_boxb {
    background-color: rgba(7, 108, 189, .38);
}

.cart_box.cart_boxc {
    background-color: rgba(255, 44, 85, .38);
}

.cart_box.cart_boxd {
    background-color: rgba(103, 58, 183, .38);
}

.cart_box.cart_boxe {
    background-color: rgba(162, 95, 170, .38);
}

.cart_boxa:before, .add_paxWrap .add_pax tr.Hotel td:first-child:before {
    border-left: 4px solid rgba(255, 149, 0, 1);
}

.cart_boxb:before, .add_paxWrap .add_pax tr.Activities td:first-child:before {
    border-left: 4px solid rgba(7, 108, 189, 1);
}

.cart_boxc:before, .add_paxWrap .add_pax tr.Transfers td:first-child:before {
    border-left: 4px solid rgba(255, 44, 85, 1);
}

.cart_boxd:before, .add_paxWrap .add_pax tr.Packages td:first-child:before {
    border-left: 4px solid rgba(103, 58, 183, 1);
}

.cart_boxe:before, .add_paxWrap .add_pax tr.Flights td:first-child:before {
    border-left: 4px solid rgba(162, 95, 170, 1);
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap !important;
    text-align: center !important;
    min-width: 32px !important;
}

.daterangepicker td, .daterangepicker th {
    text-align: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

/*.daterangepicker .table-condensed {
    margin-left: -10px !important;
    margin-right: -10px !important;
}*/

.daterangepicker table {
    width: 100% !important;
    margin: 0 !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #999 !important;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap !important;
    text-align: center !important;
    min-width: 32px !important;
    background-color: transparent !important;
}

.calendar-table td:before {
    border-left: none !important;
}

.calendar-table td:after {
    background-color: transparent !important;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px !important;
}

.calendar-table .available .fa {
    color: #212529;
}

.calendar-table th {
    color: #212529 !important;
    text-transform: none !important;
}

.calendar-table td {
    padding: 0 !important;
}

.daterangepicker td, .daterangepicker th {
    text-align: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    border: 0px solid transparent !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    min-width: 32px;
}

.fl-hotel-item.fl-is-open .fl-accordion-toggle {
    background: rgba(255, 149, 0, .6);
}

.fl-activity-item.fl-is-open .fl-accordion-toggle {
    background: rgba(7, 108, 189, .6);
}

.fl-transfer-item.fl-is-open .fl-accordion-toggle {
    background: rgba(255, 44, 85, .6);
}

.fl-flight-item.fl-is-open .fl-accordion-toggle {
    background: rgba(103, 58, 183, .6);
}

.fl-package-item.fl-is-open .fl-accordion-toggle {
    background: rgba(162, 95, 170, .6);
}

.cart_boxf:before {
    border-left: 4px solid #8d8e8f;
}

.cart_boxg:before {
    border-left: 4px solid #007aff;
}

.cart_boxh:before {
    border-left: 4px solid #663B00;
}

.cart_boxi:before {
    border-left: 4px solid #5856d6;
}

.cart_boxj:before {
    border-left: 4px solid #32aadc;
}

.cart_boxk:before {
    border-left: 4px solid #9514a4;
}

.cart_boxl:before {
    border-left: 4px solid #1fa67a;
}

.cart_boxm:before {
    border-left: 4px solid #4CAF50;
}

.cart_boxn:before {
    border-left: 4px solid #248f8a;
}

.b2bhtl-iconslft1 a
.expand, .compress, .close_cart {
    width: 40px;
    float: right;
}

.cart_elast {
    float: left;
    width: 50%;
}

.text_head_cart {
    width: 50%;
    float: left;
}

#panel-cart.show.small_strip {
    width: 100px !important;
    overflow: visible;
    height: 436px;
}

.show .panel-cart-container .panel-cart-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
}

.show .panel-cart-container .panel_cart_contenta {
    display: none;
}

.small_strip .panel-cart-container .panel-cart-content {
    display: none;
}

.small_strip .panel-cart-container .panel_cart_contenta {
    display: block;
}

.small_strip .panel-cart-container .panel-cart-title .text_head_cart {
    display: none;
}

.small_strip .panel-cart-container {
    overflow: visible !important;
}

.small_strip .panel-cart-action {
    display: none;
}

.small_strip .panel-cart-container .panel-cart-title {
    padding: 10px 2px !important;
}

    .small_strip .panel-cart-container .panel-cart-title .cart_elast {
        float: left;
        width: 100%;
    }

        .small_strip .panel-cart-container .panel-cart-title .cart_elast .compress {
            float: none;
        }

        .small_strip .panel-cart-container .panel-cart-title .cart_elast .expand {
            width: 50%;
            text-align: center;
            float: left;
        }

        .small_strip .panel-cart-container .panel-cart-title .cart_elast .close_cart {
            width: 50%;
            text-align: center;
            float: right;
        }

.panel_cart_contenta {
    position: relative;
    padding: 0
}

    .panel_cart_contenta ul {
        margin: 0;
        padding: 0px 0;
        list-style: none;
        position: relative;
    }

        .panel_cart_contenta ul li {
            padding: 10px 29px 10px 5px;
            position: relative;
            border-bottom: 1px solid rgba(56, 55, 55, 0.2);
        }

            .panel_cart_contenta ul li a {
                font-weight: 500;
                line-height: 22px;
                display: block;
                text-align: center;
            }

                .panel_cart_contenta ul li a img {
                    height: 24px;
                    width: 24px;
                }

                .panel_cart_contenta ul li a span {
                    background-color: rgba(0,0,0,.8);
                    border: 1px solid transparent;
                    border-radius: 0;
                    line-height: 46px;
                    display: none;
                    padding: 0px 7px;
                    text-align: left;
                    color: #fff;
                    cursor: initial;
                    top: 0px;
                    text-transform: uppercase;
                    z-index: 111;
                    right: 100%;
                    left: auto;
                    margin-top: 0px;
                    width: auto;
                    min-width: 130px;
                    text-align: center;
                    -webkit-border-radius: 10px 0px 0px 10px;
                    -moz-border-radius: 10px 0px 0px 10px;
                    -ms-border-radius: 10px 0px 0px 10px;
                    border-radius: 10px 0px 0px 10px;
                }

            .panel_cart_contenta ul li span {
                background: #1375c3;
                position: absolute;
                top: 0px;
                right: 0;
                font-size: 14px;
                color: white;
                width: 25px;
                height: 100%;
                margin-top: 0px;
                vertical-align: middle;
                text-align: center;
                line-height: 46px;
            }

            .panel_cart_contenta ul li:nth-child(1) span {
                background: #ff9500;
            }

            .panel_cart_contenta ul li:nth-child(2) span {
                background: #ff2c55;
            }

            .panel_cart_contenta ul li:nth-child(3) span {
                background: #4cd964;
            }

            .panel_cart_contenta ul li:nth-child(4) span {
                background: #b45516;
            }

            .panel_cart_contenta ul li:nth-child(5) span {
                background: #ff3b30;
            }

            .panel_cart_contenta ul li:nth-child(6) span {
                background: #8d8e8f;
            }

            .panel_cart_contenta ul li:nth-child(7) span {
                background: #007aff;
            }

            .panel_cart_contenta ul li:nth-child(8) span {
                background: #663B00;
            }

            .panel_cart_contenta ul li:nth-child(9) span {
                background: #5856d6;
            }

            .panel_cart_contenta ul li:nth-child(10) span {
                background: #32aadc;
            }

            .panel_cart_contenta ul li:nth-child(11) span {
                background: #9514a4;
            }

.imgPopup.modal .modal-title {
    margin-top: 0px !important;
    padding: 0px !important;
}

.imgPopup.modal .modal-header > * {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important
}

.imgPopup.modal .modal-header button.close {
    float: right !important;
    overflow: hidden !important;
}

.imgPopup.modal .modal-header h4.modal-title {
    display: block !important;
    width: 100% !important
}

.imgPopup.modal .modal-header .modal-title {
    margin-left: 0px !important
}

.modal-header {
    display: block !important;
    color: #fff;
}






.wizard-card .wizard-header {
    text-align: center;
    padding: 25px 0 35px;
}

    .wizard-card .wizard-header h5 {
        margin: 5px 0 0;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 300;
    }

.wizard-card {
    background-color: #FFFFFF;
    padding: 10px 0;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

    .wizard-card .wizard-title {
        margin: 0;
        color: #3C4858;
        text-decoration: none;
    }

.title, .card-title, .wizard-title {
    font-weight: 700;
}

.wizard-container .wizard-navigation {
    position: relative;
}

.wizard-navigation .nav-pills {
    background-color: rgba(200, 200, 200, 0.2);
}

    .wizard-navigation .nav-pills > li + li {
        margin-left: 0;
    }

    .wizard-navigation .nav-pills > li > a {
        border: 0 !important;
        border-radius: 0;
        line-height: 18px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        min-width: 100px;
        text-align: center;
        color: #555555 !important;
    }

        .wizard-navigation .nav-pills > li.active > a,
        .wizard-navigation .nav-pills > li.active > a:hover,
        .wizard-navigation .nav-pills > li.active > a:focus,
        .wizard-navigation .nav-pills > li > a:hover,
        .wizard-navigation .nav-pills > li > a:focus {
            background-color: inherit;
        }

    .wizard-navigation .nav-pills > li i {
        display: block;
        font-size: 30px;
        padding: 15px 0;
    }

    .wizard-navigation .nav-pills > li .active a {
        background-color: #f44336;
    }

.nav-pillsa

.wizard-navigation .nav > li > a:focus, .wizard-navigation .nav > li > a:hover {
    text-decoration: none;
    background-color: #006dbc;
    color: white;
}

.wizard-card .nav-pillsa > li {
    text-align: center;
    width: 33.33333333%;
    float: left;
}

.wizard-card .btn {
    text-transform: uppercase;
}

.wizard-card .info-text {
    text-align: center;
    font-weight: 300;
    margin: 10px 0 30px;
}

.wizard-card .choice {
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

    .wizard-card .choice .icon {
        text-align: center;
        vertical-align: middle;
        height: 116px;
        width: 116px;
        border-radius: 50%;
        color: #999999;
        margin: 0 auto 20px;
        border: 4px solid #CCCCCC;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }

    .wizard-card .choice i {
        font-size: 40px;
        line-height: 111px;
    }

    .wizard-card .choice:hover .icon, .wizard-card .choice.active .icon {
        border-color: #2ca8ff;
    }

    .wizard-card .choice input[type="radio"],
    .wizard-card .choice input[type="checkbox"] {
        position: absolute;
        left: -10000px;
        z-index: -1;
    }

.wizard-card .btn-finish {
    display: none;
}

.wizard-card .description {
    color: #999999;
    font-size: 14px;
}

.wizard-card .wizard-title {
    margin: 0;
}

.wizard-card[data-color="red"] .moving-tab {
    background-color: #f44336;
    box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

.wizard-card[data-color="red"] .picture:hover {
    border-color: #f44336;
}

.wizard-card[data-color="red"] .choice:hover .icon, .wizard-card[data-color="red"] .choice.active .icon {
    border-color: #f44336;
    color: #f44336;
}

.wizard-card[data-color="red"] .form-group .form-control {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="red"] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #f44336;
}

.wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .check {
    background-color: #f44336;
}

.wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .circle {
    border-color: #f44336;
}

.hotel_descrip_detail {
    width: 100%;
    padding: 5px;
    float: left;
}

    .hotel_descrip_detail p {
        margin: 0 2px 2px;
        float: left;
        background: -webkit-linear-gradient(#3d94d9, #0067b9);
        background: linear-gradient(#3d94d9, #0067b9);
        border-color: #006dbc;
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        cursor: pointer;
        line-height: 1.54615;
        font-weight: 500;
        letter-spacing: normal;
        padding: 0 10px;
        border: 1px solid #07c;
        border-radius: 4px;
        text-shadow: 0 1px 1px rgba(28,115,184,0.64);
        font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    }

        .hotel_descrip_detail p b {
            width: 100%;
            padding-bottom: 0px;
            background: -webkit-linear-gradient(#3d94d9, #0067b9);
            background: linear-gradient(#3d94d9, #0067b9);
            border-color: #006dbc;
            text-decoration: none;
            color: #fff;
            font-size: 13px;
            cursor: pointer;
            display: inline-block;
            line-height: 1.54615;
            font-weight: 500;
            letter-spacing: normal;
            padding: 0 10px;
            border: 1px solid #07c;
            border-radius: 0px;
            text-align: center;
            text-shadow: 0 1px 1px rgba(28,115,184,0.64);
            white-space: nowrap;
            font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
        }

@font-face {
    font-family: 'pignose-calendar-icon';
    src: url("../fonts/pignose.calendar.eot?gpa4vl");
    src: url("../fonts/pignose.calendar.eot?gpa4vl#iefix") format('embedded-opentype'), url("../fonts/pignose.calendar.ttf?gpa4vl") format('truetype'), url("../fonts/pignose.calendar.woff?gpa4vl") format('woff'), url("../fonts/pignose.calendar.svg?gpa4vl#pignose.calendar") format('svg');
    font-weight: normal;
    font-style: normal;
}

.pignose-calendar .icon-arrow-left,
.pignose-calendar .icon-arrow-right {
    font-family: 'pignose-calendar-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

    .pignose-calendar .icon-arrow-left:before {
        content: '\e90b';
    }

    .pignose-calendar .icon-arrow-right:before {
        content: '\e90a';
    }

.pignose-calendar-wrapper {
    display: none;
    position: fixed;
    width: 80%;
    max-width: 360px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    z-index: 50001;
    overflow: hidden;
    box-shadow: 0 4px 16px #000000;
    transform: translate3d(0, 160px, 0);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.5s ease-out;
}

    .pignose-calendar-wrapper.pignose-calendar-wrapper-active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .pignose-calendar-wrapper .pignose-calendar {
        max-width: auto;
        width: 100%;
        border: none;
    }

        .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group {
            border-top: 1px solid #e2e2e2;
            overflow: hidden;
        }

            .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button {
                width: 50%;
                display: block;
                float: left;
                height: 3.2em;
                text-align: center;
                line-height: 3.2em;
                color: #333333;
                font-weight: 600;
                text-decoration: none;
                transition: background-color 0.3s ease;
                box-sizing: border-box;
            }

                .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button:hover {
                    background-color: #efefef;
                }

            .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button-apply {
                color: #ffffff;
                background-color: #2fabb7;
            }

                .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button-apply:hover {
                    background-color: #49c4d0;
                }

.pignose-calendar-wrapper-overlay {
    background-color: #000000;
    opacity: 0;
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 50000;
}

    .pignose-calendar-wrapper-overlay.pignose-calendar-wrapper-overlay-active {
        opacity: .7;
    }

.pignose-calendar {
    width: 100%;
    max-width: 360px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    font-size: 100%;
    margin: 0 auto;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

    .pignose-calendar .pignose-calendar-top {
        padding: 2.6em 0;
        background-color: #1b363f;
        color: white;
        border-bottom: 1px solid #e2e2e2;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
        position: relative;
        overflow: hidden;
    }

        .pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1.8em 0;
            text-align: center;
            text-transform: uppercase;
            box-sizing: border-box;
        }

span.fa.fa-chevron-left.pignose-calendar-top-icon, span.fa.fa-chevron-right.pignose-calendar-top-icon {
    color: white !important
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year,
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    display: block;
    text-align: center;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
    font-size: 115%;
    /*color: rgba(0, 0, 0, 0.5);*/ color: white;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    margin-bottom: .4em;
    font-size: 130%;
    font-weight: 600;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    position: relative;
    z-index: 5;
    text-decoration: none;
}

    .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
        display: inline-block;
        color: #777777;
        font-size: 115%;
        font-weight: 600;
        vertical-align: middle;
        margin-top: -10px;
    }

    .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
        color: #555555;
        font-size: 160%;
    }

    .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev {
        float: left;
        margin-left: 1.6em;
    }

        .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev .pignose-calendar-top-value {
            margin-left: .2em;
        }

    .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next {
        float: right;
        margin-right: 1.6em;
    }

        .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next .pignose-calendar-top-value {
            margin-right: .2em;
        }

.pignose-calendar .pignose-calendar-header {
    padding: 0 1.2em;
    /*margin-top: 1.2em;*/
    font-weight: 600;
    overflow: hidden;
    background: #ff623f;
}

    .pignose-calendar .pignose-calendar-header .pignose-calendar-week {
        float: left;
        width: 14.28%;
        height: 2.8em;
        text-align: center;
        line-height: 2.8em;
        box-sizing: border-box;
    }

        .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun,
        .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
            color: #fff;
        }

        .pignose-calendar .pignose-calendar-header .pignose-calendar-week:last-child {
            width: 14.32%;
        }

.pignose-calendar .pignose-calendar-body {
    padding: 1.2em;
}

    .pignose-calendar .pignose-calendar-body .pignose-calendar-row {
        overflow: hidden;
    }

.pignose-calendar .pignose-calendar-unit {
    float: left;
    display: block;
    height: 3.8em;
    width: 14.28%;
    text-align: center;
    line-height: 2.8em;
    box-sizing: border-box;
}

    .pignose-calendar .pignose-calendar-unit:last-child {
        width: 14.32%;
    }

    .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container {
        line-height: .5em;
    }

        .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin {
            display: inline-block;
            background-color: #777777;
            width: .5em;
            height: .5em;
            border-radius: 50%;
            margin-right: .2em;
        }

            .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin:last-child {
                margin-right: 0;
            }

    .pignose-calendar .pignose-calendar-unit a {
        display: inline-block;
        width: 2.4em;
        height: 2.4em;
        border-radius: 50%;
        color: #49c4d0;
        line-height: 2.4em;
        text-align: center;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .pignose-calendar .pignose-calendar-unit a:active {
            background-color: #d8d8d8;
        }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-disabled a {
        opacity: .5;
        background-color: #efefef;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
        background-color: #2fabb7;
        color: #ffffff;
        font-weight: 600;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active.pignose-calendar-unit-sun a,
    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active.pignose-calendar-unit-sat a {
        color: #ffffff;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
        background-color: #efefef;
        border-radius: 0;
        width: 100%;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
        color: #b2b9bb;
        background-color: #e1e1e1;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-range-first a {
        border-top-left-radius: 1.2em;
        border-bottom-left-radius: 1.2em;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-range-last a {
        border-top-right-radius: 1.2em;
        border-bottom-right-radius: 1.2em;
    }

    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a,
    .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a {
        color: #fa4832;
    }

.pignose-calendar.pignose-calendar-default .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle-active a {
    color: #cccccc !important;
}

.pignose-calendar.pignose-calendar-default.pignose-calendar-reverse .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle-inactive a {
    color: #cccccc !important;
}

.pignose-calendar.pignose-calendar-dark {
    border-color: #323537;
    background-color: #4b4f51;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-top {
        background-color: #3f4244;
        border-bottom-color: #323537;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
    }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-month {
            color: #ffffff;
        }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-year {
            color: #bdc2c5;
        }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
            color: #a2a9ab;
        }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
            color: #a2a9ab;
        }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-header .pignose-calendar-week {
        color: #bdc2c5;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-header.pignose-calendar-week-sun,
    .pignose-calendar.pignose-calendar-dark .pignose-calendar-header.pignose-calendar-week-sat {
        color: #ff6060;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
        color: #51cfd2;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a,
    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a {
        color: #ff6060;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-disabled a {
        color: #868e8f;
        background-color: #5d6365;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
        color: #ffffff;
        background-color: #31bbbf;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle a {
        color: #8b8f94;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range a {
        background-color: #5a5d62;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
        color: #727a7c;
        background-color: #4f5558;
    }

    .pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group {
        border-top: 1px solid #323537;
        overflow: hidden;
    }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button {
            color: #ffffff;
        }

            .pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button:hover {
                background-color: #5a5d62;
            }

        .pignose-calendar.pignose-calendar-dark .pignose-calendar-button-group .pignose-calendar-button-apply {
            color: #ffffff;
            background-color: #31bbbf;
        }

.pignose-calendar.pignose-calendar-blue {
    background-color: #fafafa;
}

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
        background-color: #009fe3;
        border-bottom-color: #e1e1e1;
    }

        .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-month {
            color: #ffffff;
        }

        .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-year {
            color: #ffffff;
        }

        .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-value {
            color: #ffffff;
        }

        .pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
            color: #ffffff;
        }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week {
        color: #5c6270;
    }

        .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun,
        .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
            color: #fa4832;
        }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
        color: #5c6270;
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sun a,
    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-sat a {
        color: #fa4832;
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-disabled a {
        background-color: #efefef;
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
        color: #ffffff;
        background-color: #009fe3;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-toggle a {
        color: #cccccc;
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range a {
        background-color: #efefef;
    }

    .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-disabled a {
        background-color: #efefef;
    }

.availa_cal {
    width: 25%;
    float: left;
}

.availa_cal1 {
    width: 75%;
    float: left;
}

.avail_detail {
    padding: 2.5em 16px;
    background-color: #1b363f;
    color: white;
    border-bottom: 1px solid #e2e2e2;
    border: 1px solid #d8d8d8;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

.avail_calen th, .avail_calen td {
    font-size: 13px;
    padding: 5px 8px !important;
}

.avail_calen thead th {
    background: linear-gradient(#3d94d9, #0067b9);
    border-color: #006dbc;
    background: linear-gradient(#3d94d9, #0067b9);
    border-color: #006dbc;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    line-height: 1.54615;
    font-weight: 500;
    letter-spacing: normal;
    padding: 0 10px;
    border: 1px solid #07c;
    border-radius: 4px;
    text-align: center;
}

.avail_calen tbody td {
    padding: 0px 5px !important;
}

.avail_calen td span {
    width: 50%;
    text-align: center;
}

.pos_Avail {
    color: green;
    width: 100%;
}

.neg_Avail {
    color: red;
    width: 100%;
}

.avail_sold {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fe623f;
    text-align: center;
    vertical-align: middle !important;
    color: white;
}

.menu {
    box-shadow: 0 20px 50px #333333;
    float: left;
    min-width: 260px;
    outline: 0;
    position: relative;
}

    .menu * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
    }

    .menu .menu-footer {
        background: #414956;
        color: #f0f0f0;
        float: left;
        font-weight: normal;
        height: 50px;
        line-height: 50px;
        font-size: 6px;
        width: 100%;
        text-align: center;
    }

    .menu .menu-header {
        background: #414956;
        color: #f0f0f0;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        text-align: center;
        width: 100%;
    }

    .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .menu ul li {
            display: block;
            float: left;
            position: relative;
            width: 100%;
        }

            .menu ul li a {
                background: #414956;
                color: #f0f0f0;
                float: left;
                font-size: 13px;
                overflow: hidden;
                padding: 14px 22px;
                position: relative;
                text-decoration: none;
                white-space: nowrap;
                width: 100%;
            }

                .menu ul li a i {
                    float: left;
                    font-size: 16px;
                    line-height: 18px;
                    text-align: left;
                    width: 34px;
                }

            .menu ul li .menu-label {
                background: #f0f0f0;
                border-radius: 100%;
                color: #555555;
                font-size: 11px;
                font-weight: 800;
                line-height: 18px;
                min-width: 20px;
                padding: 1px 2px 1px 1px;
                position: absolute;
                right: 18px;
                text-align: center;
                top: 14px;
            }

        .menu ul .submenu {
            display: none;
            position: static;
            width: 100%;
        }

            .menu ul .submenu .submenu-indicator {
                line-height: 16px;
            }

            .menu ul .submenu li {
                clear: both;
                width: 100%;
            }

                .menu ul .submenu li ul.submenu {
                    display: none;
                    position: static;
                    width: 100%;
                    overflow: hidden;
                }

                .menu ul .submenu li a {
                    background: #383838;
                    border-left: solid 6px transparent;
                    border-top: none;
                    float: left;
                    font-size: 11px;
                    position: relative;
                    width: 100%;
                }

                .menu ul .submenu li:hover > a {
                    border-left-color: #414956;
                }

                .menu ul .submenu li .menu-label {
                    background: #f0f0f0;
                    border-radius: 100%;
                    color: #555555;
                    font-size: 11px;
                    font-weight: 800;
                    line-height: 18px;
                    min-width: 20px;
                    padding: 1px 2px 1px 1px;
                    position: absolute;
                    right: 18px;
                    text-align: center;
                    top: 12px;
                    top: 14px;
                }

            .menu ul .submenu > li > a {
                padding-left: 30px;
            }

            .menu ul .submenu > li > ul.submenu > li > a {
                padding-left: 45px;
            }

            .menu ul .submenu > li > ul.submenu > li > ul.submenu > li > a {
                padding-left: 60px;
            }

    .menu .submenu-indicator {
        -moz-transition: "transform .3s linear";
        -o-transition: "transform .3s linear";
        -webkit-transition: "transform .3s linear";
        transition: "transform .3s linear";
        float: right;
        font-size: 20px;
        line-height: 19px;
        position: absolute;
        right: 22px;
    }

    .menu .submenu-indicator-minus > .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu > ul > li.active > a {
        background: #3b424d;
        color: #ffffff;
    }

    .menu > ul > li:hover > a {
        background: #3b424d;
        color: #ffffff;
    }

    .menu > ul > li > a {
        border-bottom: solid 1px #3b424d;
    }

.ink {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    display: block;
    position: absolute;
    transform: scale(0);
}

.animate-ink {
    -moz-animation: ripple .3s linear;
    -ms-animation: ripple .3s linear;
    -o-animation: ripple .3s linear;
    -webkit-animation: ripple .3s linear;
    animation: ripple .3s linear;
}

@-moz-keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}
@-webkit-keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}
@keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}

.blue.menu .menu-footer {
    background: #4a89dc;
}

.blue.menu .menu-header {
    background: #4a89dc;
}

.blue.menu ul li > a {
    background: #4a89dc;
}

.blue.menu ul ul.submenu li:hover > a {
    border-left-color: #3e82da;
}

.blue.menu > ul > li.active > a {
    background: #3e82da;
}

.blue.menu > ul > li:hover > a {
    background: #3e82da;
}

.blue.menu > ul > li > a {
    border-bottom-color: #3e82da;
}

.white.menu .menu-footer {
    background: #ffffff;
    color: #555555;
}

.white.menu .menu-header {
    background: #ffffff;
    color: #555555;
}

.white.menu ul li a {
    background: #ffffff;
    color: #555555;
}

.white.menu ul ul.submenu li:hover > a {
    border-left-color: #f0f0f0;
}

.white.menu ul ul.submenu li a {
    color: #f0f0f0;
}

.white.menu > ul > li.active > a {
    background: #f0f0f0;
}

.white.menu > ul > li:hover > a {
    background: #f0f0f0;
}

.white.menu > ul > li > a {
    border-bottom-color: #f0f0f0;
}

    .white.menu > ul > li > a > .ink {
        background: rgba(0, 0, 0, 0.1);
    }


.panel {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
}

.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-default {
    border-bottom: 1px solid #e5e5e5 !important;
}

    .panel-default:last-child {
        border-bottom: 0 !important;
        padding: 0 !important;
    }

    .panel-default > .panel-heading {
        background: transparent;
    }

.panel-group {
    margin-bottom: 5px;
}

    .panel-group .panel {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .panel-group .panel + .panel {
            margin-top: 0;
        }

    .panel-group .panel-heading + .panel-collapse > .list-group,
    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 0;
    }

panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-collapse {
    padding-bottom: 20px !important;
}

    .panel-collapse:last-child {
        padding-bottom: 0;
    }

.panel-title a:after {
    font-family: Fontawesome;
    content: '\f068';
    float: right;
    font-size: 14px;
    font-weight: 300;
    color: #00704a;
}

.panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f067';
    font-size: 14px;
}

.hgt_auto {
    height: auto !important;
}

.flag_img {
    height: 32px;
    width: auto;
    margin-right: 6px !important;
    vertical-align: middle;
}

.flag_img_outer {
    height: 20px;
    width: auto;
    margin-right: 4px !important;
    vertical-align: middle;
}

.flag_bdr a {
    padding: 3px 14px;
    display: block;
    color: #333;
    white-space: nowrap;
}

    .flag_bdr a:hover, .flag_bdr a:focus {
        background: #e9ecef;
    }

.mar50 {
    margin-top: 14px;
    margin-bottom: 24px;
}
/*.toggle-view-type {
	display: none;
}*/
li#INR, li#EUR, li#USD, li#AED {
    padding: 4px 7px;
    font-size: 14px;
    cursor: pointer;
}

    li#INR:hover, li#EUR:hover, li#USD:hover, li#AED:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.half_width {
    width: 50% !important;
}

.head_tabs {
    background-color: #1b363f;
    color: white;
    /*border-bottom: 1px solid #e2e2e2;
	border: 1px solid #d8d8d8;*/ height: auto;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

.col-md-9.bhoechie-tab {
    padding: 0;
    margin: 0;
    border-left: 1px solid #ddd;
}

.sub_head_tabs {
    width: 100%;
    float: left;
    padding: 6px 15px;
    background-color: #1b363f;
    color: white;
    border-bottom: 1px solid white;
}

.sub_head_tabs_head { /*font-size: 15pt;
	width: 100%;
	float: left;*/
    font-size: 15pt;
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-bottom: 1px solid white;
    min-width: 100px;
    clear: right;
    width: auto;
    margin-bottom: 2px;
}

.book_title_test {
    font-size: 13px;
    width: 100%;
    line-height: 40px;
    float: left;
}

.book_title_time {
    font-size: 13px;
    width: 50%;
    float: left;
    line-height: 40px;
}

.book_title_test span {
    text-transform: capitalize;
}

.book_title_pax {
    font-size: 13px;
    width: 50%;
    float: left;
}

.book_title_test img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.book_title_time i {
    font-size: 17px;
    margin-right: 8px;
}

.book_title_pax img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    margin-left: 6px;
}

.book_title_pax_sub span {
    font-size: 13px;
    font-weight: bold;
    color: #fe5580;
    margin-right: 6px;
}

.book_title_pax_sub {
    width: 100%;
    float: none;
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

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

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

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

            div.bhoechie-tab-menu div.list-group > a .glyphicon,
            div.bhoechie-tab-menu div.list-group > a .fa {
                color: #0089d0;
            }

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

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

            div.bhoechie-tab-menu div.list-group > a.active,
            div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
            div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #0089d0;
                background-image: #0089d0;
                color: #ffffff;
            }

                div.bhoechie-tab-menu div.list-group > a.active:after {
                    content: '';
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    width: 0;
                    height: 0;
                    border-top: solid 13px #e15915;
                    border-left: solid 13px transparent;
                    border-right: solid 13px transparent;
                }

.col-md-12.bhoechie-tab {
    padding: 0;
    margin: 0;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    /*padding-left: 20px;
		padding-top: 10px;*/
}

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

.bhoechie_tab_content {
    margin: 10px 10px;
}

.btn_pay {
    background-color: #fefefe;
    border: 1px solid #1e383f;
    color: #203b42;
    text-transform: capitalize;
}

    .btn_pay span i {
        margin-right: 2px;
        margin-left: 2px;
    }

.btn_pay1 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    text-transform: capitalize;
}

    .btn_pay1 span i {
        margin-right: 2px;
        margin-left: 2px;
    }


.nbs-flexisel-ul li {
    float: left;
}

.Best_Selling {
    width: 100%;
}

.product_right {
    float: right;
    width: 100%;
    padding: 10px 20px;
}

img.night_img {
    height: 20px;
    margin-right: 5px;
    width: auto;
}

.sa_places li.active {
    background: 0 0;
    padding-right: 7px
}

.sa_places li.disable {
    background: #e6e6e6;
    color: #666;
    border: 1px solid #e6e6e6;
    cursor: default
}

.sa_places li.dt__tags.dest_tags.enable {
    background: #009970;
    color: #ffffff !important;
    border: 1px solid #e6e6e6;
    cursor: default
}

    .sa_places li.dt__tags.dest_tags.enable img {
        border-right-color: #fff !important
    }

.sa_places {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
}

.fd_places li {
    float: left;
    display: block
}

li.dt__tags.dest_tags {
    float: left;
    padding: 4px;
    border: 1px solid #009970;
    margin: 1px 0px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
    color: #009970;
}
/*.sa_places li:nth-child(n+10) {
	display: none
}*/
.sa_filter__search .dt__tags {
    font-size: 12px;
    border: 1px solid #f26565;
    border-radius: 3px;
    color: #f16565;
    transition: all .3s ease;
    margin: 0 10px 13px 0;
    padding: 5px 7px;
    cursor: pointer;
}

.ahotel-right.manpack {
    padding: 0;
    margin: 0;
}

.tab_pack li a {
    padding: 4px 4px;
    line-height: 1.2;
    height: 56px;
    width: 100%;
}
/*.star_pkg{width: 50px;}*/
.tab_pack li {
    width: 20%;
    height: 58px;
}

.star_pkg {
    width: 100%;
    line-height: 1.2px;
    clear: left;
}

.doneboxw {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.tab_pack li a span {
    width: 100%;
}

.tab_pack li.active {
}

    .tab_pack li.active a {
        color: #fff;
        background: #287bbc;
        border-color: #1b5480;
        border-radius: 0;
    }

ul.nav.nav-tabs.tab_pack {
    margin-bottom: 20px;
}

.gm-style-iw > div > div {
    font-weight: 800;
}

    .gm-style-iw > div > div strong {
        color: #009970;
        margin-left: 10px;
    }

.fixed {
    position: fixed;
    right: 0;
    left: 0;
    background-size: 100% 100%;
    z-index: 999;
    top: 51px;
    background-repeat: repeat-y;
    display: inline-block;
}

.alert-info-grid {
    font-size: 14px;
    font-weight: 600;
    padding: 3px;
    text-align: center;
    width: 24%;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%,#c6c5c5 100%);
    margin-bottom: 3px;
    color: #090909;
    margin-top: -6px;
    min-width: 20%;
    letter-spacing: 1px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.39);
}

.progress-line, .progress-line:before {
    height: 3px;
    width: 100%;
    margin: 0;
}

.progress-line {
    background-color: #b3d4fc;
    display: -webkit-flex;
    display: flex;
}

    .progress-line:before {
        background-color: #3f51b5;
        content: '';
        -webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }

@-webkit-keyframes running-progress {
    0% {
        margin-left: 0px;
        margin-right: 100%;
    }

    50% {
        margin-left: 25%;
        margin-right: 0%;
    }

    100% {
        margin-left: 100%;
        margin-right: 0;
    }
}

@keyframes running-progress {
    0% {
        margin-left: 0px;
        margin-right: 100%;
    }

    50% {
        margin-left: 25%;
        margin-right: 0%;
    }

    100% {
        margin-left: 100%;
        margin-right: 0;
    }
}


hr.dash-divider {
    margin: 0;
    border-top: 1px solid #d5d5d5;
}

img.lead_img {
    height: 30px;
    margin-right: 4px;
}


ol.nested_with_switch, ol.nested_with_switch ol {
    border: 1px solid #eeeeee;
}

ol {
    list-style-type: none;
}

    ol.nested_with_switch li, ol.simple_with_animation li, ol.serialization li, ol.default li {
        cursor: pointer;
    }

.span4 {
    width: 50%;
    float: left;
}

.switch {
    display: inline-block;
    width: 75px;
    height: 26px;
    position: relative;
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top,#e6e6e6,#fff);
    background-image: -ms-linear-gradient(top,#e6e6e6,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));
    background-image: -webkit-linear-gradient(top,#e6e6e6,#fff);
    background-image: -o-linear-gradient(top,#e6e6e6,#fff);
    background-image: linear-gradient(top,#e6e6e6,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6',endColorstr='#ffffff',GradientType=0);
    border-color: #fff #fff #d9d9d9;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    *background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 0;
    outline: 0;
    overflow: hidden;
    cursor: pointer
}

    .switch:hover, .switch:active, .switch.active, .switch.disabled, .switch[disabled] {
        background-color: #fff;
        *background-color: #f2f2f2
    }

    .switch:active, .switch.active {
        background-color: #e6e6e6;
    }

    .switch > .switch-track {
        display: block;
        height: 26px;
        position: absolute;
        z-index: 1;
        border: 0;
        -webkit-border-radius: 13px 0 0 13px;
        -moz-border-radius: 13px 0 0 13px;
        border-radius: 13px 0 0 13px;
        background-color: #0069cc;
        background-image: -moz-linear-gradient(top,#05c,#08c);
        background-image: -ms-linear-gradient(top,#05c,#08c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#05c),to(#08c));
        background-image: -webkit-linear-gradient(top,#05c,#08c);
        background-image: -o-linear-gradient(top,#05c,#08c);
        background-image: linear-gradient(top,#05c,#08c);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc',endColorstr='#0088cc',GradientType=0);
        border-color: #08c #08c #005580;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #08c;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: width .15s linear,opacity .15s linear;
        -moz-transition: width .15s linear,opacity .15s linear;
        -ms-transition: width .15s linear,opacity .15s linear;
        -o-transition: width .15s linear,opacity .15s linear;
        transition: width .15s linear,opacity .15s linear;
    }

        .switch > .switch-track:hover, .switch > .switch-track:active, .switch > .switch-track.active, .switch > .switch-track.disabled, .switch > .switch-track[disabled] {
            background-color: #08c;
            *background-color: #0077b3
        }

        .switch > .switch-track:active, .switch > .switch-track.active {
            background-color: #069 \9
        }

    .switch.switch-warning > .switch-track {
        background-color: #f9a123;
        background-image: -moz-linear-gradient(top,#f89406,#fbb450);
        background-image: -ms-linear-gradient(top,#f89406,#fbb450);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#fbb450));
        background-image: -webkit-linear-gradient(top,#f89406,#fbb450);
        background-image: -o-linear-gradient(top,#f89406,#fbb450);
        background-image: linear-gradient(top,#f89406,#fbb450);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89406',endColorstr='#fbb450',GradientType=0);
        border-color: #fbb450 #fbb450 #f89406;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #fbb450
    }

        .switch.switch-warning > .switch-track:hover, .switch.switch-warning > .switch-track:active, .switch.switch-warning > .switch-track.active, .switch.switch-warning > .switch-track.disabled, .switch.switch-warning > .switch-track[disabled] {
            background-color: #fbb450;
            *background-color: #faa937
        }

        .switch.switch-warning > .switch-track:active, .switch.switch-warning > .switch-track.active {
            background-color: #fa9f1e \9
        }

    .switch.switch-danger > .switch-track {
        background-color: #d14641;
        background-image: -moz-linear-gradient(top,#bd362f,#ee5f5b);
        background-image: -ms-linear-gradient(top,#bd362f,#ee5f5b);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#bd362f),to(#ee5f5b));
        background-image: -webkit-linear-gradient(top,#bd362f,#ee5f5b);
        background-image: -o-linear-gradient(top,#bd362f,#ee5f5b);
        background-image: linear-gradient(top,#bd362f,#ee5f5b);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd362f',endColorstr='#ee5f5b',GradientType=0);
        border-color: #ee5f5b #ee5f5b #e51d18;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #ee5f5b
    }

        .switch.switch-danger > .switch-track:hover, .switch.switch-danger > .switch-track:active, .switch.switch-danger > .switch-track.active, .switch.switch-danger > .switch-track.disabled, .switch.switch-danger > .switch-track[disabled] {
            background-color: #ee5f5b;
            *background-color: #ec4844
        }

        .switch.switch-danger > .switch-track:active, .switch.switch-danger > .switch-track.active {
            background-color: #e9322d \9
        }

    .switch.switch-success > .switch-track {
        background-color: #58b058;
        background-image: -moz-linear-gradient(top,#51a351,#62c462);
        background-image: -ms-linear-gradient(top,#51a351,#62c462);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#62c462));
        background-image: -webkit-linear-gradient(top,#51a351,#62c462);
        background-image: -o-linear-gradient(top,#51a351,#62c462);
        background-image: linear-gradient(top,#51a351,#62c462);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51a351',endColorstr='#62c462',GradientType=0);
        border-color: #62c462 #62c462 #3b9e3b;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #62c462
    }

        .switch.switch-success > .switch-track:hover, .switch.switch-success > .switch-track:active, .switch.switch-success > .switch-track.active, .switch.switch-success > .switch-track.disabled, .switch.switch-success > .switch-track[disabled] {
            background-color: #62c462;
            *background-color: #4fbd4f
        }

        .switch.switch-success > .switch-track:active, .switch.switch-success > .switch-track.active {
            background-color: #42b142 \9
        }

    .switch.switch-info > .switch-track {
        background-color: #41a7c5;
        background-image: -moz-linear-gradient(top,#2f96b4,#5bc0de);
        background-image: -ms-linear-gradient(top,#2f96b4,#5bc0de);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f96b4),to(#5bc0de));
        background-image: -webkit-linear-gradient(top,#2f96b4,#5bc0de);
        background-image: -o-linear-gradient(top,#2f96b4,#5bc0de);
        background-image: linear-gradient(top,#2f96b4,#5bc0de);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f96b4',endColorstr='#5bc0de',GradientType=0);
        border-color: #5bc0de #5bc0de #28a1c5;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #5bc0de
    }

        .switch.switch-info > .switch-track:hover, .switch.switch-info > .switch-track:active, .switch.switch-info > .switch-track.active, .switch.switch-info > .switch-track.disabled, .switch.switch-info > .switch-track[disabled] {
            background-color: #5bc0de;
            *background-color: #46b8da
        }

        .switch.switch-info > .switch-track:active, .switch.switch-info > .switch-track.active {
            background-color: #31b0d5 \9
        }

    .switch.switch-inverse > .switch-track {
        background-color: #363636;
        background-image: -moz-linear-gradient(top,#222,#555);
        background-image: -ms-linear-gradient(top,#222,#555);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#555));
        background-image: -webkit-linear-gradient(top,#222,#555);
        background-image: -o-linear-gradient(top,#222,#555);
        background-image: linear-gradient(top,#222,#555);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',endColorstr='#555555',GradientType=0);
        border-color: #555 #555 #2f2f2f;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #555
    }

        .switch.switch-inverse > .switch-track:hover, .switch.switch-inverse > .switch-track:active, .switch.switch-inverse > .switch-track.active, .switch.switch-inverse > .switch-track.disabled, .switch.switch-inverse > .switch-track[disabled] {
            background-color: #555;
            *background-color: #484848
        }

        .switch.switch-inverse > .switch-track:active, .switch.switch-inverse > .switch-track.active {
            background-color: #3b3b3b \9
        }

    .switch.active > .switch-track {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 61px
    }

    .switch > .switch-thumb {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        z-index: 3;
        top: 0;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(top,#fff,#e6e6e6);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        *background-color: #e6e6e6;
        border: 1px solid #999;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        -webkit-transition: left .15s linear;
        -moz-transition: left .15s linear;
        -ms-transition: left .15s linear;
        -o-transition: left .15s linear;
        transition: left .15s linear
    }

        .switch > .switch-thumb:hover, .switch > .switch-thumb:active, .switch > .switch-thumb.active, .switch > .switch-thumb.disabled, .switch > .switch-thumb[disabled] {
            background-color: #e6e6e6;
            *background-color: #d9d9d9
        }

        .switch > .switch-thumb:active, .switch > .switch-thumb.active {
            background-color: #ccc \9
        }

        .switch > .switch-thumb:hover {
            background-position: 0 -15px;
            -webkit-transition: left .15s linear,background-position .1s linear;
            -moz-transition: left .15s linear,background-position .1s linear;
            -ms-transition: left .15s linear,background-position .1s linear;
            -o-transition: left .15s linear,background-position .1s linear;
            transition: left .15s linear,background-position .1s linear
        }

        .switch > .switch-thumb:before, .switch > .switch-thumb:after {
            display: block;
            width: 61px;
            height: 24px;
            position: absolute;
            z-index: -1;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 14px;
            font-weight: bold;
            line-height: 24px;
            text-shadow: 0 1px 1px rgba(0,0,0,0.25);
            text-align: center
        }

        .switch > .switch-thumb:before {
            content: attr(data-on);
            left: -50px;
            text-indent: -6px;
            color: #fff
        }

        .switch > .switch-thumb:after {
            content: attr(data-off);
            left: 11px;
            text-indent: 6px;
            color: #555
        }

    .switch.active > .switch-thumb {
        left: 49px
    }

    .switch > input[type="checkbox"] {
        display: none
    }

.switch-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
}

body.dragging, body.dragging * {
    cursor: move !important;
}


ol.nav li.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: red;
    top: -6px;
    margin-left: -5px;
    border-bottom: none;
}

ol.nav ol.dropdown-menu li.placeholder:before {
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    margin-left: none;
    top: 0;
    left: 10px;
    border-right: none;
}

ol.nested_with_switch.active, ol.nested_with_switch ol.active {
    border: 1px solid #333333;
}

/*body.dragging, body.dragging * {
  cursor: move !important; }*/


.dragged {
    position: absolute;
    top: 0;
    opacity: 0.5;
    z-index: 2000;
}


ol.vertical {
    margin: 0 0 9px 0;
    min-height: 10px;
}

    ol.vertical li {
        display: block;
        margin: 5px;
        padding: 5px;
        border: 1px solid #cccccc;
        color: #0088cc;
        background: #eeeeee;
    }

        ol.vertical li.placeholder {
            position: relative;
            margin: 0;
            padding: 0;
            border: none;
        }


            ol.vertical li.placeholder:before {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                margin-top: -5px;
                left: -5px;
                top: -4px;
                border: 5px solid transparent;
                border-left-color: red;
                border-right: none;
            }

.padlft0 {
    padding-left: 0 !important
}

.padrgt0 {
    padding-right: 0 !important
}

.tavelPrt6 img {
    cursor: pointer;
}

#menulinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

    #menulinks ul li {
        margin: 5px;
        padding: 5px;
        width: 150px;
        border: 1px solid #ddd;
        background: #fff;
    }

li.cls.ui-draggable.ui-draggable-handle {
    cursor: move;
}

#memulinks {
    clear: both;
    display: block;
}

.addtofavs, .addtoquicklinks {
    float: left;
    width: 100%;
}

.addtofavs {
    height: 100%;
}

.addtoquicklinks ul {
    background: #efefef;
    border: 1px solid #ccc;
}

.addtofavs ul {
    position: relative;
    float: none;
    padding: 5px;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    min-height: 100px;
}

.addtofavs h4 {
    margin: 20px 0 0 0;
    font-size: 14px;
}

    .addtofavs h4 span {
        font-weight: normal;
        font-size: 12px;
    }

.ui-state-highlight {
    background: #000;
    height: 1px;
    padding: 0;
    border: none;
}

.ui-draggable-dragging {
    cursor: move;
}

.ui-sortable-helper {
    color: red
}

.addtofavs_head > .width20 {
    text-align: right;
    cursor: pointer;
    float: right;
    z-index: 21;
    position: relative;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 11px;
}

.addtofavs_head:after {
    width: 30%;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 200%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    right: 0;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}

.cont_box > .ui-draggable-handle {
}

.addtofavs_head > .width80 {
    padding-left: 8px;
    white-space: nowrap;
    float: left;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cont_box > li {
    border-bottom: 1px solid #e1e1e1;
    width: 100% !important;
}

.addtofavs_head {
    line-height: 28px;
    color: white;
    position: relative;
    overflow: hidden;
}

.width80 {
    width: 80%;
}

.width20 {
    width: 20%;
}

.addtofavs_inner {
    background: transparent;
    overflow: hidden;
    height: 100%;
    padding: 5px;
}

#menulinks .int_close {
    display: none;
}

.cont_box .int_close {
    display: block;
    cursor: pointer;
    line-height: 14px;
    font-size: 20px;
}

    .cont_box .int_close:hover {
        color: red;
    }

.int_close {
    width: 20px;
    float: right
}

.cont_box li.dt__tags.dest_tags {
    border: 1px solid #3790d6 !important;
    color: #3890d6 !important;
    margin: 1px 0 !important;
}

span.room_drag.ui-sortable-handle {
    line-height: 33px;
}

.add_paxWrap .add_pax {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .add_paxWrap .add_pax .cart_boxc .cart_topb {
        margin: 0px;
        padding: 0px;
    }

    .add_paxWrap .add_pax img.cart_hotel_img {
        border: none;
        padding: 0px 5px 5px 0px;
        background: transparent;
    }

    .add_paxWrap .add_pax tr {
        border-bottom: 1px solid #000;
    }

    .add_paxWrap .add_pax .calendar-table tr {
        border-bottom: none;
    }

    .add_paxWrap .add_pax th, .add_paxWrap .mobThPax {
        padding: 6px;
        background: linear-gradient(#3d94d9, #0067b9);
        color: white;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.mobThPax {
    display: none;
}

.add_paxWrap .add_pax td, .add_paxWrap .add_pax th {
    border: 1px solid #000 !important;
    position: relative;
}

.add_paxWrap .add_pax .calendar-table td, .add_paxWrap .add_pax .calendar-table th {
    border: none !important;
}

.add_paxWrap .add_pax td {
    padding: 5px 0px;
}

    .add_paxWrap .add_pax td:nth-child(1) {
        padding: 0px;
    }

    .add_paxWrap .add_pax td:nth-child(1), .add_paxWrap .add_pax th:nth-child(1) {
        width: 20%;
    }

    .add_paxWrap .add_pax td:nth-child(2), .add_paxWrap .add_pax th:nth-child(2) {
        width: 40%;
    }

    .add_paxWrap .add_pax td:nth-child(3), .add_paxWrap .add_pax th:nth-child(3) {
        width: 40%;
    }

#main_pax {
    border: 1px solid;
    background-color: #0095da;
}

    #main_pax h4 {
        padding-left: 7px;
        font-size: 13px;
        padding-top: 11px;
        color: white;
        font-weight: 600;
    }

.fixed1 {
    width: inherit;
    position: fixed !important;
    padding: 8px;
    right: 8px;
    left: 83.33333333%;
    background-size: 100% 100%;
    z-index: 999;
    top: 54px;
    background-repeat: repeat-y;
    width: auto;
}

    .fixed1 h4 {
        text-align: left;
        border-bottom: 1px solid rgba(100, 94, 94, 0.51);
        padding-bottom: 7px;
    }

.storefront #main .jcarousel {
    position: relative;
    overflow: hidden;
    height: 400px;
}



    .storefront #main .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

.full-width {
    width: 100%;
}

.storefront #main .jcarousel ul li {
    float: left;
    margin: 0px 2px;
    opacity: 0.3;
}



    .storefront #main .jcarousel ul li img {
        height: 400px;
        display: block;
        margin: 0px auto;
    }

    .storefront #main .jcarousel ul li.active {
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

.storefront #main .jcarousel .jcarousel-control {
    position: absolute;
    top: 175px;
    width: 54px;
    height: 54px;
}

    .storefront #main .jcarousel .jcarousel-control.jcarousel-prev {
        background-image: url('../../images/left-arrow.png');
        left: 20px;
    }

        .storefront #main .jcarousel .jcarousel-control.jcarousel-prev:hover {
            background-image: url('../../images/left-arrow.png');
        }

    .storefront #main .jcarousel .jcarousel-control.jcarousel-next {
        background-image: url('../../images/right-arrow-70-opacity.png');
        right: 20px;
    }

        .storefront #main .jcarousel .jcarousel-control.jcarousel-next:hover {
            background-image: url('../../images/right-arrow-70-opacity.png');
        }

.hotel_descrip_detail1a p b {
    padding-bottom: 0px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 1px;
    letter-spacing: normal;
    padding: 0px 10px;
    border-radius: 0px;
    text-align: left;
    white-space: nowrap;
    width: 20%;
    border-radius: 0px 50px 50px 0px;
}

.hotel_down_table .hotel_descrip_detail1a b {
    padding: 2px 10px !important;
}

.hotel_descrip_detail1a {
    padding: 4px 10px !important;
    font-family: 'Muli', sans-serif !important;
}

    .hotel_descrip_detail1a * {
        padding-left: 0px;
        padding-right: 0px;
        font-family: 'Muli', sans-serif !important
    }

.days-no {
    padding: 2px 10px;
    background: #a7a7a7;
    margin-right: 0px;
    text-transform: uppercase;
    position: relative;
}

    .days-no:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 0px;
        height: 0;
        width: 0;
        z-index: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #a7a7a7;
        display: none;
    }

.hotel_descrip_detail1a p hr {
    margin-top: -1px;
    margin-bottom: 1px;
    width: 80%;
    margin-left: 20%;
    border-top: 1px dotted !important
}

.classic-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
}


    .classic-title span {
        padding-bottom: 4px;
        border-bottom: 1px solid;
        font-weight: 400;
    }

    .classic-title span {
        border-bottom-color: #0089d0;
    }

#weather h2 {
    font-size: 20px !important;
    margin-top: 0px !important;
}

#weather p {
    margin-bottom: 10px;
    line-height: 13px;
}

.tab-content > .active {
    display: block;
    border-top: 0;
    /*min-height: 265px;*/
}

.tab-content.htldet_tab > .active {
    min-height: 200px;
    height: auto;
    padding: 20px;
    overflow: hidden;
}

#ulAminities li {
    border-bottom: 1px solid #dedede;
    padding: 3px 0px;
    position: relative;
    padding-left: 40px;
    min-height: 28px;
}

    #ulAminities li:last-child {
        border-bottom: none;
    }

    #ulAminities li span {
        display: inline-block;
        position: relative;
    }

        #ulAminities li span.promoarrow {
            position: absolute;
            top: -1px;
            left: -40px;
            width: 18px;
            height: 22px;
        }

        #ulAminities li span i {
            position: absolute;
            top: -1px;
            left: -40px;
            width: 31px;
            height: 26px;
            line-height: 26px;
            padding: 0px;
            font-size: 25px;
            margin: 0 auto;
            border: 0;
        }

    #ulAminities li > span {
        padding-left: 0px;
    }


.classic_title_head {
    margin: 0px;
    border-bottom: 1px solid #cfcece;
    font-weight: 300;
}

    .classic_title_head span {
        border-bottom: 1px solid;
        font-weight: 400;
        font-size: 20px;
        padding: 6px 16px;
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        display: inline-block;
        vertical-align: top;
    }

.fixed {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 2;
    top: 51px;
    display: inline-block;
    background-color: #808080 !important;
}

.droupmainbxc {
    width: 283px;
    position: relative;
    background-color: #ffffff;
    display: block;
    right: 27%;
    left: 50%;
    top: 51px;
    margin-left: 18.5px;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    min-height: auto;
    position: absolute;
    z-index: 998;
    padding: 0px;
    border: solid 1px;
    color: black;
}

    .droupmainbxc.left {
        left: 0px;
        right: auto;
        transform: none;
    }

    .droupmainbxc.right {
        left: auto;
        right: 0px;
        transform: none;
    }

    .droupmainbxc.left:before {
        left: 3.7rem;
        right: auto;
        transform: none;
    }

    .droupmainbxc.right:before {
        left: auto;
        right: 3.7rem;
        transform: none;
    }

    .droupmainbxc:before {
        border-left: 19px solid rgba(0, 0, 0, 0);
        border-right: 19px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        position: absolute;
        border-bottom: 19px solid #2778b8;
        left: 50%;
        top: -19px;
        width: 0;
    }

.droupmainbxc {
    top: 40px;
    border: 1px solid #ddd;
    padding: 5px;
    background: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin-left: 0px;
    min-width: 283px;
}

    .droupmainbxc:before {
        border-left: 6px solid rgba(0, 0, 0, 0) !important;
        border-right: 6px solid rgba(0, 0, 0, 0) !important;
        border-bottom: 6px solid #ddd;
        top: -6px;
    }

    .droupmainbxc .input-group {
        margin-bottom: 5px;
    }

        .droupmainbxc .input-group:last-of-type {
            margin-bottom: 0px;
        }

.classic-title .fa {
    margin-right: 10px;
}

.trans0 {
    z-index: 2;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.droup-first1c {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    background: #2778b8;
    padding: 10px 10px 10px 10px;
    color: white;
}

span.age_child {
    font-size: 12px;
    padding-left: 2px;
    font-family: arial;
    overflow: hidden;
}

.droup-first1_innc {
    overflow: hidden
}

.droupmainbxc > .droupbx > .droup-first {
    width: 100%;
}

    .droupmainbxc > .droupbx > .droup-first > .droup-firstbx > .droup-first1c {
        background: #2778b8;
        padding: 4px;
        color: white;
        border-bottom: 4px solid #8ba9c1;
    }

.age_child a i {
    color: #e2e2e2;
    font-size: 16px;
    margin-left: 4px;
}

.child_age20 {
    width: 19.5%;
    float: left;
    margin-right: 2px;
}

.child_age20_main {
    width: 100%;
    padding: 8px;
    overflow: hidden;
}

.child_ages_spn {
    font-size: 12px;
    line-height: 10px;
    display: inline-block;
    text-transform: capitalize;
}

.search_history {
    font-size: 16px;
    font-family: "Helvetica", Arial, sans-serif;
    border-collapse: collapse;
    line-height: 1.3;
    font-size: 12px;
    border-spacing: 0;
    width: 90%;
    margin-left: 5%;
}

    .search_history th {
        padding-top: 11px;
        padding-bottom: 11px;
        border-bottom-color: #0089d0;
        background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
        color: #fff;
        width: 200px;
        background-color: #287bbc;
        border-color: #1b5480;
        color: white;
    }

    .search_history td {
    }

    .search_history td,
    .search_history th {
        border: 1px solid #737070;
        text-align: left;
        padding: 4px 4px 4px 8px;
    }

    .search_history tr:nth-child(even) {
        background-color: #f2f2f2;
    }

.room_checkout {
    overflow: hidden
}

    .room_checkout > li > a {
        padding: 2px 4px;
        border-radius: 0px;
        font-size: 12px;
        letter-spacing: -0.5px;
    }

.room_drag {
    background: transparent;
    color: #333;
    overflow: hidden;
    padding: 2px 20px;
}

#menulinks li {
    width: 100% !important;
    padding: 4px 3px 4px 32px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

    #menulinks li img {
        height: 22px;
        border-right: 1px solid #333;
        padding-right: 3px;
        position: absolute;
        top: 50%;
        left: 2px;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
    }

#menulinks hr {
    width: 100%;
    border: none;
    clear: both;
    overflow: hidden;
    display: inline;
    line-height: 54px;
}

    #menulinks hr:before {
        content: "Pax Details (Child)";
        width: 100%;
        font-size: 18px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

.btnNext, .btnPrevious {
    width: 20px;
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0px;
    height: 100%;
    border-right: 1px solid #333;
}

    .btnNext i, .btnPrevious i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

.btnNext {
    left: auto;
    right: 0px;
    border-left: 1px solid #333;
    border-right: none;
}

.vres-prog-div small {
    font-size: 110%;
    text-transform: capitalize;
}

.room_drag > span {
    padding: 4px 5px;
    display: block;
}

.tab-content > .active.Rooms {
    height: 100%;
}

.addtofavs ul .checkbox span.cr {
    margin-top: 5px;
}

.room_checkout li.active.validPax a, .room_checkout li.active.invalidPax a {
    position: relative;
    background: transparent !important
}

    .room_checkout li.active.invalidPax a:before, .room_checkout li.active.validPax a:before {
        content: "";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        top: 0px;
        right: 5px;
        left: auto;
        width: auto !important;
        height: auto !important;
        line-height: 17px;
        font-size: 18px;
        z-index: 1;
        background: transparent !important
    }

    .room_checkout li.active.invalidPax a:before {
        content: "\f06a";
        color: #f00;
    }

    .room_checkout li.active.validPax a:before {
        content: "\f058";
        color: #08af08;
    }

.cssload-2x .cssload {
    width: 60px;
    height: 60px;
}

.cssload-3x .cssload {
    width: 120px;
    height: 120px;
}

    .cssload-3x .cssload span, .cssload-3x .cssload span:before, .cssload-3x .cssload span:after {
        border-width: 3px !important;
    }

.cssload * {
    box-sizing: content-box;
}

.cssload span, .cssload span:before, .cssload span:after {
    top: 0;
    left: 0;
    position: absolute;
    border-bottom: 2px solid transparent !important;
    border: 2px solid #A845DE;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
}

.cssload span {
    margin: -2px 0 0 -2px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

    .cssload span:before {
        content: "";
        margin: 5% 0 0 5%;
        height: 90% !important;
        width: 90% !important;
        animation: cssload-rotate 1150ms linear infinite;
        -o-animation: cssload-rotate 1150ms linear infinite;
        -ms-animation: cssload-rotate 1150ms linear infinite;
        -webkit-animation: cssload-rotate 1150ms linear infinite;
        -moz-animation: cssload-rotate 1150ms linear infinite;
    }

    .cssload span:after {
        content: "";
        position: absolute;
        top: 15%;
        left: 15%;
        height: 70% !important;
        width: 70% !important;
        animation: cssload-rotate 2300ms linear infinite;
        -o-animation: cssload-rotate 2300ms linear infinite;
        -ms-animation: cssload-rotate 2300ms linear infinite;
        -webkit-animation: cssload-rotate 2300ms linear infinite;
        -moz-animation: cssload-rotate 2300ms linear infinite;
    }

.cssload-2x .cssload span::after, .cssload-3x .cssload span::after {
    top: 13%;
    left: 13%;
    height: 74% !important;
    width: 74% !important;
}

@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

.panel_cart_total-price {
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    font-size: 12px;
    z-index: 100;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: 0px -5px 5px rgba(0,0,0,.1);
}

#panel-cart.show.small_strip .panel_cart_total-price,
#panel-cart.show.small_strip .close_cart {
    display: none;
}

#panel-cart.show.small_strip .panel-cart-container .panel-cart-title {
    padding-right: 10px !important;
}


.sweet-alert fieldset {
    box-shadow: none;
}

.btna-wrapper {
    background: #000;
    padding: 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    white-space: nowrap;
    z-index: 3
}

.animed-btn {
    display: block !important;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 0;
    font-weight: 400;
    line-height: 44px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    letter-spacing: 2px;
    border: 1px solid #fff;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-family: din-condensed-web,sans-serif;
    background-color: transparent;
    background: #000;
    text-decoration: none;
}

    .animed-btn i.fa {
        margin-right: 7px;
        font-size: 20px;
    }

    .animed-btn .line-1, .animed-btn .line-2, .animed-btn .line-3, .animed-btn .line-4 {
        content: "\A";
        display: block;
        position: absolute;
        background-color: #fff
    }

    .animed-btn .line-1, .animed-btn .line-3 {
        width: 1px
    }

    .animed-btn .line-2, .animed-btn .line-4 {
        height: 1px
    }

    .animed-btn .line-1 {
        left: -1px;
        bottom: -1px;
        animation: line1 1.5s infinite ease
    }

    .animed-btn .line-2 {
        top: -1px;
        left: -1px;
        animation: line2 1.5s infinite ease
    }

    .animed-btn .line-3 {
        top: -1px;
        right: -1px;
        animation: line3 1.5s infinite ease
    }

    .animed-btn .line-4 {
        right: -1px;
        bottom: -1px;
        animation: line4 1.5s infinite ease
    }

    .animed-btn:hover {
        border: 1px solid transparent;
        color: #fff;
    }

.small_strip .cktclpsHide {
    display: none;
}

@keyframes line1 {
    0% {
        height: 100%;
        bottom: 0
    }

    54% {
        height: 0;
        bottom: 100%
    }

    55% {
        height: 0;
        bottom: 0
    }

    to {
        height: 100%;
        bottom: 0
    }
}

@keyframes line2 {
    0% {
        width: 0;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    to {
        width: 0;
        left: 100%
    }
}

@keyframes line3 {
    0% {
        height: 100%;
        top: 0
    }

    54% {
        height: 0;
        top: 100%
    }

    55% {
        height: 0;
        top: 0
    }

    to {
        height: 100%;
        top: 0
    }
}

@keyframes line4 {
    0% {
        width: 0;
        right: 0
    }

    55% {
        width: 100%;
        right: 0
    }

    to {
        width: 0;
        right: 100%
    }
}

#global {
    width: 70px;
    margin: 0 auto;
    top: 50%;
    position: absolute;
    cursor: pointer;
    height: 60px;
    left: 50%;
}


.mask {
    position: absolute;
    border-radius: 2px;
    overflow: hidden;
    perspective: 1000;
    backface-visibility: hidden;
}

.plane {
    background: #20a3e7;
    width: 400%;
    height: 100%;
    position: absolute;
    transform: translate3d(0px,0,0);
    /*transition: all 0.8s ease; */
    z-index: 100;
    perspective: 1000;
    backface-visibility: hidden;
}

.animation {
    transition: all 0.3s ease;
}



#topa .plane {
    z-index: 2000;
    animation: trans1 1.3s ease-in infinite 0s backwards;
}

#middlea .plane {
    transform: translate3d(0px,0,0);
    background: #0d5a82;
    animation: trans2 1.3s linear infinite 0.3s backwards;
}

#bottoma .plane {
    z-index: 2000;
    animation: trans3 1.3s ease-out infinite 0.7s backwards;
}



#topa {
    width: 53px;
    height: 20px;
    left: 20px;
    transform: skew(-15deg, 0);
    z-index: 100;
}

#middlea {
    width: 33px;
    height: 20px;
    left: 20px;
    top: 15px;
    transform: skew(-15deg, 40deg)
}

#bottoma {
    width: 53px;
    height: 20px;
    top: 30px;
    transform: skew(-15deg, 0)
}

.load_new i {
    color: black;
    position: absolute;
    left: -3px;
    top: 45px;
    font-family: Arial;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
}

@keyframes trans1 {
    from {
        transform: translate3d(53px,0,0)
    }

    to {
        transform: translate3d(-250px,0,0)
    }
}

@keyframes trans2 {
    from {
        transform: translate3d(-160px,0,0)
    }

    to {
        transform: translate3d(53px,0,0)
    }
}

@keyframes trans3 {
    from {
        transform: translate3d(53px,0,0)
    }

    to {
        transform: translate3d(-220px,0,0)
    }
}

@keyframes animColor {
    from {
        background: red;
    }

    25% {
        background: yellow;
    }

    50% {
        background: green;
    }

    75% {
        background: brown;
    }

    to {
        background: blue;
    }
}


.loader_line {
    height: 3px;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 100%;
}

    .loader_line .load-bar {
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

.showLoader.loader_line .load-bar {
    opacity: 1 !important;
}
/*.loader_line:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: loader_line 2s linear infinite;
}

@keyframes loader_line {
	from {left: -200px; width: 30%;}
	50% {width: 30%;}
	70% {width: 70%;}
	80% { left: 50%;}
	95% {left: 120%;}
	to {left: 100%;}
}*/

.load-bar {
    bottom: 0;
    height: 3px;
    width: 100%
}

.load-bar-container {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.load-bar .load-bar-container:last-child {
    float: right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right
}

.load-bar-base {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #159756
}

.color {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute
}

.base1 .red {
    background: #da4733;
    -webkit-animation: move_left_red 3s infinite linear;
    -moz-animation: move_left_red 3s infinite linear;
    -ms-animation: move_left_red 3s infinite linear;
    animation: move_left_red 3s infinite linear
}

.base1 .blue {
    background: #3b78e7;
    -webkit-animation: move_left_blue 3s infinite linear;
    -moz-animation: move_left_blue 3s infinite linear;
    -ms-animation: move_left_blue 3s infinite linear;
    animation: move_left_blue 3s infinite linear
}

.base1 .yellow {
    background: #fdba2c;
    -webkit-animation: move_left_yellow 3s infinite linear;
    -moz-animation: move_left_yellow 3s infinite linear;
    -ms-animation: move_left_yellow 3s infinite linear;
    animation: move_left_yellow 3s infinite linear
}

.base1 .green {
    background: #159756;
    -webkit-animation: move_left_green 3s infinite linear;
    -moz-animation: move_left_green 3s infinite linear;
    -ms-animation: move_left_green 3s infinite linear;
    animation: move_left_green 3s infinite linear
}

@-webkit-keyframes move_left_red {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(0%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_red {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(0%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_red {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(0%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_red {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_blue {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_blue {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_blue {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_blue {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_yellow {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(100%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_yellow {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(100%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_yellow {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(100%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_yellow {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(100%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_green {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(100%)
    }

    75% {
        -webkit-transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_green {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(100%)
    }

    75% {
        -moz-transform: translateX(100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_green {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(100%)
    }

    75% {
        -ms-transform: translateX(100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_green {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(100%)
    }

    75% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.base2 .red {
    background: #da4733;
    -webkit-animation: move_right_red 4s infinite linear;
    -moz-animation: move_right_red 4s infinite linear;
    -ms-animation: move_right_red 4s infinite linear;
    animation: move_right_red 4s infinite linear
}

.base2 .blue {
    background: #3b78e7;
    -webkit-animation: move_right_blue 4s infinite linear;
    -moz-animation: move_right_blue 4s infinite linear;
    -ms-animation: move_right_blue 4s infinite linear;
    animation: move_right_blue 4s infinite linear
}

.base2 .yellow {
    background: #fdba2c;
    -webkit-animation: move_right_yellow 4s infinite linear;
    -moz-animation: move_right_yellow 4s infinite linear;
    -ms-animation: move_right_yellow 4s infinite linear;
    animation: move_right_yellow 4s infinite linear
}

.base2 .green {
    background: #159756;
    -webkit-animation: move_right_green 4s infinite linear;
    -moz-animation: move_right_green 4s infinite linear;
    -ms-animation: move_right_green 4s infinite linear;
    animation: move_right_green 4s infinite linear
}

@-webkit-keyframes move_right_red {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(0%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_red {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(0%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_red {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(0%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_red {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_blue {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_blue {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_blue {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_blue {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_yellow {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(-100%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_yellow {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(-100%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_yellow {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(-100%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_yellow {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(-100%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_green {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(-100%)
    }

    75% {
        -webkit-transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_green {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(-100%)
    }

    75% {
        -moz-transform: translateX(-100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_green {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(-100%)
    }

    75% {
        -ms-transform: translateX(-100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_green {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(-100%)
    }

    75% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #333;
    z-index: 999;
    opacity: .25;
    filter: alpha(opacity=25);
}

.chat_main {
    -webkit-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -moz-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -o-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transform-origin: center center;
    width: 60px;
    max-height: 60px;
    bottom: 10px;
    right: 10px;
    display: none;
    animation: .3s zoomIn;
    -webkit-animation: .3s zoomIn;
    -moz-animation: .3s zoomIn;
    -o-animation: .3s zoomIn;
    -ms-animation: .3s zoomIn;
    z-index: 2247483646 !important;
    opacity: 1;
    visibility: visible;
    position: fixed;
}

.chat_float {
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.inner_chat {
    position: relative;
    padding: 3px;
    margin: 0;
    width: 60px;
    border-radius: 60px;
    height: 60px;
    font-size: 14px;
    background-color: #556ab8;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
}



.chat_cnt {
    z-index: -1;
    animation: 1s zsiqcntanim;
    -webkit-animation: 1s zsiqcntanim;
    -moz-animation: 1s zsiqcntanim;
    -o-animation: 1s zsiqcntanim;
    -ms-animation: 1s zsiqcntanim;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    position: absolute;
    left: -215px;
    overflow: visible;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    box-shadow: 1px 1px 10px -1px #aaa;
    border-radius: 5px;
    padding: 10px 15px;
    height: 60px;
    color: #333;
    line-height: 20px;
    background-color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -moz-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -o-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transform-origin: center center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: black;
}

    .chat_cnt:after {
        display: inline-block;
        content: '';
        position: absolute;
        background-color: #fff;
        height: 10px;
        width: 10px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        top: 0;
        bottom: 0;
        margin: auto;
        right: -5px;
        border-radius: 0 3px 0 0;
        /*box-shadow: 1px -1px 4px 0 #eee;*/
    }

.chat_ellips {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-wrap: normal;
    color: black;
    color: #666;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inner_chat i {
    margin: auto;
    z-index: 1111;
    font-size: 27px;
    line-height: 60px;
    color: #fff;
}

.inner_icon {
    height: 100%;
    width: 100%;
    border-radius: 60px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.siqembed {
    width: 371px;
    height: 460px;
    border: 1px solid #ededed;
    padding-bottom: 15px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.main_fillform {
    -webkit-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -moz-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    -o-transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
    transform-origin: center center;
    width: 371px;
    max-height: 460px;
    bottom: 10px;
    right: 10px;
    animation: .3s zoomIn;
    -webkit-animation: .3s zoomIn;
    -moz-animation: .3s zoomIn;
    -o-animation: .3s zoomIn;
    -ms-animation: .3s zoomIn;
    z-index: 2247483646 !important;
    opacity: 1;
    visibility: visible;
    position: fixed;
    animation: .5s zsiqcwanim;
    -webkit-animation: .5s zsiqcwanim;
    -moz-animation: .5s zsiqcwanim;
    -o-animation: .5s zsiqcwanim;
    -ms-animation: .5s zsiqcwanim;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

.fillform_outerwin {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ededed;
    padding-bottom: 15px;
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

    .fillform_outerwin header {
        height: 88px;
        transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
        -moz-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
        margin: 0 18px;
        -webkit-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
        cursor: move;
        padding-top: 15px;
    }

        .fillform_outerwin header:before {
            border-width: 75px 98px 0 0;
            border-color: #0a6ebe transparent transparent transparent;
            transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
            -moz-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
            -webkit-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
            width: 0;
            height: 0;
            border-style: solid;
            /*border-width: 58px 76px 0 0;*/
            border-width: 73px 88px 0 0;
            content: "";
            left: 0;
            position: absolute;
            top: 0;
        }

.posrel {
    position: relative;
}

.actbtn {
    position: absolute;
    right: -4px;
    top: -5px;
}

    .actbtn i {
        margin-left: 3px;
        cursor: pointer;
        height: 20px;
        width: 20px;
        display: inline-block;
        border-radius: 3px;
    }

.cmplogo {
    height: 56px;
    width: 56px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
    margin-right: 5px;
    position: relative;
    z-index: 1;
    transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -moz-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -webkit-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
}

.siq-chat-attender-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    word-break: normal;
    padding: 0;
    font-size: 20px;
    transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -moz-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -webkit-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
}

.cht_txt {
    display: inline-block;
}

.cmplogo span {
    background: -o-linear-gradient(#3d94d9, #0067b9);
    background: -ms-linear-gradient(#3d94d9, #0067b9);
    background: -moz-linear-gradient(#3d94d9, #0067b9);
    background: -webkit-linear-gradient(#3d94d9, #0067b9);
    background: linear-gradient(#3d94d9, #0067b9);
    text-align: center;
    border: none;
    overflow: visible;
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 100px;
    overflow: hidden;
    font-size: 0;
    vertical-align: top;
}

.content_chat {
    height: 338px;
    overflow-x: hidden;
    display: block;
    overflow-y: auto;
    font-size: 15px;
    position: relative;
}

    .content_chat > div:first-child {
        margin-top: 0;
    }

    .content_chat > div {
        color: #777;
        margin: 0 18px;
        position: relative;
        margin-bottom: 10px;
    }

    .content_chat input[type="text"], textarea, .editfields input[type="text"] {
        padding: 0 13px;
        height: 44px;
        line-height: normal;
        background-color: #f6f9fb;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        border: 1px solid #dde8f0;
        width: 100%;
        border-radius: 4px;
        margin: 0;
        outline: none;
        color: #333;
        transition: border ease-in-out 0.5s;
        -webkit-transition: border ease-in-out 0.5s;
        -moz-transition: border ease-in-out 0.5s;
    }

.siq-message-area {
    position: relative;
    background-color: #f6f9fb;
}

    .siq-message-area::before {
        top: 1px;
        height: 11px;
    }

    .siq-message-area::before, .siq-message-area::after {
        content: "";
        left: 5px;
        position: absolute;
        width: 92%;
    }

    .siq-message-area textarea {
        background-color: #f6f9fb;
        -webkit-appearance: none;
        border: 1px solid #dde8f0;
        width: 100%;
        transition: border ease-in-out 0.5s;
        -webkit-transition: border ease-in-out 0.5s;
        -moz-transition: border ease-in-out 0.5s;
        border-radius: 4px;
        margin: 0;
        outline: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        color: #333;
        line-height: 20px;
        padding: 8px 13px 10px 13px;
        overflow: auto;
        resize: none;
        vertical-align: bottom;
    }

.content_chat em {
    position: absolute;
    border-left: 2px solid #fe8d8d;
    border-radius: 15px;
    height: 100%;
    left: 0;
    padding-left: 9px;
    top: 0;
    color: #fe8d8d;
}

.chat_footer {
    position: absolute;
    bottom: 7px;
    background-color: white;
    padding: 0 18px;
    width: 100%;
}

    .chat_footer:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        width: 0;
    }

    .chat_footer a {
        color: #777;
        background-color: transparent;
        text-decoration: none;
        outline: none;
    }

    .chat_footer .flogo {
        font-size: 13px;
        float: left;
        margin-top: 2px;
    }

    .chat_footer .floatrg {
        font-size: 13px;
        float: right;
        margin-top: 2px;
    }

.sqico-send, .sqico-send:after, .sqico-send:before {
    transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -moz-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
    -webkit-transition: all 0.5s cubic-bezier(1, 0.7, 0.5, 1);
}

    .sqico-send::before {
        font-size: 18px;
        margin-right: 3px;
        vertical-align: bottom;
    }

[class^="sqico-"]::before, [class^="sqico-"]::after, [class*=" sqico-"]::before, [class*=" sqico-"]::after {
    font-family: 'siq' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span#mymodelrating1 > .star {
    line-height: 26px;
    margin-left: 8px;
}

span#mymodelrating {
    line-height: 26px;
    margin-left: 8px;
}

.avai_htl_name {
    min-width: 120px;
    width: auto;
    float: left;
    margin-right: 6px;
}

    .avai_htl_name > .modal-title {
        line-height: 35px;
        font-weight: normal;
        padding-right: 20px;
    }

.half-black {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    /*z-index: 20;*/
    z-index: 1;
    width: 100%;
    height: 100%;
}

.position_relat {
    position: relative
}

img#close_black {
    float: right;
    height: 34px;
    width: auto;
    margin: 5px;
    border: 2.5px solid white;
    border-radius: 20px;
    cursor: pointer;
    /*position: absolute;*/
    top: 57px;
    right: 0;
    z-index: 99;
}

.full_width {
    width: 100% !important;
}

.overflow_hide {
    overflow: hidden
}

.avail_month {
    width: 140px
}

#availCalendar .modal-header {
    margin-bottom: -5px;
    height: 58px;
}

.ripples {
    -webkit-animation: ripples 0.65s linear !important;
    -moz-animation: ripples 0.65s linear !important;
    -ms-animation: ripples 0.65s linear !important;
    -o-animation: ripples 0.65s linear !important;
    animation: ripples 0.65s linear !important;
}

@-webkit-keyframes ripples {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes ripples {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@-o-keyframes ripples {
    100% {
        opacity: 0;
        -o-transform: scale(2.5)
    }
}

@keyframes ripples {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

/*.ripplecss{position:relative;overflow:hidden;}
.ripplecss:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity: 0;transition:transform .5s,opacity 1s;}
.ripplecss:active:after{transform:scale(0,0);opacity:.2;transition:0s}*/

/*.navbar ul li {overflow:hidden}*/
/*.navbar li.dropdown.open { overflow:auto !important;
}*/
#divTopExcursion {
    display: none
}

.ripplecss {
    position: relative;
}

    .ripplecss::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(27, 84, 128, 0.3);
        /*background: rgba(255,255,255,.2);*/
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .ripplecss:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}


.pie_progress {
    position: relative;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: center;
}

.pie_progress__svg {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    vertical-align: middle;
}

    .pie_progress__svg svg {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

.pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pie_progress__number {
    font-size: 35px;
}

.pie_progress__label {
    margin-top: 32px;
    font-size: 12px;
}

.pie_progress {
    width: 160px;
    position: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.pie_wrapper.top .pie_progress {
    width: 160px;
    position: inherit;
    top: 20px;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
}


.ProgressModal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 1px solid #0089d0;
    width: 200px;
    height: 116px;
    display: none;
    position: fixed;
    background-color: white;
    z-index: 999;
    padding-top: 10px;
    border-radius: 10px;
    padding: 9px;
    display: none;
}

.preloader-wrap {
    background: #fff !important;
}

.prcntge {
    height: auto;
}

.pie_wrapper {
    position: absolute;
    z-index: 99999999999;
    top: 0px;
    min-height: 300px;
    min-width: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
}

    .pie_wrapper.hide {
        display: none;
    }

.pie_progress__svg svg path {
    stroke: #0077cc;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 4px !important;
    right: 8px !important;
}

td.AddDelTd > span {
    margin: 0px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 0px 1px !important
}

td.AddDelTd i {
    line-height: 26px;
    cursor: pointer;
}

td.AddDelTd {
    text-align: center;
    white-space: nowrap !important;
}

.dataTable tfoot td {
    background-color: white;
}

.dataTable tbody tr:hover {
    cursor: pointer;
}

#myTable_wrapper tbody tr:hover {
    cursor: initial;
}

#myTable_wrapper tbody tr td a:hover {
    cursor: pointer;
}

.dataTable tbody tr {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

    .dataTable tbody tr:hover td {
        color: #fff;
    }

.dataTables_scrollBody table.dataTable tfoot td {
    padding: 0px !important
}

.AddressInputs input {
    margin-bottom: 5px;
}

    .AddressInputs input:last-of-type {
        margin-bottom: 0px;
    }

.sp-sat, .sp-val, .sp-top-inner, .sp-color, .sp-hue, .sp-clear-enabled .sp-clear, .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial {
    display: none;
}

.sp-hidden {
    display: none !important;
}

.sp-cf:before, .sp-cf:after {
    content: "";
    display: table;
}

.sp-cf:after {
    clear: both;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display: block;
}

.sp-container {
    position: absolute;
    top: 0px !important;
    left: 105px !important;
    display: inline-block;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

    .sp-container.sp-flat {
        position: relative;
        overflow-x: auto;
        max-width: 100%;
        white-space: nowrap;
    }

.sp-picker-container, .sp-palette-container {
    display: block;
    white-space: nowrap;
    vertical-align: top;
    position: relative;
    padding: 10px;
}

.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sp-top {
    position: relative;
    width: 100%;
    display: block;
}

.sp-color {
    right: 20%
}

.sp-hue {
    left: 85%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 40px;
    height: 75%
}

.sp-fill {
    padding-top: 80%
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 26px;
}

.sp-alpha-enabled .sp-alpha {
    display: block;
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 5px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -16px;
    right: 0;
    left: 0;
    height: 6px;
}

.sp-clear {
    display: none;
}

.sp-clear-display {
    cursor: pointer;
}

    .sp-clear-display:after {
        content: '';
        display: block;
        font-family: 'icomoon';
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 30px;
    }

.sp-preview .sp-clear-display:after, .sp-initial .sp-clear-display:after {
    content: none;
}

.sp-clear-enabled .sp-clear {
    display: block;
    left: 85%;
    height: 30px;
    text-align: center;
    color: #999;
    -webkit-box-shadow: 0 0 0 1px #ddd inset;
    box-shadow: 0 0 0 1px #ddd inset;
}

.sp-input-container {
    margin-top: 10px;
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    border: 1px solid #ddd;
    padding: 7px 12px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    outline: 0;
    color: #333;
}

.sp-initial {
    margin-top: 10px;
}

    .sp-initial span {
        width: 50%;
        height: 25px;
        display: block;
        float: left;
    }

        .sp-initial span .sp-thumb-inner {
            height: 25px;
            width: 100%;
            display: block;
        }

.sp-dragger {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #333;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 4px;
    left: -2px;
    right: -2px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 3px;
}

.sp-replacer {
    overflow: hidden;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fafafa;
    vertical-align: middle;
    border-radius: 3px;
}

    .sp-replacer:hover, .sp-replacer.sp-active {
        border-color: #c4c4c4;
        color: #333;
    }

        .sp-replacer:hover .sp-dd, .sp-replacer.sp-active .sp-dd {
            color: #333;
        }

    .sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:hover, .sp-replacer[class*=bg-]:focus {
        border-color: transparent;
    }

        .sp-replacer[class*=bg-] .sp-dd {
            color: #fff;
        }

        .sp-replacer[class*=bg-].sp-active .sp-dd {
            color: #fff;
        }

    .sp-replacer.sp-disabled {
        cursor: default;
        opacity: .8;
        filter: alpha(opacity=80);
    }

        .sp-replacer.sp-disabled:not([class*=bg-]):hover, .sp-replacer.sp-disabled:not([class*=bg-]):focus {
            border-color: #ddd;
        }

        .sp-replacer.sp-disabled .sp-dd, .sp-replacer.sp-disabled[class*=bg-] .sp-dd {
            color: #999;
        }

.sp-preview {
    position: relative;
    width: 26px;
    height: 24px;
    margin-right: 5px;
    float: left;
    z-index: 0;
}

    .sp-preview .sp-preview-inner, .sp-preview .sp-clear-display {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    }

.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
}

.sp-dd {
    float: left;
    font-size: 0;
    position: relative;
    margin: 3px 1px;
    color: #999;
}

    .sp-dd:after {
        content: '';
        display: block;
        font-family: 'icomoon';
        font-size: 16px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    background: -ms-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    background: -o-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(.17, #ff0), color-stop(.33, #0f0), color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(#f00));
    background: -webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}

.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-palette {
    max-width: 220px;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.sp-thumb-el .sp-thumb-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
}

    .sp-thumb-el .sp-thumb-inner:hover {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
    }

.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
}

    .sp-palette .sp-thumb-el + .sp-thumb-el {
        margin-left: 5px;
    }

    .sp-palette .sp-thumb-el.sp-thumb-active {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
    }

        .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
            -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
        }

.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    content: '';
    display: block;
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    color: #333;
}

.sp-palette-row {
    font-size: 0;
}

    .sp-palette-row + .sp-palette-row {
        margin-top: 5px;
    }

    .sp-palette-row:empty {
        margin-top: 0;
    }

.sp-cancel, .sp-choose, .sp-palette-toggle {
    border: 0;
    border-radius: 2px;
    padding: 6px 11px;
    float: left;
    width: 48%;
    text-align: center;
    outline: 0;
}

.sp-palette-button-container, .sp-button-container {
    margin-top: 10px;
    text-align: center;
}

.sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button, .sp-container[class*=bg-] .sp-button-container button {
    background-color: rgba(0, 0, 0, .25);
    color: #fff;
    border-color: transparent;
}

.sp-cancel, .sp-palette-toggle {
    border: 1px solid transparent;
}

    .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
    }

    .sp-cancel:active, .sp-palette-toggle:active {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
    }

.sp-choose {
    border: 1px solid transparent;
}

    .sp-choose:hover, .sp-choose:focus {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
    }

    .sp-choose:active {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    }

.sp-cancel, .sp-palette-toggle {
    color: #333;
    margin-right: 5px;
    background-color: #fcfcfc;
    margin-right: 4%;
    border-color: #ddd;
}

    .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus {
        color: #333;
    }

.sp-palette-toggle {
    margin-right: 0;
    width: auto;
    float: none;
}

.sp-choose {
    color: #fff;
    background-color: #607d8b;
}

#calend_pick > div#color_pickSpect {
    top: 40px !important;
    left: 45px !important;
}

#calend_pick1 > div#color_pickSpect {
    top: 40px !important;
    left: 45px !important;
    min-width: 498px
}

.dataTable thead .sorting_asc {
    background-image: url(../../images/sort_asc.png);
}

.dataTable thead .sorting_desc {
    background-image: url(../../images/sort_desc.png);
}

.dataTable thead .sorting {
    background-image: url(../../images/sort_both.png);
}

.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 7px;
}

/* Package Page Final Design Start */
.pkgSrch .hot_hotel-item, .pkgSrch .main_box_pan:hover .hot_hotel-item {
    box-shadow: none;
}

.pkgSrch .hot_hotel-body {
    padding: 5px 10px 0px 10px;
}

.pkgSrch .b2bctrbx1 span {
    color: #333;
}

.pkgSrch .b2bctrbx1 {
    position: relative;
}

.pkgSrch .b2bctrbx1, .pkgSrch .b2bhtl-iconslft1 {
    width: 100%;
}

.pkgSrch .trav1-two {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    height: auto;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    line-height: 18px;
    z-index: 3;
    right: 0px;
    background: #fff;
    border: none;
    width: 100%;
    background-color: #eee;
    margin-top: 9px;
    border: 2px solid #aaa;
}

    .pkgSrch .trav1-two:before {
        position: absolute;
        top: -10px;
        left: 51px;
        content: '';
        height: 0;
        width: 0;
        border: 10px solid transparent;
        z-index: 1;
        border-bottom-color: #aaa;
        border-top: 0px solid transparent;
    }

    .pkgSrch .trav1-two:after {
        position: absolute;
        top: -9px;
        left: 51px;
        content: '';
        height: 0;
        width: 0;
        border: 10px solid transparent;
        z-index: 2;
        border-bottom-color: #eee;
        border-top: 0px solid transparent;
    }

.pkgSrch .trav1-one:hover + .trav1-two {
    display: block;
    padding: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -ms-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    width: 100% !important;
}

.pkgSrch .uc-container .trav1-two {
    display: none;
    padding: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -ms-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    width: 100% !important;
    top: 34px;
}

.pkgSrch .trav .donebox {
    line-height: 25px;
    margin: 0px;
}

.pkgSrch .trav1-three > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: auto !important;
}

    .pkgSrch .trav1-three > div:first-child {
        margin-top: -1px;
    }

        .pkgSrch .trav1-three > div:first-child, .pkgSrch .trav1-three > div:first-child * {
            font-size: 16px;
        }

    .pkgSrch .trav1-three > div.tavelPrt3, .pkgSrch .trav1-three > div.tavelPrt6, .pkgSrch .trav1-one {
        position: absolute;
        right: 35px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .pkgSrch .trav1-three > div.tavelPrt6 {
        right: 5px;
    }

.pkgSrch .trav1-one {
    left: 0px;
    right: auto;
    width: 130px;
}

.pkgSrch p a {
    color: #0089d0;
}

.pkgSrch .b2bhtl-iconslft1 ul li:first-child i {
    margin-left: 0px;
}

.pkgSrch .trav1-two {
    font-size: 12px;
    position: absolute;
    display: none;
    text-align: left;
}

    .pkgSrch .trav1-two:hover .long_desc {
        display: block;
    }

.pkgSrch .trav1-three {
    width: 100% !important;
    border-right: none;
    justify-content: left;
    text-align: left;
}

    .pkgSrch .trav1-three a {
        cursor: pointer;
    }

.pkgSrch .trav1-one a {
    font-size: 16px;
    text-transform: uppercase;
    font-size: 0px;
}

.pkgSrch .trav1-one .promoarrow {
    width: 100px;
    text-align: center;
    display: block;
    padding: 3px 10px;
    line-height: 14px;
    font-size: 14px;
}

.pkgSrch .trav1-one a img {
    max-width: 100%;
    max-height: 100%;
    height: 25px;
}

.pkgSrch .travWrap .trav1-one {
    background-size: 100% auto !important;
    padding: 4px 10px;
    text-align: center;
}

.pkgSrch .travmain {
    padding-left: 130px;
    position: relative;
    padding-right: 50px;
    border-top: solid 1px #ebebeb;
    border-bottom: none;
}

.pkgSrch .travWrap .trav:first-of-type .travmain {
    border-top: none;
}

.favPkg {
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 0px 30px 30px 0px;
    z-index: 2;
    display: inline-block;
    padding: 2px 6px;
    background: #0089d0;
    color: #fff;
    z-index: 999;
    box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    display: none;
}

    .favPkg span {
        padding-left: 5px;
    }

.pkgSrch .main_box_pan:hover .img:before {
    opacity: 0.3 !important;
}

.main_box_pan .ahotel-item, .main_box_pan .ahotel-item:hover {
    box-shadow: none;
}

.pkgSrch .promoarrow:after {
    border-left: none;
    border-bottom: none;
}

.pkgSrch .b2bhtl-iconslft1 a {
    padding-bottom: 5px
}

.pkgSrch .mar_tp20 {
    background-color: #f8f8f8;
}

.pkgSrch a.thm-btn {
    margin-bottom: 5px;
    min-width: 72px;
    padding: 8px 5px;
}

.pkgSrch .modal_table td p {
    margin: 0;
    padding: 0;
}

.pkgSrch .city_added {
    width: 100%;
    margin-bottom: 5px;
}

.pkgSrch .city_added_arrow {
    background: linear-gradient(to bottom, #02214c 1%,#02214c 17%,#287bbc 100%);
}

.pkgSrch .maindata {
    padding: 8px !important;
}

.pkgSrch .pckg-item .pckg-image:before {
    right: -19%;
    width: 25%;
}

.trav.travShow {
    box-shadow: 0px 0px 10px rgba(0,0,0,.6);
}

.trav.travFade {
    opacity: .4;
}

.pkgSrch .ahotel-item .ahotel-image {
    width: 30%
}

.pkgSrch .ahotel-item .ahotel-body {
    width: 40%;
}

.pkgSrch .ahotel-item .ahotel-right {
    vertical-align: top;
    width: 30%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}
/* Package Page Final Design End */
/* Package Detail Page Design Start */
.PkgTitle {
    position: relative;
    overflow: hidden;
}

.background {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 100%;
    background: #000;
    z-index: 0;
    min-height: 100%;
    overflow: hidden
}

.contentBoxDInner .background {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.background:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: .7;
    z-index: 1;
}

.PkgTitleBack.background:before {
    opacity: .4;
}

.PkgTitleBack.background img {
    opacity: .3;
}

.background * {
    z-index: 2;
}

.background img {
    opacity: .8;
    z-index: 0;
    width: auto;
    min-height: 100%;
    height: auto;
    position: absolute;
    min-width: 100%;
}

.foreground {
    z-index: 1;
}

.PkgTitle * {
    color: #fff;
}

.PkgTitleName span {
    display: block;
    font-size: 70%;
    padding-top: 10px;
}

.PkgTitleName > * {
    margin: 0px;
}

.PkgTitleInner {
    display: table;
    width: 100%;
}

.PkgTitleName {
    display: table-cell;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
}

.PkgTitlePrice {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    width: auto;
    max-width: 200px;
    min-width: 200px;
}

    .PkgTitlePrice > *, .PkgTitlePrice .divPrice > * {
        display: block;
        text-align: right;
    }

    .PkgTitlePrice .donebox {
        float: right !important;
        border: 1px solid #fff !important;
    }

.PkgNewPrice {
    font-size: 20px;
}

.PkgOldPrice {
    text-decoration: line-through;
}

.PkgTabMenu {
    position: relative;
    background: #000;
    padding: 0px;
}

    .PkgTabMenu:before {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: .8;
        content: "";
        display: block;
    }

    .PkgTabMenu .nav-tabs li a {
        width: auto !important;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px 20px !important;
        color: #fff;
        border-radius: 0px !important;
        border: none !important;
    }

    .PkgTabMenu .nav-tabs {
        border-bottom: none !important;
        position: relative;
        z-index: 1;
    }

        .PkgTabMenu .nav-tabs li a:before {
            display: none;
        }

        .PkgTabMenu .nav-tabs li a:hover, .PkgTabMenu .nav-tabs li a:focus {
            border: none !important;
        }

        .PkgTabMenu .nav-tabs li a.active {
            background: #fff;
            border: none !important
        }

        .PkgTabMenu .nav-tabs li {
            width: auto !important
        }

.PkgTabMenu {
    border-top: 1px solid #fff;
}

.PkgSLiderText {
    padding-top: 15px;
    padding-bottom: 15px;
}

.PkgBulletsList {
    padding-left: 35px;
    position: relative;
}

    .PkgBulletsList:before {
        width: 3px;
        background: #ddd;
        top: 0px;
        bottom: 0px;
        content: "";
        position: absolute;
        left: 8px;
        z-index: 0;
    }

    .PkgBulletsList > * {
        position: relative;
        margin-bottom: 10px;
    }

        .PkgBulletsList > *:last-of-type {
            margin-bottom: 0px;
        }

        .PkgBulletsList > *:before {
            width: 18px;
            height: 18px;
            content: "";
            position: absolute;
            left: 0px;
            border: 3px solid #ddd;
            top: 0px;
            left: -35px;
            z-index: 1;
            background: #fff;
            -webkit-border-radius: 12px !important;
            -moz-border-radius: 12px !important;
            border-radius: 12px !important;
        }

        .PkgBulletsList > *:focus:before, .PkgBulletsList > *:focus {
            outline: 0px !important
        }

.PkgBulletsListPoliciy {
    padding-left: 35px;
    position: relative;
}

    .PkgBulletsListPoliciy:before {
        width: 3px;
        background: #ddd;
        top: 0px;
        bottom: 0px;
        content: "";
        position: absolute;
        left: 8px;
        z-index: 0;
    }

    .PkgBulletsListPoliciy h3 {
        position: relative;
        margin-bottom: 10px;
    }

    .PkgBulletsListPoliciy PkgBulletsListPoliciy:last-of-type {
        margin-bottom: 0px;
    }

    .PkgBulletsListPoliciy > .hotel_down_table12:first-of-type > .hotel_descrip_detail12:first-of-type > span h3 {
        margin-top: 0px;
    }

    .PkgBulletsListPoliciy h3:before {
        width: 18px;
        height: 18px;
        content: "";
        position: absolute;
        left: 0px;
        border: 3px solid #ddd;
        top: 0px;
        left: -35px;
        z-index: 1;
        background: #fff;
        border-radius: 12px;
    }

.PkgBulletsList > *.contentBox:before {
    top: 12px;
}

.pkgtermscondson .contentBoxDtl * {
    padding: 0px !Important;
    font-family: 'Muli', sans-serif !important;
    color: #333 !important
}

    .pkgtermscondson .contentBoxDtl *.PkgBulletsList {
        padding-left: 35px !important;
    }

.FixedSB {
    position: fixed !important
}

.PkgBulletsList.Top5:before, .PkgBulletsList.Top5 > *:before {
    top: 5px;
}

.tab-pane > .PkgBulletsList > *:before {
    top: 12px;
}

.PkgOviewCity {
    padding: 10px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    margin-bottom: 10px;
}

    .PkgOviewCity label {
        margin: 0px;
        margin-right: 5px;
    }

.PkgOviewText {
    margin-bottom: 10px;
}

.OverviewTable {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .OverviewTable thead {
        border-bottom: 2px solid #000;
    }

    .OverviewTable th, .OverviewTable td {
        padding: 10px;
        z-index: 3;
    }

    .OverviewTable th {
        color: #fff;
        text-transform: uppercase;
        position: relative !important;
    }

    .OverviewTable tbody {
        background: #fff;
    }

        .OverviewTable tbody tr {
            border-top: 1px solid #000;
        }

        .OverviewTable tbody .NoBorder {
            border-top: none;
        }

            .OverviewTable tbody .NoBorder td {
                padding-top: 0px;
            }

.OverviewTableWrap {
    position: relative;
    overflow: hidden;
}

.contentBoxTtl:before {
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 0;
}

.OverviewTable th span {
    z-index: 1;
    display: block;
    position: relative;
}

.SliderWrap {
    position: relative;
}

    .SliderWrap .ribbon {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 3;
        width: 100px;
        height: 100px;
    }

        .SliderWrap .ribbon span {
            top: 30px;
            left: -35px;
            width: 150px;
            font-size: 14px;
            text-transform: initial;
            line-height: 24px;
        }

.contentBoxTtl {
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 2px solid #000;
}

.contentBoxTtlInner > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    color: #fff;
}

.contentBoxTtlInner > div *, .contentBoxTtlInner > span {
    margin: 0px;
    padding: 0px;
}

.ItineraryTabList .CBTIName {
    margin: 0px;
    padding: 0px;
}

    .ItineraryTabList .CBTIName * {
        font-size: 14px;
        margin: 0px;
    }

.ItineraryTabList .CBTIDate {
    margin: 0px;
    padding: 0px;
    float: right;
}

.CBTIName * {
    font-size: 20px;
}

.CBTIDate * {
    font-size: 14px;
}

.CBDSlider {
    float: left;
    padding: 0px;
    padding-right: 15px;
}

.contentBox:nth-of-type(even) .CBDSlider {
    float: right;
    padding-right: 0px;
    padding-left: 15px;
}

.contentBoxDtl {
    padding: 15px;
    overflow: hidden;
}

    .contentBoxDtl:first-of-type {
        border-top: none;
    }

.innerTabCont {
    padding: 15px;
}

.moreInfoTClick {
    position: relative;
    padding-right: 30px;
    padding: 10px 0px;
}

    .moreInfoTClick h3 {
        font-size: 14px;
        margin: 0px;
    }

        .moreInfoTClick h3 * {
            margin: 0px;
        }

.moreInfoTab:first-of-type {
    border-top: none;
}

.moreInfoTab {
    border-top: 1px dashed #ddd;
}

.moreInfoTClick .mITCFa {
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 5px 10px;
    font-size: 15px;
    cursor: pointer;
}

.CFrom > label {
    font-size: 20px;
}

.CIcon {
    font-size: 24px;
    padding-top: 15px;
}

.CFrom > label span {
    font-weight: normal;
    padding-left: 5px;
}

.CFrom > span {
    display: block;
}

.contentBoxDITab {
    width: 100%;
    display: block;
    padding-top: 40px;
}

.contentBoxDITClick {
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}

    .contentBoxDITClick ul li a:after, .contentBoxDITClick ul li a:before {
        display: none;
    }

    .contentBoxDITClick ul li {
        width: auto !important
    }

        .contentBoxDITClick ul li a, .contentBoxDITClick ul li a:hover, .contentBoxDITClick ul li a:focus {
            border: none;
            padding: 10px 20px !important;
            color: #fff !important
        }

            .contentBoxDITClick ul li a, .contentBoxDITClick ul li a:hover, .contentBoxDITClick ul li a:focus, .contentBoxDITClick ul.nav-tabs, .contentBoxDITClick ul.nav-tabs li {
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

                .contentBoxDITClick ul li a.active, .contentBoxDITClick ul li a.active:hover, .contentBoxDITClick ul li a.active:focus {
                    background: #fff !important;
                    font-weight: bold;
                }

    .contentBoxDITClick ul.nav-tabs {
        border: 1px solid;
    }

.htlDtlTab.contentBoxDInner {
    padding: 0px 15px 20px 15px;
    border-top: none;
    position: relative;
}

    .htlDtlTab.contentBoxDInner:before {
        top: 19px;
        left: 15px;
        right: 15px;
        content: "";
        position: absolute;
        height: 0px;
        border-top: 1px dashed #ddd;
    }

.contentBoxDInner {
    border-top: 1px dashed #ddd;
    padding: 10px 0px;
    overflow: hidden;
}

    .contentBoxDInner:first-of-type {
        border: none;
        padding-top: 0px;
    }

    .contentBoxDInner h3 {
        font-size: 18px;
    }

    .contentBoxDInner label {
        font-weight: bold;
    }

.ItineraryTabList li a {
    display: block;
    overflow: hidden;
    color: #333;
    padding: 10px 0px;
    cursor: pointer;
}

    .ItineraryTabList li a * {
        cursor: pointer;
    }

.ItineraryTabList li:before {
    top: 11px;
    bottom: 11px;
}

.ItineraryTabList:before {
    top: 12px;
    bottom: 12px;
}

.ItineraryTabList {
    overflow: hidden;
}

    .ItineraryTabList li {
        border-top: 1px dashed #ddd;
        margin-bottom: 0px;
    }

        .ItineraryTabList li:first-of-type {
            border: none;
        }
/* Package Detail Page Design End */
/*----- Excursion Page Css Start ---------*/
.kstm-item .ahotel-body .can-policy {
    font-weight: 300;
    font-size: 14px;
}

.can-policy .image_result {
    height: 15px;
    margin-left: -20px;
    margin-top: -4px;
    width: 15px;
}

.kstm-item div#polcallid {
    clear: both;
    z-index: 2;
    width: 100%;
    margin: 0px auto;
}

.can-policy strong {
    display: none;
    position: absolute;
    color: #fff;
    min-width: 120px;
    margin-top: 3px;
    text-align: center;
    z-index: 2;
}

.can-policy span {
    font-size: 12px;
    color: #337ab7;
    float: right;
    padding-top: 6px;
    color: #000;
    position: relative;
    border-radius: 0px;
    display: block;
    padding: 4px 0px 4px 7px;
    padding-top: 0px !important;
    display: none;
    position: absolute;
    top: 100%;
    left: 20px;
    right: 0px;
}

.transferPagewrapper .can-policy span:nth-of-type(2) + span {
    top: 160%;
}

.can-policy span:nth-of-type(2) + span {
    top: 200%;
}

.can-policy span:nth-of-type(3) + span {
    top: 300%;
}

.can-policy span:nth-of-type(4) + span {
    top: 400%;
}

.can-policy span:nth-of-type(5) + span {
    top: 500%;
}

.can-policy span:nth-of-type(6) + span {
    top: 600%;
}

.can-policy span:nth-of-type(7) + span {
    top: 700%;
}

.can-policy span:nth-of-type(8) + span {
    top: 800%;
}

.can-policy span:nth-of-type(9) + span {
    top: 900%;
}

.can-policy span:nth-of-type(10) + span {
    top: 1000%;
}

.can-policy span:first-of-type {
    display: block;
    padding-bottom: 0px;
    margin-bottom: -5px;
    position: relative;
    top: auto;
    left: 0px;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
}

.can-policy:hover span {
    color: #fff !important;
    background: #337ab7;
    display: block;
}

    .can-policy:hover span:last-of-type {
        border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px;
        -o-border-radius: 0px 0px 5px 5px;
    }

.kstm-item div#polcallid {
    padding-top: 0px;
    padding-left: 20px;
}

.kstm-item .ahotel-body {
    padding-bottom: 0px;
}
/*----- Excursion Page Css End ---------*/
/*----- Settings Page Css Start ---------*/
.stngs-inner {
    padding-top: 20px;
}

    .stngs-inner .btn {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .stngs-inner hr {
        height: 0px;
        width: 100%;
        clear: both;
        border-bottom: 1px solid #ddd;
        padding: 1px 0px;
        background: transparent;
        margin: 15px 0px 0px 0px;
    }

    .stngs-inner .classic_title_head span {
        border-radius: 0px 0px 50px 0px;
        -webkit-border-radius: 0px 0px 50px 0px;
        -moz-border-radius: 0px 0px 50px 0px;
        -ms-border-radius: 0px 0px 50px 0px;
        -o-border-radius: 0px 0px 50px 0px;
        margin-bottom: 10px;
        font-size: 14px;
        min-width: 120px;
        text-align: center;
        padding-right: 35px;
    }

.stngsThumb {
    width: 100%;
    height: 90px;
    position: relative;
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
}

    .stngsThumb img {
        max-width: 100%;
        max-height: 100%;
        border: 3px solid #fff;
        box-shadow: 0px 0px 5px rgba(0,0,0,.5);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
        -ms-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
        -o-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    }

.stngs-inner .drpShdw {
    background: rgba(255,255,255,.5);
}
/*----- Settings Page Css End ---------*/
.dataTable {
    margin: 0 !important
}

.datatable-header {
    position: relative;
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    text-align: right;
    width: 100%;
}

.datatable-footer, .datatable-header, .datatable-scroll-wrap {
    width: 100%;
}

.select2-container.form-control.select2-dropdown-open {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
}

.datatable-header > * {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 0px;
    margin-right: 10px;
}

    .datatable-header > *:last-of-type {
        margin-right: 0px;
    }

.datatable-footer {
    min-height: 52px;
    position: relative;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #ddd;
    margin-bottom: 15px;
    margin-bottom: 0px;
}

div.dataTables_length {
    position: relative;
}

.datatable-scroll-wrap {
    padding: 0px;
    background-color: white;
    overflow: auto;
}

.dataTables_wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

div.dataTables_wrapper div.dataTables_length select {
    margin-left: 6px;
    margin-right: 6px;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: white;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 14px !important;
    color: #333;
    white-space: nowrap;
    clear: both;
    float: left;
}

.dataTables_paginate li a {
    background-color: white;
    border: 1px solid #ddd;
}

    .dataTables_paginate li a:hover, .dataTables_paginate li a:focus, .dataTables_paginate li.active a, .dataTables_paginate li.active a:hover, .dataTables_paginate li.active a:focus {
        color: #fff !important;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

.dataTables_paginate li.disabled a, .dataTables_paginate li.disabled a:hover, .dataTables_paginate li.disabled a:focus {
    background: #f2f2f2 !important;
    color: #aaa !important;
    cursor: not-allowed !important
}

.dataTables_paginate li.disabled#myTable_ellipsis a, .dataTables_paginate li.disabled#myTable_ellipsis a:hover, .dataTables_paginate li.disabled#myTable_ellipsis a:focus {
    background: transparent !important;
    color: #aaa !important;
    cursor: default !important;
    border: 1px solid transparent !important
}

.dataTables_paginate li.previous a, .dataTables_paginate li.next a, .dataTables_paginate li.previous a, .dataTables_paginate li.next a:hover, .dataTables_paginate li.previous a, .dataTables_paginate li.next a:focus {
    border: 1px solid #ddd !important;
    position: relative;
    font-size: 0px;
    min-width: 40px;
}

    .dataTables_paginate li.previous a:before, .dataTables_paginate li.next a:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 15px;
        top: 53%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .dataTables_paginate li.previous a:before {
        content: "\f053"
    }

    .dataTables_paginate li.next a:before {
        content: "\f054"
    }

[lid="t_H1Hotels"] {
    width: 80%;
    float: left;
    top: -8px;
    position: relative;
    z-index: 999;
    left: 15px;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    color: white;
}

.sp-thumb-el {
    position: relative;
}

.toolerr_filters {
    text-align: right;
    margin-bottom: 0px;
}

    .toolerr_filters > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

.toolerr .toolerr_filters .input-group {
    margin-bottom: 0px;
}

.sp-picker-container {
    width: 220px;
}

.rooms__item .rooms__desc {
    padding: 30px;
    box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.15);
    background-color: #ffffff;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
}

div.dataTables_wrapper div.dataTables_length label {
    color: #333;
    margin-bottom: 0px;
}
/* Hotel Detail & Price Page Css Start */
.hdtl-page .hdtl-hdrtxtRgt, .hdtl-page .htldetlrht {
    display: none;
}

.hotelItemWrap {
    margin: 10px 0px;
    background: #fff;
}

    .hotelItemWrap .hotel-item {
        margin: 0px;
        box-shadow: none;
        width: 100%;
        display: table;
        border-bottom: 1px solid rgba(0,0,0,.15);
    }

        .hotelItemWrap .hotel-item .hotel_descrip_detail1a b {
            padding: 4px 10px;
        }

        .hotelItemWrap .hotel-item .hotel-body {
            width: 65%;
        }

.hdtlpricepage .hotel-item .hotel-body {
    vertical-align: middle;
}

.hdtl-page .hdtl-hdrtxt {
    width: 100%;
}

.head_sec_detail .hdtl-hdrtxt h4, .head_sec_detail .hdtl-hdrtxt p {
    color: #fff;
}

.head_sec_detail .hdtl-hdrtxt p {
    margin-bottom: 0px;
}

.hdtl-hdrleft {
    padding-left: 90px;
}

.hdtl-hdrthumb {
    margin-left: -90px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    border: 4px solid rgba(255, 255, 255, 0.75);
    margin-right: -4px;
}

    .hdtl-hdrthumb img {
        max-width: none;
        height: 100%;
        min-width: 100%;
        width: auto;
        border-radius: 0px;
        transform: translate(-17%, 0px);
        -webkit-transform: translate(-17%, 0px);
        -moz-transform: translate(-17%, 0px);
        -ms-transform: translate(-17%, 0px);
        -o-transform: translate(-17%, 0px);
    }

.hdtl-hdrleft #Ratingdiv {
    margin-bottom: 0px;
}

.hdtl-hdrleft p * {
    display: inline-block;
    vertical-align: middle;
}

.hdtl-hdrleft p > span:first-of-type {
    margin-right: 10px;
}

.tab_detail li.active a :hover, .tab_detail li.active a :focus {
    border-bottom: 5px solid grey
}

.hotel_down_table12 blockquote {
    margin-bottom: 0px;
}

.hotel_down_table12 b, .hotel_down_table12 b * {
    padding-bottom: 2px;
    line-height: 20px;
    text-transform: capitalize;
}

    .hotel_down_table12 b .name {
        margin-right: 3px;
    }

.hotel_down_table12 .date {
    font-weight: bold;
}

.hotel_down_table12 p, .hotel_down_table12 li {
    color: #333;
}

.hotel_down_table12 ul {
    margin-bottom: 0px;
    list-style: none;
}

.hotel_down_table12 h3 {
    margin-top: 0px;
    display: inline-block;
    font-size: 18px;
    text-transform: capitalize;
}

.hotel_down_table12 .date {
    float: right;
}

.hotel_down_table12 blockquote {
    padding: 0px;
    border-left: none;
    margin: 0px;
}

.filt_btn {
    float: right;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translate(0,-50%);
}

    .filt_btn * {
        padding: 3px;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }

.ta-review-header blockquote:before, .ta-review-header blockquote:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff9800;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
}

.hdtl-price {
    border: 1px solid #ddd;
    display: table;
    width: 100%;
}

.hdtl-hdrtxt {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    padding-left: 20px;
}

    .hdtl-hdrtxt h4 {
        margin-top: 0px;
    }

.hdtl-hdrtxtRgt {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.htldetlrhtInner * {
    text-align: center;
    margin-bottom: 0px;
}

.htldetlrht {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.htldetlrhtInner {
    min-width: 200px;
    float: right;
}

.htldetlrht span, .htldetlrht p {
    font-weight: 300;
    font-size: 95%;
    color: #fff !important
}

.htldetlrht .htldetlrhtPrice {
    white-space: nowrap;
    font-weight: 300;
    font-size: 125%;
    margin: 0px;
    padding: 0px;
    color: #fff;
    background: #e0222d;
    padding: 4px 9px;
    border-radius: 44px;
}

.htldetlrhtInner > b {
    border: 1px solid rgba(255,255,255,.2);
}

.hdtl-hdrtxtRgt > span {
    display: block;
    padding: 5px;
    color: #fff;
}

    .hdtl-hdrtxtRgt > span:first-of-type .fa {
        color: #00af87;
    }

    .hdtl-hdrtxtRgt > span:nth-of-type(2) .fa {
        color: #e0222d;
    }

    .hdtl-hdrtxtRgt > span span {
        width: 130px;
    }

    .hdtl-hdrtxtRgt > span * {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 3px;
        white-space: nowrap;
    }

.hdtl-hdrtxtRgt span label {
    margin-bottom: 0px;
}

/* Footer Social Icons Start*/

/* footer social icons */
ul.social-network {
    list-style: none;
    display: block;
    margin-left: 0 !important;
    padding: 0;
    padding-top: 10px;
}

    ul.social-network li {
        display: inline-block;
        vertical-align: top;
        margin: 0 3px;
    }

/* footer social icons */
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color: #fff;
}

a.socialIcon:hover, .socialHoverClass {
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 25px;
    height: 25px;
    font-size: 13px;
    color: #fff !important;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    background: rgba(255,255,255,.2)
}

.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-circle li i {
    margin: 0;
    line-height: 25px;
    text-align: center;
}

.navbar-toggle .icon-bar:before {
    display: none;
}

/* footer social icons End*/
.starTrip {
    overflow: hidden;
}

.tripadvsr {
    float: right;
}

    .tripadvsr * {
        display: inline-block;
        vertical-align: middle;
        margin-left: 4px;
        color: #000;
        font-size: 12px;
    }

    .tripadvsr img {
        width: 90px;
    }

    .tripadvsr span {
        padding: 1px 5px;
        background: #03b088;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        color: #fff;
    }
/* Hotel Detail & Price Page Css End */
.pcgConCol {
    padding: 10px 15px;
}
/* CPCORE CSS ADDED START*/
/* Create Package Page Css Start */
.cpack-pg .tab_inner {
    min-width: 100%;
}
/* Create Package Page Css End */

/* Global Css start */
.form-control {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

.BoxDiv-heading {
    width: 100%;
}

.DisBlock {
    display: block;
}

.mar_tp20 {
    margin-top: 20px;
}

.mar_bt20 {
    margin-bottom: 20px;
}

.mar_bt10 {
    margin-bottom: 10px !important;
}

.mar_bt0 {
    margin-bottom: 0px !important;
}

.pad_tp20 {
    padding-top: 20px;
}

.pad_bt20 {
    padding-bottom: 20px;
}

.fa-16 {
    font-size: 16px;
}

.fa-18 {
    font-size: 18px;
}

.fa-20 {
    font-size: 20px;
}

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

.fa-24 {
    font-size: 24px;
}

.fa-26 {
    font-size: 26px;
}

.fa-28 {
    font-size: 28px;
}

.fa-30 {
    font-size: 30px;
}

.fa-red {
    color: #ff0000;
}

.fa-green {
    color: #008000;
}
/* Global Css End */
/* FHT Table css start*/
.fhttablewrap {
    width: 100%;
    max-height: 400px;
}

.fht245 {
    max-height: 245px;
    min-height: 245px;
}

.fhttablewrap .tt-dropdown-menu {
    max-height: 200px;
}

.fhttablewrap.fhtoverflow {
    overflow: auto;
    max-height: 400px;
}

.fht250 {
    max-height: 250px;
    min-height: 250px;
}

.fht300 {
    max-height: 300px;
    min-height: 300px;
}

.fht350 {
    max-height: 350px;
    min-height: 350px;
}

.fht400 {
    max-height: 400px;
    min-height: 400px;
}

.fht450 {
    max-height: 450px;
    min-height: 450px;
}

.fht500 {
    max-height: 500px;
    min-height: 500px;
}

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fhttablewrap .fht-table th,
.fhttablewrap .fht-table td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important
}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ddd;
}

    .fht-table-wrapper .fht-fixed-body .fht-tbody,
    .fht-table-wrapper .fht-tbody {
        overflow: auto;
    }

    .fht-table-wrapper .fht-table .fht-cell {
        overflow: hidden;
        height: 1px;
    }

    .fht-table-wrapper .fht-fixed-column,
    .fht-table-wrapper .fht-fixed-body {
        top: 0;
        left: 0;
        position: absolute;
    }

    .fht-table-wrapper .fht-fixed-column {
        z-index: 1;
    }

.fhtinput {
    padding: 0px .75rem !important;
}

    .fhtinput.nopadding {
        padding: 0px 0rem !important;
    }

/*.tblCurrtbody td .toggle.btn.btn-default.off.btn-xs, .tblCurrtbody td .toggle.btn.btn-xs.btn-primary {width: 40px !important;height: 30px !important;}*/
.tblCurrtbody td .toggle.btn label {
    line-height: 16px;
}

.tblCurrtbody td {
    padding: 0px !important;
}

    .tblCurrtbody td input.form-control {
        padding: 3px 8px;
        height: 30px;
        border: none;
        border-radius: 0px;
    }

        .tblCurrtbody td input.form-control.mandatory {
            padding: 3px 5px 3px 8px;
        }

.logDtlFldsts fieldset {
    min-height: 208px;
    max-height: 200px;
    margin-bottom: 10px;
    position: relative;
}

.fieldsetScroll {
    height: auto;
    width: auto;
    overflow-x: hidden;
    position: absolute;
    overflow-y: auto;
    padding: 0px;
    left: 15px;
    top: 40px;
    right: 15px;
    bottom: 15px;
}

.pull-right .donebox {
    margin-right: 0px;
}

.logDtlFldsts > div {
    padding: 0px 10px;
}

.logDtlFldsts.row {
    margin-left: -10px;
    margin-right: -10px;
}

.table-booking-history, .tbd-cstm-tbl {
    background: #fff;
    margin-bottom: 1rem;
    position: relative;
}

    .table-booking-history thead th, .table-booking-history thead td, .table-booking-history thead a {
        color: #fff;
    }

    .table-booking-history tbody tr {
        transition: all .1s ease-in;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
    }

.copyright-section a {
    margin-left: 5px;
    color: #fff !important;
}

    .copyright-section a:hover, .copyright-section a:focus {
        text-decoration: none;
        color: #fff;
    }

.h0b0 {
    height: 0px !important;
    border: 0px solid #fff !important;
}
/* My Booking Page Global Css End */
/* My Booking ( Table Booking History ) Page Css Start */

/* My Booking ( Table Booking History ) Page Css End */

/* My Booking ( Table Booking Details ) Page Css Start */

.tbd-left-th {
    position: relative
}

    .tbd-left-th:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 12px solid #1b5480;
        border-left: 12px solid transparent;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .tbd-left-th tr td {
        color: #333;
        vertical-align: middle !important;
    }

        .tbd-left-th tr td:first-of-type, .tbd-left-th tr:first-of-type td:nth-of-type(2) {
            border-bottom: 1px solid rgba(255,255,255,.15);
            background: #1b5480;
            color: #fff;
            border-right: none;
        }

    .tbd-left-th tr:first-of-type td:nth-of-type(2) {
        text-transform: uppercase;
        position: relative;
        border-left: none;
    }

        .tbd-left-th tr:first-of-type td:nth-of-type(2):after {
            position: absolute;
            left: 0px;
            top: 50%;
            margin-top: -5px;
            content: "";
            border-left: 5px solid #fff;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

.tbd-main .table-booking-history {
    border: none;
}

.tbd-cstm-header {
    overflow: hidden;
    padding: 0px;
}

.tbd-cstm-body {
    background: #fff;
    padding: 0px;
}

.tbd-cstm-tbl li {
    padding: 4px 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.tbd-cstm-tbl ul {
    margin: 10px 0px;
}

.tbd-cstm-tbl .tbd-cstm-header li {
    color: #fff;
}

.tbd-cstm-tbl .tbd-cstm-body li {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.tbd-cstm-tbl li:last-of-type {
    border-bottom: none;
}

.tbd-cstm-header:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: -15%;
    height: 100%;
    width: 30%;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
    background: #fff;
}

.tbd-cstm-header:after {
    right: -110%;
    opacity: 0.2;
    background: #ffffff;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    content: '';
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.tbd-cstm-tbl:hover .tbd-cstm-header:after {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 210%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 210%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 210%, 0);
}

.tbd-main .tbd-cstm-tbl {
    border: none;
}
/* My Booking ( Table Booking Details ) Popup Css Start */
.pp-info {
    width: 100%;
    background: url(../assets/images/map.png) center no-repeat #24669e;
    padding: 10px;
    color: #fff;
    vertical-align: middle !important;
    bottom: 0px;
}

    .pp-info a {
        color: #fff;
    }

    .pp-info ul {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0px;
    }

    .pp-info li {
        border-bottom: 1px solid rgba(255,255,255,.1);
        display: inline-block;
        width: 100%;
    }

        .pp-info li:last-of-type {
            border-bottom: none;
        }

.pp-left {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.pp-info .fa {
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 40px;
    border: 2px solid #fff;
}

    .pp-info .fa:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

.pp-right {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}

table.sssb-txt tbody tr td, table.sssb-txt tbody tr th, table.sssb-txt tr tr {
    border: none !important;
}

.pp-hdg {
    text-align: center;
}

    .pp-hdg h3 {
        margin: 10px 0px;
        color: #fff;
        text-transform: uppercase;
    }

.voucher-page .pp-map {
    width: 100%;
    height: 250px;
}

.ppv-table .tbd-left-th {
    margin-bottom: 0px;
    border: none !important;
}

.ppv-table {
    padding: 0px !important;
    border: none !important;
}

.kstm-item .ahotel-image {
    width: 20%;
}

.kstm-item .ahotel-body {
    width: 40%;
    vertical-align: top;
}

.kstm-item .ahotel-2ndright {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    padding: 10px;
}

.kstm-item .ahotel-right {
    width: 20%;
}

.acts-list {
    margin-bottom: 0px;
}

    .acts-list li {
        display: block;
        border-bottom: 1px solid rgba(0,0,0,.08);
        padding: 2px 0px 2px 33px;
        position: relative;
        height: 34px;
    }

        .acts-list li:hover span {
            position: absolute;
            right: 0px;
            white-space: normal;
            overflow: visible;
            height: auto;
            word-wrap: break-word;
            z-index: 5;
            left: 33px;
            width: auto;
            right: 0px;
        }

        .acts-list li:nth-of-type(1n) span {
            border-left: 3px solid #c75c5c;
        }

        .acts-list li:nth-of-type(1n):hover span {
            background: #c75c5c;
            color: #fff;
        }

        .acts-list li:nth-of-type(2n) span {
            border-left: 3px solid #6dc783;
        }

        .acts-list li:nth-of-type(2n):hover span {
            background: #6dc783;
            color: #fff;
        }

        .acts-list li:nth-of-type(3n) span {
            border-left: 3px solid #ffd14b;
        }

        .acts-list li:nth-of-type(3n):hover span {
            background: #ffd14b;
            color: #fff;
        }

        .acts-list li:nth-of-type(4n) span {
            border-left: 3px solid #6c14cc;
        }

        .acts-list li:nth-of-type(4n):hover span {
            background: #6c14cc;
            color: #fff;
        }

        .acts-list li:nth-of-type(5n) span {
            border-left: 3px solid #046bae;
        }

        .acts-list li:nth-of-type(5n):hover span {
            background: #046bae;
            color: #fff;
        }

        .acts-list li:nth-of-type(1n) strong {
            background: #c75c5c;
        }

        .acts-list li:nth-of-type(2n) strong {
            background: #6dc783;
        }

        .acts-list li:nth-of-type(3n) strong {
            background: #ffd14b;
        }

        .acts-list li:nth-of-type(4n) strong {
            background: #6c14cc;
        }

        .acts-list li:nth-of-type(5n) strong {
            background: #046bae;
        }

        .acts-list li:last-of-type {
            border-bottom: none;
        }

        .acts-list li img {
            height: 23px;
            top: 50%;
            margin-top: -11px;
            position: absolute;
            left: 3px;
        }

        .acts-list li strong, .acts-list li span {
            display: inline-block;
            vertical-align: middle;
            border-radius: 4px;
            padding: 4px;
        }

        .acts-list li strong {
            display: none;
            position: absolute;
            right: 100%;
            top: 0%;
            background: #2879b9;
            color: #fff;
            min-width: 120px;
            text-align: center;
            top: 50%;
            margin-top: -13.5px;
            z-index: 2;
            white-space: nowrap;
        }

        .acts-list li:hover strong {
            display: inline-block;
        }

        .acts-list li span {
            border-radius: 3px;
            color: #f16565;
            width: 100%;
            float: right;
            color: #000;
            position: relative;
            max-width: 240px;
            white-space: nowrap;
            text-overflow: ellipsis;
            min-width: 240px;
            height: 29px;
            overflow: hidden;
            min-height: 29px;
        }

        .acts-list li:hover span:before {
            display: block;
        }

.kstm-item .ahotel-body .b2bcontantbox p {
    padding-left: 0px;
    color: #25282a;
    font-size: 14px;
    line-height: 21px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    text-align: justify;
}

.kstm-item .ahotel-body h3 {
    font-size: 22px;
    color: #0089d0;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.kstm-item .ahotel-body > span {
    font-weight: bold;
}
/* My Booking ( Table Booking Details ) Popup Css End */

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

.form-control.alertmsg:focus {
    border-color: #e96666 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233,102,102,.6) !important;
    box-shadow: inset 0 1px 1p rgba(0,0,0,.075), 0 0 8px rgba(233,102,102,.6) !important;
}
/* My Booking ( Table Booking Details ) Page Css End */
ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
}

    .simple-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .simple-pagination li {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
    }

span.ellipse.clickable {
    cursor: pointer;
}

.ellipse input {
    width: 3em;
}
/* My Booking Page Css End */
/* Animeline Start */
/*.animeline {
    border: 0px solid transparent;
    position: relative;
    min-width: 100%;
    overflow: hidden;
}*/

/*  .animeline:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 5px;
        background: rgba(255, 255, 255, .5);
        opacity: 0;
        border-radius: 100%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-animation: animeline 2s infinite;
        -moz-animation: animeline 2s infinite;
        -ms-animation: animeline 2s infinite;
        -o-animation: animeline 2s infinite;
        animation: animeline 2s infinite;
    }*/

@-webkit-keyframes animeline {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        width: 300px;
        height: 300px;
        opacity: 0;
    }
}

@keyframes animeline {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        width: 300px;
        height: 300px;
        opacity: 0;
    }
}
/* Animeline End */
/* Package Page New Layout 21-08-2017 Start */
.pcgBtmTab .nav-tabs {
    display: block;
    width: 100%;
    border-bottom: 0px solid transparent;
}

    .pcgBtmTab .nav-tabs li {
        text-align: center;
        border-radius: 0px !important;
        float: left;
        position: relative;
    }

        .pcgBtmTab .nav-tabs li a.pcg_TabTgl {
            padding: 8px 0px;
            border-radius: 0px !important;
            margin-right: 0px;
            color: #333;
            position: relative;
            background: #f5f5f5;
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
        }

.pcgBtmTab .tab-pane.active:before {
    height: 3px;
}

.pcgBtmTab .nav-tabs li a:before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    z-index: 0;
}

.pcgBtmTab .nav-tabs li.active a.pcg_TabTgl {
    border: 0px solid transparent;
}

.pcgBtmTab .nav-tabs li a.pcg_TabTgl span {
    display: block;
    position: relative;
    z-index: 1;
}

.pcgBtmTab .nav-tabs li a {
    border-left: 1px solid #ddd;
}

    .pcgBtmTab .nav-tabs li a.pcg_TabTgl > span:last-of-type {
        padding: 0px 25px;
    }

    .pcgBtmTab .nav-tabs li a.pcg_TabTgl span:last-of-type span {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 5px
    }

        .pcgBtmTab .nav-tabs li a.pcg_TabTgl span:last-of-type span.Pkg_OldPrice {
            position: relative;
            overflow: hidden;
        }

            .pcgBtmTab .nav-tabs li a.pcg_TabTgl span:last-of-type span.Pkg_OldPrice:before {
                position: absolute;
                left: 0px;
                width: 100%;
                top: 9px;
                height: 1px;
                content: "";
                background: #333;
                transform: rotate(-7deg);
                -webkit-transform: rotate(-7deg);
                -moz-transform: rotate(-7deg);
                -ms-transform: rotate(-7deg);
                -o-transform: rotate(-7deg);
            }

        .pcgBtmTab .nav-tabs li a.pcg_TabTgl span:last-of-type span:last-of-type {
            font-weight: bold;
        }

    .pcgBtmTab .nav-tabs li a.pcg_cart {
        font-size: 18px;
        position: absolute;
        right: 0px;
        top: 0px;
        border-radius: 0px;
        border: none;
        border-left: 1px solid #ddd;
        height: 100%;
        width: 25px;
        cursor: pointer;
        margin: 0px;
        background: transparent;
        z-index: 1;
    }

.pcgBtmTab .nav-tabs li:last-of-type a.pcg_cart:before {
    border-right: none;
}

.pcgBtmTab .nav-tabs li a.pcg_cart i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.pcgBtmTab .nav-tabs li.active a.pcg_cart i {
    color: #fff !important
}

.pcgBtmTab .nav-tabs li.active a.pcg_TabTgl, .pcgBtmTab .nav-tabs li.active a.pcg_cart {
    color: #fff !important;
}

.pcgRow .pcgBtmTab .nav-tabs li.active a.pcg_cart {
    border-color: #fff;
    color: #fff;
}

.pcgRow {
    margin-bottom: 15px;
    border-top: 2px solid #ddd;
}

.pcgRowTop {
    padding: 4px 0px;
}

.pcgRow h3 {
    margin: 15px 0px 8px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dtl-lgtbox .carousel-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 15px;
    width: 40px;
    font-size: 34px;
    background-color: rgba(0,0,0,.7);
    height: 60px;
    padding: 6px 10px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    opacity: 1;
    border-radius: 0px 15px 15px 0px;
}

    .dtl-lgtbox .carousel-control.right {
        right: 15px;
        left: auto;
        border-radius: 15px 0px 0px 15px;
    }

.pcgRow .carousel {
}

.pcgBtmTxt {
    padding: 5px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-left: 15px;
}

    .pcgBtmTxt h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pcgBtmTxt h4 {
        margin: 5px 0;
        font-size: 15px;
    }

    .pcgBtmTxt strong {
        margin-right: 7px;
    }

.pcgRow .nav-tabs.stickyTab {
    position: fixed;
    left: 50%;
    top: 0px;
    z-index: 10;
    padding-top: 51px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: none;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.pcgRow .pcgBtmTab .nav-tabs.stickyTab li.active a {
    border-bottom: 0px solid transparent !important;
}

.pcgBtmTab .tab-content {
    position: relative;
    border: 0px solid transparent;
    color: #333;
    overflow: hidden;
    background: #fff;
}

.pcgBtmTab .tab-pane {
    z-index: 0;
    padding: 0px;
    position: absolute;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    display: block;
    height: 0px;
    margin-top: 0px;
    background: #fff;
    overflow: hidden;
}

    .pcgBtmTab .tab-pane.active {
        z-index: 1;
        height: auto;
        display: block;
        position: relative !important;
        top: 0% !important;
        border-top: 1px solid rgba(0,0,0,.03);
    }

.pcgBtmTab .htlbox {
    padding-bottom: 10px !important
}

.pcgBtmTab .flighList {
    padding-left: 0px !important
}

.dtl-sctn-cont {
    margin-bottom: 15px;
}

.pcgTPainTxt {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px 10px 15px;
    margin-right: -4px;
}

.pcgTPainBtn {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 10px 15px 10px 5px;
    margin-right: -4px;
}

.uc-final-content span.close {
    position: absolute;
    font-size: 20px;
    color: #333;
    top: 10px;
    right: 10px;
    opacity: 1;
    padding: 5px;
}

    .uc-final-content span.close:hover {
        border-radius: 50%;
        background: #f6f6f6;
        transition: 0.3s all ease;
    }

.uc-final-content .uc-para-wrap h4 {
    font-size: 16px;
    line-height: normal;
}

.uc-final-content h3 {
    margin-top: 0px;
}

.dtl-incl .dtl-sctn-cont .inner-dtl {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.dtl-itnry .inner-ttl {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.inner-dtl:last-of-type {
    margin-bottom: 0px;
}

.dtl-incl .dtl-sctn-cont .inner-dtl .inner-ttl .day-no {
    min-width: 50px;
    text-align: center;
}

.inner-ttl {
    position: relative;
    cursor: pointer;
}

    .inner-ttl span {
        display: inline-block;
        vertical-align: middle;
    }

.day-no {
    padding: 4px 20px;
    margin-right: 30px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
}

    .day-no:after {
        content: "";
        position: absolute;
        right: -24px;
        top: 0px;
        height: 0;
        width: 0;
        z-index: 0;
        border-right: 24px solid transparent;
        border-bottom: 24px solid #a7a7a7;
    }
/**/
.day-con:last-of-type .lcn-dtl {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.lcn-dtl {
    padding: 0px 0px 10px 0px;
    position: relative;
    min-height: 160px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.clickme {
    font-weight: bold;
    padding-left: 8px;
    cursor: pointer;
}

.ahotel-body .clickme, .pkgSrch .clickme {
    color: #333;
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 3px;
    background: #ffffff;
    width: 100%;
    text-align: center;
    z-index: 2;
}

    .ahotel-body .clickme:before, .pkgSrch .clickme:before {
        position: absolute;
        content: "";
        left: 0px;
        bottom: 20px;
        height: 100%;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 );
    }

    .ahotel-body .clickme:after, .pkgSrch .clickme:after {
        box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0px;
        bottom: 0px;
    }

.lcn-img {
    width: 150px;
    margin-left: -150px;
    overflow: hidden;
    float: left;
    height: 150px;
    position: relative;
}

.ahotel-body .uc-final-content .close, .lcn-dtl .uc-final-content .close {
    color: #fff;
}

.lcn-img img {
    height: 100%;
    width: auto;
    min-height: 100%;
    max-width: none;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.lcn-txt {
    width: 100%;
    padding: 0px 0px 0px 10px;
}

.lcn-main {
    padding-left: 150px;
    min-height: 100px;
}

.htl-dtl {
    border: 1px solid #ddd;
    padding: 3px;
    float: right;
    text-align: center;
    width: 206px;
    position: relative;
    border-radius: 5px 5px 0px 0px;
}

.dtl-src-hdg {
    min-height: 60px;
    display: block;
    overflow: hidden;
}

.htl-cont {
    width: 160px;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding-left: 8px;
}

    .htl-cont .star {
        padding-right: 24px;
        display: block;
    }

.htl-icon {
    width: 40px;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    font-size: 27px;
    color: #287bbc;
}
/**/
.htl-name {
    color: #287bbc;
    padding-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: block;
}
    /**/
    .htl-name .fa {
        position: absolute;
        top: 0px;
        right: 1px;
    }

.inner-ttl > .fa {
    position: absolute;
    top: 50%;
    right: 8px;
    color: #ffac5a;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    color: #a7a7a7
}

.dtl-sctn-ttl > .fa {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    color: #287bbc;
}

.htl-name .fa {
    float: right;
    padding: 2px 5px;
}

.htl-ext-dtl {
    display: none;
    border: 1px solid #ddd;
    background: #fff;
    border-bottom: 3px solid #287bbc;
    border-radius: 0px 0px 5px 5px;
    top: 48px;
    position: absolute;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    right: -1px;
    min-height: 100px;
    min-width: 206px;
    box-shadow: 0px 2px 3px rgba(0,0,0,.20);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.20);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.20);
    -ms-box-shadow: 0px 2px 3px rgba(0,0,0,.20);
    -o-box-shadow: 0px 2px 3px rgba(0,0,0,.20);
}

.htl-dtl.show {
    border-top-color: #287bbc;
}

    .htl-dtl.show .htl-ext-dtl {
        display: block !important;
    }

.dtl-sctn-col {
    position: relative;
    border: 0px solid #d2d2d2;
}

    .dtl-sctn-col .alblerombx {
        float: none;
    }

.dtl-sctn-ttl {
    background: #fff;
    color: #02b78a;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    left: 0px;
    top: 0px;
    position: relative;
}
    /**/
    .dtl-sctn-ttl:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: #287bbc;
        opacity: 0;
    }

    .dtl-sctn-ttl span {
        padding: 4px 10px 4px 25px;
        border-radius: 8px 0px 0px 0px;
        color: #fff;
        margin-right: 30px;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        min-width: 200px;
    }

    .dtl-sctn-ttl:hover > .fa {
        color: #287bbc;
    }

    .dtl-sctn-ttl span:after {
        content: "";
        right: -30px;
        top: 0px;
        height: 0;
        width: 0;
        z-index: 0;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #333;
        position: absolute
    }

    .dtl-sctn-ttl i {
        padding-right: 7px;
    }

.incl-con {
    padding: 10px;
}

.pcgBtmTab .classic-title {
    margin-bottom: 10px;
}

.dtl-lgtbox.modal.carousel {
    position: fixed;
}

.dtl-lgtbox .carousel-inner {
    height: auto;
}

.dtl-lgtbox .modal-dialog {
    width: 80%;
}

.dtl-lgtbox .carousel-inner > .item > img {
    width: 100%;
}

.fltrToggle, .fltrClose, .fltrList {
    display: none;
}
/* View More Fold Css Start */
.uc-container {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    min-height: 180px;
    height: 180px;
    max-height: 180px;
}

.pkgItemBig .uc-container {
    min-height: 210px;
    max-height: 210px;
    height: 210px;
}

.uc-container.uc-stdata {
    min-height: 0px;
    /*overflow:hidden;*/
    height: auto;
}

    .uc-container.uc-stdata .uc-initial, .uc-container.uc-stdata .uc-initial-content {
        position: relative !important;
        padding-bottom: 0px;
    }

.uc-single,
.uc-initial-content,
.uc-back,
.uc-front {
    background: #fff;
}

.uc-final-wrapper {
    background: transparent;
}

.uc-final,
.uc-initial,
.uc-final-wrapper {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
}

.uc-final-content {
    width: 100% !important;
    height: auto !important;
    position: relative;
    padding: 25px 10px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    z-index: 3;
    min-height: 150px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.ahotel-body .uc-final-content, .lcn-dtl .uc-final-content {
    border-bottom-color: #0089d0;
    background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-color: #287bbc;
    border-color: #1b5480;
    border-radius: 6px;
    color: #fff;
    padding: 8px;
}

.pcgRow.theme-clr .uc-final-content {
    width: 98% !important;
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
}

.uc-final-content .img {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    border: 2px solid #fff;
}

    .uc-final-content .img img {
        max-width: none;
        position: absolute;
        height: 100%;
        width: auto;
        min-width: 110%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

.uc-final-content .hdg {
    min-height: 80px;
    padding-right: 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

    .uc-final-content .hdg span {
        color: #9c9fa1;
    }

.uc-para-wrap {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    color: #333;
}

.uc-final, .uc-final-content {
    display: none;
}

.uc-initial-content {
}

.uc-kstm-wrap {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 0;
    min-height: 150px;
}

.uc-initial-content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100% !important;
    padding: 0px;
    position: absolute;
    overflow: hidden;
    padding-top: 0;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
    margin: 0px auto;
}

    .uc-initial-content:before {
        content: "";
        bottom: 0px;
        left: 0px;
        height: 5px;
        width: 100%;
        background: #fff;
        position: absolute;
        z-index: 1;
    }

.uc-part {
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .uc-part > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .uc-part .uc-back {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

/* Transformation-origin classes */

.uc-unfold-left {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.uc-unfold-right {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.uc-unfold-top {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.uc-unfold-bottom {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

/* Unfolding classes */
.uc-unfold-left.uc-unfold {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.uc-unfold-right.uc-unfold {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.uc-unfold-top.uc-unfold {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.uc-unfold-bottom.uc-unfold {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.uc-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uc-overlay,
.uc-flipoverlay {
    background-color: rgba(100, 100, 100, 0.7);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.uc-flipoverlay {
    background-color: rgba(100, 100, 100, 0.4);
}

.uc-inner {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.uc-inner-rotate {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    -moz-transform: rotateY(180deg) rotateX(180deg);
    -o-transform: rotateY(180deg) rotateX(180deg);
    -ms-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg);
}

.uc-container.uc-current {
    z-index: 3 !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: auto !important;
}

    .uc-container.uc-current .uc-initial-content {
        opacity: 0;
    }

    .uc-container.uc-current .uc-final-wrapper .uc-initial-content {
        opacity: 1;
    }
/* View More Fold Css End */
.htl-rstbx #map {
    height: 300px;
}
/*hotel search room pax css start*/
.hmd-book-wrapper {
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.hmd-clearfix {
    clear: both;
}


.droupmainbx {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
}

    .droupmainbx:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .droupmainbx:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        left: 50%;
        margin-left: 1px;
        content: "";
    }

.hmd-book-container .hmd-room {
    border-bottom: 1px solid rgba(0,0,0,.2) !important;
    border-top: 0px solid rgba(0,0,0,.2) !important;
    position: relative;
    background: #f8f8f8;
    padding-right: 20px;
}

.hmd-room:first-child {
    border-top: 1px solid #b9b9b9 !important;
}

.hmd-room * {
    z-index: 2;
    position: relative;
}

.hmd-room:after {
    content: "";
    left: 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    opacity: .05;
    margin-left: 5px;
}

.hmd-room:before {
    left: 0px;
    height: 100%;
    width: 5px;
    position: absolute;
    content: "";
    background: #07c;
    left: 0px;
    z-index: 1;
}

.hmd-book-container {
    max-width: 600px;
    width: 100%;
    background-color: #FFF;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: 4px;
    position: relative;
    max-height: 354px;
    overflow: auto;
    padding: 5px 10px 10px 10px;
}

.hmd-book-settings {
    overflow: hidden;
}

.hmd-book-settings {
    border-bottom: 1px solid #f0f0f0;
}

.hmd-book-wrapper * {
    box-sizing: border-box;
}

ul.hmd-settings {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.hmd-settings li:last-child {
        border-right: none;
    }

    ul.hmd-settings li {
        float: left;
        width: 100%;
        height: 100%;
        border-right: 1px solid #f0f0f0;
        text-align: center;
        padding: 5px 0px;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        white-space: nowrap;
        text-align: left;
        border-bottom: rgba(0,0,0,.6);
    }

        ul.hmd-settings li > div {
            display: inline-block;
            vertical-align: middle;
        }

            ul.hmd-settings li > div.hmd-sub {
                float: right;
            }

            ul.hmd-settings li > div.hmd-label {
                padding-top: 6px;
            }


.hmd-room-section.name {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    width: 20%;
    height: 100%;
    position: absolute;
    top: 50%;
    color: #fff;
    left: 0px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}

.hmd-room-section {
    min-height: 30px;
    width: 50%;
    line-height: 30px;
    float: left;
}

.hmd-room {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-left: 20%;
}

    .hmd-room .hmd-room-section:nth-child(5) {
        position: absolute;
        right: 0px;
        padding-top: 8px;
        width: 20px;
        background: #2671ae;
        height: 100%;
    }

.hmd-remove {
    cursor: pointer;
    text-align: center;
    text-align: center;
    color: #fff;
    height: inherit;
}

    .hmd-remove i {
        height: auto;
        line-height: 18px;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

.hmd-room-section.adults {
    height: 30px;
    border-right: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
}

.hmd-room-section.childs {
    height: 30px;
}

.hmd-room-childs-ages {
    height: 30px;
    float: left;
    width: 100%;
    border-top: 1px solid #b9b9b9;
    line-height: 50px;
    display: none;
    float: right;
}

.hmd-book-wrapper .hmd-clearfix {
    clear: both;
}

.hmd-promocode {
    height: 30px;
    border-top: 1px solid #f0f0f0;
}

.hmd-booknow {
    height: 30px;
    line-height: 50px;
    background-color: #c0392b;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #992518;
    font-weight: 700;
    font-size: 1.3rem;
}

.hmd-child-age {
    width: 25%;
    float: left;
    height: 30px;
    border-right: 1px solid #b9b9b9;
    line-height: 28px;
}

    .hmd-child-age:first-child {
        border-left: 1px solid #b9b9b9;
    }

    .hmd-child-age:nth-child(4) {
        border-right: 0px solid #b9b9b9;
    }

.hmd-book-wrapper Select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 1px solid transparent;
    height: 30px;
    background: #fff
}

    .hmd-book-wrapper Select:focus {
        outline: 0px;
        border: 0px;
    }

/*hotel search room pax css end*/
.bkdetailsTableWrap .input-group {
    width: 100%;
}
/* Package Page New Layout 21-08-2017 End */
/* Package Detail Page New Layout 19-09-2017 start */
.pcgImgCol .thumb-con .thumb {
    overflow: hidden;
    float: left;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    position: relative;
}

    .pcgImgCol .thumb-con .thumb img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        max-width: none;
        min-width: 100%;
        width: auto;
        min-height: 100%;
        height: 100%;
    }

.donebox.newBtn {
    border-radius: 50px;
    height: 40px;
    padding-left: 45px;
    position: relative;
    line-height: 38px;
    font-size: 18px;
}

    .donebox.newBtn i {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #fff;
        position: absolute;
        left: 5px;
        top: 4px;
    }

        .donebox.newBtn i:before {
            font-size: 18px;
            top: 6px;
            left: 5px;
            position: absolute;
        }

.pcgRowTtlLft {
    float: left;
    width: 70%;
}

.pcgRowTtlRgt {
    float: right;
    width: 30%;
    padding: 0px 6px;
    text-align: right;
}

.pcgRowTtl {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    padding: 5px 10px 5px 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
}

    .pcgRowTtl .star {
        display: inline-block;
    }

.pcgRow .pcgRowTtl h3 {
    margin-top: 11px;
    margin-bottom: 8px;
    color: #357ebd;
    width: 100%;
}

.pcgRow .pcgRowTtl h4 {
    margin-bottom: 2px;
    margin-top: 0px;
}

.pcgRow .pcgRowTtl .pcgConIcon {
    height: 100%;
}

    .pcgRow .pcgRowTtl .pcgConIcon:before {
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-top: 27px solid transparent;
        border-right: 27px solid #357ebd;
        border-bottom: 54px solid transparent;
    }

.pcgRow .alblerombx h4 {
    font-size: 19px;
    padding-bottom: 6px;
}

.pcgCity label {
    margin-bottom: 0px;
    margin-right: 5px;
}

.dtl-sctn-col .day-no:after {
    display: none;
}

.pcgRowTtlRgt .Pkg_OldPrice {
    font-size: 18px;
    color: #357ebd;
    position: relative;
}

    .pcgRowTtlRgt .Pkg_OldPrice:before {
        position: absolute;
        left: 0px;
        width: 100%;
        top: 11px;
        height: 1px;
        content: "";
        background: #357ebd;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }

/* Ribbon Design Start */
#ribbon {
    width: 50px;
    height: 80px;
    margin: 0 auto 0;
    position: absolute;
    overflow: hidden;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    right: 14px;
    top: -15px;
}

    #ribbon span {
        position: absolute;
        top: 36%;
        left: 50%;
        color: #fff;
        font-size: 25px;
        transform: translate(-50%, -50%) rotate(-90deg);
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -moz-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        -o-transform: translate(-50%, -50%) rotate(-90deg);
    }

    #ribbon .rwrap {
        position: relative;
        width: 50px;
        height: 80px;
        overflow: hidden;
        margin: 0 auto;
    }

    #ribbon .base {
        height: 80px;
        width: 50px;
        background-color: #287bbc;
        border-color: #1b5480;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
        background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: -moz-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: -o-linear-gradient(top, #287bbc 0%,#23639a 100%);
        background-image: linear-gradient(top, #287bbc 0%,#23639a 100%);
        position: relative;
        z-index: 2;
    }

        #ribbon .base:after {
            content: '';
            position: absolute;
            top: 0;
            width: 43px;
            left: 3px;
            height: 50px;
            border-left: 1px dashed rgba(255,255,255,.3);
            border-right: 1px dashed rgba(255,255,255,.3);
        }

        #ribbon .base:before {
            content: '';
            position: absolute;
            top: 0;
            width: 43px;
            left: 3px;
            height: 50px;
            border-left: 1px dashed #357ebd;
            border-right: 1px dashed #357ebd;
        }

    #ribbon .left_corner {
        width: 60px;
        height: 60px;
        background: #fff;
        position: absolute;
        bottom: -45px;
        left: -30px;
        z-index: 1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 3;
    }

        #ribbon .left_corner:after {
            position: absolute;
            height: 29px;
            top: -19px;
            left: 14px;
            content: "";
            border: 1px dashed rgba(255,255,255,.3);
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
        }

    #ribbon .right_corner {
        width: 60px;
        height: 60px;
        background: #fff;
        position: absolute;
        bottom: -45px;
        right: -30px;
        z-index: 1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 3;
    }

        #ribbon .right_corner:after {
            position: absolute;
            height: 30px;
            bottom: 28px;
            left: -5px;
            content: "";
            border: 1px dashed rgba(255,255,255,.3);
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

.jumbotron > .container, .lg_container {
    width: 100% !important;
}

.wrap, .navbar > .container, footer > .container, .container.lg_container.mar_tp20 {
    width: 100% !important;
}

.classic_title_head {
    border-bottom: 1px solid transparent !important;
}

.fixed.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    z-index: 5;
}

.pcgConMain .uc-container {
    min-height: 0px;
    max-height: none;
    height: auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0em !important;
}

.dataTables_paginate li, .dataTables_paginate li:hover, .dataTables_paginate li:focus, .dataTables_paginate li a, .dataTables_paginate li a:hover, .dataTables_paginate li a:focus {
    outline: none !important
}

.dataTables_wrapper table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 0px !important;
}

    .dataTables_wrapper table.dataTable tfoot th input, table.dataTable tfoot td input {
        padding: 4px 8px !important;
    }

.dataTables_wrapper .dataTables_filter {
    display: none !important;
}

.dataTables_wrapper #txtReservationDate {
    background-color: #fff;
}

.bkdetailsTable {
    font-style: normal;
    line-height: 1.428571429;
    font-size: 13px;
    width: 100%;
}

.bkdetailsTableWrap {
    padding: 10px;
}
/* Ribbon Design End */
/* Typehead clear button start */
input[type="search"]::-webkit-search-cancel-button {
    /*Bootstrap 3 override*/
    -webkit-appearance: searchfield-cancel-button;
}
/* Typehead clear button  End */
/* CPCORE CSS ADDED END*/
/* Weather Css Start */
.weatherList > li {
    position: relative;
    display: block;
    overflow: hidden
}

    .weatherList > li:first-of-type:before {
        display: none;
    }

    .weatherList > li:before {
        width: 100%;
        content: "";
        height: 0px;
        border-top: 1px dashed #fff;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    .weatherList > li:first-of-type {
        border-radius: 10px 10px 0px 0px
    }

    .weatherList > li:last-of-type {
        border-radius: 0px 0px 10px 10px
    }

    .weatherList > li .weather {
        z-index: 3;
    }

    .weatherList > li .background {
        z-index: 2;
    }

.weather > span:first-of-type {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 17px;
    display: inline-block;
}

.weather > span:nth-of-type(2) {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    display: inline-block;
}

.singleItem.weatherList > li:first-of-type, .singleItem.weatherList > li:last-of-type {
    border-radius: 10px 10px 10px 10px
}

@font-face {
    font-family: 'weather';
    src: url('../../assets/fonts/simpleWeatherIcon.eot');
    src: url('../../assets/fonts/simpleWeatherIcon.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/simpleWeatherIcon.woff') format('woff'), url('../../assets/fonts/simpleWeatherIcon.ttf') format('truetype'), url('../../assets/fonts/simpleWeatherIcon.svg#simpleWeatherIcon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.weather {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    text-transform: initial;
    position: relative;
    min-height: 120px;
}

    .weather * {
        color: #fff;
    }

    .weather .WCityForecast {
        float: left;
        vertical-align: middle;
        padding: 0px;
        width: 14.285%;
        height: 80px;
        margin-top: 120px;
        margin-bottom: 0px;
        border-right: 1px dashed rgba(255,255,255,.6);
        border-top: 1px dashed rgba(255,255,255,.6);
    }

        .weather .WCityForecast:nth-of-type(7) {
            border-right: none;
        }

        .weather .WCityForecast:nth-of-type(8), .weather p:nth-of-type(8) + p {
            display: none;
        }

        .weather .WCityForecast i {
            font-size: 40px;
            margin-right: 5px;
            display: block;
            text-align: center;
            margin-bottom: 0;
            line-height: 30px;
            margin-right: 0px;
            font-style: normal;
            font-weight: inherit;
            padding-top: 13px;
        }

        .weather .WCityForecast span {
            line-height: 30px;
            font-size: 18px;
        }

.SWIcon-0:before {
    content: ":";
}

.SWIcon-1:before {
    content: "p";
}

.SWIcon-2:before {
    content: "S";
}

.SWIcon-3:before {
    content: "Q";
}

.SWIcon-4:before {
    content: "S";
}

.SWIcon-5:before {
    content: "W";
}

.SWIcon-6:before {
    content: "W";
}

.SWIcon-7:before {
    content: "W";
}

.SWIcon-8:before {
    content: "W";
}

.SWIcon-9:before {
    content: "I";
}

.SWIcon-10:before {
    content: "W";
}

.SWIcon-11:before {
    content: "I";
}

.SWIcon-12:before {
    content: "I";
}

.SWIcon-13:before {
    content: "I";
}

.SWIcon-14:before {
    content: "I";
}

.SWIcon-15:before {
    content: "W";
}

.SWIcon-16:before {
    content: "I";
}

.SWIcon-17:before {
    content: "W";
}

.SWIcon-18:before {
    content: "U";
}

.SWIcon-19:before {
    content: "Z";
}

.SWIcon-20:before {
    content: "Z";
}

.SWIcon-21:before {
    content: "Z";
}

.SWIcon-22:before {
    content: "Z";
}

.SWIcon-23:before {
    content: "Z";
}

.SWIcon-24:before {
    content: "E";
}

.SWIcon-25:before {
    content: "E";
}

.SWIcon-26:before {
    content: "3";
}

.SWIcon-27:before {
    content: "a";
}

.SWIcon-28:before {
    content: "A";
}

.SWIcon-29:before {
    content: "a";
}

.SWIcon-30:before {
    content: "A";
}

.SWIcon-31:before {
    content: "6";
}

.SWIcon-32:before {
    content: "1";
}

.SWIcon-33:before {
    content: "6";
}

.SWIcon-34:before {
    content: "1";
}

.SWIcon-35:before {
    content: "W";
}

.SWIcon-36:before {
    content: "1";
}

.SWIcon-37:before {
    content: "S";
}

.SWIcon-38:before {
    content: "S";
}

.SWIcon-39:before {
    content: "S";
}

.SWIcon-40:before {
    content: "M";
}

.SWIcon-41:before {
    content: "W";
}

.SWIcon-42:before {
    content: "I";
}

.SWIcon-43:before {
    content: "W";
}

.SWIcon-44:before {
    content: "a";
}

.SWIcon-45:before {
    content: "S";
}

.SWIcon-46:before {
    content: "U";
}

.SWIcon-47:before {
    content: "S";
}

.weather .WCItyTemp {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin: 0px;
    padding: 0px;
    line-height: 80px;
}

.weather i {
    font-family: weather;
}

.weather .WCItyTemp i {
    margin-right: 10px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    text-transform: none;
    font-size: 80px;
    line-height: 80px;
}

.weather .currently {
    margin: 0 20px;
}
/* Weather Css End */
.switch-field {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    padding-bottom: 15px;
    overflow: hidden;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    width: auto;
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .switch-field label:hover {
        cursor: pointer;
    }

.switch-field input:checked + label {
    background-color: #A5DC86;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.thevideo {
    max-width: 100%;
    width: 100%;
    height: 130px;
}

/*hotel calender design starts*/
.avail_select select {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 5px;
    border: none;
    opacity: 0.9;
}

.avail_select_Mealtype select {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 5px;
    width: 100px;
    border: none;
    margin-left: 5px;
    opacity: 0.9;
}

    .avail_select_Mealtype select option {
        color: #333 !important;
    }



/*hotel calender design ends*/
.availmodal .clr_indication ul {
    overflow: hidden;
    margin-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.availmodal .modal-header {
    border-bottom: none;
}

.availmodal .availability-calendar .avail_pric {
    margin-top: 0px !important;
}

.avail_pric span {
    border-bottom: 1px dotted #b66672;
    color: #b66672;
    border-radius: 0px;
}

@media (max-width: 1200px) {
    .mb-10-md {
        margin-bottom: 10px;
    }
}

@media (max-width: 1500px) {
    .mb-10-lg {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .animed-btn {
        font-size: 12px !important;
    }

    .clr_indication ul li {
        line-height: 13px;
        font-size: 11px;
        font-family: Roboto,"Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #333;
        opacity: 0.9;
        width: 50%;
        text-align: justify;
        margin-bottom: 5px;
        margin-right: 0px;
    }

    .availcurrncy {
        float: right;
        line-height: 34px;
        margin-top: -34px;
        font-size: 150%;
        padding-right: 15px;
    }

    .avai_htl_name {
        padding-left: 20px;
        padding-bottom: 5px;
    }

    .avai_htl_room {
        padding: 3px 15px 0px 15px;
    }

    .availmodal .clr_indication ul {
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 2px;
    }

    .availmodal .availability-calendar-toolbar {
        margin: 0px 0px 0px 0px;
    }

    .availability-calendar {
        margin-top: 0px;
    }

        .availability-calendar td {
            height: 35px !important;
        }

        .availability-calendar td, .availmodal .availability-calendar .avail_pric {
            text-align: center !important;
        }

    .avail_pric span {
        width: 20px;
        height: 20px;
        font-weight: bold !important;
        color: #b66672;
        border-radius: 0px;
        border: none !important;
    }

    .clr_indication ul li > p {
        width: 12px;
        height: 12px;
    }

    .avai_htl_name {
        width: 100%;
        margin-right: 0px;
        padding-right: 10px;
        border-bottom: none !important;
        margin-bottom: 0px !important;
    }

    .mealPaxMainRightMain {
        height: 36vh;
        overflow-y: auto;
    }

    .departure-paymentbottom .title {
        font-size: 18px;
    }

    .mealselectbtn {
        margin-top: 30px;
    }

    .auxiselectbtn {
        margin-top: 30px;
    }

    .travMultiRooms .travmain .donebox {
        line-height: 24px;
        margin: 0px;
        padding: 0px 15px;
        min-width: 85px;
        margin-left: -60px;
    }

    #DivFilter .irs .irs-from, #DivFilter .irs .irs-to {
        visibility: visible !important;
        display: block !important;
    }

    #DivFilter .fltrWrapInner .irs-single {
        visibility: hidden !important;
    }

    .mealPaxMainRightMain {
        height: 59vh;
    }

    #mealRequest .modal-content {
        min-width: auto;
    }

    .trav .changeHotelTrav.travmain .trav1-two {
        width: 100% !important;
    }

    .seatlayoutbox .flightbox {
        transform: none;
        transform-origin: unset !important;
        margin-left: 0 !important;
        margin-right: 0px !important;
        margin-top: 0 !important;
    }

    .seatReservation .seat-main-content .seatlayoutbox {
        height: auto !important;
        width: 111%;
        position: absolute;
        left: -17px;
    }

    .departure-paymentbottom .col-md-4.flight-sepr:nth-child(1) {
        position: absolute;
        bottom: 10px;
        left: 0;
    }

    .departure-paymentbottom.property-section .row {
        position: relative;
    }

    .departure-paymentbottom.property-section .flight-sepr-available {
        margin-bottom: 50px;
    }

    .departure-paymentbottom.property-section .col-md-4.text-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .departure-paymentbottom.property-section .col-md-4.text-right button {
            float: right;
        }

    .departure-paymentbottom.property-section .flight-sepr.flight-sepr-available {
        width: 100%;
        text-align: center;
    }

    .departure-paymentbottom.property-section .title.text-left {
        display: none;
    }

    /* Designing Issues ReSolved 18-02-2020 */
    .fltrcon:first-of-type, fltrcon:first-of-type, .fltrClose {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .fltrClose {
        position: absolute;
        z-index: 99;
    }

    .activity .sheer {
        left: -3px;
        width: 81%;
    }

    /* Designing Issues ReSolved 19-02-2020 */
    .uc-initial h3 #spanName {
        margin-top: 25px;
        display: block;
    }

    /* Designing Issues ReSolved 20-02-2020 */
    .travmain .trav1-three > div {
        z-index: 1;
    }

    .activity .sheer {
        padding: 7px 16px 7px 8px !important;
        margin-left: 0 !important;
    }

    .flighttabcon, .hotel-item-wrap#divRight {
        padding: 15px !important;
    }

    #roomPrice1 .mbrcolbody {
        height: 402px;
    }
}

@media (max-width: 480px) {
    .reservation_search_button {
        float: right;
    }

    .reservation_list_container .reservation_arrived {
        margin-bottom: 8px !important;
    }

    .reservation_list_container .manage-booking {
        margin-bottom: 8px !important;
        width: 100% !important;
        margin-left: 0px;
    }

    .reservation_list_container {
        display: block !important;
    }

    .trav .travmain .tavelPrt8 {
        min-width: 70px !important;
    }

    /* Designing Issues ReSolved 21-02-2020 */
    .noHeaderModal .close, .modal-header .close.modal-close {
        top: -7px !important;
        right: -7px !important;
    }
}

.d-flex-more-rooms {
    display: flex;
    justify-content: space-between;
}

    .d-flex-more-rooms > a {
        white-space: nowrap;
        text-align: left !important;
    }

        .d-flex-more-rooms > a:first-child {
            width: 100%;
        }

.htlpagewrapper .d-flex-more-rooms > a:first-child {
    width: auto !important;
}
/*loader*/
.main_box_pan {
    position: relative;
}

.loader-14Wrap.showmeloader {
    display: block;
}

.loader-14Wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 10;
    display: none;
}

.loader-14 {
    border-radius: 50%;
    box-shadow: 0 1em 0 -.2em #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: loader-14 0.8s ease-in-out alternate infinite;
    animation: loader-14 0.8s ease-in-out alternate infinite;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    width: 1.5em;
    height: 1.5em;
}

    .loader-14:after, .loader-14:before {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        box-shadow: inherit;
        -webkit-animation: inherit;
        animation: inherit;
    }

    .loader-14:before {
        left: -1.5em;
        -webkit-animation-delay: 0.48s;
        animation-delay: 0.48s;
    }

    .loader-14:after {
        right: -1.5em;
        -webkit-animation-delay: 0.16s;
        animation-delay: 0.16s;
    }

@-webkit-keyframes loader-14 {
    0% {
        box-shadow: 0 3em 0 -.2em #fff;
    }

    100% {
        box-shadow: 0 1.5em 0 -.2em #fff;
    }
}

@keyframes loader-14 {
    0% {
        box-shadow: 0 3em 0 -.2em #fff;
    }

    100% {
        box-shadow: 0 1.5em 0 -.2em #fff;
    }
}

.load-bar {
    /*position:fixed;*/
    bottom: 0;
    height: 5px;
    width: 100%
}

.load-bar-container {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.load-bar .load-bar-container:last-child {
    float: right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right
}

.load-bar-base {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #159756
}

.color {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute
}

.base1 .red {
    background: #da4733;
    -webkit-animation: move_left_red 4s infinite linear;
    -moz-animation: move_left_red 4s infinite linear;
    -ms-animation: move_left_red 4s infinite linear;
    animation: move_left_red 4s infinite linear
}

.base1 .blue {
    background: #3b78e7;
    -webkit-animation: move_left_blue 4s infinite linear;
    -moz-animation: move_left_blue 4s infinite linear;
    -ms-animation: move_left_blue 4s infinite linear;
    animation: move_left_blue 4s infinite linear
}

.base1 .yellow {
    background: #fdba2c;
    -webkit-animation: move_left_yellow 4s infinite linear;
    -moz-animation: move_left_yellow 4s infinite linear;
    -ms-animation: move_left_yellow 4s infinite linear;
    animation: move_left_yellow 4s infinite linear
}

.base1 .green {
    background: #159756;
    -webkit-animation: move_left_green 4s infinite linear;
    -moz-animation: move_left_green 4s infinite linear;
    -ms-animation: move_left_green 4s infinite linear;
    animation: move_left_green 4s infinite linear
}

@-webkit-keyframes move_left_red {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(0%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_red {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(0%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_red {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(0%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_red {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_blue {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_blue {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_blue {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_blue {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_yellow {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(100%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_yellow {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(100%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_yellow {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(100%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_yellow {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(100%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_green {
    0% {
        -webkit-transform: translateX(100%)
    }

    25% {
        -webkit-transform: translateX(100%)
    }

    50% {
        -webkit-transform: translateX(100%)
    }

    75% {
        -webkit-transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_green {
    0% {
        -moz-transform: translateX(100%)
    }

    25% {
        -moz-transform: translateX(100%)
    }

    50% {
        -moz-transform: translateX(100%)
    }

    75% {
        -moz-transform: translateX(100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_green {
    0% {
        -ms-transform: translateX(100%)
    }

    25% {
        -ms-transform: translateX(100%)
    }

    50% {
        -ms-transform: translateX(100%)
    }

    75% {
        -ms-transform: translateX(100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_green {
    0% {
        transform: translateX(100%)
    }

    25% {
        transform: translateX(100%)
    }

    50% {
        transform: translateX(100%)
    }

    75% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.base2 .red {
    background: #da4733;
    -webkit-animation: move_right_red 4s infinite linear;
    -moz-animation: move_right_red 4s infinite linear;
    -ms-animation: move_right_red 4s infinite linear;
    animation: move_right_red 4s infinite linear
}

.base2 .blue {
    background: #3b78e7;
    -webkit-animation: move_right_blue 4s infinite linear;
    -moz-animation: move_right_blue 4s infinite linear;
    -ms-animation: move_right_blue 4s infinite linear;
    animation: move_right_blue 4s infinite linear
}

.base2 .yellow {
    background: #fdba2c;
    -webkit-animation: move_right_yellow 4s infinite linear;
    -moz-animation: move_right_yellow 4s infinite linear;
    -ms-animation: move_right_yellow 4s infinite linear;
    animation: move_right_yellow 4s infinite linear
}

.base2 .green {
    background: #159756;
    -webkit-animation: move_right_green 4s infinite linear;
    -moz-animation: move_right_green 4s infinite linear;
    -ms-animation: move_right_green 4s infinite linear;
    animation: move_right_green 4s infinite linear
}

@-webkit-keyframes move_right_red {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(0%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_red {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(0%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_red {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(0%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_red {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_blue {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_blue {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_blue {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(0%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_blue {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(0%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_yellow {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(-100%)
    }

    75% {
        -webkit-transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_yellow {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(-100%)
    }

    75% {
        -moz-transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_yellow {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(-100%)
    }

    75% {
        -ms-transform: translateX(0%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_yellow {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(-100%)
    }

    75% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_green {
    0% {
        -webkit-transform: translateX(-100%)
    }

    25% {
        -webkit-transform: translateX(-100%)
    }

    50% {
        -webkit-transform: translateX(-100%)
    }

    75% {
        -webkit-transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_green {
    0% {
        -moz-transform: translateX(-100%)
    }

    25% {
        -moz-transform: translateX(-100%)
    }

    50% {
        -moz-transform: translateX(-100%)
    }

    75% {
        -moz-transform: translateX(-100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_green {
    0% {
        -ms-transform: translateX(-100%)
    }

    25% {
        -ms-transform: translateX(-100%)
    }

    50% {
        -ms-transform: translateX(-100%)
    }

    75% {
        -ms-transform: translateX(-100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_green {
    0% {
        transform: translateX(-100%)
    }

    25% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(-100%)
    }

    75% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.load-bar {
    bottom: 0;
    height: 5px;
    width: 100%
}

.load-bar-container {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.load-bar .load-bar-container:last-child {
    float: right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right
}

.load-bar-base {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #4da579
}

.color {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute
}

.base1 .red {
    background: #d75d4d;
    -webkit-animation: move_left_red 4s infinite linear;
    -moz-animation: move_left_red 4s infinite linear;
    -ms-animation: move_left_red 4s infinite linear;
    animation: move_left_red 4s infinite linear
}

.base1 .blue {
    background: #4b7cd5;
    -webkit-animation: move_left_blue 4s infinite linear;
    -moz-animation: move_left_blue 4s infinite linear;
    -ms-animation: move_left_blue 4s infinite linear;
    animation: move_left_blue 4s infinite linear
}

.base1 .yellow {
    background: #efc05c;
    -webkit-animation: move_left_yellow 4s infinite linear;
    -moz-animation: move_left_yellow 4s infinite linear;
    -ms-animation: move_left_yellow 4s infinite linear;
    animation: move_left_yellow 4s infinite linear
}

.base1 .green {
    background: #289d63;
    -webkit-animation: move_left_green 4s infinite linear;
    -moz-animation: move_left_green 4s infinite linear;
    -ms-animation: move_left_green 4s infinite linear;
    animation: move_left_green 4s infinite linear
}

@-webkit-keyframes move_left_red {
    0% {
        -webkit-transform: translateX(100%)
    }

    100%,25%,50%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_red {
    0% {
        -moz-transform: translateX(100%)
    }

    100%,25%,50%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_red {
    0% {
        -ms-transform: translateX(100%)
    }

    100%,25%,50%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_red {
    0% {
        transform: translateX(100%)
    }

    100%,25%,50%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_blue {
    0%,25% {
        -webkit-transform: translateX(100%)
    }

    100%,50%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_blue {
    0%,25% {
        -moz-transform: translateX(100%)
    }

    100%,50%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_blue {
    0%,25% {
        -ms-transform: translateX(100%)
    }

    100%,50%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_blue {
    0%,25% {
        transform: translateX(100%)
    }

    100%,50%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_yellow {
    0%,25%,50% {
        -webkit-transform: translateX(100%)
    }

    100%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_yellow {
    0%,25%,50% {
        -moz-transform: translateX(100%)
    }

    100%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_yellow {
    0%,25%,50% {
        -ms-transform: translateX(100%)
    }

    100%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_yellow {
    0%,25%,50% {
        transform: translateX(100%)
    }

    100%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_left_green {
    0%,25%,50%,75% {
        -webkit-transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_left_green {
    0%,25%,50%,75% {
        -moz-transform: translateX(100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_left_green {
    0%,25%,50%,75% {
        -ms-transform: translateX(100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_left_green {
    0%,25%,50%,75% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.base2 .red {
    background: #da4733;
    -webkit-animation: move_right_red 4s infinite linear;
    -moz-animation: move_right_red 4s infinite linear;
    -ms-animation: move_right_red 4s infinite linear;
    animation: move_right_red 4s infinite linear
}

.base2 .blue {
    background: #3b78e7;
    -webkit-animation: move_right_blue 4s infinite linear;
    -moz-animation: move_right_blue 4s infinite linear;
    -ms-animation: move_right_blue 4s infinite linear;
    animation: move_right_blue 4s infinite linear
}

.base2 .yellow {
    background: #fdba2c;
    -webkit-animation: move_right_yellow 4s infinite linear;
    -moz-animation: move_right_yellow 4s infinite linear;
    -ms-animation: move_right_yellow 4s infinite linear;
    animation: move_right_yellow 4s infinite linear
}

.base2 .green {
    background: #159756;
    -webkit-animation: move_right_green 4s infinite linear;
    -moz-animation: move_right_green 4s infinite linear;
    -ms-animation: move_right_green 4s infinite linear;
    animation: move_right_green 4s infinite linear
}

@-webkit-keyframes move_right_red {
    0% {
        -webkit-transform: translateX(-100%)
    }

    100%,25%,50%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_red {
    0% {
        -moz-transform: translateX(-100%)
    }

    100%,25%,50%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_red {
    0% {
        -ms-transform: translateX(-100%)
    }

    100%,25%,50%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_red {
    0% {
        transform: translateX(-100%)
    }

    100%,25%,50%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_blue {
    0%,25% {
        -webkit-transform: translateX(-100%)
    }

    100%,50%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_blue {
    0%,25% {
        -moz-transform: translateX(-100%)
    }

    100%,50%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_blue {
    0%,25% {
        -ms-transform: translateX(-100%)
    }

    100%,50%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_blue {
    0%,25% {
        transform: translateX(-100%)
    }

    100%,50%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_yellow {
    0%,25%,50% {
        -webkit-transform: translateX(-100%)
    }

    100%,75% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_yellow {
    0%,25%,50% {
        -moz-transform: translateX(-100%)
    }

    100%,75% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_yellow {
    0%,25%,50% {
        -ms-transform: translateX(-100%)
    }

    100%,75% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_yellow {
    0%,25%,50% {
        transform: translateX(-100%)
    }

    100%,75% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes move_right_green {
    0%,25%,50%,75% {
        -webkit-transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes move_right_green {
    0%,25%,50%,75% {
        -moz-transform: translateX(-100%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes move_right_green {
    0%,25%,50%,75% {
        -ms-transform: translateX(-100%)
    }

    100% {
        -ms-transform: translateX(0%)
    }
}

@keyframes move_right_green {
    0%,25%,50%,75% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0%)
    }
}

/* Custom Radio Buttons */

.customRadio [type="radio"]:checked,
.customRadio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .customRadio [type="radio"]:checked + label,
    .customRadio [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        .customRadio [type="radio"]:checked + label:before,
        .customRadio [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid var(--main-bg-color);
            border-radius: 100%;
            background: #fff;
        }

        .customRadio [type="radio"]:checked + label:after,
        .customRadio [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: var(--main-bg-color);
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .customRadio [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .customRadio [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

/* Time Range Slider */

.timeRangeSlider p {
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #333;
}

.timeRangeSlider .ui-slider-horizontal {
    height: 12px;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.timeRangeSlider .ui-slider {
    position: relative;
    text-align: left;
}

.timeRangeSlider .ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}

.timeRangeSlider .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 12px;
    font-size: .7em;
    display: block;
    border: 1px solid var(--main-bg-color);
    box-shadow: 0 1px 0 var(--main-bg-color) inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: var(--main-bg-color);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, var(--main-bg-color)));
    background-image: -webkit-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: -moz-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: -o-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
}

.timeRangeSlider .ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: var(--main-bg-color);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, var(--main-bg-color)), color-stop(100%, var(--main-bg-color)));
    background-image: -webkit-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: -moz-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: -o-linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    background-image: linear-gradient(top, var(--main-bg-color), var(--main-bg-color));
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.timeRangeSlider .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 18px;
    cursor: default;
    border: none;
    cursor: pointer;
    border: 1px solid #aaa;
}

    .timeRangeSlider .ui-slider .ui-slider-handle:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -4px;
        background: var(--main-bg-color);
        -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
        -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
        box-shadow: none;
    }

.timeRangeSlider .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -.6em;
}

    .timeRangeSlider .ui-slider-horizontal .ui-slider-handle:focus {
        outline: 0;
    }

.timeRangeSlider .ui-slider a:focus {
    outline: none;
}

#slider-range {
    width: 92%;
}

#time-range {
    width: 400px;
}

.emailDtlText {
    position: absolute;
    right: 29px;
    bottom: -18px;
    font-size: 10px;
    cursor: pointer;
    color: #0056b3;
}

.custCheckbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custCheckbox label {
    position: relative;
    cursor: pointer;
}

    .custCheckbox label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid var(--main-bg-color);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 7px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        margin-top: -4px;
    }

.custCheckbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 5px;
    height: 13px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.modalButtons {
    margin-top: 20px;
    width: 100%;
    text-align: right;
}

.cnclBtn {
    background-color: #e0222d !important;
}

/*.fewText {
    color: var(--main-bg-color);
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
}*/


.fewText {
    color: red;
}

.auxiselectbtn [type="radio"]:checked, .mealselectbtn [type="radio"]:checked, .baggageselectbtn [type="radio"]:checked,
.auxiselectbtn [type="radio"]:not(:checked), .mealselectbtn [type="radio"]:not(:checked), .baggageselectbtn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .auxiselectbtn [type="radio"]:checked + label, .mealselectbtn [type="radio"]:checked + label, .baggageselectbtn [type="radio"]:checked + label,
    .auxiselectbtn [type="radio"]:not(:checked) + label, .mealselectbtn [type="radio"]:not(:checked) + label, .baggageselectbtn [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        padding: 0px 6px;
        padding-left: 120px;
        min-height: 60px;
        line-height: 60px;
    }

        .auxiselectbtn [type="radio"]:checked + label:before, .mealselectbtn [type="radio"]:checked + label:before, .baggageselectbtn [type="radio"]:checked + label:before,
        .auxiselectbtn [type="radio"]:not(:checked) + label:before, .mealselectbtn [type="radio"]:not(:checked) + label:before, .baggageselectbtn [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
            transform: translateY(-50%);
        }

        .auxiselectbtn [type="radio"]:checked + label:after, .mealselectbtn [type="radio"]:checked + label:after, .baggageselectbtn [type="radio"]:checked + label:after,
        .auxiselectbtn [type="radio"]:not(:checked) + label:after, .mealselectbtn [type="radio"]:not(:checked) + label:after, .baggageselectbtn [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: var(--main-bg-color);
            position: absolute;
            top: 40%;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            transform: translateY(-50%);
        }

        .auxiselectbtn [type="radio"]:not(:checked) + label:after, .mealselectbtn [type="radio"]:not(:checked) + label:after, .baggageselectbtn [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .auxiselectbtn [type="radio"]:checked + label:after, .mealselectbtn [type="radio"]:checked + label:after, .baggageselectbtn [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.itemmeal img {
    height: 45px;
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
}

.itemmeal {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

    .itemmeal span {
        line-height: 60px;
        font-weight: 600;
    }

.mealsubmit {
    margin-top: 20px;
}

#mealRequest .modal-content {
    min-width: 650px;
    width: 100%;
}

#mealRequest .modal-title {
    font-weight: 500;
}

.flightdetails {
    position: absolute;
    top: 22%;
    left: 110%;
    transform: rotate(90deg);
}

    .flightdetails h1 {
        font-size: 12px !important;
        line-height: 40px;
        width: 100px;
        height: 40px;
        color: #fff !important;
        cursor: pointer;
        border: 1px solid #ececec;
        margin-right: 5px;
        display: -ms-flexbox;
        display: flex;
        display: inline-block;
        background: var(--main-bg-color);
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

.property-section {
    position: fixed;
    bottom: 10px;
    border-top: 1px solid #ededed;
    padding: 20px;
    background: #fff;
    left: 0;
}

.departure-paymentbottom.property-section {
    bottom: 5px !important;
    width: 100%;
}

.property-section td {
    border: none;
}

.seatlayoutbox {
    box-shadow: none !important;
}

.property-section .title {
    text-align: left;
    display: block;
    margin-top: 0;
}

.flight-sepr {
    border-right: 1px solid #ededed;
}

.seatrow li.selected span, .hintselected span, .paxmealselected {
    background: #1ecca8 !important;
    border: 1px solid transparent;
    color: #fff !important;
}

.seatrow li.AdvancedBoardingPass span, .seatrow li.InterlineCheckin span, .seatrow li.Codeshare span, .seatrow li.Protected span,
.seatrow li.PartnerAirline span, .seatrow li.AdvSeatSelection span, .seatrow li.Blocked span, .seatrow li.Extra span,
.seatrow li.RBDRestriction span, .seatrow li.Group span, .seatrow li.NoSeat span, .seatrow li.UnoccupiedButNotEligible span {
    border: 1px solid transparent;
}

.seatrow li.AdvancedBoardingPass span, .seatrow li.AdvancedBoardingPass, .flight_avablibility_box.AdvancedBoardingPass {
    background: #13d7ea !important;
    color: #fff !important;
}

.seatrow li.InterlineCheckin span, .seatrow li.InterlineCheckin, .flight_avablibility_box.InterlineCheckin {
    background: #e91e63 !important;
    color: #fff !important;
}

.seatrow li.Codeshare span, .seatrow li.Codeshare, .flight_avablibility_box.Codeshare {
    background: #9c27b0 !important;
    color: #fff !important;
}

.seatrow li.Protected span, .seatrow li.Protected, .flight_avablibility_box.Protected {
    background: #3f51b5 !important;
    color: #fff !important;
}

.seatrow li.PartnerAirline span, .seatrow li.PartnerAirline, .flight_avablibility_box.PartnerAirline {
    background: #4caf50 !important;
    color: #fff !important;
}

.seatrow li.AdvSeatSelection span, .seatrow li.AdvSeatSelection, .flight_avablibility_box.AdvSeatSelection {
    background: #009688 !important;
    border: 1px solid transparent;
    color: #fff !important;
}

.seatrow li.Blocked span, .seatrow li.Blocked, .flight_avablibility_box.Blocked {
    background: #f44336 !important;
    color: #fff !important;
}

.seatrow li.Extra span, .seatrow li.Extra, .flight_avablibility_box.Extra {
    background: #cddc39 !important;
    color: #fff !important;
}

.seatrow li.RBDRestriction span, .seatrow li.RBDRestriction, .flight_avablibility_box.RBDRestriction {
    background: #ff9800 !important;
    color: #fff !important;
}

.seatrow li.Group span, .seatrow li.Group, .flight_avablibility_box.Group {
    background: #ff5722 !important;
    color: #fff !important;
}

.seatrow li.NoSeat span, .seatrow li.NoSeat, .flight_avablibility_box.NoSeat {
    background: #795548 !important;
    color: #fff !important;
}

.seatrow li.UnoccupiedButNotEligible span, .seatrow li.UnoccupiedButNotEligible, .flight_avablibility_box.UnoccupiedButNotEligible {
    background: #607d8b !important;
    color: #fff !important;
}




.flight_avablibility_box {
    height: 15px;
    width: 15px;
    display: inline-block;
    padding-right: 6px;
    border: 1px solid #bababa;
    background: #fff;
    margin-right: 8px;
    border-radius: 3px;
    top: 4px;
    position: absolute;
}

.avablibility_box-bg {
    background: #f7f7f7;
}

.booked_box-bg {
    position: absolute;
}

    .booked_box-bg::after {
        display: none;
        content: "";
        width: 1px;
        height: 16px;
        background: #bababa;
        position: absolute;
        top: -1px;
        left: 6px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .booked_box-bg::before {
        display: none;
        content: "";
        width: 1px;
        height: 16px;
        background: #bababa;
        position: absolute;
        top: -1px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.flight_avablibility {
    display: inline-block;
    padding-left: 25px;
}

.click-seatbtn {
    line-height: 28px;
    font-size: 15px !important;
    padding: 0px 40px;
    display: inline-block;
    width: auto;
    border-radius: 30px;
    height: 40px;
    color: #fff !important;
    cursor: pointer;
    border: 1px solid #ececec;
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    background: var(--main-bg-color);
    justify-content: center;
    align-items: center;
}

/*Flight*/
.modal-loader-bounce-wrap {
    position: relative;
}

.three-bounce.modal-loader-bounce {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1 !important;
}

.modal-over-loader.modal-body {
    z-index: 2 !important;
}

body {
    font-family: Arial, Sans-Serif;
}

.flightbox {
    display: table;
    margin: 0 auto;
    clear: both;
    transform: rotate(-90deg);
    transform-origin: top left !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.flightbody {
    position: relative;
}

.flightdetails {
    color: #2567a1;
    display: block;
    font-size: 16px;
    text-align: center;
}

    .flightdetails span {
        color: #efa410;
        font-size: 11px;
    }

.flgtrow {
    display: table;
    width: 100%;
}

.innerrow {
    display: block;
    background: #fff;
    padding: 0px 0;
}

.flgtrow h2 {
    display: block;
    margin: 0;
    padding: 0px 0px;
    text-align: center;
    background: #efefef;
    font-size: 14px;
    font-weight: normal;
    z-index: -1;
    vertical-align: middle;
}

.bginnerrowh {
    background: #efefef !important;
}

.border-rightwing {
    border-left: 1px solid #efefef !important;
}

.border-leftwing {
    border-right: 1px solid #efefef !important;
}

.leftwing, .rightwing {
    width: 25px;
    height: auto;
    display: table-cell;
}

.leftwing {
    border-right: 1px solid #c4c4c4;
    padding-top: 40px;
}

.rightwing {
    border-left: 1px solid #c4c4c4;
}

.seatrobox {
    display: table-cell;
    background: #666;
    padding: 3px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.gallery {
    margin-right: 25px;
}

.mainrow {
    float: left;
    width: calc(100% - 15%);
}

.leftwing, .rightwing {
    width: 50px;
}

.windowrow .leftwing {
    background: linear-gradient(90deg, #fff, #282828);
}

.windowrow .rightwing {
    background: linear-gradient(90deg, #282828, #fff);
}

/*.windowrow .rightwing, .windowrow .leftwing {
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.5),rgba(0,0,0,.5));
}*/


.amergencydoor {
    border-radius: 20px;
    color: #fff;
    display: table;
    font-size: 11px;
    text-align: center;
    width: 100%;
    z-index: 100;
    background: #fff;
}


.emergencytext {
    background: red;
    display: inline-block;
    padding: 4px 6px;
    margin-top: 18px;
    font-size: 12px;
    font-weight: 500;
}

.rightdoor, .leftdoor {
    background: red;
    border-radius: 5px;
    display: table-cell;
    font-size: 12px;
    height: 20px;
    padding: 0 2px;
    width: 17px;
    display: none;
}

.seatrow {
    list-style: none;
    background: #fff;
    display: table;
    clear: both;
    margin: 0;
    padding: 0px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 0px;
}

    .seatrow li, .seathint {
        float: left;
        border-radius: 3px;
        border: 1px solid #c4c4c4;
        margin-right: 4px;
        padding: 0 1px 1px;
        background: #fff;
    }

        .seatrow li span, .seathint span {
            background: #f7f7f7 none repeat scroll 0 0;
            border: 1px solid #c5c5c5;
            border-radius: 0 0 3px 3px;
            content: "";
            float: left;
            height: 16px;
            margin: 0 1px;
            width: 20px;
            font-size: 9px;
            line-height: 24px;
            text-align: center;
            font-size: 11px;
            padding: 0px 0;
        }

        .seatrow li.poor, .quitezone {
            background: #F4D4FC;
        }

            .seatrow li.poor span, .quitezone span {
                background: #DD7FF4;
                border: 1px solid transparent;
                color: #fff;
            }

        .seatrow li.good, .hintgood {
            background: #68bd56;
        }

            .seatrow li.good span, .hintgood span {
                background: #509c44;
                border: 1px solid transparent;
                color: #fff;
            }

        .seatrow li.drawback, .hintdrawback {
            background: #f1f160;
        }

            .seatrow li.drawback span, .hintdrawback span {
                background: #c4c14e;
                border: 1px solid transparent;
                color: #fff;
            }

        .seatrow li.booked, .hintbooked {
            background: #ff4d4d;
            color: #fff;
            border: 1px solid #af1d1d;
            position: relative;
        }

            .seatrow li.booked::after {
                display: none;
                content: "";
                width: 1px;
                height: 46px;
                background: #bababa;
                position: absolute;
                top: -7px;
                left: 16px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .seatrow li.booked::before {
                display: none;
                content: "";
                width: 1px;
                height: 46px;
                background: #bababa;
                position: absolute;
                top: -7px;
                left: 16px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .seatrow li.booked span, .hintbooked span {
                background: transparent;
                border: 1px solid transparent;
            }

        .seatrow li.selected, .hintselected {
            background: #1ecca8;
            border: 1px solid #0d8e73;
        }

.blankrow li, li.blankseat {
    visibility: hidden;
    width: 26px;
}

    .blankrow li span, li.blankseat span {
        display: none;
    }

.recline {
    padding-top: 10px;
}



.seatnumrow {
    display: table-cell;
    list-style: none;
    vertical-align: top;
}

    .seatnumrow ul {
        position: absolute;
        margin-top: 28px;
        right: 530px;
        width: 20px;
        list-style: none;
    }

    .seatnumrow li {
        background: #444;
        color: #fff;
        padding: 3px 2px;
        float: left;
        margin: 5px 0 0;
        font-size: 11px;
        height: 15px;
        width: 15px;
        line-height: 9px;
    }

.blanknum {
    background: none;
    height: 10px !important;
    margin: 0 !important;
    background: transparent !important;
}

.hintbox {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    margin-top: 15px;
}

.hintrow {
    float: left;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
    margin-top: -1px;
}

    .hintrow span {
        padding: 3px;
        float: left;
    }

.hintseat {
    border-right: 1px solid #d7d7d7;
}

.seatrow.quitejone {
    background: #f4d4fc;
}

.bulkhead::after {
    border-top: 2px solid #000;
    content: "";
    height: 2px;
    margin-left: -26px;
    margin-top: -5px;
    position: absolute;
    width: 9%;
}


.popbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 100;
}

.popclose {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #dee4f6;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ee3d3d;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    line-height: 17px;
    padding: 2px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -17px;
    width: 25px;
}

    .popclose:hover {
        border-color: #F8CB75;
    }

.seatlayoutpop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 600px;
    width: 1000px;
    z-index: 101;
    background: white;
}

.seatlayoutbox {
    width: 100%;
    float: left;
    margin-right: 5px;
    box-shadow: -1px 2px 3px #e7e7e7;
}

.seatdetailbox {
    float: left;
    width: 25%;
    padding: 15px;
    height: 600px;
    overflow-y: scroll;
}

.seatinfobox {
    float: left;
    width: 100%;
    padding: 10px;
    background: #f7f7f7;
}

    .seatinfobox h2 {
        background: #dee4f6 none repeat scroll 0 0;
        color: #115895;
        font-size: 13px;
        margin: 0;
        padding: 5px;
        width: 100%;
    }

.seatrowdtl {
    float: left;
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    position: relative;
}

    .seatrowdtl b {
        font-weight: bold;
        color: #2567a1;
        display: block;
    }

        .seatrowdtl b a {
            float: right;
            font-weight: normal;
            color: #2567a1;
            text-decoration: underline;
        }

            .seatrowdtl b a:hover {
                color: #efa410;
            }

.seatno {
    display: block;
    color: #efa410;
    padding: 5px 0;
    font-weight: bold;
}

/*.price {
    display: block;
}*/

.price label {
    float: left;
    width: 20%;
}

.price b {
    float: right;
}

.seatdetails {
    position: absolute;
    padding: 5px;
    margin-top: 23px;
    width: 175px;
    display: none;
    z-index: 10;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.seatdetailsclick {
    background: #efa410;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 0;
    padding: 2px;
    position: absolute;
    top: -4px;
    width: 100%;
}

.seatinfo {
    background: #f7f7f7;
    float: left;
    list-style: outside none none;
    width: 100%;
}

    .seatinfo > li {
        float: left;
        width: 100%;
        padding: 3px 5px;
        margin: 0;
        border: none;
        height: auto;
    }

#topwing > span.leftwing::after {
    border-color: #efefef transparent transparent #efefef;
    border-style: solid;
    border-width: 22px 30px 13px 20px;
    content: "";
    top: 0;
    position: absolute;
    z-index: 1;
}

#bottomwing > span.leftwing::after {
    border-color: transparent #efefef #efefef transparent;
    border-style: solid;
    border-width: 11px 30px 8px 20px;
    content: "";
    bottom: 0;
    position: absolute;
    z-index: 1;
}

#topwing > span.rightwing::after {
    border-color: #efefef #efefef transparent transparent;
    border-style: solid;
    border-width: 25px 12px 9px 38px;
    content: "";
    top: 0;
    position: absolute;
    z-index: 1;
}

#bottomwing > span.rightwing::after {
    border-color: transparent transparent #efefef #efefef;
    border-style: solid;
    border-width: 10px 24px 9px;
    content: "";
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.windowrow {
    position: relative
}

.editable_seat {
    float: left;
    width: 46%;
    min-height: 54px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    text-align: center;
    margin-left: 5px;
    padding: 5px 0px;
    margin-bottom: 5px;
}

    .editable_seat a {
        color: #efa410;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
    }

    .editable_seat b {
        font-size: 11px;
    }

    .editable_seat.seatactive {
        background: #dee4f6;
    }

.pass_name {
    padding: 5px 0px 5px 5px;
}

.flightFrontMain {
    width: 100% !important;
    position: absolute;
    top: 20%;
    left: 48px;
    z-index: -1;
    display: table;
}

.seatrow li.gallery {
    margin-right: 40px;
}

.back-flight {
    width: 85.5% !important;
    position: absolute;
    top: 99.2%;
    left: 6.8%;
    right: 0%;
    bottom: 0%;
    z-index: -1;
    z-index: -1;
}

.seat-main-content {
    height: 100%;
    padding-bottom: 95px;
}

.seatReservation .mealPaxMain, .seatlayoutbox {
    height: 100%;
}

.seatlayoutbox {
    width: 100%;
    float: left;
    margin-right: 5px;
    box-shadow: -1px 2px 3px #e7e7e7;
    background: #efefef;
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.flgtrow .innerrow {
    position: relative;
    height: auto;
    display: table-cell;
}

    .flgtrow .innerrow::before {
        content: '';
        background: #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: -1;
        top: 0px;
        left: 0px;
    }

imgflgtrow::before {
    background: #efefef !important;
}

.seatrow li span, .seathint span {
    width: 30px;
    height: 30px;
}

.departure-meal {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.mealPaxMain {
    border-right: 1px solid #ededed;
    padding-right: 0;
    height: 77vh;
}

.departuretitle h3 {
    color: #33343a;
    display: block;
    font-size: 20px;
}

.departure-meal .fromCity span {
    font-size: 17px;
    font-weight: bold;
    color: var(--main-bg-color) !important;
}

.departure-meal .fromCity {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 12px;
}

.mealpaxname {
    margin-top: 8px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 12px;
    padding: 10px 15px;
}

    .mealpaxname.active {
        background-color: #efefef;
        border-radius: 5px;
    }

.mealprice {
    float: right;
    font-weight: 600;
}

.select-meal {
    background: #e7e7e7;
    border-radius: 30px;
    padding: 1px 24px;
    font-size: 12px;
    color: #33343a;
    display: inline-block;
}

.departure-sec-box {
    position: relative;
    margin-bottom: 20px;
}

.mealprice {
}

.departure-paymentbottom {
    position: fixed;
    bottom: 32px;
    width: 93%;
    background-color: #fff;
    z-index: 1;
}


.departure-meal.scrollbar, .mealselectbtn.scrollbar, .baggageselectbtn.scrollbar, .auxiselectbtn.scrollbar {
    margin-left: 0;
    float: left;
    overflow-y: auto;
    margin-bottom: 3px;
    max-height: 76vh;
}

.seatReservation .departure-meal.scrollbar {
    max-height: 86vh;
}

#auxideparture::-webkit-scrollbar-track, #auxiselectbtn::-webkit-scrollbar-track, #mealdeparture::-webkit-scrollbar-track, #mealselectbtn::-webkit-scrollbar-track, .baggageselection::-webkit-scrollbar-track, #seatdeparture::-webkit-scrollbar-track, #baggageselectbtn::-webkit-scrollbar-track, #baggagedeparture::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#auxideparture::-webkit-scrollbar, #auxiselectbtn::-webkit-scrollbar, #mealdeparture::-webkit-scrollbar, #mealselectbtn::-webkit-scrollbar, #seatdeparture::-webkit-scrollbar, #baggageselectbtn::-webkit-scrollbar, #baggagedeparture::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#auxideparture::-webkit-scrollbar-thumb, #auxiselectbtn::-webkit-scrollbar-thumb, #mealdeparture::-webkit-scrollbar-thumb, #mealselectbtn::-webkit-scrollbar-thumb, #seatdeparture::-webkit-scrollbar-thumb, #baggageselectbtn::-webkit-scrollbar-thumb,
#baggagedeparture::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.departure-paymentbottom {
    border-top: 1px solid #e7e7e7;
}

    .departure-paymentbottom .title, .departure-paymentbottom .seatnum {
        font-size: 22px;
        color: var(--main-bg-color);
        padding-top: 15px;
        display: inline-block;
        margin-top: 0;
    }

    .departure-paymentbottom .seatnum {
        padding-right: 72px;
        color: #33343a;
    }

.vCenter {
    align-items: center;
    justify-content: center;
}

.rmvAmount {
    position: absolute;
    right: 14px;
    top: -1px;
    cursor: pointer;
    display: none;
}

.seatReservation .rmvAmount {
    top: 3px;
}

.rmvAmount img {
    width: 100% !important;
}

.priceLeft {
    margin-right: 38px;
}


.mealpaxname h4 {
    font-size: 18px;
    font-weight: 600;
}

.paxmealselection {
    background: #1ecca8 !important;
    color: #fff !important;
}

.baggageBotmSpaceMain {
    margin-bottom: 42px;
}

    .baggageBotmSpaceMain:nth-last-child(1) {
        margin-bottom: 200px;
    }

.baggageBotmSpaceSub {
    margin-bottom: 15px;
}

.baggageselection {
    max-height: 800px;
    overflow: auto;
}

.bagaageModal .departure-paymentbottom {
    width: 100%;
    bottom: 0;
    padding-bottom: 17px !important;
    left: 0;
    padding: 0 30px;
}

.baggageselection {
    overflow: auto;
    max-height: 600px;
}

@media (max-width: 768px) {
    .mealPaxMain {
        height: 40vh;
    }

    .seatlayoutbox {
        overflow-y: visible;
    }

    .property-section [class*="col-"] {
        width: auto;
    }

    .property-section .click-seatbtn {
        position: absolute;
        right: -226px;
    }
}

.payment-disabled-wrap {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
}

.upModal {
    z-index: 1052 !important;
}

.sNoAvabl {
    min-height: 100%;
    text-align: center;
}

    .sNoAvabl h2 {
        color: #dc3545;
    }

.seatrow span::selection {
    background: #f7f7f7 !important;
    color: #252525 !important;
}

#min, #max {
    width: 50px;
    text-align: center;
}

.loader-s {
    margin-top: 20%;
}


/*new slider*/

.slider-selection {
    background: #131313 !important;
}

.slider-gaia .slider-selection {
    background-color: #131313 !important;
}

.slider.slider-horizontal {
    width: 100% !important;
    height: 20px;
}

.slider-handle {
    background-color: #131313 !important;
    background-image: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 16px;
    height: 16px;
}

.slider-gaia .slider-horizontal .slider-track {
    height: 2px !important;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
}

.slider-gaia .slider-handle {
    border-color: #131313;
}

.slider-gaia .tooltip-inner {
    max-width: auto !important;
    padding: 3px 8px;
    color: #000 !important;
    text-align: center;
    border-radius: 4px;
    background: none;
    position: relative;
}

.slider-gaia .tooltip .tooltip-arrow {
    display: none !important;
}

.slider-handle:nth-child(odd) {
    background-color: red !important;
    background-image: none;
}

.visibility {
    visibility: hidden;
}

.innerLodarMain {
    height: 100vh;
    position: relative;
}

.loaderMinHeight {
    min-height: 383px;
}

.seatbooked, .seatbookederror, .mealbooked, .bagggebooked {
    table-layout: fixed;
    width: 100%;
}

    .seatbooked th, .seatbookederror th, .mealbooked th, .bagggebooked th {
        background: #efefef;
    }

    .seatbooked th, .seatbooked td, .seatbookederror th, .seatbookederror td, .mealbooked th, .mealbooked td, .bagggebooked th, .bagggebooked td {
        padding: 5px 15px;
    }

.seatbookederror, .mealbooked, .bagggebooked {
    margin-top: 15px;
}

    .seatbookederror .error_booking {
        font-size: 12px !important;
    }

.craftName {
    position: absolute;
    top: 2%;
    left: 3%;
    font-weight: 600;
    z-index: 5;
}

@media (min-width: 1500px) {
    .craftName {
        left: 2.5%;
    }

    .seatlayoutbox {
        overflow-y: hidden;
    }
}

@media (min-width: 992px) {
    .modal-lgCustom {
        max-width: 1200px;
    }
}

@media (min-width: 992px) and (max-width: 1365px) {
    .tavelPrt8 {
        margin-left: -93px;
    }
}

/* For Hotel Room Seprator */
.htlRoomSeprator {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

    .htlRoomSeprator:nth-child(1) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

.htlRoomSepratorInner {
    background-color: #f5f7f9;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: max-content;
    margin-bottom: 10px;
}

@media (max-width: 1160px) {
    .navbar-brand {
        width: 100px !important;
        margin-right: 6px;
    }
}

/* Bharat 20-12-2019 */

.innerconwrapBookingDetail {
    border-radius: 10px;
    padding-top: 15px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

#link:focus {
    outline: 0;
}

.loginDetailMain .btn .btn {
    border: 0;
}

.innerconwrapBookingDetail .table-wrap-scroll {
    overflow: auto;
}

.innerconwrapBookingDetail .table th, .innerconwrapBookingDetail .table td {
    padding: .25rem .75rem;
    min-width: 160px;
}

.innerconwrapBookingDetail table.dtls-main-table th, .innerconwrapBookingDetail table.dtls-main-table td {
    min-width: 50px !important;
}

body .fa-18-imp {
    font-size: 18px !important;
}

@media (max-width: 1200px) {
    .innerconwrapBookingDetail .donebox, .innerconwrapBookingDetail .donebox {
        margin-bottom: 10px;
    }
}

@media (max-width: 1200px) {
    .qutEnquiry .col-xs-2 {
        width: 12.33%;
    }

    .railChekBoxInfo {
        text-align: left !important;
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .qutEnquiry .col-xs-3 {
        width: 33.33%;
    }

    .as-section-body #bookedDestination .slick-list.draggable .carousel-col .card-image.card-image-container .recommend-city span span.price, .as-section-body #bookedDestination .slick-list.draggable .carousel-col .card-image.card-image-container .recommend-city span span {
        font-size: 20px !important;
    }

    .qutEnquiry .col-xs-2 {
        width: 16.33%;
    }

    .qutEnquiry .col-xs-2, .qutEnquiry .col-xs-3 {
        text-align: left !important;
        padding: 10px !important;
    }

    .emailLink {
        justify-content: left !important;
    }

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

@media (min-width: 768px) and (max-width: 1100px) {
    .theme-edit .file-upload .file-select .file-select-button {
        width: 100%;
    }
}

.departure-meal .fromCity .flgno {
    color: #252525 !important;
    font-size: 15px;
    float: right;
}

.changeHotelTrav .tavelPrt5 {
    text-align: right;
}
.RefreshPrice.changeHotelTrav .tavelPrt5 {
    text-align: center !important;
}
#mExtraServicebody .bokCntMain {
    max-height: 560px;
    overflow-y: auto;
}

.flight-sepr-available-wrapper {
    width: 100%;
}

.flight-sepr-available-sec {
    display: inline-block;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    vertical-align: middle;
    position: relative;
}

.flight-sepr-available {
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.flight-sepr-available-sec .flight_avablibility_box {
    top: 50%;
    margin-top: -7px;
}

@media (max-width: 1600px) {
    .mealpaxname h4 {
        font-size: 15px;
    }
}

@media (max-width: 1440px) {
    .itemmeal .mealprice {
        position: absolute;
        right: 0;
        top: 0;
    }

    .departure-meal .fromCity span {
        font-size: 15px;
    }

    .departure-meal .fromCity .flgno {
        font-size: 13px;
    }

    .itemmeal label {
        max-width: 80%;
        line-height: 22px !important;
        padding-top: 10px !important;
    }
}

@media (max-width: 1320px) {
    .flight-sepr-available .row {
        position: absolute;
        left: 5%;
        width: 110%;
        border-right: 1px solid #ededed;
        height: 48px
    }

    .flight-sepr-available {
        border-right: none !important;
    }
}

@media (max-width: 1280px) {
    .mealpaxname h4 {
        font-size: 13px;
    }
}


@media (max-width: 1279px) {
    .mealpaxname h4 {
        font-size: 13px;
    }

    .flight-sepr-available .row {
        width: 125%;
    }
}

@media (max-width: 1030px) {
    .flight-sepr-available-sec {
        padding-right: 5px;
    }
}

@media (max-width: 980px) {
    .flight-sepr-available-sec .flight_avablibility {
        padding-left: 21px;
    }

    .flight-sepr-available-sec .flight_avablibility_box {
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .small-departure-btn {
        width: 50%;
    }
}

.filterResultBoxWrapper {
    padding: 30px;
}

.filterResultMain, .filterResultInner, .filterResultInnerData {
    display: grid;
}

.filterResultMain {
    grid-template-columns: 1fr 90px;
}

.filterResultInner {
    grid-template-columns: 1fr;
}

.filterResultInnerData {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
}

    .filterResultInnerData.singleData {
        grid-template-columns: 1fr;
    }

.filterResultInnerColTitle {
    font-weight: bolder;
    margin-bottom: 10px;
    font-size: 15px;
}

.filterResultInnerCol {
    font-size: 12px;
}

    .filterResultInnerCol i {
        padding-right: 3px;
        color: var(--main-bg-color) !important;
        font-size: 16px;
    }

@media (max-width: 576px) {
    .travmain.nocncldsn .tavelPrt5 {
        min-width: 100px;
    }

    .page-row .hotel-item-wrap .trav .travmain .tavelPrt8 {
        min-width: 48px !important;
    }

    .page-row .travmain .donebox {
        min-width: 49px !important;
    }
}

@media (max-width: 1500px) {
    .filterResultBoxWrapper .titleInfo {
        display: none;
    }

    .filterResultInnerCol i {
        padding-right: 0px;
    }
}

@media (max-width: 370px) {
    .sortBoxCustom .sort-list li {
        padding: 10px 15px !important;
    }
}

/*.datatable-scroll-wrap .dataTables_scrollFoot {
    position: absolute;
    width: calc(100% - 29px) !important;
    bottom:72px;
    z-index: 999;
    height:32px;
    overflow-y:hidden!important;
}*/

.datatable-scroll-wrap table.dataTable {
    /* width: auto!important; */
    min-width: 100%;
}

.reservationWrap .dataTables_scrollBody, .dataTables_scrollBody {
    overflow-y: auto;
}

.activityselect-option .ahotel-right {
    width: 25%;
}

    .activityselect-option .ahotel-right .tavelPrt2, .activityselect-option .ahotel-right .tavelPrt6 {
        display: inline-block;
    }

    .activityselect-option .ahotel-right .tavelPrt2 {
        border: none;
    }

    .activityselect-option .ahotel-right .tavelPrt6 {
        padding-right: 0;
    }

        .activityselect-option .ahotel-right .tavelPrt6 .donebox {
            margin-right: 12px;
        }

.activityselect-option .trav1-one h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
}

.activityselect-option .dis_tblInner .nopadtab {
    margin-bottom: 0;
}

.activityselect-option .modifydate-pax a {
    color: var(--main-bg-color) !important;
    padding-right: 10px;
    line-height: 34px;
}

.activityselect-option-wrap {
    clear: both;
    padding: 25px 25px 15px 20px;
    background: #f5f5f5;
    position: relative;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.confirm-save {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #a7a7a7;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    /* background: var(--main-bg-color) !important; */
    box-shadow: 2px saddlebrown;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
    margin-left: 15px;
    cursor: pointer;
}

.activityselect-option .trav1-one h3 .nonRefundableInner {
    display: block;
    clear: both;
    font-size: 12px;
    font-weight: normal;
}

.activityselect-option-wrap:after, .activityselect-option-wrap:before {
    content: " ";
    position: absolute;
    right: 30%;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f5f5f5;
    z-index: 1
}

.activityselect-option-wrap:after {
    top: -16px;
    border-bottom: 15px solid #dbdbdb;
    z-index: 0;
}

@media (max-width: 1399px) {
    .seatlayoutbox {
        max-height: 400px;
        overflow-y: hidden !important;
    }
}

@media (max-width: 1199px) {
    .flightbox {
        margin-top: 0 !important;
        transform: rotate(0deg);
        margin-left: 25% !important;
    }

    .seatlayoutbox {
        max-height: inherit;
        overflow-y: auto !important;
    }
}

@media (max-width: 1093px) {
    .seatReservation .col-md-8.pad-o-plain {
        width: 70%;
        display: inline-block;
    }

    .seatReservation .col-md-4.mealPaxMain {
        width: 30%;
        display: inline-block;
    }
}

@media (max-width: 992px) {

    .divprint-box select#ddlPrintOption {
        min-width: auto;
    }
}

@media (max-width: 850px) {
    .avlblPrice {
        min-height: auto !important;
    }
}

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

.panel_cart_contenta ul li a .panel-flight-img {
    height: 32px;
    width: 32px;
}


#divright #divTransferList .ahotel-item.kstm-item .ahotel-body .uc-container .uc-final-wrapper {
    position: static !important;
}

.navbar-right li#langid .nav-link img {
    height: auto;
}

#langid.show #ddllanguages .flag_img {
    height: auto !important;
}

.as-section-body #bookedDestination .slick-list.draggable .carousel-col .card-image.card-image-container .recommend-city span {
    font-size: 16px;
    font-weight: 500;
}

    .as-section-body #bookedDestination .slick-list.draggable .carousel-col .card-image.card-image-container .recommend-city span span.price, .as-section-body #bookedDestination .slick-list.draggable .carousel-col .card-image.card-image-container .recommend-city span span {
        font-size: 28px;
        font-weight: 600;
    }

#domesticDestination .card-image.card-image-container .recommend-city .sub-city-title, #internationalDestination .card-image.card-image-container .recommend-city .sub-city-title {
    font-weight: 500;
}

.mainHeader .navbar-right .ddBox.ProfileImg.mr-md-1.open .ddBoxWrap.open #AllBoxes {
    overflow-x: hidden;
}

.avtar-btn label:before {
    line-height: 26px !important;
}

#changePassForm #btnSave {
    background: var(--main-bg-color) !important;
    color: #fff;
}

#changePassForm .btn {
    border: 1px solid #ddd0;
}

    #changePassForm .btn.cnc-btn {
        border: 1px solid var(--theme-border-light-clr);
        text-align: center;
        opacity: 1;
    }

        #changePassForm .btn.cnc-btn:hover {
            color: red;
        }

#ulnotifyList p.notifyText {
    line-height: 16px;
}

.banneradds a:hover {
    background: var(--main-bg-color) !important;
    color: #fff !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.daterangepicker .calendar td.in-range::before {
    width: 100% !important;
}

.more.filter_md {
    text-align: right;
    font-size: 13px;
    padding-top: 5px;
    color: var(--main-bg-color) !important;
}

.fltrWrapInner .facility.favoritesflt:hover .checkbox .cr, .fltrWrap#fltrWrap .checkbox:hover label span.cr, .fltrWrap#fltrWrap .checkbox label:hover span.cr, .fltrWrap#fltrWrap .checkbox:hover label span.cr, .fltrWrap#fltrWrap .checkbox label:hover span.cr,
.fltrWrap#fltrWrap .checkbox label:hover span.cr {
    border-color: var(--main-bg-color) !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fltrWrapInner .facility.favoritesflt:hover .checkbox label, .fltrWrap#fltrWrap .checkbox:hover span.float_rgt, .fltrWrap#fltrWrap .checkbox label:hover span.float_rgt, .fltrWrap#fltrWrap .checkbox label:hover span.float_rgt,
.fltrWrap#fltrWrap .checkbox label:hover span, .fltrWrap#fltrWrap .checkbox label:hover span.float_rgt, .fltrWrap#fltrWrap .checkbox label:hover span, .fltrWrap#fltrWrap .checkbox label:hover {
    color: var(--main-bg-color) !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fl-is-open .fl-arrow:before, .fl-is-open .fl-arrow:after {
    content: "";
    transition: all 0.25s ease-in-out;
    position: absolute;
    background-color: #fff !important;
    width: 2px;
    height: 7px;
}

.fl-arrow:before, .fl-arrow:after {
    width: 2px !important;
}

.scrollHidesec {
    overflow: hidden !important;
}

.trip-search-landing-form #Activities .multicityselect.destination_list .activitiescleartxtwrap .tt-dropdown-menu {
    top: 59px !important;
}

.trip-search-landing-form #Visa .multicityselect.destination_list .tt-dropdown-menu {
    top: 37px !important;
    left: -8px !important;
    width: calc(100% - -17px);
    z-index: 9999 !important;
}

#divNoRecord .results_hot {
    padding-top: 45px;
    width: 100%;
}

.trip-search-landing-form #Visa .typhead-loader {
    left: -8px;
    z-index: 9999;
}

.trip-search-landing-form #Visa .multicityselect .ddBoxWrap.open#childopendiv .droupmainbxc {
    border: 1px solid #ddd0;
    padding: 0px;
    background: #f6f6f600;
}

    .trip-search-landing-form #Visa .multicityselect .ddBoxWrap.open#childopendiv .droupmainbxc #VisaAgeDiv .input-group {
        margin-bottom: 15px;
    }

.trip-search-landing-form #Visa .multicityselect .ddBoxWrap.open#childopendiv .ddBoxInner {
    padding-bottom: 0px;
}

    .trip-search-landing-form #Visa .multicityselect .ddBoxWrap.open#childopendiv .ddBoxInner .ddMoreToggle {
        background-color: transparent !important;
    }

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 0px #f1c40f00;
    -webkit-animation-name: type-orange1;
    animation-name: type-orange1;
}

    .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
        color: #f1c40f !important;
        display: none;
    }

.jconfirm-title {
    font-weight: 600;
    font-size: 17px !important;
    line-height: 24px;
    display: inline-block;
    color: #000;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0,0,0,.87);
    font-size: 22px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: solid 1px #e9ecef;
    margin-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    top: 20px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgb(0 0 0);
    opacity: 0.9;
    position: absolute;
    right: 15px;
}

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon:hover {
        height: 32px;
        width: 32px;
        background: #f6f6f6;
        transition: transform 0.3s ease;
        padding: 7px;
        border-radius: 50px;
        margin-top: -7px;
        right: 9px;
    }

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    border-top: solid 1px #e9ecef;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background: var(--main-bg-color) !important;
    color: #fff;
    min-width: 60px;
}

    .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
        color: #fff;
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2) {
        background-color: #ff000000 !important;
        color: #000;
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):hover {
            color: red;
        }

.hotel-item-wrap#divRight #divExcursionList .ahotel-item-main.topExc .uc-final-wrapper {
    position: static !important;
}

.tavelPrt7 img.calender_htl {
    width: 22px;
}

@media screen and (min-width:340px) and (max-width:400px) {
    .trip-search-landing-form .form-control.hotels-inputs-fields#txtadults {
        width: 89%;
    }
}


#panel-cart .layout_cart_panel .compress {
    width: initial;
    padding-left: 10px;
    padding-right: 10px;
}

#panel-cart .layout_cart_panel .close_cart {
    width: initial;
}

    #panel-cart .layout_cart_panel .compress .compress-image,
    #panel-cart .layout_cart_panel .expand .expand-image,
    #panel-cart .layout_cart_panel .emptyCart .emptyclose-image,
    #panel-cart .layout_cart_panel .close_cart .closecart-image {
        height: 19px;
        width: 19px;
        display: inline-block;
    }

        #panel-cart .layout_cart_panel .compress .compress-image svg path,
        #panel-cart .layout_cart_panel .expand .expand-image svg path,
        #panel-cart .layout_cart_panel .emptyCart .emptyclose-image svg path,
        #panel-cart .layout_cart_panel .close_cart .closecart-image svg path {
            fill: #fff !important;
        }


#panel-cart .layout_cart_panel .expand .expand-image {
    padding-left: 0px;
    padding-right: 4px;
    transition: padding 0.3s ease-in-out;
}

    #panel-cart .layout_cart_panel .expand .expand-image:hover {
        padding-left: 4px;
        padding-right: 0px;
    }

.layoutnavbar-icon .mybooking-image,
.layoutnavbar-icon .mysettings-image,
.layoutnavbar-icon .myaccount-image,
.layoutnavbar-icon .myclient-image,
.layoutnavbar-icon .mysignout-image {
    height: 30px;
    width: 30px;
    cursor: pointer;
}

    .layoutnavbar-icon .mybooking-image .signia_icon,
    .layoutnavbar-icon .mysettings-image .signia_icon,
    .layoutnavbar-icon .myaccount-image .signia_icon,
    .layoutnavbar-icon .myclient-image .signia_icon,
    .layoutnavbar-icon .mysignout-image .signia_icon,
    .layoutnavbar-icon .MyIcon-report {
        opacity: 0.7;
    }

.layoutnavbar-icon li a:hover .mybooking-image .signia_icon,
.layoutnavbar-icon li a:hover .mysettings-image .signia_icon,
.layoutnavbar-icon li a:hover .myaccount-image .signia_icon,
.layoutnavbar-icon li a:hover .myclient-image .signia_icon,
.layoutnavbar-icon li a:hover .mysignout-image .signia_icon {
    stroke: var(--main-bg-color) !important;
}

.layoutnavbar-icon .ddMenuInner a:hover .fillandstroke_only {
    fill: var(--main-bg-color);
    stroke: var(--main-bg-color);
}


.layoutnavbar-icon li a:hover .fill_only {
    stroke: var(--main-bg-color);
    fill: var(--main-bg-color);
}

.layoutnavbar-icon .ddMenuInner a .stroke_only {
    stroke: var(--main-bg-color);
}

.layoutnavbar-icon .ddMenuInner a:hover .stroke_only {
    stroke: var(--main-bg-color);
}

.layoutnavbar-icon li:hover svg .stroke_only {
    stroke: var(--main-bg-color) !important;
}


.layoutnavbar-icon li a:hover .myquote-image .signia_icon {
    fill: var(--main-bg-color) !important;
}

.layoutnavbar-icon .myquote-image .signia_icon {
    opacity: 0.5;
}

.layoutnavbar-icon .myquote-image {
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.hmd-book-settings .hmd-rooms-panel .hmd-add.btn.btn-primary:active {
    background-color: transparent !important;
}





@keyframes placeHolderShimmer {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0
    }
}

.card-skeleton {
    width: 233px;
    height: 240px;
    position: relative;
    float: left;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    background: #fff;
    z-index: 10;
    padding: 6px;
    opacity: 1
}

    .card-skeleton.hidden {
        transition: all .3s ease-in-out;
        opacity: 0;
        height: 0;
        padding: 0
    }

.card-skeleton-img {
    width: 100%;
    height: 120px;
    background: #e6e6e6;
    display: block
}

.animated-background {
    will-change: transform;
    animation: placeHolderShimmer 1s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: #e6e6e6;
    background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 100%;
    position: relative
}

.left-container {
    display: flex;
}

.right-container {
    display: flex;
}



.skeleton-image {
    display: flex;
    align-items: center;
}

.signia_skeleton_container {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center;
}

.skeleton-heading {
    max-width: 1400px;
    margin: 0 auto;
}

.skeleton-offer {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
}

    .skeleton-offer .card-skeleton {
        width: 100% !important;
    }

.skeleton_content {
    background: #fff;
}

.signia_skeleton_package .card-skeleton {
    width: 252px !important;
    height: 305px;
    display: flex;
    flex-direction: column;
    flex-basis: 300px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem;
    padding: 0px;
}



    .signia_skeleton_package .card-skeleton .card-img {
        height: 235px;
    }

    .signia_skeleton_package .card-skeleton .content-body {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
        height: 70px;
    }

        .signia_skeleton_package .card-skeleton .content-body .signia_card_content {
            width: 90px;
        }

        .signia_skeleton_package .card-skeleton .content-body .signia_skeleton_button {
            height: 30px;
            width: 72px;
        }

        .signia_skeleton_package .card-skeleton .content-body .signia_card_content .card-title {
            margin: 0;
            margin-bottom: 10px;
            height: 15px;
        }

        .signia_skeleton_package .card-skeleton .content-body .signia_card_content .card-intro {
            margin: 0;
            height: 20px;
        }

.skeleton-heading {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}

.signia_skeleton_package {
    max-width: 1400px;
    margin: 0 auto;
}

.service-comman .dvPax {
    border-right: 1px solid #ddd;
}

.cart_box .cart_dura,
.cart_box .cart_lang {
    display: flex;
}

.ahotel-item-main .uc-kstm-wrap .clickme {
    box-shadow: none !important;
}

.account_fieldset {
    padding: 0px;
    border: none;
    background: #fff;
}

.account_legend {
    box-shadow: none;
    background: #fff;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 19px;
}

/*table.table.account_table.table-booking-history.TableBig tr th{
    background:#f5f5f5!important;
    color:#252525;
}*/

.account_tbh_main .navbar_border_radius {
    box-shadow: none;
}

    .account_tbh_main .navbar_border_radius .BoxDiv-title-text {
        text-transform: capitalize;
        font-size: 24px;
        font-weight: 600;
        margin-left: 0;
    }

.account_sli_list {
    display: none !important;
}

.account_boxdiv {
    border: none !important;
}

.fltrcon.sidber-box.cats-star.SEES .cats-title .filt_btn a.applybtn i.fa.fa-check {
    font-size: 10px;
}

.fltrcon.sidber-box.cats-star.SEES .cats-title .filt_btn a.applybtn:hover i.fa.fa-check {
    color: #fff !important;
}

@media (max-width:991px) {
    .bs-example-modal-voucher {
        top: 69px !important;
    }

    .modal-content {
        border-radius: 0.3rem !important;
    }

    #panel-cart .panel-cart-container {
        bottom: 40px !important;
    }
}

#panel-cart .panel-cart-container .expand #expand_cart .expand-image svg {
    transform: rotate(180deg);
}



.htlpagewrapper.mapviewpage .hotelItemWrappMain .mapview #HotelDetailModal.mappopup #DetailHotel .main_box_pan {
    margin-bottom: 0px;
}

.innerconwrapBookingDetail .table-booking-history.TableBig.dtls-main-table tbody#Servicedate tr td b {
    font-weight: 100;
}




@media (max-width: 767px) {
    .CANPOlicyFLoat {
        position: initial;
    }

    #divExcursionList .ahotel-body.activityheading .uc-container {
        min-height: 190px;
        height: 190px;
        max-height: 190px;
    }
}

.INR_color {
    color: #333 !important;
    font-weight: 400 !important;
}

.INR_price_color {
    color: #333 !important;
}

.INR_price_size {
    font-size: 16px;
}


.chngactwrap #divAdltchlds1 #AgeDiv .bootstrap-touchspin-down {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.panel_cart_total-price .Addtransferbtn {
    text-align: end;
}

.Addtransfernewclass #myModalPopup-body {
    overflow: initial;
}

.Addtransfernewclass #divTransferList {
    display: flex;
    gap: 10px;
}

.Addtransfernewclass .modal-header {
    background: #fff !important;
}

.Addtransfernewclass .AddrtransferBtn {
    font-size: 14px;
}

.Addtrans_btndiv .modal-title {
    white-space: nowrap;
}

.Addtransfernewclass .modal-header .Addtrans_btndiv {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.Addtransfernewclass .modal-header {
    display: flex !important;
    justify-content: space-between;
}