@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,400,400i,600,600i,700,800|Raleway:100,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
@charset "utf-8";

body, li, ol, ul {
    margin: 0;
    padding: 0
}

.no-padding, .no-paddingR {
    padding-right: 0
}

.no-padding, .no-paddingL {
    padding-left: 0
}

.container.cms h4, .how-works h2, .wel-info h1, .wel-info p, header .doorP {
    text-transform: uppercase
}

.booking-grid a, .booking-grid a:hover, .bookingW h2 a, .bookingW h2 a:hover, .cnvrtB a, .cnvts, .footer-info p a, .footer-info p a:hover, .news-fw ul li span a, .readM a, .socialIcns ul.sicon li a, .wid-fw ul li a, footer .socialL ul li a, header .rightS .emailP p a, header .rightS .emailP p a:hover, header .rightS .rqstQ a {
    text-decoration: none
}

.clear, .coverage-loc table tr td:nth(4n+4), .dropdown-menu > li > a {
    clear: both
}

.servB form textarea, input:focus, textarea:focus {
    outline: 0;
    resize: none
}

body {
    overflow-x: hidden !important;
    font-family: Raleway, sans-serif
}

body, html {
    overflow-x: hidden;
    width: 100%;
    height: 100%
}
/*div:after,*/
.clearfix:after, article:after, aside:after, footer:after, header:after, section:after, ul:after {
    content: "";
    display: table;
    clear: both
}

/*div:before,*/
.clearfix:before, article:before, aside:before, footer:before, header:before, section:before, ul:before {
    content: "";
    display: table
}

.clearfix, article, aside, div, footer, header, section, ul {
    zoom: 1
}

article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

li, ol, ul {
    list-style: none
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../../firstklassshipping.com/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: -100px 0 0 -100px
}

.change-padding {
    padding-right: 15px;
    padding-left: 15px
}

.change-paddingR, .spl-padding {
    padding-right: 0
}

.change-paddingL, .spl-padding {
    padding-left: 0
}

img {
    max-width: 100%
}

.txtred {
    color: red
}

.img-left-aligned {
    padding: 14px;
    background: #f5f5f5;
    float: left;
    margin: 0 50px 2px 0
}

#founder-message h2 {
    font-size: 18px;
    margin: 10px 0 20px;
    color: #023854;
    font-weight: 700
}

.container.cms ol li, .container.cms ul li {
    margin: 0 0 0 17px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #323232;
    font-family: Raleway, sans-serif
}

.container.cms {
    font-family: Raleway, sans-serif
}

    .container.cms ul li {
        list-style: disc
    }

    .container.cms ol li {
        list-style: decimal
    }

    .container.cms h4 {
        font-size: 31px;
        font-weight: 800;
        color: #323232;
        margin: 0
    }

header .topBg {
    background-color: #e8e8e8
}

header .rightS {
    width: auto;
    float: right
}

.vidaud.vissible-devise {
    display: none
}

header .rightS .vidaud {
    width: auto;
    float: left;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-right: 22px
}

.vidaud img {
    width: 20px;
    height: 20px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    float: left;
    margin-right: 2px
}

header .rightS .emailP, header .rightS .socialL {
    float: left;
    width: auto;
    font-family: Raleway, sans-serif
}

.vidaud .btn1 {
    background-color: #0b3162;
    color: #fff;
    border: none;
    border-radius: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px
}

    .vidaud .btn1:hover {
        background-color: #0b3162;
        color: #fff
    }

.vidaud .btn2, .vidaud .btn2:hover {
    background-color: red;
    color: #fff
}

.vidaud .btn2 {
    border: none;
    border-radius: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px
}

header .rightS .emailP {
    font-weight: 400;
    font-size: 15px
}

    header .rightS .emailP p {
        margin: 15px 27px 15px 0;
        color: #6d6d6d
    }

        header .rightS .emailP p a {
            color: #6d6d6d
        }

            header .rightS .emailP p a:hover {
                color: red
            }

header .rightS .socialL {
    display: inline-block
}

    header .rightS .socialL ul li {
        margin: 0;
        padding: 0;
        float: left;
        border-left: 1px solid #c1c1c1
    }

header .logo, header .logo-inner {
    float: left;
    margin-top: -50px;
    z-index: 99
}

header .rightS .socialL ul li a {
    text-align: center;
    font-size: 20px;
    color: #b5b5b5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0;
    line-height: 20px
}

header .rightS .socialL li a:hover {
    color: #fff;
    background-color: #b5b5b5
}

.socialIcns {
    font-weight: 300;
    color: #666;
    float: left
}

    .socialIcns ul.sicon li {
        display: inline;
        list-style: none;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center
    }

header .doorP, header .rightS .rqstQ a {
    display: inline-block;
    text-align: center
}

.socialIcns ul.sicon li a {
    color: #666
}

    .socialIcns ul.sicon li a:hover {
        color: #000
    }

header .rightS .rqstQ {
    float: left;
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    width: auto
}

    header .rightS .rqstQ a {
        padding: 0 83px 0 52px;
        background-color: red;
        color: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 17px
    }

        header .rightS .rqstQ a:hover {
            background-color: #2b2d2e;
            color: #fff;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

    header .rightS .rqstQ::after {
        content: "";
        right: 0;
        top: 0;
        height: 50px;
        border-right: 50px solid #e8e8e8;
        border-top: 50px solid transparent;
        position: absolute
    }

header .logo {
    width: auto;
    margin-left: 45px;
    position: absolute
}

header .logo-inner {
    width: auto;
    position: absolute
}

    header .logo-inner.home-logo {
        padding-left: 26px
    }

header .doorP {
    float: right;
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    background-color: #0098dd;
    color: #fff;
    margin: 10px 0;
    font-size: 21px
}

    header .doorP::after {
        content: "";
        left: -45px;
        top: 0;
        height: 46px;
        border-right: 46px solid #0098dd;
        border-top: 46px solid transparent;
        position: absolute
    }

.fullWidthBrowser {
    position: absolute;
    left: 50px;
    top: 0;
    height: 50px;
    background-color: red;
    width: 9999px
}

.bannerTps, .overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important
}

.carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span {
    padding: 2px 10px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 800;
    font-family: Raleway, sans-serif;
    display: inline-block
}

.overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, .44)
}

.bannerTps {
    background-color: #CC0202;
    height: 4px
}

.bannerBrdrs {
    border-bottom: 5px solid #023954
}

#banAlgn {
    position: relative
}

.banTpClr {
    position: absolute;
    top: -4px;
    left: 0;
    width: 36%;
    height: 4px;
    background-color: red
}

.item img {
    width: 100%;
    max-height: 600px
}

.carousel-control.left, .carousel-control.right {
    top: 50%
}

.item:after, .news-info::after, .services-info::after {
    content: "";
    top: 0
}

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
    font-size: 40px
}

.carousel-caption h2 span {
    background: rgba(255, 0, 0, .68)
}

.carousel-caption h3 span {
    background: rgba(0, 151, 221, .68)
}

.carousel-caption h4 span {
    background: rgba(187, 197, 199, .68)
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

        .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
}

.item:after {
    width: 100%;
    height: 100%;
    right: 0;
    position: absolute;
    display: inline-block
}

.about-info, .readM, .services-info {
    position: relative
}

.fiixedBg {
    background-image: url(../images/scrollbg1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover
}

.curved {
    width: 50%
}

.about-info {
    float: left;
    height: 45px;
    background-color: #023752
}

.wel-info h1 {
    font-family: Raleway, sans-serif;
    color: #323232;
    font-weight: 800;
    line-height: 53px
}

.wel-info p {
    font-family: Raleway, sans-serif;
    color: #323232;
    font-size: 17px;
    font-weight: 200;
    line-height: 27px;
    text-align: left !important;
    margin: 32px 0 42px
}

.booking-grid, .bookingBx, .readM a {
    text-align: center
}

.readM {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    width: auto;
    background-color: #54c3de;
    display: inline-block
}

    .readM a {
        color: #323232;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        line-height: 30px
    }

        .readM a:hover {
            color: #fff
        }

.how-works h2, .how-works p {
    font-family: Raleway, sans-serif;
    color: #323232
}

.readM::after {
    border-top: 30px solid #54c3de;
    border-right: 30px solid transparent
}

.how-works h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 20px
}

.how-works p {
    font-size: 12px;
    line-height: 21px
}

.news-latest h2, .servicesP h4 {
    font-family: Raleway, sans-serif;
    line-height: 27px;
    text-transform: uppercase
}

.services-info {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #023954
}

.services-splPadS {
    padding-left: 55px
}

.services-info-brdr {
    border-bottom: 1px solid #023954
}

.services-info::after {
    left: -45px;
    height: 45px;
    border-right: 45px solid #023954;
    border-top: 45px solid transparent;
    position: absolute
}

.services-marDiff {
    margin-top: 53px
}

.servicesP h4 {
    font-weight: 800;
    font-size: 31px;
    margin: 5px 0 0
}

.news-info {
    float: left;
    position: relative;
    height: 45px;
    background-color: red
}

    .news-info::after {
        right: -45px;
        position: absolute;
        border-top: 45px solid red;
        border-right: 45px solid transparent
    }

.servB form input[type=text] {
    border-radius: 0;
    border: 1px solid #d1d1d1 !important;
    height: 36px;
    box-shadow: none;
    outline: 0
}

.servB form label {
    font-weight: 500
}

.servB form textarea {
    border-radius: 0;
    border: 1px solid #d1d1d1 !important;
    height: 100px;
    box-shadow: none
}

.news-padDiff {
    padding: 60px 0
}

.news-latest {
    border: 1px solid #ececec;
    padding: 10px 24px 0;
    margin-bottom: 30px;
    background-color: #fff
}

    .news-latest h2 {
        font-size: 23px;
        font-weight: 800;
        margin: 4px 0 12px;
        color: #Latest News
    }

    .news-latest:after {
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        height: 8px;
        width: 12%;
        border-top: 8px solid #023954;
        border-right: 8px solid transparent
    }

.bookingBx::after, .footer-info::after {
    content: "";
    top: 0
}

.news-fw {
    width: 100%;
    height: auto
}

    .news-fw ul {
        margin: 0;
        padding: 0
    }

        .news-fw ul li {
            margin: 0 0 15px;
            padding: 0 0 15px 50px;
            list-style: none;
            position: relative;
            border-bottom: 1px solid #ececec;
            font-size: 12px;
            font-weight: 400;
            line-height: 19px;
            color: #2c2c2c
        }

            .news-fw ul li:nth-child(2) {
                border-bottom: none;
                padding: 0 0 0 50px
            }

            .news-fw ul li .date {
                position: absolute;
                left: 0;
                top: 0;
                text-transform: uppercase
            }

            .news-fw ul li strong {
                font-size: 15px
            }

            .news-fw ul li span {
                display: block
            }

                .news-fw ul li span a {
                    color: #292828;
                    font-weight: 700;
                    display: inline-block
                }

.bookingBx, .widget-links h4 {
    font-weight: 800;
    text-transform: uppercase
}

.news-fw ul li span a:hover {
    color: #0098DD;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.date big {
    font-size: 27px;
    line-height: 20px
}

.date small {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.bookingP {
    padding: 20px;
    position: relative
}

.bookingBx {
    position: relative color:#fff;
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    background: url(../images/book-bg.jpg) no-repeat;
    min-height: 255px;
    width: 100%
}

    .bookingBx::after {
        position: absolute;
        left: 0;
        background: url(../images/bgBorder.png) center center no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover
    }

.footerBg {
    background: url(../images/footer-bg1.jpg);
    width: 100%
}

.footer-info-splPadS {
    padding-right: 55px
}

.footer-info {
    float: left;
    position: relative;
    width: 100%;
    height: 48px;
    background-color: red;
    color: #fff;
    padding: 15px 0 0 20px !important
}

.wid-fw, .wid-links {
    width: 100%;
    height: auto
}

.footer-info p {
    margin: 0 !important;
    font-size: 12px;
    line-height: 20px
}

    .footer-info p a {
        color: #FBFF4B;
        outline: 0;
        transition: all .5s ease
    }

        .footer-info p a:hover {
            color: #fff
        }

.footer-info::after {
    right: -48px;
    position: absolute;
    border-top: 48px solid red;
    border-right: 48px solid transparent
}

.footer-widget {
    padding: 44px 0
}

.widget-links h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 18px
}

.widget-splPads {
    padding: 0 30px 0 40px
}

.wid-links {
    color: #fff !important;
    padding-bottom: 20px
}

    .wid-links ul {
        margin: 0;
        padding: 0
    }

        .wid-links ul li {
            margin: 0 5px 20px 0;
            padding: 0;
            list-style: none;
            float: left
        }

            .wid-links ul li a {
                display: inline;
                font-size: 12px;
                font-weight: 400;
                text-transform: uppercase;
                color: #fff;
                text-decoration: none;
                border: 1px solid #fff;
                padding: 5px;
                background-color: transparent
            }

.cnvrtB, .cnvrtB a, .cnvts, .wid-fw ul li, footer .socialL {
    display: inline-block
}

.featrs-info, .widget-splPads {
    border-left: none
}

.wid-links ul li a:hover {
    color: rgba(255, 0, .75);
    background-color: red;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.widget-contact h4 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 800
}

.wid-fw {
    color: #fff !important
}

    .wid-fw ul {
        margin: 0;
        padding: 0
    }

        .wid-fw ul li {
            margin: 0;
            padding: 0 0 20px 70px;
            list-style: none;
            position: relative;
            color: #fff;
            font-weight: 400;
            line-height: 20px;
            font-family: Lato, sans-serif;
            font-size: 12px
        }

            .booking-grid, .wid-fw ul li .icons {
                position: absolute;
                left: 0;
                text-transform: uppercase
            }

.cnvrtB, .footer-txt, .message-grid h2, .message-grid p, .offers, .resultTxt p, footer .socialL {
    font-family: Raleway, sans-serif
}

.wid-fw ul li:nth-child(2) {
    border-bottom: none
}

.wid-fw ul li .icons {
    top: 10px
}

.icons i {
    font-size: 27px;
    line-height: 20px
}

.wid-fw ul li a {
    color: #fff
}

    .wid-fw ul li a:hover {
        color: red;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.footer-txt {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

    .footer-txt p {
        margin: 10px 0
    }

    .footer-txt img {
        margin-right: 10px
    }

    .footer-txt b {
        font-size: 26px;
        font-weight: 800
    }

footer .socialL {
    float: right;
    width: auto
}

    footer .socialL ul {
        margin: 13px 0 0;
        padding: 0
    }

        footer .socialL ul li {
            margin: 0 20px 0 0;
            padding: 0;
            float: left;
            color: #b5b5b5
        }

            footer .socialL ul li a {
                font-size: 20px;
                color: #b5b5b5;
                transition: all .5s ease-in-out
            }

    footer .socialL li:nth-child(1) a:hover {
        color: #3b5998
    }

    footer .socialL li:nth-child(2) a:hover {
        color: #00aced
    }

    footer .socialL li:nth-child(3) a:hover {
        color: #0077b5
    }

    footer .socialL li:nth-child(4) a:hover {
        color: #b00
    }

.bookingBg1 {
    background: url(../images/book-bg3.jpg) no-repeat;
    width: 100%
}

.booking-grid {
    width: 100%;
    top: 35%;
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    color: #fff
}

.cnvrtB::after, .curencyP .selectC::after {
    top: 0;
    content: ""
}

.booking-grid a {
    color: #fff
}

    .booking-grid a:hover {
        color: rgba(255, 255, 255, .65);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.curencyP {
    background-color: #54c3de;
    padding: 15px 15px 0
}

    .curencyP h4 {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 800;
        color: #fff
    }

    .curencyP input[type=text], .curencyP select {
        color: #343434 !important;
        font-size: 15px;
        font-weight: 400
    }

    .curencyP input[type=text] {
        height: 33px;
        border-radius: 0;
        border: none;
        padding: 0 11px !important
    }

    .curencyP select {
        height: 34px;
        cursor: pointer;
        border-radius: 0;
        border: none;
        width: 100%;
        -webkit-appearance: none;
        background-color: #fff !important;
        padding: 0 8px;
        line-height: 35px
    }

.cnvrtB::after, .cnvts {
    border-right: 30px solid transparent;
    border-top: 30px solid #1392b1
}

.curencyP .selectC {
    position: relative
}

    .curencyP .selectC::after {
        pointer-events: none;
        width: 38px;
        height: 33px;
        position: absolute;
        right: 0;
        background: url(../images/select-icon.jpg) no-repeat
    }

.cnvrtB {
    position: relative;
    font-weight: 400;
    width: auto;
    background-color: #1392b1;
    margin-bottom: 10px
}

    .cnvrtB a {
        color: #fff;
        height: 30px;
        padding: 0 10px;
        line-height: 30px;
        text-align: center
    }

.bookingW, .bookingW h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase
}

.cnvrtB a:hover {
    color: #323232
}

.cnvrtB::after {
    position: absolute;
    right: -30px
}

.cnvts {
    padding: 0 33px 0 10px;
    color: #fff;
    height: 1px
}

    .cnvts:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -moz--transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

    .cnvts span input {
        position: relative;
        top: -25px;
        background-color: transparent;
        border: none
    }

.fldclr:-moz-placeholder {
    color: #343434
}

.fldclr::-moz-placeholder {
    color: #343434
}

.fldclr:-ms-input-placeholder {
    color: #3a2a16
}

.fldclr::-webkit-input-placeholder {
    color: #3a2a16
}

#coverP {
    background: url(../images/book-bg3.jpg) bottom center no-repeat;
    background-size: cover;
    height: 100%;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#coverP-caption {
    width: 100%
}

    #coverP-caption h2 {
        text-align: center
    }

.bookingW {
    width: 220px;
    height: 255px;
    margin: 0 0 20px;
    float: left;
    background: url(../images/book-bg3.jpg) no-repeat;
    color: #fff;
    position: relative
}

    .bookingW h2 {
        position: absolute;
        top: 25%;
        left: 16%;
        display: block;
        color: #fff
    }

.about-info::after, .readM::after {
    top: 0;
    position: absolute;
    content: ""
}

.bookingW h2 a {
    color: #fff;
    display: block
}

    .bookingW h2 a:hover {
        color: rgba(255, 255, 255, .65);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.bookbtn a:hover, .bookbtn-even a:hover, .subBtn:hover {
    -moz--transition: all .5s ease
}

.splRit {
    float: right
}

.splLft {
    float: left
}

.resultTxt p {
    font-weight: 700;
    font-size: 20px;
    margin: 15px 0
}

.carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span, .wel-info h1 {
    font-size: 25px
}

#bs-example-navbar-collapse-1 .dropdown-menu {
    background-color: #fe0000
}

    #bs-example-navbar-collapse-1 .dropdown-menu li a {
        color: #fff;
        padding: 8px 18px;
        background-color: red;
        outline: 0
    }

        #bs-example-navbar-collapse-1 .dropdown-menu li a:hover, .navbar-default .navbar-nav li a:hover {
            background: #cc0202
        }

.navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-nav li a:hover {
    color: #D90810
}

.wel-marDiff {
    margin-bottom: 16px
}

.wel-info {
    padding-right: 0
}

    .wel-info h1 {
        margin: 50px 0 0;
        text-align: center
    }

    .wel-info p {
        margin: 15px 0
    }

.readM {
    margin-bottom: 30px
}

.featrs-rit {
    float: left;
    padding: 0
}

.featrs-fullW {
    width: 100%;
    float: left;
    padding: 15px 0 0
}

.featrs-icon img {
    margin: 0 auto 30px
}

.readM::after {
    right: -29px
}

.about-info-splPadS, .news-info-splPadS {
    padding-right: 0
}

.about-info::after {
    right: -45px;
    border-top: 45px solid #023752;
    border-right: 45px solid transparent
}
/*
.navbar.navbar-default {
    width: 100%
}

    .navbar.navbar-default div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

.navbar-nav {
    margin: 0 !important;
    background-color: red
}

.navbar-inverse .navbar-toggle .icon-bar {
    background: #333 !important
}



.navbar-header {
    background: #fff !important
}*/

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #D90810 !important
}

.ftr-splSpace img {
    margin: 20px auto 0
}

.wid-fw ul li {
    float: left;
    margin-right: 15px
}

.footer-txt {
    margin-bottom: 20px;
    padding: 20px 0 0
}

.carousel-caption {
    position: absolute;
    top: 20%;
    text-align: left;
    height: auto
}

    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

.about-info, .news-info {
    width: 50%
}

.cpSpace {
    padding-left: 30px
}

/*
.inner-commonPadding {
    padding: 47px 0
}*/

.inner-common p {
    margin: 0 0 20px
}

.doorP-hide {
    height: 66px;
    width: 100%
}

.inner-banner figure {
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 53px;
    padding-bottom: 59px
}

.innertBrdrs {
    position: relative;
    z-index: 91
}

.innersplBg {
    background-color: red;
    width: 36%;
    height: 4px;
    position: absolute;
    top: -4px;
    left: 0
}

.innertBrdrs:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 4px solid #023954
}

.inner-banner h2 {
    text-transform: uppercase;
    color: #c4f3ff;
    text-align: right;
    margin: 0;
    line-height: 46px;
    text-shadow: 2px 4px #000;
    font-size: 45px
}

    .inner-banner h2 span {
        color: #cc0202
    }

.page-title {
    padding-bottom: 5px;
    position: relative;
    border-bottom: 4px solid #323232;
    font-family: "Inter", sans-serif;
    /*margin-bottom: 65px*/
}

    .page-title h4 {
        font-size: 25px;
        font-weight: 800;
        color: #323232;
        text-transform: uppercase;
        margin: 0
    }

    .page-title::after {
        content: "";
        left: 18px;
        bottom: -18px;
        position: absolute;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 18px solid #323232
    }

.message-grid h2 {
    color: #323232;
    font-size: 21px;
    font-weight: 800;
    line-height: 33px;
    margin: 0 0 28px
}

.message-grid p {
    color: #323232;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400
}

.demospace {
    padding-bottom: 60px
}

.innerNewsTop {
    border: 1px solid #e3e3e3
}

.offers h3 {
    font-size: 24px;
    font-weight: 800;
    color: #023954;
    margin: 0 0 24px
}

.offers .row.even article, .offers .row.odd article {
    padding-bottom: 80px;
    font-size: 18px;
    color: #323232;
    font-weight: 400;
    line-height: 27px
}

.offers .row.even figure, .offers .row.odd figure {
    margin-bottom: 80px;
    height: 251px;
    position: relative;
    border: 15px solid #efeded;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.offers .row.odd figure {
    margin-left: 16px;
    width: 31%
}

.offers .row.odd article {
    float: left;
    width: 67%;
    padding-left: 92px
}

.offers .row.even figure {
    padding-right: 16px;
    width: 96%
}

.offers .row.even article {
    float: left;
    width: 100%;
    padding-left: 16px;
    padding-right: 70px
}

figure .discounts {
    position: absolute;
    bottom: 10px;
    left: -6px;
    font-family: Lato, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background-color: #0b3162;
    padding: 15px 14px 10px 20px;
    line-height: 18px
}

    figure .discounts::after {
        position: absolute;
        top: -9px;
        left: 0;
        content: "";
        border-right: 9px solid red;
        border-top: 9px solid transparent
    }

.bookbtn span, .bookbtn-even span {
    top: -28px;
    position: relative
}

.discounts big {
    font-size: 26px
}

.discounts small {
    font-size: 13px
}

.rates {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #282828;
    margin-bottom: 34px
}

.career-formfont label, .careers {
    font-family: Raleway, sans-serif
}

.rates .label1 {
    color: #023954;
    padding-right: 35px
}

.bookbtn a, .bookbtn-even a {
    display: inline-block;
    border-right: 30px solid transparent;
    padding: 0 33px 0 10px;
    color: #fff;
    text-decoration: none;
    height: 1px
}

.bookbtn a {
    border-top: 30px solid #0b3162
}

    .bookbtn a:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.bookbtn-even a {
    border-top: 30px solid #54c3de
}

    .bookbtn-even a:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.careers article .applyBtn a:hover, .careers article .closeBtn a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.careers .row {
    border-bottom: 2px solid #323232;
    padding-left: 10px;
    margin-bottom: 38px
}

.careers .careers-post {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #323232;
    padding-left: 10px
}

.careers-post .label1 {
    color: #2f5a82;
    padding-right: 13px;
    font-size: 18px;
    font-weight: 800
}

.tablePadsL {
    padding-left: 0
}

.tablePadsR {
    padding-right: 70px
}

.career-table table {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 41px
}

    .career-table table tr td {
        border-bottom: 1px dashed #3b3b3b !important;
        border-top: none
    }

        .career-table table tr td:nth-child(odd) {
            padding-left: 14px;
            width: 25%
        }

        .career-table table tr td:nth-child(even) {
            width: 75%
        }

.careers article {
    margin-bottom: 35px;
    padding-left: 6px
}

    .careers article h5 {
        font-size: 15px;
        font-weight: 700;
        color: #3e3e3e;
        margin: 0 0 18px
    }

    .careers article p {
        color: #616161;
        font-size: 17px;
        font-weight: 400;
        line-height: 27px
    }

.mail-contact, .phone-num {
    line-height: 26px;
    font-weight: 400
}

.career-formfont label {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 500 !important
}

/*.career-formfont input[type=text] {
    height: 37px;
    color: #3e3e3e;
    border-radius: 0;
    border: 1px solid #d1d1d1;
}*/

.careerFormPads {
    padding-right: 90px
}

.careers article .applyBtn a, .careers article .applyBtn a:hover, .careers article .closeBtn a, .careers article .closeBtn a:hover {
    display: inline-block;
    border-right: 30px solid transparent;
    padding: 0 64px 0 10px;
    height: 1px;
    text-decoration: none
}

.careers article .applyBtn a {
    border-top: 30px solid #1392b1;
    color: #fff
}

    .careers article .applyBtn a:hover {
        border-top: 30px solid #0098DD;
        color: #fff;
        transition: all .5s ease
    }

.careers article .applyBtn span {
    position: relative;
    top: -25px;
    left: 25px
}

.careers article .closeBtn a {
    border-top: 30px solid red;
    color: #fff;
    position: absolute;
    bottom: -35px;
    left: 150px
}

.careers article .closeBtn span, .contactF .row form .sentBtn span {
    top: -25px;
    left: 25px;
    position: relative
}

.careers article .closeBtn a:hover {
    border-top: 30px solid #f2b114;
    color: #333;
    transition: all .5s ease
}

.careers article applyJob, .careers article closeJob {
    font-size: 14px
}

.input-group-addon {
    color: #fff;
    text-align: center;
    background-color: #2f5a82;
    border: none;
    border-radius: 0
}

#upload_link {
    text-decoration: none
}

#upload {
    display: none
}

.careers article a {
    color: #fff;
    text-decoration: none;
    outline: 0
}

    .careers article a:hover {
        color: rgba(255, 255, 255, .76);
        text-decoration: none
    }

.contactF .row h6 {
    font-size: 19px;
    font-weight: 700;
    color: #3e3e3e;
    margin-bottom: 55px
}

.contactF .row form {
    font-size: 14px;
    color: #3e3e3e
}

    .contactF .row form label {
        font-weight: 500;
        padding-left: 60px
    }

    .contactF .row form input[type=text] {
        border-radius: 0;
        border: 1px solid #d1d1d1 !important;
        height: 36px;
        box-shadow: none;
        outline: 0
    }

    .contactF .row form textarea {
        border-radius: 0;
        border: 1px solid #d1d1d1 !important;
        height: 100px;
        box-shadow: none;
        outline: 0;
        resize: none
    }

    .contactF .row form .sentBtn a, .contactF .row form .sentBtn a:hover {
        border-right: 30px solid transparent;
        padding: 0 64px 0 10px;
        color: #fff;
        height: 1px;
        display: inline-block;
        text-decoration: none
    }

    .contactF .row form .sentBtn a {
        border-top: 30px solid #1392b1
    }

        .contactF .row form .sentBtn a:hover {
            border-top: 30px solid #0098DD;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

    .contactF .row form .sentBtn span {
        font-size: 15px;
        font-weight: 400
    }

.contactSpaceDiff {
    margin-bottom: 38px
}

.contact-details {
    width: 100%;
    height: auto
}

    .contact-details ul {
        margin: 0;
        padding: 0
    }

        .contact-details ul li {
            margin: 0;
            padding: 0 0 20px 100px;
            list-style: none;
            position: relative;
            float: left
        }

            .contact-details ul li .ct-icons {
                position: absolute;
                left: 0;
                top: 0;
                text-transform: uppercase
            }

.phone-num {
    font-family: Lato, sans-serif;
    display: inline-block;
    margin-top: 5px
}

.mail-contact {
    font-family: Raleway, sans-serif;
    display: inline-block
}

.contact-details big, .spotName {
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 19px
}

.mail-contact a {
    color: #444;
    text-decoration: none
}

    .mail-contact a:hover {
        color: red
    }

.contact-details big {
    line-height: 25px;
    display: block;
    color: #0b3162
}

.spotInfo, .spotName {
    display: inline-block
}

.spotName {
    line-height: 34px;
    margin-top: 10px
}

.event-latest, .event-title, .events, .media-vidaud, .specialBuy, .spotInfo {
    font-family: Raleway, sans-serif
}

.spotInfo {
    font-weight: 400;
    line-height: 21px;
    margin: 5px 0
}

.contactPads {
    padding-left: 50px
}

.map-padding {
    padding-left: 60px;
    padding-right: 0
}

.google-maps {
    position: relative;
    padding-bottom: 55%;
    // This is the aspect ratio height:0;
    overflow: hidden
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

.events .splBtm1 {
    margin-bottom: 30px
}

.events h3 {
    font-size: 14px;
    font-weight: 800;
    color: #2c2c2c;
    margin: 12px 0;
    line-height: 19px
}

.events .onday, .events p {
    font-size: 12px;
    font-weight: 500
}

.events .onday {
    color: #777;
    margin: 0 0 16px;
    display: block
}

.events p {
    color: #2c2c2c;
    line-height: 19px;
    padding-right: 25px;
    margin: 0 0 12px !important
}

.eventsBoxClr {
    border: 1px solid #e4e4e4;
    width: 100%;
    padding: 10px 0
}

    .eventsBoxClr figure {
        margin: 0 12px;
        float: left;
        width: 29%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 153px;
        position: relative
    }

    .eventsBoxClr article .arrow-tag, .eventsBoxClr article .arrow-tag-even {
        position: absolute;
        bottom: 0;
        right: 15px
    }

    .eventsBoxClr article {
        float: left;
        width: 62%;
        padding-left: 10px
    }

        .eventsBoxClr article p {
            margin-bottom: 0 !important
        }

        .eventsBoxClr article .arrow-tag img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: .7;
            -khtml-opacity: .7;
            opacity: .7;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease
        }

        .eventsBoxClr article .arrow-tag-even img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: .7;
            -khtml-opacity: .7;
            opacity: .7;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease
        }

.orderBtn:hover, .paybtn:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.eventsPadL {
    padding-left: 20px
}

.eventsPadR {
    padding-right: 20px
}

.event-detail-separator {
    border-right: 1px solid #efefef;
    padding-right: 40px
}

.event-detail-separatorE {
    padding-left: 40px
}

.event-title {
    margin-bottom: 35px
}

    .event-title .label1 {
        color: #2c2c2c;
        font-weight: 500;
        font-size: 29px;
        line-height: 35px
    }

    .event-title .splRit {
        text-align: right
    }

.media-vidaud h3, .paybtn, .specialBuy article {
    text-align: center
}

.event-title span {
    display: inline-block;
    margin-top: 10px
}

    .event-title span:nth-child(2) {
        margin-right: 15px;
        margin-left: 10px
    }

.event-mainPix figure {
    margin-bottom: 44px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 417px
}

.event-brief {
    font-weight: 400
}

    .event-brief small {
        font-size: 16px;
        color: #002559;
        line-height: 33px;
        margin-bottom: 18px
    }

    .event-brief p {
        font-size: 18px;
        line-height: 27px;
        color: #323232
    }

.event-latest .media {
    margin-top: 0;
    margin-bottom: 25px
}

.event-latest h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    margin: 10px 0 26px
}

.event-latest h5 {
    color: #2c2c2c;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 5px
}

    .event-latest h5 a {
        color: #2c2c2c;
        text-decoration: none
    }

        .event-latest h5 a:hover {
            color: #002559
        }

.event-latest small {
    font-size: 10px;
    color: #002559
}

.faq-page {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 10px
}

    .faq-page a {
        text-decoration: none;
        outline: 0;
        font-size: 18px;
        font-weight: 800;
        color: #2c2c2c;
        margin: 12px 0;
        line-height: 19px
    }

        .faq-page a:hover {
            color: red
        }

.answer {
    display: none;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-top: 10px
}

.question.active {
    color: #0098DD
}

.paybtn {
    padding: 15px;
    background-color: red;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase
}

    .paybtn:hover {
        background-color: #0098DD;
        color: #fff;
        transition: all .5s ease
    }

.booknow {
    padding-bottom: 30px
}

.orderBtn, .orderBtn:hover {
    border-right: 30px solid transparent;
    padding: 0 64px 0 10px;
    color: #fff;
    height: 1px;
    display: inline-block;
    text-decoration: none
}

.orderBtn {
    border-top: 30px solid #1392b1
}

    .orderBtn:hover {
        border-top: 30px solid #0098DD;
        transition: all .5s ease
    }

    .orderBtn span {
        position: relative;
        top: -25px;
        left: 25px;
        font-size: 15px;
        font-weight: 400
    }

.news-SplPads {
    padding-right: 55px
}

.booksPads {
    padding-left: 60px
}

.specialBuy {
    padding-top: 56px
}

    .specialBuy article h5 {
        font-size: 15px;
        font-weight: 800;
        color: #023954;
        margin: 0 0 14px
    }

    .specialBuy article h4 {
        font-size: 33px;
        font-weight: 800;
        color: red;
        margin: 0 0 50px
    }

    .specialBuy article p {
        font-size: 14px;
        font-weight: 500;
        color: #5f5f5f;
        margin: 0 0 40px !important;
        padding: 0 128px
    }

    .specialBuy article strong {
        color: #023751;
        font-weight: 700
    }

.coverage-loc h3, .media-vidaud h3, .splBoxz h6 {
    font-weight: 400;
    text-transform: uppercase
}

.specialBuy-inner {
    width: 50%;
    border: 1px solid #ccc;
    margin: 0 auto 50px;
    padding: 0 50px
}

.cnvtsBtm1 {
    margin-bottom: 0
}

.media-vidaud h3 {
    font-size: 22px;
    color: #023954;
    margin: 0 0 45px
}

.media-vidaud figure {
    margin-bottom: 80px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 244px;
    position: relative;
    border: 4px solid #768a94
}

.audioBg, .pagination, .pagination2, figure .vidtitle {
    position: absolute
}

figure .vidtitle {
    bottom: 10px;
    left: -12px;
    font-family: Lato, sans-serif;
    color: #fff;
    background-color: rgba(17, 37, 47, .54);
    padding: 12px 0 12px 20px;
    line-height: 18px;
    width: 85%
}

    figure .vidtitle::after {
        position: absolute;
        top: -9px;
        left: 0;
        content: "";
        border-right: 9px solid red;
        border-top: 9px solid transparent
    }

.audioPart {
    background-color: #eaeaea;
    border: 1px solid #d7d7d7;
    padding: 5px 15px;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.animitedG {
    width: 150px;
    height: 62px;
    background: url(../images/equalizer.gif) no-repeat;
    float: left
}

.audioPart i {
    font-size: 24px;
    color: #4b454d;
    padding-top: 10px;
    float: left
}

.audioPart b {
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
}

.audioPart span {
    float: right;
    display: inline-block;
    margin: 5px 0 0
}

    .audioPart span button {
        background-color: transparent;
        padding: 0
    }

.audioBg {
    left: 50px;
    top: 10px;
    display: inline-block
}

.coverage-loc {
    font-family: Raleway, sans-serif
}

    .coverage-loc h3 {
        font-size: 22px;
        color: #023954;
        margin: 0 0 45px
    }

.splBoxz h6 {
    font-size: 14px;
    margin: 0;
    border: 1px solid #333;
    border-right: none;
    padding: 20px
}

    .splBoxz h6::nth-child(4n+4) {
        border-right: 1px solid #333 !important
    }

.splBoxz .clr1 {
    padding: 0;
    margin: 0
}

.coverage-loc table tr td, .coverage-loc table tr th {
    padding: 20px;
    color: #323232;
    font-family: Lato, sans-serif
}

.coverage-loc table {
    margin-bottom: 45px
}

    .coverage-loc table tr th {
        font-size: 16px
    }

    .coverage-loc table tr td {
        font-size: 14px
    }

.fkss-facts ul {
    margin: 0;
    padding: 0
}

    .fkss-facts ul li {
        margin: 0 0 15px 20px;
        padding: 0 0 0 10px;
        text-align: left;
        color: #000;
        font-size: 16px;
        font-weight: 300;
        list-style-type: disc
    }

.pagination {
    top: -20px;
    right: 0
}

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        color: #FFF;
        background-color: red;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        color: #FFF;
        background-color: #0b3162;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

.pagination2 {
    bottom: 0;
    right: 0
}

    .pagination2 li, .pagination2 ol, .pagination2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline
    }

    .pagination2 > li:first-child > a, .pagination2 > li:first-child > span {
        color: #FFF;
        background-color: red;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

    .pagination2 > li:last-child > a, .pagination2 > li:last-child > span {
        color: #FFF;
        background-color: #0b3162;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

.img-left-aligned img, .nav > li > a {
    display: block
}

.frmMar {
    padding: 10px 0 0
}

.frmfnt {
    font-family: Raleway, sans-serif;
    font-weight: 400
}

.navbar-default {
    background-color: red;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    border-radius: 0
}

    .navbar-default .navbar-nav > li {
        z-index: 92
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff
        }

            .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
                color: #fff;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .navbar-default .navbar-nav > li > a:focus {
                outline: 0
            }

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

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

.dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px
}

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

.nav > li > a {
    position: relative;
    padding: 15px 8px
}

nav::before {
    content: "";
    left: 0;
    top: 0;
    height: 50px;
    position: absolute;
    border-top: 50px solid #fff;
    border-right: 50px solid transparent
}

.navbar-default div.navbar-collapse {
    border-top: none;
    box-shadow: none;
    padding-right: 10px;
    overflow-x: hidden
}

.subBtn {
    display: inline-block;
    border-right: 30px solid transparent;
    border-top: 30px solid #1392b1;
    color: #fff;
    text-decoration: none;
    height: 1px;
    cursor: pointer
}

    .subBtn:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

    .subBtn input {
        position: relative;
        top: -25px;
        background-color: transparent;
        border: none;
        width: 103px
    }

.avoidPads {
    padding-left: 0
}

.contactF .row form label.error, .error_msg {
    color: red;
    font-size: 13px;
    padding: 0
}

.contactF .row h5 {
    font-size: 19px;
    font-weight: 700;
    color: #0098dd;
    border-bottom: 1px solid #444;
    padding: 15px 0;
    margin: 0 0 20px
}

.loctn1 {
    background-color: #ebebeb;
    font-size: 20px;
    font-weight: 400;
    color: #323232
}

    .loctn1 a {
        color: #323232;
        text-decoration: none
    }

        .loctn1 a:hover {
            color: red
        }

    .loctn1 span:nth-child(1) {
        display: block;
        text-align: center;
        margin: 10px 0
    }

    .loctn1 span:nth-child(2) {
        display: inline-block
    }
/*******/
.modal-footer {
    position: relative
}

.controls {
    position: absolute;
    left: 20px;
    top: 10px
}

    .controls button {
        margin: 0 5px;
        display: inline-block;
    }

        .controls button.next {
            background: url(../img/next-btn.png) no-repeat 0 0;
            width: 37px;
            height: 37px;
            border: 0;
            cursor: pointer;
        }

            .controls button.next:focus,
            .controls button.prev:focus {
                outline: none
            }

        .controls button.prev {
            background: url(../img/prev-btn.png) no-repeat 0 0;
            width: 37px;
            height: 37px;
            border: 0;
            cursor: pointer
        }

@media screen and (min-width:1280px) and (max-width:1359px) {
    .carousel-caption {
        right: 20%;
        left: 5%;
        padding-bottom: 30px
    }
}

@media all and (min-width:1360px) and (max-width:1361px) {
    .carousel-caption {
        right: 20%;
        left: 8%;
        padding-bottom: 30px
    }
}

@media screen and (min-width:1023px) and (max-width:1024px) {
    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

        .carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span {
            font-size: 25px
        }

    header .rightS .vidaud {
        margin-right: 0
    }

    .fullWidthBrowser, header .rightS .emailP {
        display: none
    }
}

@media (max-width:980px) {
    .navbar.navbar-default {
        position: absolute;
        top: 36px;
        right: 0;
        z-index: 1030
    }
}

@media (max-width:640px) {
    .navbar.navbar-default {
        top: 47px
    }
}

@media (max-width:480px) {
    .navbar.navbar-default {
        top: 23px
    }
}

@media (max-width:991px) {
    .navbar.navbar-default {
        position: absolute;
        top: 56px;
        right: 0;
        z-index: 1030
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .curencyP h4 {
        font-size: 18px;
        margin-bottom: 6px
    }

    .curencyP input[type=text], .curencyP select {
        height: 30px
    }

    .curencyP .selectC::after {
        width: 38px;
        height: 28px
    }
}

@media (min-width:1500px) {
    .container {
        width: 1230px
    }
}

@media (max-width:1360px) {
    .offers .row.odd figure {
        width: 25%;
        height: 220px
    }

    .offers .row.odd article {
        width: 73%;
        padding-left: 40px
    }

    .offers .row.even figure {
        padding-right: 16px;
        width: 96%;
        height: 251px
    }

    .offers .row.even article {
        float: left;
        width: 100%;
        padding-left: 16px;
        padding-right: 70px
    }

    .news-SplPads {
        padding-right: 55px
    }
}

@media (max-width:1280px) {
    .offers .row.odd figure {
        width: 25%;
        height: 220px
    }

    .offers .row.odd article {
        width: 73%;
        padding-left: 40px
    }

    .innersplBg {
        background-color: red;
        width: 100%;
        height: 4px;
        position: absolute;
        top: -4px;
        left: 0
    }

    .offers .row.even article, .offers .row.odd article {
        font-size: 14px;
        line-height: 23px
    }

    .offers h3 {
        font-size: 20px
    }
}

@media (max-width:1024px) {
    .offers .row.odd figure {
        width: 34%;
        height: 220px
    }

    .offers .row.odd article {
        width: 64%;
        padding-left: 40px
    }

    .events h3 {
        margin: 0 0 12px
    }

    .curencyP {
        margin: 0 15px
    }
}

@media only screen and (min-width :800px) and (max-width :1280px) {
    .carousel-control.left {
        top: 50%;
        left: -20px
    }

    .carousel-control.right {
        top: 50%;
        right: -20px
    }
}

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

    .loctn1 {
        font-size: 14px
    }

    .well {
        padding: 5px 15px
    }

    header .rightS .rqstQ a {
        padding: 0 55px 0 14px;
        font-size: 14px
    }

    header .rightS .emailP p {
        margin: 15px 11px 0 0
    }

    .navbar-default div.navbar-collapse {
        border-top: none;
        box-shadow: none;
        padding-right: 10px;
        position: absolute;
        z-index: 9999;
        display: block;
        right: 0;
        top: 50px;
        overflow-x: hidden;
        width: 100%
    }

    .navbar-collapse.collapse {
        display: none !important;
        overflow-x: hidden
    }

    .nav li a, .navbar-header .collapse, .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        overflow-x: hidden
    }

    .navbar-header {
        float: none
    }

    .navbar-default {
        background-color: transparent
    }

    .nav li, .nav li a {
        background-color: red
    }

    .navbar-nav {
        float: none !important
    }

        .navbar-nav > li {
            float: none
        }

    .fullWidthBrowser {
        display: none
    }

    .navbar-toggle {
        margin-right: 0
    }

    .banTpClr, .innertBrdrs:after {
        width: 100%
    }

    header .logo {
        margin-left: 0
    }
}

@media (max-width:991px) {
    .fiixedBg {
        background-image: url(../images/scrollbg1.jpg);
        background-repeat: repeat-y;
        background-attachment: fixed
    }

    .news-SplPads {
        padding: 0
    }

    .curencyP {
        margin: 0
    }

    .contactF .row form .sentBtn {
        padding: 15px 0 0
    }

    .inner-banner {
        margin: 135px 0 0
    }

    .vidaud.vissible-devise {
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
        z-index: 1050
    }

    .vidaud .btn1, .vidaud .btn2 {
        padding: 6px;
        font-size: 10px
    }

    .vidaud img {
        height: auto;
        max-width: 16px
    }

    #bannerP {
        margin-top: 136px
    }

    .readM::after {
        display: none
    }

    .readM {
        background: 0 0;
        text-align: center;
        display: block
    }

        .readM a {
            background-color: #54c3de;
            display: inline-block;
            padding: 5px 20px;
            line-height: normal;
            color: #fff
        }

    .wel-info {
        border-bottom: 1px solid #b6b3b399;
        margin-bottom: 20px
    }
}

@media (max-width:980px) {
    .about-info::after, .news-info::after {
        right: -24px;
        border-right: 25px solid transparent
    }

    .about-info::after, .news-info::after, nav::before {
        content: "";
        top: 0
    }

    .subBtn {
        margin-left: 10px
    }

    .avoidPads {
        padding-left: 15px;
        padding-right: 0
    }

    .offers .row.odd figure {
        width: 40%;
        height: 200px
    }

    .offers .row.odd article {
        width: 57%;
        padding-left: 30px
    }

    .offers .row.even .col-sm-5 {
        width: 43%
    }

    .offers .row.even .col-sm-6 {
        width: 57%
    }

    .offers .row.even figure {
        padding-right: 0;
        width: 100%;
        height: 200px;
        margin-left: 0
    }

    .offers .row.even article {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 0
    }

    .event-detail-separatorE, .eventsPadL, .map-padding {
        padding-left: 15px
    }

    .eventsPadR, .map-padding {
        padding-right: 15px
    }

    .events h3 {
        margin: 12px 0
    }

    .eventsBoxClr figure {
        margin: 0 12px 12px
    }

    .news-SplPads {
        padding: 0
    }

    .gridPads {
        padding-left: 0;
        padding-right: 0 !important
    }

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .how-works p {
        font-size: 14px
    }

    .specialBuy article p {
        padding: 0 15px
    }

    .specialBuy-inner {
        width: 100%
    }

    .about-info, .news-info {
        float: left;
        width: 50%;
        height: 25px
    }

    .page-title h4 {
        font-size: 25px
    }

    .footer-info-splPadS {
        padding-right: 0
    }

    .about-info {
        position: relative;
        background-color: #023752
    }

        .about-info::after {
            position: absolute;
            border-top: 25px solid #023752
        }

    .wel-info h1 {
        margin: 20px 0 0
    }

    .news-info {
        position: relative;
        background-color: red
    }

    header .logo, header .logo-inner {
        width: auto;
        margin-top: 0;
        position: absolute;
        z-index: 99;
        float: left
    }

    .news-info::after {
        position: absolute;
        border-top: 25px solid red
    }

    .cpSpace {
        padding-left: 0
    }

    .contact-details ul li .ct-icons img {
        max-width: 60px
    }

    .contact-details ul li {
        padding: 0 0 20px 72px
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: 400;
        color: #333;
        white-space: nowrap;
        background-color: #fff
    }

    .fullWidthBrowser, header .doorP::after, header .rightS .rqstQ::after {
        display: none
    }

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

    nav::before {
        left: 0;
        height: 50px;
        position: absolute;
        border-top: 0 solid #fff;
        border-right: 0 solid transparent
    }

    .navbar-default {
        background-color: transparent
    }

    .nav li, .nav > li > a {
        background-color: red
    }

    .nav > li > a {
        color: #fff;
        padding: 10px
    }

        .nav > li > a:hover {
            background-color: #0098DD;
            color: #fff
        }

    .navbar-default div.navbar-collapse {
        border-top: none;
        box-shadow: none;
        font-size: 14px
    }

    header .rightS {
        float: left
    }

        header .rightS .rqstQ a {
            padding: 0 40px
        }

    header .logo {
        margin-left: 45px
    }

        header .logo img, header .logo-inner img {
            margin: 15px auto 0;
            width: 82px
        }

    header .doorP {
        float: left;
        width: 100%
    }
}

@media (max-width:768px) {
    .message-grid p, .offers .row.odd article {
        font-size: 14px
    }

    .message-grid h2 {
        font-size: 19px
    }

    .page-title {
        margin-bottom: 43px
    }

    .news-latest {
        margin: 0 15px 20px
    }

    .img-left-aligned {
        max-width: 302px
    }

    .coverage-loc table tr td {
        padding: 9px;
        font-size: 12px
    }
}

@media (max-width:767px) {
    header .rightS .emailP, header .rightS .socialL {
        width: 100%
    }

    .fullWidthBrowser, header .doorP::after, header .rightS .rqstQ::after {
        display: none
    }

    .footer-txt p, .how-works h2, .how-works p, .wel-info h1, .wel-info p, header .rightS .socialL {
        text-align: center
    }

    .featrs-info, .widget-splPads {
        border-left: none
    }

    .carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
        font-size: 20px
    }

    .change-padding {
        padding-right: 0;
        padding-left: 0
    }

    .change-paddingR, .spl-padding {
        padding-right: 15px
    }

    .change-paddingL, .spl-padding {
        padding-left: 15px
    }

    header .rightS .emailP p {
        margin: 15px 0;
        text-align: center
    }

    header .rightS .mar-diff {
        margin: 0 0 15px
    }

    header .logo, header .logo-inner {
        width: auto;
        float: left;
        margin-top: 0;
        z-index: 99;
        position: absolute
    }

    header .logo {
        margin-left: 45px
    }

    header .logo-inner {
        padding-left: 15px;
        padding-right: 30px
    }

    header .logo img {
        margin: 15px auto 0;
        width: 179px
    }

    .featrs-fullW, header .doorP {
        width: 100%;
        float: left
    }

    header .rightS .rqstQ a {
        padding: 0 52px
    }

    .fr-optionC {
        float: left
    }

    .wel-marDiff {
        margin-bottom: 16px
    }

    .about-info-splPadS {
        padding-right: 0
    }

    .wel-info {
        padding-right: 15px
    }

        .wel-info h1 {
            margin: 50px 0 0
        }

        .wel-info p {
            margin: 15px 0
        }

    .readM {
        margin-bottom: 30px
    }

    .featrs-rit {
        float: left;
        padding: 0
    }

    .featrs-fullW {
        padding: 15px 0 0
    }

    .mobPadsChange, .services-splPadS {
        padding-left: 0
    }

    .mobPadsChange, .news-info-splPadS {
        padding-right: 0
    }

    .featrs-icon img {
        margin: 0 auto 30px
    }

    .readM::after {
        position: absolute;
        top: 0;
        right: -29px;
        content: ""
    }

    footer .socialL {
        float: left
    }

    .footer-txt {
        margin-bottom: 20px
    }

    .wid-fw ul li {
        float: left;
        margin-right: 15px
    }

    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

    .servicesP h4 {
        font-size: 25px
    }

    .wel-info h1 {
        font-size: 18px;
        line-height: 24px
    }

    .about-info, .news-info, .services-info {
        width: 50%
    }

    .bookingW {
        width: 220px;
        height: 255px;
        margin: 0 auto 20px;
        float: none
    }

    .page-title {
        margin-bottom: 42px
    }

    .message-grid p {
        font-size: 14px
    }

    .contactF .row form label {
        padding-left: 15px;
        padding-right: 15px
    }

    .contact-details ul li .ct-icons img {
        max-width: 34px
    }

    .contact-details ul li {
        padding: 0 0 20px 46px
    }

    .phone-num {
        margin-top: 0
    }

    .contactF .row h6 {
        margin-bottom: 16px
    }

    .navbar.navbar-default div {
        padding-right: 10px !important
    }
}

@media (max-width:640px) {
    .img-left-aligned {
        margin: 0 auto 20px;
        float: none
    }

    .inner-banner figure {
        height: 171px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .offers .row.odd figure {
        width: 45%;
        height: 200px
    }

    .offers .row.odd article {
        width: 47%;
        padding-left: 20px
    }

    .offers .row.even .col-sm-5 {
        width: 45%
    }

    .offers .row.even .col-sm-6 {
        width: 50%
    }

    .offers .row.even figure {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        height: 218px;
        margin-left: 15px
    }

    .offers .row.even article {
        float: left;
        width: 99%;
        padding-right: 0;
        padding-left: 35px
    }

    .contactPads, .gridPads, .mobPads {
        padding-left: 15px
    }

    .eventsBoxClr figure {
        margin: 0 12px 12px
    }

    .event-title .splRit {
        text-align: left;
        padding-left: 15px
    }

    .news-SplPads {
        padding-right: 15px
    }

    .gridPads {
        padding-right: 15px !important
    }

    .mobPads {
        padding-right: 15px
    }

    .inner-banner {
        margin: 112px 0 0
    }

    .specialBuy-inner {
        width: 90%
    }

    .inner-banner h2 {
        display: none
    }

    .event-title .label1 {
        font-size: 20px
    }

    .wel-info h1 {
        margin: 20px 0 0
    }

    header .logo-inner img {
        width: 60px
    }

    #bannerP {
        margin-top: 114px
    }
}

@media (max-width:480px) {
    .offers .row.odd figure {
        height: 230px;
        padding-left: 0
    }

    .offers .row.odd article {
        width: 96%;
        padding-left: 16px;
        padding-bottom: 40px;
        margin-left: 5px
    }

    .offers .row.even .col-xs-6 figure, .offers .row.odd figure {
        float: none;
        width: auto;
        margin-left: 0
    }

    .offers .row.even {
        display: flex;
        flex-flow: column
    }

        .offers .row.even .col-xs-6 {
            float: none;
            width: auto
        }

            .offers .row.even .col-xs-6 figure {
                height: 218px;
                margin-bottom: 40px;
                padding-right: 0
            }

    .avoidPads {
        padding-left: 0;
        padding-right: 0
    }

    .offers .row.even article {
        float: left;
        width: 96%;
        padding-left: 16px;
        margin-left: 5px;
        padding-bottom: 40px
    }

    .contactPads {
        padding-left: 15px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 33%
    }

    .eventsBoxClr article {
        width: 61%
    }

    .event-mainPix figure {
        width: 106%;
        height: 245px
    }

    .news-SplPads {
        padding-right: 15px
    }

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

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .inner-banner {
        margin: 97px 0 0
    }

    .one {
        order: 2;
        -webkit-order: 2
    }

    .two {
        order: 1 -webkit-order:1
    }

    .offers .row.odd figure {
        margin-bottom: 18px
    }

    .offers h3 {
        margin: 0 0 7px
    }

    .rates {
        margin-bottom: 14px
    }
}

@media (max-width:360px) {
    .subBtn {
        margin-top: 10px
    }

    .offers .row.odd figure {
        width: 90%;
        height: 200px;
        padding-left: 0;
        margin-left: 17px
    }

    .offers .row.odd article {
        width: 96%;
        padding-left: 16px
    }

    .offers .row.even figure {
        margin-left: 17px;
        width: 90%;
        height: 230px
    }

    .offers .row.even article {
        float: left;
        width: 99%;
        padding-left: 15px
    }

    .careerFormPads {
        padding-right: 15px
    }

    .careers article .applyBtn a, .careers article .applyBtn a:hover, .careers article .closeBtn a, .careers article .closeBtn a:hover {
        display: inline-block;
        border: none;
        padding: 20px;
        color: #fff;
        text-decoration: none
    }

    .careers article .applyBtn a {
        background-color: #1392b1
    }

        .careers article .applyBtn a:hover {
            background-color: #0098DD
        }

    .careers article .applyBtn span {
        position: relative;
        top: -11px;
        left: 0
    }

    .careers article .closeBtn a {
        background-color: red;
        position: absolute;
        bottom: -40px;
        left: 80px
    }

        .careers article .closeBtn a:hover {
            background-color: #f2b114
        }

    .careers article .closeBtn span {
        position: relative;
        top: -11px;
        left: 0
    }

    .contact-details ul li {
        display: table-cell
    }

    .contact-details big, .spotInfo, .spotName {
        font-size: 16px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 93%;
        height: 153px
    }

    .eventsBoxClr article {
        width: 100%;
        padding-left: 12px
    }

    .event-mainPix figure {
        width: 108%;
        height: 200px
    }

    .news-SplPads {
        padding-right: 15px
    }

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

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .carousel {
        margin: 110px 0 0
    }

    .footer-info {
        height: auto;
        padding: 15px 0 !important
    }

        .footer-info p {
            word-break: keep-all;
            width: 85%;
            text-align: center;
            line-height: 20px;
            margin: 0 auto !important
        }

    .inner-banner {
        margin: 113px 0 0
    }
}

@media (max-width:320px) {
    .careerFormPads, .news-SplPads {
        padding-right: 15px
    }

    .contact-details big, .mail-contact, .spotInfo, .spotName {
        font-size: 14px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 92%;
        height: 153px
    }

    .eventsBoxClr article {
        width: 100%;
        padding-left: 12px
    }

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

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .carousel {
        margin: 95px 0 0
    }

    .inner-banner {
        margin: 97px 0 0
    }

    .footer-info {
        height: auto;
        padding: 15px 0 !important
    }

        .footer-info p {
            word-break: keep-all;
            width: 90%;
            text-align: center;
            line-height: 20px;
            margin: 0 auto !important
        }
}

.bannerbtn {
    /*margin: 170px 334px;*/
    width: auto;
}


.homebuttom {
    display: block;
    width: 231px;
    height: 59px;
    background-color: #e12121;
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 25px;
    line-height: 25px;
    border-radius: 50px;
}

/*JobyCo CSS*/

myTable thead tr {
    background: #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

#myTable tr td {
    border: none !important;
    position: relative !important;
    padding: 0 5px !important;
    display: block;
    width: 15.6%;
    float: left;
}

#myTable .fs-subtitle {
    font-size: 12px;
    letter-spacing: 0;
    background: none !important;
    color: #000 !important;
    text-align: center;
}

#myTable tr td:nth-child(7) {
    width: 17% !important;
}

#myTable tr td:last-child {
    width: 5% !important;
}

#dvStep1 h2, #dvStep2 h2, #dvStep3 h2 {
    color: #000;
}

#progressbar li.active::before, #progressbar li.active::after {
    z-index: -1;
}

#loaderDiv {
    position: fixed;
    color: #54c3de;
    left: 0;
    padding: 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
    z-index: 1041;
}

    #loaderDiv p.loadingMSG {
        background-color: aliceblue;
        border: 1px solid #54c3de;
        color: black;
        padding: 20px;
        width: 50%;
        margin: auto auto;
        border-radius: 8px;
        font-size: 22px;
        min-height: 120px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        z-index: 999;
    }

.loadingGF {
    position: absolute;
    top: 18rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.loginForm .ErrMsg {
    margin-bottom: 0 !important;
    position: absolute;
    width: 66%;
    left: 0;
    top: 90px;
    right: 0;
}

.payMent-box input, .payMent-box select {
    border-radius: 0;
}

.payFlag {
    width: 100%;
}

    .payFlag input {
        width: 100%;
        border: none;
        padding: 0 50px;
        height: 34px;
    }

#lblLoggedInUser {
    margin-right: 5px;
    color: #fff !important;
}

#successQuotationText {
    color: forestgreen !important;
}

    #successQuotationText i {
        background: forestgreen;
        width: 30px;
        height: 30px;
        border-radius: 24px;
        color: #fff !important;
        display: inline-block;
        line-height: 30px;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
    }

    #successQuotationText #anchorHome {
        font-size: 15px;
        color: #c60c0c;
        margin-top: 20px;
        display: inline-block;
        background: rgba(0,0,0,0.6);
        padding: 4px 8px;
        border-radius: 20px;
        text-align: center;
        position: relative;
        padding: 8px 30px 8px 40px;
    }

        #successQuotationText #anchorHome:after {
            position: absolute;
            content: "\f177";
            width: 20px;
            font-family: 'FontAwesome';
            left: 15px;
            top: 8px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        #successQuotationText #anchorHome:hover {
            background: rgba(0,0,0,0.8);
        }

            #successQuotationText #anchorHome:hover:after {
                left: 10px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

#anchorHome {
    display: inline-block !important;
}

#anchorHomeB {
    display: inline-block !important;
}

#successBookingText {
    color: forestgreen !important;
}

    #successBookingText i {
        background: forestgreen;
        width: 30px;
        height: 30px;
        border-radius: 24px;
        color: #fff !important;
        display: inline-block;
        line-height: 30px;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
    }

    #successBookingText #anchorHomeB {
        font-size: 15px;
        color: #fff;
        margin-top: 20px;
        display: inline-block;
        background: #c60c0c;
        padding: 8px;
        /*border-radius: 20px;*/
        text-align: center;
        position: relative;
        padding: 8px 30px 8px 40px;
        margin-left: 10px;
    }

        #successBookingText #anchorHomeB:after {
            position: absolute;
            content: "\f177";
            width: 20px;
            font-family: 'FontAwesome';
            left: 15px;
            top: 8px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        #successBookingText #anchorHomeB:hover { /*background:rgba(0,0,0,0.8);*/
            letter-spacing: 1PX;
        }

            #successBookingText #anchorHomeB:hover:after {
                left: 10px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

#myTable_Q thead tr, #myTable thead tr {
    background: #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

/* .roundedTwo */
.roundedTwo {
    width: 25px;
    height: 25px;
    position: relative;
    /*margin: 20px auto;*/
    background: #54c3de;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .roundedTwo label {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 4px;
        left: 4px;
        cursor: pointer;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

    .roundedTwo span {
        position: absolute;
        top: 1px;
        left: 25px;
        z-index: 1;
    }

    .roundedTwo label:after {
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        top: 5px;
        left: 4px;
        border: 3px solid #fcfff4;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .roundedTwo label:hover::after {
        opacity: 0.3;
    }

    .roundedTwo input[type=checkbox] {
        visibility: hidden;
    }

        .roundedTwo input[type=checkbox]:checked + label:after {
            opacity: 1;
        }
/* end .roundedTwo */

/* #msform label{ text-align:left; color: rgba(0,0,0,0.6); font-size:12px; font-family: 'Lato', sans-serif; letter-spacing:1.5px;} */
#msform .form-control {
    border-radius: 0;
}

#msform input, #msform textarea, #msform select {
    height: auto;
}

.float_label {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 11px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    background-color: #eee;
    border: 1px solid #ccc;
    z-index: 9;
}

#myTable_Q .float_label {
    padding: 11px 12px;
}

.estimatevalue {
    position: relative;
    padding-left: 39px !important;
}

/*Browse Button*/
.brwsBtn.brwsBtn_tgle {
    text-align: center !important;
}

    .brwsBtn.brwsBtn_tgle i {
        font-size: 15px;
        vertical-align: middle;
        margin-left: 5px;
        color: #fff;
    }

.brwsBtn.brwsBtn_tgle {
    width: 78%;
    border: none;
    border-radius: 1px;
    box-shadow: none;
    margin-left: 0;
    margin-right: auto;
}

.brwsBtn {
    display: inline-block;
    margin: 0;
    border-width: 0;
    padding: 10px 4px;
    max-width: 100%;
    color: #fff !important;
    font-size: 11px !important;
    text-align: center;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(0,0,0,0.1);
    background: #54c3de;
}
/**/

#myTable tr td.last-minus.col-sm-1.col-xs-12, #myTable tr td.last_mm.col-sm-1.col-xs-12 {
    position: absolute !important;
    right: -10% !important;
}

#myTable_Q thead tr td, #myTable tr td {
    border: none !important;
    position: relative !important;
    padding: 0 5px !important;
    display: block;
    width: 15.6%;
    float: left;
}

    /**/
    #myTable tr td.mlty_ple_upload_file.main {
        display: block !important;
        margin-bottom: 15px;
    }

    #myTable tr td.mlty_ple_upload_file {
        display: none;
    }

    #myTable tr td.mlty_ple_upload_file {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    #myTable tr td.last-minus.col-sm-1.col-xs-12, #myTable tr td.last_mm.col-sm-1.col-xs-12 {
        position: absolute !important;
        right: -10% !important;
    }

/**/
.mlty_ple_upload_main {
    padding: 10px;
    background: #f7f7f7;
    border-radius: 5px;
    border-top: 1px solid #e8e8e8;
}

.mlty_ple_upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
    /*.mlty_ple_upload .form-group {
	min-width: 400px;
	width: 400px;
	max-width: 400px;
	margin: 0;

}*/
    .mlty_ple_upload .form-group {
        min-width: 250px;
        width: 250px;
        max-width: 250px;
        margin: 0;
        position: relative;
        left: -5%;
    }

        .mlty_ple_upload .form-group .form-control {
            background: #3d4145 !important;
            padding: 12px 12px !important;
            border-radius: 5px 0 0px 5px !important;
            border: none !important;
        }

        .mlty_ple_upload .form-group .btn.btn-info {
            padding: 11px 10px;
            background: #d08100;
            border-color: transparent;
            color: #fff !important;
            font-size: 11px !important;
        }

.fa.fa-times-circle.remove_images_single {
    font-size: 25px;
    color: #666;
    cursor: pointer;
}

#msform .form-group {
    overflow: hidden;
}

    #msform .form-group input {
        margin-bottom: 0;
    }

.add_img_file_aa i {
    vertical-align: middle;
    margin-right: 10px;
}

.add_img_file_aa {
    margin: 0;
    width: 100%;
    background: #e6e6e6;
    padding: 10px 12px;
    border-radius: 5px;
    border: 1px solid #cecece;
    cursor: pointer;
}

.file_viwer_sec {
    position: relative;
    left: -9%;
}

    .file_viwer_sec img {
        width: 57px;
        height: 57px;
        /*background: url(/images/no_image.jpg);*/
        background-position: center;
        background-size: 119px;
    }

.btn.add_more_img {
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: 1px;
    background: #54c3de;
    border: none;
    padding: 9px 15px;
    color: #fff;
}

.add_img_file_aa input {
    display: none;
}

/*.ibtnDel {
    margin-top: 6px;
    display: inline-block;
}*/

.vatTBL tr td {
    border-top: none !important;
}

.taxDetails_container {
    width: 200px;
    max-height: 120px;
    text-align: right;
    float: right;
    color: black;
}

.tbl_TaxDetails {
    width: 100%;
    text-align: right;
}

    .tbl_TaxDetails tr td div {
        margin-bottom: 8px;
    }

.manField {
    border: 1px solid #cf1515 !important;
}

.control-label span {
    color: #54c3de;
    display: inline-block;
    vertical-align: middle;
}

#msform input[type='checkbox'] {
    display: inline-block;
    position: relative;
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    margin-right: 10px;
}


#msform input[type="tel"] {
    padding-left: 50px;
}

#msform .ovrFlwnone {
    overflow: visible;
}

.intl-tel-input {
    width: 100%;
    margin-bottom: 20px;
}

/*Tracking Order CSS*/
div#pnl_srch_main {
    width: 100%;
    max-width: 750px;
    padding: 5px 20px;
    margin: 20px auto 50px auto;
}

.panel-default > .panel-heading {
    background-color: #333;
    border-color: #ddd;
    color: rgba(252,163,17,1);
    border-radius: 0;
}

.panel-heading a {
    padding: 4px 15px;
}

.panel-body {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

.inner_ban figure {
    padding-top: 00px;
    margin-bottom: 30px;
}

.abt-cnt-BG {
    padding: 20px;
    background: rgba(252,163,17,0.2);
}

    .abt-cnt-BG h1 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
        letter-spacing: 2px;
        margin-top: 0;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

        .abt-cnt-BG h1:after {
            content: "";
            position: absolute;
            width: 50px;
            height: 2px;
            background: #54c3de;
            bottom: 0;
            left: 0;
        }

    .abt-cnt-BG p {
        line-height: 24px;
    }

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
}

.innerModal {
    display: none;
    position: fixed;
    bottom: 30%;
    z-index: 9999;
    width: 680px; /*padding:20px;*/
    background: #fff;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translateX(-50%);
    border: 2px solid #00ffff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    background: #324153;
    padding: 10px;
}




div#frm_grp_a h3 {
    color: #54c3de;
    font-size: 25px;
    letter-spacing: 1px;
    padding: 10px 0 5px 0;
}

#frm_grp_a .srch_book {
    position: relative;
}

    #frm_grp_a .srch_book input {
        display: block;
        width: 100%;
        padding: 10px 13px;
        font-size: 14px;
        height: 45px;
        margin: 8px 0 0 0;
        border-radius: 30px;
        border: none;
        color: #54c3de;
        border: 1px solid #54c3de;
    }

    #frm_grp_a .srch_book #divddlContainerNo input {
        background: url(../images/srch_book.png)0 0 no-repeat;
        background-position: center;
        display: inline-block;
        width: 150px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        background-size: 26px;
        background-color: #54c3de;
        outline: none;
        box-shadow: none;
    }

div#pnl_srch_main {
    width: 100%;
    max-width: 750px;
    padding: 5px 20px;
    margin: 20px auto 50px auto;
}

.tble_book_item.tble_main p {
    color: #54c3de;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.tble_book_item.tble_main table {
    border: none;
}

    .tble_book_item.tble_main table tbody tr td {
        border: none;
        padding: 10px 10px;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 1.5;
        background: #54c3de;
        margin: 7px 0;
        display: block;
        border-radius: 3px;
        cursor: pointer;
    }
        .tble_book_item.tble_main table tbody tr td:hover {
            background-color: #ef4f12; /* Update with the desired hover color */
            color: #fff;
        }
 


.discl_a {
    text-align: center !important;
    color: #000 !important;
    letter-spacing: 1px !important;
    font-size: 16px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    text-transform: uppercase !important;
    letter-spacing: 7px;
}

.ylwLabel {
    font-size: 12px;
    background: rgba(193, 193, 193, 0.30);
    padding: 8px;
    color: rgba(0,0,0,0.6) !important;
    margin-right: 10px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.cmnLabel {
    /* font-family: 'Lato', sans-serif; */
    font-size: 12px;
    letter-spacing: 1px;
}

.ylwLabel i {
    background: #fff;
    border-radius: 30px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    padding: 0 0 0 2px;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.6);
    margin-right: 6px;
}

.confirm-box [class*="col-"] {
    margin-bottom: 2px;
}

.Khaki {
    background: rgba(193, 193, 193, 0.30);
    color: rgba(0,0,0,0.6) !important;
}

.table9 {
}

    .table9 table {
        color: #000;
        width: 30%;
        float: right;
    }

        .table9 table td {
            padding: 0px 10px;
            text-align: right;
            max-width: 1%;
            white-space: nowrap;
        }

            .table9 table td i {
                font-weight: bold;
            }

            .table9 table td:last-child {
                text-align: right;
                width: 1%;
                white-space: nowrap;
            }

.table_total {
    text-align: right;
    color: #fff;
    width: 250px;
    float: right;
}

    .table_total table {
        width: 100%;
    }

.rdBTN {
    background: #E74C3C !important;
}

.cl_5_inr button.cp_btn {
    background: #54c3de;
    color: #fff;
    border: none;
    padding: 10px 50px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 30px auto 0;
    display: block;
    height: 45px;
}

.cl_5_inr h3 {
    text-align: center;
    font-size: 27px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.cl_5_inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    /*background: #f9f9f9;*/
    /*border: 1px solid #efefef;*/
    border-radius: 3px;
    padding: 25px 0;
}

a.rgsr_now {
    display: block;
    text-align: center;
    background: #c1c1c1;
    color: #fff;
    border: none;
    padding: 10px 50px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 20px auto 0;
    height: 45px;
}

.frm_or {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #54c3de;
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 49px;
    margin-top: 25px;
}

.regs_new_user .fr {
    padding: 0 0 30px 0;
}

.regs_new_user_a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 5px;
    /*background: #f9f7f5;*/
    padding: 25px;
    border-radius: 3px;
    width: 430px;
    /*background: #ececec;
    margin-top:30px;*/
}

    .regs_new_user_a h4 {
        color: #000;
        font-size: 20px;
        letter-spacing: 1px;
        border-bottom: 1px solid #b8b8b8;
        padding-bottom: 10px;
        margin: 0;
        margin-bottom: 25px;
    }

    .regs_new_user_a .form-group label {
        color: #464545 !important;
        display: block;
        font-size: 15px !important;
        letter-spacing: 1px !important;
    }

    .regs_new_user_a .form-group input {
        border-radius: 3px;
        border: 1px solid #d6d6d6;
        background: #fff !important;
        height: 32px !important;
    }

    .regs_new_user_a .form-group a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.regs_new_user_b {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 3px 10px;
    margin: 0 5px;
    background: #f9f7f5;
    padding: 25px;
    border-radius: 3px;
}

    .regs_new_user_b h3 {
        color: #000;
        font-size: 20px;
        letter-spacing: 1px;
        border-bottom: 1px solid #b8b8b8;
        padding-bottom: 10px;
        margin: 0;
        margin-bottom: 25px;
    }

    .regs_new_user_b .form-group label {
        color: #464545 !important;
        display: block;
        font-size: 13px !important;
        letter-spacing: 1px !important;
    }

    .regs_new_user_b .form-group input {
        border-radius: 3px;
        border: 1px solid #d6d6d6;
        background: #fff !important;
        height: 32px !important;
    }

    .regs_new_user_b .form-group a {
        color: #000;
        font-size: 14px;
        letter-spacing: 1px;
    }

.incTblWidth tr td {
    width: 15% !important;
}

    .incTblWidth tr td:nth-child(3) {
        width: 12% !important;
    }

    .incTblWidth tr td:nth-child(6) {
        width: 6% !important;
    }

.question-mark {
    background: #54c3de;
    color: #fff;
    padding: 0 15px;
    height: 37px;
    border-radius: 2px;
    font-size: 24px;
    line-height: 35px;
    border: none;
}

#lblCollectionAddress {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

* {
    outline: none;
}


/*Customer portal dashboard css*/
.viewBKNG-body {
    background: #fff;
}

.dvCNFRM {
    background: #fff;
}

    .dvCNFRM h2 {
        background: #54c3de;
        background: -moz-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #54c3de), color-stop(100%, #f2b046));
        background: -webkit-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -o-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -ms-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: linear-gradient(to bottom, #54c3de 0%, #f2b046 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c3de', endColorstr='#f2b046', GradientType=0 );
        border: 1px solid rgba(0,0,0,0.2);
        color: #000 !important;
        /*text-align: left;*/
        letter-spacing: 1px;
        padding: 15px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
    }

        .dvCNFRM h2:after {
            background: none;
        }

    .dvCNFRM .confirm-box {
        padding: 12px 25px;
    }

.dvCNFRM {
    color: #fff;
}

    .dvCNFRM h4 {
        text-decoration: underline;
        color: #54c3de;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .dvCNFRM p {
        text-align: left;
        margin-bottom: 0;
        letter-spacing: 0;
        line-height: 22px;
        font-size: 13px;
    }

.nameBLD {
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

.dvCNFRM .confirm-check {
    padding: 0;
    margin-bottom: 0;
}

.rgtALNG p, .rgtALNG h4 {
    text-align: right;
}

.dvCNFRM .table-bordered > thead > tr > th {
    background: #253447;
    border: none;
}

.dvCNFRM .table-bordered > thead > tr {
    border: 1px solid rgba(255,255,255,0.2);
}

.accordianEB_main .action-button {
    float: right !important;
}

.dvCNFRM .table-bordered > tbody > tr > td {
    border: 1px solid rgba(255,255,255,0.2);
}

.dvCNFRM .table-bordered > tbody > tr:nth-child(2n) {
    background: rgba(28,42,58,0.3);
}

.viewBKNG-body .dvCNFRM h2 {
    color: #fff !important;
}

.upNEW {
    background: #253447;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px 0 0px 4px;
    position: absolute;
    top: 90px;
    right: 0px;
    width: 50px;
    height: 43px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(255,229,0,0.8);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .upNEW span {
        opacity: 0;
        font-size: 0px;
        float: left;
    }

    .upNEW i {
        text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
        font-size: 20px;
        margin-right: 10px;
        float: left;
    }

    .upNEW:hover {
        width: 205px;
        color: #fff;
        animation-iteration-count: initial !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .upNEW:hover span {
            opacity: 1;
            font-size: 11px;
            float: left;
            margin-top: 2px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

.whtCLR {
    color: #fff !important;
}

#btnAdd {
    margin-left: 0;
}

.bkngDtailsPOP h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    font-weight: 500;
}

.bkngDtailsPOP p {
    color: #000;
    text-align: left;
}

    .bkngDtailsPOP p strong {
        font-size: 16px;
    }

.undrLN {
    text-decoration: underline;
}

.custoDTAIL {
    float: none;
    width: 100%;
    display: inline-block;
}

    .custoDTAIL li {
        display: inline-block;
        color: #333;
        font-size: 13px;
        min-width: 33%;
        /*text-align: left;*/
        font-weight: 700;
        background:#ececec;
        float: left;
        padding: 8px;
        margin-right: 2px;
    }

        .custoDTAIL li span {
            color: #333 !important;
            font-weight: normal;
        }

/* For Quotation */
.qtngDtailsPOP h4 {
    color: #5c3d11;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
}

.qtngDtailsPOP p {
    color: #000;
    text-align: left;
}

    .qtngDtailsPOP p strong {
        font-size: 16px;
    }

/*======== 08-02-2018 ========*/
.pickUPadrs h5 {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #54c3de;
    text-align: left;
    padding: 5px;
    margin: 15px 0;
    font-weight: 400;
}

.clnName {
    text-transform: uppercase;
}

.phSEC i, .adrs-sec i {
    font-size: 16px;
    background: #54c3de;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    line-height: 29px;
    text-align: center;
    color:#fff;
    border-radius: 16px;
}

.icnHGT {
    width: 30px;
    min-height: 40px;
    display: inline-block;
    margin-right: 5px;
}

.italic_pound {
    color: #fff;
}
/*====== 09-02-2018 ======*/
.custoDTAIL li:first-child, .custoDTAIL li:nth-child(2),
.custoDTAIL li:nth-child(3) {
    background:#333;
    color: #fff;
    margin-bottom: 2px;
}

.mntnTYM {
    background: rgba(0,0,0,0.2);
    padding: 5px 5px 5px 10px;
    margin-top: 15px;
    margin-bottom: 10px !important;
}

.itemDTL {
    width: 100%;
    text-align: left;
}

    .itemDTL tr th {
        background: rgba(0,0,0,0.6) !important;
        color: #54c3de !important;
        margin-bottom: 2px;
    }

    .itemDTL tr:nth-child(2n) td {
        background: rgba(0,0,0,0.2) !important;
    }

.vatTotal {
    color: #fff;
    text-align: right;
}

    .vatTotal li {
        font-size: 14px;
        margin-bottom: 10px;
    }

.btnList li {
    display: inline-grid;
}


.dvCNFRM {
    background: #fff;
}

    .dvCNFRM h2 {
        background: #54c3de;
        border: 1px solid rgba(0,0,0,0.2);
        color: #000 !important;
        /*text-align: left;*/
        letter-spacing: 1px;
        padding: 15px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
    }

        .dvCNFRM h2:after {
            background: none;
        }

    .dvCNFRM .confirm-box {
        padding: 12px 25px;
    }

.dvCNFRM {
    color: #fff;
}

    .dvCNFRM h4 {
        text-decoration: underline;
        color: #54c3de;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .dvCNFRM p {
        text-align: left;
        letter-spacing: 0;
        /* line-height: 22px; */
        font-size: 13px;
        margin-bottom:5px;
    }

.nameBLD {
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

.dvCNFRM .confirm-check {
    padding: 0;
    margin-bottom: 0;
}

.rgtALNG p, .rgtALNG h4 {
    text-align: right;
}

.dvCNFRM .table-bordered > thead > tr > th {
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    border: none;
}

.dvCNFRM .table-bordered > thead > tr {
    border: 1px solid rgba(255,255,255,0.2);
}

.accordianEB_main .action-button {
    float: right !important;
}

.dvCNFRM .table-bordered > tbody > tr > td {
    border: 1px solid rgba(255,255,255,0.2);
}

.dvCNFRM .table-bordered > tbody > tr:nth-child(2n) {
    background: rgba(28,42,58,0.3);
}

*=== 22.03.2018 ====*/
#dtViewQuotations_wrapper {
    background-color: #54c3de;
    margin-left: 150px;
    width: 75%;
}

#dtViewQuotations_length {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: left;
}

    #dtViewQuotations_length label {
        color: white;
    }

    #dtViewQuotations_length select {
        background-color: whitesmoke;
        border: 1px solid rgba(0,0,0,0.3);
        padding: 5px;
        color: #000;
    }

#dtViewQuotations_filter {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewQuotations_filter label {
        color: white;
        float: right;
    }

    #dtViewQuotations_filter input {
        color: black;
        padding: 5px;
    }

#dtViewQuotations {
    background: rgb(40, 40, 40);
    margin-left: 90px;
}

#dtViewQuotations_info {
    padding: 10px;
    background-color: #54c3de;
    color: white;
    font-size: 13px;
    width: 50%;
    float: left;
}

#dtViewQuotations_paginate {
    padding: 10px;
    background-color: #54c3de;
    color: black;
    font-size: 13px;
    width: 50%;
    float: right;
    text-align: right;
}

.paginate_button {
    padding: 5px;
    margin: 2px;
    color: #000;
}

    .paginate_button.current {
        background: #fff;
    }

#dtViewQuotations_paginate .paginate_button:hover {
    background-color: black;
    color: white;
    cursor: pointer;
}

#dtViewQuotations tr:nth-child(odd) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewQuotations tr:nth-child(even) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewQuotations tr td {
    border: 1px solid rgba(0,0,0,0.3);
    padding: 8px;
    color: #fff;
    border-right: none;
    border-top: none;
}

    #dtViewQuotations tr td:last-child {
        border: 1px solid rgba(0,0,0,0.3);
    }

#dtViewQuotations tr th {
    border: 1px solid rgba(255,255,255,0.3);
    padding: 8px;
    border-right: none;
}

    #dtViewQuotations tr th:last-child {
        border: 1px solid rgba(255,255,255,0.3);
    }

#dtViewQuotations tr td {
    font-size: 12px;
}

/* dvMyQuotations - (Modal Popup) */

#dvMyQuotations {
    background: rgb(40, 40, 40);
    font-size: 13px;
}

    #dvMyQuotations tr:nth-child(odd) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyQuotations tr:nth-child(even) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyQuotations tr td {
        border: 1px solid rgba(0,0,0,0.3);
        padding: 8px;
        color: #fff;
        border-right: none;
        border-top: none;
    }

        #dvMyQuotations tr td:last-child {
            border: 1px solid rgba(0,0,0,0.3);
        }

    #dvMyQuotations tr th {
        border: 1px solid rgba(255,255,255,0.3);
        padding: 8px;
        border-right: none;
    }

        #dvMyQuotations tr th:last-child {
            border: 1px solid rgba(255,255,255,0.3);
        }
/*=== 23.03.2018 ====*/
#dtViewBookings_wrapper {
    background-color: #ececec;
    margin-left: 0px;
    width: 100%;
}

#dtViewBookings_length {
    padding: 10px;
    background-color:#ececec;
    font-size: 13px;
    width: 50%;
    float: left;
}

    #dtViewBookings_length label {
        color: #3e3e3e;
    }

    #dtViewBookings_length select {
        background-color: whitesmoke;
        border: 1px solid rgba(0,0,0,0.3);
        padding: 5px;
        color: #000;
    }

#dtViewBookings_filter {
    padding: 10px;
    background-color:#ececec;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewBookings_filter label {
        color: #3e3e3e;
        float: right;
    }

    #dtViewBookings_filter input {
        color: black;
        padding: 5px;
    }

#dtViewBookings {
    background:#ffe1af;
    margin-left: 50px;
    width: 100%;
}

#dtViewBookings_info {
    padding: 10px;
    background-color: #ececec;
    color: #3e3e3e;
    font-size: 13px;
    width: 50%;
    float: left;
}

#dtViewBookings_paginate {
    padding: 10px;
    background-color:#ececec;
    color: black;
    font-size: 13px;
    width: 50%;
    float: right;
    text-align: right;
}

.paginate_button {
    padding: 5px;
    margin: 2px;
    color: #000;
}

    .paginate_button.current {
        background: #fff;
    }

#dtViewBookings_paginate .paginate_button:hover {
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

#dtViewBookings tr:nth-child(odd) {
    /* background: rgb(40, 40, 40); */
    color:rgba(0,0,0,0.6) !important;
    font-size: 13px;
}

#dtViewBookings tr:nth-child(even) {
    /* background: rgb(40, 40, 40); */
    color: #333;
    font-size: 13px;
}

#dtViewBookings tr td {
    border: 1px solid rgba(0,0,0,0.3);
    padding: 8px;
    color: #333;
    border-right: none;
    border-top: none;
}

    #dtViewBookings tr td:last-child {
        border: 1px solid rgba(0,0,0,0.3);
        border-top:0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

#dtViewBookings tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dtViewBookings tr th:last-child {
        border: 1px solid #b2b2b2;
    }

#dtViewBookings tr td {
    font-size: 12px;
}

/* dvMyBookings - (Modal Popup) */

#dvMyBookings {
    background:#333;
    font-size: 13px;
}

    #dvMyBookings tr:nth-child(odd) {
        background:#333;
        color: #fff;
        font-size: 13px;
    }

    #dvMyBookings tr:nth-child(even) {
        background:#333;
        color: #fff;
        font-size: 13px;
    }

    #dvMyBookings tr td {
        border:2px solid #fff;
        padding: 8px;
        color: #333;
        border-right: none;
        border-top: none;
        text-align: justify;
    }

        #dvMyBookings tr td:last-child {
            border: 1px solid rgba(0,0,0,0.3);
        }

    #dvMyBookings tr th {
        border: 2px solid #fff;
        padding: 8px;
        border-right: none;
    }

        #dvMyBookings tr th:last-child {
            border: 1px solid rgba(255,255,255,0.3);
        }

/* dvMyPaymentDetails - (Modal Popup) */

#dvMyPaymentDetails {
    background: rgb(40, 40, 40);
    font-size: 13px;
}

    #dvMyPaymentDetails tr:nth-child(odd) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyPaymentDetails tr:nth-child(even) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyPaymentDetails tr td {
        border: 1px solid rgba(0,0,0,0.3);
        padding: 8px;
        color: #fff;
        border-right: none;
        border-top: none;
        text-align: justify;
    }

        #dvMyPaymentDetails tr td:last-child {
            border: 1px solid rgba(0,0,0,0.3);
        }

    #dvMyPaymentDetails tr th {
        border: 1px solid rgba(255,255,255,0.3);
        padding: 8px;
        border-right: none;
    }

        #dvMyPaymentDetails tr th:last-child {
            border: 1px solid rgba(255,255,255,0.3);
        }

.closeRoundButton {
    position: absolute;
    background: rgba(197, 17, 17, 0.6);
    color: white;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 100%;
    width: 15px;
    height: 15px;
    line-height: 0;
    right: -6px;
    top: -6px;
    font-size: 10px;
    vertical-align: top;
}

    .closeRoundButton:hover {
        background: rgba(197, 17, 17, 1);
    }

/*=== View My Bookings ===*/
#ContentPlaceHolder1_btnExportViewMyBookingsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyBookingsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

#dtViewBookings td a:hover,
#dtViewQuotations td a:hover {
    color: red;
}

.twoSrvbtn {
    position: absolute;
    top: -38px;
    right: -50%;
}

.twoSrvbtn {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #54c3de !important;
}

.twoSETbtn {
    position: absolute;
    top: -38px;
    right: 28px;
}

#btnEditBooking, #btnCancelBooking,
#btnPrintBookingModal, #btnPrintPdfBookingModal, #btnPrintExcelBookingModal,
#btnPrintCustomerModal1, #btnPrintPdfCustomerModal1, #btnPrintExcelCustomerModal1,
#btnPrintQuotationModal, #btnPrintPdfQuotationModal, #btnPrintExcelQuotationModal {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #54c3de !important;
    float: left;
}

    #btnEditBooking:hover, #btnCancelBooking:hover,
    #btnPrintBookingModal:hover, #btnPrintPdfBookingModal:hover, #btnPrintExcelBookingModal:hover,
    #btnPrintCustomerModal1:hover, #btnPrintPdfCustomerModal1:hover, #btnPrintExcelCustomerModal1:hover,
    #btnPrintQuotationModal:hover, #btnPrintPdfQuotationModal:hover, #btnPrintExcelQuotationModal:hover {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    }

.custoFULLdet th {
    color: #54c3de;
    width: 40%;
}

.custoFULLdet td {
    color: #fff;
}

.custoFULLdet th, .custoFULLdet td {
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.15);
    text-align: left;
    padding: 6px !important;
}

.large-SE-large {
    width: 100%;
}

#dtViewBookings td a {
    cursor: pointer;
    color: #54c3de;
}

.custoFULLdet tr:nth-child(2n) th, .custoFULLdet tr:nth-child(2n) td {
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    letter-spacing: 1px;
}

.custoFULLdet tr:nth-child(odd) th,
.custoFULLdet tr:nth-child(odd) td {
    background: rgba(0,0,0,0.2);
}
.image_table {
    margin: 15px 25px;
}

    .image_table strong {
        display: block;
        float: left;
        margin-right: 20px;
        font-weight: 400;
        color: #54c3de;
        font-size: 16px;
        padding: 14px 0 !important;
    }

    .image_table .img_tab {
        float: left;
    }


.rld_img span {
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #333;
    cursor: pointer;
}

.rld_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    padding: 19px 0;
}

    .rld_img span i {
        transition: all 0.4s ease;
        margin-left: 5px;
    }

    .rld_img span:hover i {
        transform: rotate(360deg);
    }

.deliOpt {
    padding: 20px 20px 29px 20px;
}

.deliOpt h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 28px;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 7px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

.deliOpt p {
    color: #54c3de;
    text-align: center;
    padding: 0 20%;
    line-height: 1.5;
}

.deliOpt h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #54c3de;
    right: 0;
    margin: 0 auto;
}

.table9 table {
    color: #000;
    width: 30%;
    float: right;
}

    .table9 table td {
        padding: 0px 10px;
        text-align: right;
    }

        .table9 table td i {
            font-weight: bold;
        }

        .table9 table td:last-child {
            text-align: right;
        }

.table_total {
    text-align: right;
    color: #333;
    width: 250px;
    float: right;
}

    .table_total table {
        width: 100%;
    }

/*=== View My Bookings ===*/
#ContentPlaceHolder1_btnExportViewMyBookingsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyBookingsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

/*=== View My Quotations ===*/
.hugeLeftGap .form-control {
    border-radius: 0;
}
#ContentPlaceHolder1_btnExportViewMyQuotationsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyQuotationsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

.Khaki {
    background: rgba(252, 163, 17, 0.20);
    color: rgba(0,0,0,0.6) !important;
}

.iconADD {
    position: relative;
}

    .iconADD input {
        padding-left: 25px !important;
        margin-right: 5px;
    }

    .iconADD i {
        position: absolute;
        left: 8px;
        top: 9px;
        color: #fff;
    }

    .iconADD:hover i {
        color: #54c3de;
    }

    .iconADD{position:relative;}
.iconADD input{padding-left:25px !important; margin-right:5px;}
.iconADD i{position:absolute; left:20px; top: 0px; color:#fff; }   
.iconADD:hover i{ color:#fff; }
#ContentPlaceHolder1_btnExportPdfBookingDetails,
#ContentPlaceHolder1_btnExportExcelBookingDetails,
#ContentPlaceHolder1_btnExportViewAllQuotationsPDF,
#ContentPlaceHolder1_btnExportViewAllQuotationsExcel,
#ContentPlaceHolder1_btnPayNow
{
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding:10px 20px 10px 40px !important;
    border: none;
    border-radius:25px;
    width:auto;
}

#ContentPlaceHolder1_btnExportPdfBookingDetails:hover,
#ContentPlaceHolder1_btnExportExcelBookingDetails:hover,
#ContentPlaceHolder1_btnExportViewAllQuotationsPDF:hover,
#ContentPlaceHolder1_btnExportViewAllQuotationsExcel:hover,
#ContentPlaceHolder1_btnPayNow:hover
{
    background:none;
    color:#fff;
    background:red;

    -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#dvMyBookings tbody tr{background:#ececec !important;}
.modal-header .close{font-size:26px;}
.input-group-addon:last-child{opacity:0;}