body {
     padding-top: 50px;

}
.bg-cshdr {
    background-color: #17365f;
}

.cs-home-bnr {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
    background: url('../images/home_banner.jpg') no-repeat scroll 0 0 !important;
    background-size: cover !important;
    background-color: #f7f7f7;
}
.bnr-img-lg-s {
    margin: 0 auto;
    display:none;
}
@media (min-width: 360px) {
    .cs-home-bnr {
        background: url('../images/mobile_home_bg.jpg') no-repeat scroll 0 0 !important;
        padding-top: 40px;
        padding-bottom: 20px;
        background-size: cover;
    }

    .bnr-img-sm-s {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .bnr-img-lg-s {
        display: none !important;
    }
}

@media (min-width: 414px) {
    .cs-home-bnr {
        background: url('../images/mobile_home_bg.jpg') no-repeat scroll 0 0 !important;
        padding-top: 60px;
        padding-bottom: 50px;
        background-size: cover;          
    }
    .bnr-img-sm-s {
        display: block;
        margin: 0 auto;
        width:100%;
    }
    .bnr-img-lg-s {
        display: none !important;
    }
   
}

@media (min-width: 767px) {
    .cs-home-bnr {
        background: url('../images/home_banner.jpg') no-repeat scroll 0 0 !important;
        padding-top: 80px;
        padding-bottom: 80px;
        background-size: cover !important;
        height: auto;
    }

    .bnr-img-sm-s {
        display: none;
    }

    .bnr-img-lg-s {
        margin: 0 auto;
        display: block !important;
    }
}

@media (min-width: 992px) {
    .cs-home-bnr {
        background: url('../images/home_banner.jpg') no-repeat scroll 45% 0 !important;
        padding-top: 30px;
        padding-bottom: 30px;
        background-size: cover !important;
        height: auto;
    }

    .bnr-img-sm-s {
        display: none;
    }

    .bnr-img-lg-s {
        margin: 0 auto;
        display: block !important;
    }
}

@media (min-width: 1440px) {
    .cs-home-bnr {
        background: url('../images/home_banner.jpg') no-repeat scroll 0 0 !important;
        padding-top: 50px;
        padding-bottom: 30px;
        background-size: cover !important;
    }

    .bnr-img-lg-s {
        margin: 0 auto;
        display: block !important;
    }

    .bnr-img-sm-s {
        display: none;
    }
}

@media (min-width: 1800px) {
    .cs-home-bnr {
        background: url('/images/home_banner.jpg') no-repeat scroll 0 0 !important;
        padding-top: 80px;
        padding-bottom: 50px;
        background-size: cover !important;      
    }
    .bnr-img-lg-s {
        margin:0 auto;
        display: block !important;
    }

    .bnr-img-sm-s {
        display:none;
    }
}

.bnr-cont-pos {
    display: flex;
    flex-flow: wrap row;
}

    .bnr-cont-pos .leftc {
        flex-grow: 0;
    }

    .bnr-cont-pos .expnd {
        flex-grow: 5;
    }

.bnr-content {
    position: relative;
    color: #2a2f65;
    text-align: center;
    max-width: 500px;
   
}

    .bnr-content p {
        font-size: 24px;
        font-weight: 600;
    }

    .bnr-content h2 {
        font-size: 36px;
        font-weight: 600;
    }

    .bnr-content img {
        max-width: 100%;
    }
@media screen and (min-width: 414px) {
    .bnr-content img {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .bnr-content {
        max-width: 700px;
        margin: 0 auto;
       
    }
        .bnr-content img {
            max-width: 390px;
        }
}

@media screen and (min-width: 992px) {
    .bnr-content {
        max-width: 500px;
        margin: unset;
    }

        .bnr-content img {
            max-width: 390px;
        }
}

@media screen and (min-width: 1200px) {
    .bnr-content {
        max-width: 500px;
        margin:unset;
      
    }
        .bnr-content img {
            width:390px;
            max-width: 390px;
        }

}



.cs-products {
    background-color: #f9f9fa;
    padding: 40px 0;
}
    .cs-products h2 {
        font-size: 28px;
        font-weight: 500;        
        color: #434754;
    }

    .cs-products p {
        font-size: 16px;        
        color: #585c68;
    }

    .cs-products .hm-panel {
        padding: 12px;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
        -moz-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
        box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
        margin-bottom: 20px;
    }
        .cs-products .hm-panel:hover {
            -webkit-box-shadow: 0px 0px 10px 0px rgba(34,75,146,0.3);
            -moz-box-shadow: 0px 0px 10px 0px rgba(34,75,146,0.3);
            box-shadow: 0px 0px 10px 0px rgba(34,75,146,0.3);
        }

        .cs-products .hm-panel h4 {
            font-size: 22px;
            color: #fff;           
            padding:9px 0;
        }

        .cs-products .hm-panel p {
            color: #555868;
            font-size: 14px;
            line-height: 22px;           
            padding: 15px 20px;
        }

        .cs-products .hm-panel a {
            display: inline-block;            
            color: #fff;
            font-size: 14px;           
            padding: 7px 25px;
        }
.hm-pnl-link {
    padding:0!important;
}
.hm-pnl-link:hover {
    text-decoration:none;
}

.cs-products .hltd-txt {
    background-color: #90c153;
    font-weight: 400;
    padding: 15px;
    color: #fff;
    border-radius: 4px;
}
.cs-products .hltd-txt {
    position:relative;
}

    .cs-products .hltd-txt h3 {
        font-size: 18px;
        line-height: 32px;
    }

@media screen and (min-width: 600px) {
    .cs-products h2 {
        font-size: 36px;
    }
    .cs-products .hltd-txt {
        padding: 20px 60px;       
    }

        .cs-products .hltd-txt h3 {
            font-size: 24px;
            line-height: 32px;
        }
}

.nav-prod-bg {
    position:relative;
    border-radius: 3px;
    padding: 3px 15px !important;
}

    .nav-prod-bg .pro-tit {
        text-align: center !important;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
    }

    .nav-prod-bg p {
        text-align: center;
        color: rgba(255, 255, 255, 0.85);
        font-size: 12px;
        font-weight:500;
        margin-bottom: 0 !important;
    }

.nav-hm-drgo-brdr {
    border-bottom: 2px solid #74b5d3;    
    min-width:120px;
}

.nav-hm-occ-brdr {
    border-bottom: 2px solid #e08297;
    min-width: 120px;
}

.nav-hm-venue-brdr {
    border-bottom: 2px solid #b67fd8;
    min-width: 120px;
}

.nav-drgo-cmn-brdr {
    border-bottom: 2px solid #5887bb;
    min-width: 120px;
}

.nav-occ-cmn-brdr {
    border-bottom: 2px solid #c8589a;
    min-width: 120px;
}

.nav-venue-cmn-brdr {
    border-bottom: 2px solid #539293;
    min-width: 120px;
}

.nav-drgo-bg-active {
    background-color: #62acd0 !important;
    border-bottom: 2px solid #87d5eb;
    min-width: 120px;
}

.nav-occ-bg-active {
    background-color: #d15976 !important;
    border-bottom: 2px solid #f086ad;
    min-width: 120px;
}

.nav-venue-bg-active {
    background-color: #88ad4e !important;
    border-bottom: 2px solid #9ec06a;
    min-width: 120px;
}

.nav-btn {
    background-color: #193e6d;    
    padding: 8px 20px !important;
}
    .nav-btn:hover {
        background: #1a447a;
    }
    .nav-btn .btn-txt {
        text-align: center !important;
        color: #fff;
        font-size: 16px;
    }
    .nav-btn .btn-txt:hover {
        top:100px;
    }

.nav-btn-occ {
    background-color: #b33a7d;
    padding: 8px 20px !important;
}
    .nav-btn-occ .btn-txt {
        text-align: center !important;
        color: #fff;
        font-size: 16px;
    }

    .nav-btn-occ:hover {
        background-color: #be498d;
    }

.nav-btn-venue {
    background-color: #447d7e;
    padding: 8px 20px !important;
}

    .nav-btn-venue .btn-txt {
        text-align: center !important;
        color: #fff;
        font-size: 16px;
    }

    .nav-btn-venue:hover {
        background-color: #4a8687;
    }

.nav-devider {
    margin-left:5px;
    margin-right:5px;
    display: none;
    border-right: 1px dashed rgba(255, 255, 255, 0.5);
    /*background-color: rgba(255, 255, 255, 0.5);*/
    width: 1px !important;
    height: 44px !important;
}
.btn-log {
    background-color: #eff4f9;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,242,253,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,242,253,1) 100%);
    padding: 8px 15px !important;
}
    .btn-log .log-txt {
        text-align: center !important;
        color: #213855;
        font-size: 16px;
    }
    .btn-log:hover {
        background: #eaf2fd;
        background: linear-gradient(to bottom, rgba(233,242,253,1) 0%, rgba(255,255,255,1) 100%) !important;
        background: -webkit-linear-gradient(top, rgba(233,242,253,1) 0%, rgba(255,255,255,1) 100%) !important;
    }

.hm-pnl-blt {
    text-align: left !important;
    margin: 15px 0;
}
    .hm-pnl-blt ul {
        list-style-image: url('../images/g_tick2.png');    
    }
    .hm-pnl-blt ul li {
        color: #555868;
        font-size: 14px;
        line-height: 30px;            
    }
    .btn-express {
        background-color: #72b1c6;
        background: linear-gradient(to right, rgba(112,174,195,1) 0%, rgba(124,192,215,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(112,174,195,1) 0%, rgba(124,192,215,1) 100%) !important;
    }

    .btn-express:hover {
        background-color: #5ca3bb;
        background: linear-gradient(to right, rgba(104,189,217,1) 0%, rgba(104,189,217,1) 4%, rgba(90,167,192,1) 97%, rgba(90,167,192,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(104,189,217,1) 0%, rgba(104,189,217,1) 4%, rgba(90,167,192,1) 97%, rgba(90,167,192,1) 100%) !important;
    }

.btn-occ {
    background-color: #d8798f;
    background: linear-gradient(to right, rgba(216,121,143,1) 0%, rgba(229,134,154,1) 99%, rgba(229,134,154,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(216,121,143,1) 0%, rgba(229,134,154,1) 99%, rgba(229,134,154,1) 100%) !important;
}
    .btn-occ:hover {
        background-color: #d56e86;
        background: -webkit-linear-gradient(left, rgba(225,118,141,1) 0%, rgba(225,118,141,1) 4%, rgba(206,97,122,1) 97%, rgba(206,97,122,1) 100%) !important;
        background: linear-gradient(to right, rgba(225,118,141,1) 0%, rgba(225,118,141,1) 4%, rgba(206,97,122,1) 97%, rgba(206,97,122,1) 100%) !important;
    }
.btn-venue {
    background-color: #9d75ac;
    background: linear-gradient(to right, rgba(156,117,172,1) 0%, rgba(173,129,200,1) 99%, rgba(173,129,200,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(156,117,172,1) 0%, rgba(173,129,200,1) 99%, rgba(173,129,200,1) 100%) !important;
}
    .btn-venue:hover {
        background-color: #67a6bb;
        background: linear-gradient(to right, rgba(162,119,189,1) 0%, rgba(162,119,189,1) 4%, rgba(150,109,168,1) 97%, rgba(150,109,168,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(162,119,189,1) 0%, rgba(162,119,189,1) 4%, rgba(150,109,168,1) 97%, rgba(150,109,168,1) 100%) !important;
    }

.bg-express-title {
    background: linear-gradient(to right, rgba(112,174,195,1) 0%, rgba(124,192,215,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(112,174,195,1) 0%, rgba(124,192,215,1) 100%) !important;
    background-color: #74b4c9;
}
.bg-occ-title {
    background-color: #db7c92;
    background: linear-gradient(to right, rgba(216,121,143,1) 0%, rgba(229,134,154,1) 99%, rgba(229,134,154,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(216,121,143,1) 0%, rgba(229,134,154,1) 99%, rgba(229,134,154,1) 100%) !important;
}
.bg-venue-title {
    background-color: #a078b3;
    background: linear-gradient(to right, rgba(156,117,172,1) 0%, rgba(173,129,200,1) 99%, rgba(173,129,200,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(156,117,172,1) 0%, rgba(173,129,200,1) 99%, rgba(173,129,200,1) 100%) !important;
}
.dropgo-l-bg {
    background-color: #ecf6f9;
}
.occ-l-bg {
    background-color: #fcf0f3;
}
.veneu-l-bg {
    background-color: #f7f0fb;
}

.exp-hlp-txt {
    padding: 15px 25px;
    font-weight: 400;
    color: #555868;
   
}
.occ-hlp-txt {
    padding: 15px 25px;
    font-weight: 400;
    color: #555868;
   
}
.venue-hlp-txt {
    padding: 15px 25px;
    font-weight: 400;
    color: #555868;
   
}

.product-bg {
    background-color: #edf5f8;
    min-height: 80px;
}

    .product-bg img {
        display: block;
        width: 100%;
        height: auto;
    }

.btn-login {
    display: inline-block;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,242,253,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,242,253,1) 100%);
    font-size: 15px;
    color: #364360 !important;
    font-weight: 600;
    padding: 7px 17px 5px 12px !important;
    border-radius: 2px;  
}

    .btn-login i {
        margin-right: 3px;
        margin-bottom: 5px;
    }

    .btn-login:hover {
        background: #eaf2fd;
        background: linear-gradient(to bottom, rgba(233,242,253,1) 0%, rgba(255,255,255,1) 100%) !important;
        background: -webkit-linear-gradient(top, rgba(233,242,253,1) 0%, rgba(255,255,255,1) 100%) !important;
    }


.btn-jn {
    display: inline-block;
    background: linear-gradient(to bottom, rgba(254,217,108,1) 0%, rgba(227,188,70,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,217,108,1) 0%, rgba(227,188,70,1) 100%);
    font-size: 15px;
    color: #364360 !important;
    font-weight: 600;
    padding: 7px 17px 5px 12px !important;
    border-radius: 2px;
    margin-right: 10px;
    
}

.hm-link {
    flex-grow: 1;
    text-align: center !important
}
    .hm-link .aln {
        margin: 0 auto
    }


@media screen and (min-width: 768px) {
    .btn-login {
       width:100%;
       text-align:center;      
    }

    .btn-jn {
        width: 100%;
        text-align: center;       
    }
}
@media screen and (min-width: 1024px) {
    .btn-login {
        width: unset;
    }

    .btn-jn {
        width: unset;
    }
}

@media screen and (min-width: 1200px) {
    .btn-login {
        width: unset;       
    }

    .btn-jn {
        width: unset;
    }
}

.cs-tstm {
    background-color: #f3f3f5;
    padding: 40px 0;
  
}
.tstm-pnl {
    background:url('../images/quotes.png') no-repeat 5% -7%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    -moz-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    margin-bottom:25px;
}
    .tstm-pnl .cus-cmnts {
        color: #5b5f72;
        padding: 80px 30px;
    }
    .tstm-pnl .cus-details {
        text-align: center;
        background-color: #3d85a2;
        background: linear-gradient(to bottom, rgba(73,152,170,1) 0%, rgba(58,128,160,1) 85%, rgba(58,128,160,1) 100%) !important;
        background: -webkit-linear-gradient(top, rgba(73,152,170,1) 0%, rgba(58,128,160,1) 85%, rgba(58,128,160,1) 100%) !important;
        padding: 10px 0;
    }
        .tstm-pnl .cus-details .cus-name {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            padding-top: 5px;
        }
        .tstm-pnl .cus-details p {
            font-size: 12px;      
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 10px;
        }

.cus-logo-bg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: 3px solid #448fa7;
    border-radius: 50%;
    font-size: 1.88rem;
    line-height: 90px;    
    margin-top: -65px;
}
    .cus-logo-bg img {
        padding:10px 0;
    }
.footer-contact {
   
    background-color: #181f34;
    padding: 40px 0;
}
    .footer-contact .ftr-logo {
        max-width:140px;
        width:140px;
        height:auto;
        margin-bottom:15px;
    }
    .footer-contact h4 {
        font-size: 16px;
        font-weight: bold;
        color: #dadeea;
    }
    .footer-contact ul {
        list-style:none;
        padding-left:0;
    }
        .footer-contact ul li {
            line-height:25px;
            font-size:13px;
            color: #d2d8ec
        }
        .footer-contact ul li a{
           text-decoration:underline;
            color: #d2d8ec
        }
            .footer-contact ul li a:hover {
                text-decoration:none;
            }
        .footer {
        background-color: #151b2f;
        border-top: 1px solid #262f4c;
        padding: 6px 0;
        color: rgba(255, 255, 255, 0.8)
    }
        .footer p {
            font-size:13px;
            margin-top:15px;
        }


/*Express*/
.express-bnr {
    background: url('../images/express/dropgo_map.jpg') no-repeat scroll 0 0 !important;
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px;
    background-size: cover;
    background-color: #79c5dd;
}
.exp-join {
    display: inline-block;
    background-color: #013a80;
    font-size: 20px;
    color: #fff !important;
    font-weight: 600;
    padding: 10px 35px !important;
    border-radius: 4px;
    min-width: 200px;
}

    .exp-join:hover {
        background-color: #012e6b;
        text-decoration: none;
    }

.express-bnr-content {
    position: relative;    
    text-align: center;
    max-width: 800px;
}

    .express-bnr-content h2 {
        font-size: 58px;
        margin-bottom: 15px;
        font-weight: 700;
        color: #01367b;
        text-shadow: 2px 5px 2px rgba(255, 255, 255, 0.90);
    }
    .express-bnr-content .bnr-txt {
        background-color: rgba(255, 255, 255, 0.75);
        padding: 10px;
        margin-bottom: 15px;        
        -webkit-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.5);
        box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.5);
    }

        .express-bnr-content .bnr-txt p {
            font-size: 18px;
            font-weight: 600;
            color: #154480;
            padding:12px 0;
        }

        .express-bnr-content .bnr-txt .tagline {
            background-color: #0e5abc;
            background: linear-gradient(to right, #3c62ad 0%, #224e89 100%) !important;
            color: #fff;
            font-size: 22px;
            padding: 10px 15px;
        }

    .express-bnr-content p {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 10px;
    }



    .express-bnr-content .bnr-blts {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

        .express-bnr-content .bnr-blts ul {
            list-style-image: url('../images/gren_tick3.png');
        }

            .express-bnr-content .bnr-blts ul li {
                line-height: 32px;
            }

        .express-bnr-content .bnr-blts .lft-p {
            float: left;
            text-align: left;
        }

        .express-bnr-content .bnr-blts .right-p {
            float: left;
            text-align: left;
        }

.sm-bnr-blts {
    position: relative;
    background-color: #dce8f1;
    padding: 10px 0;
    display: none;
    padding-left: 0;
}
.sm-bnr-blts ul {
    list-style-type:none;
    padding-left:0;
}
    .sm-bnr-blts ul li {
        background-color:rgba(255, 255, 255, 0.9);
        line-height: 36px;
        color: #333333;
        padding:6px 15px;
        margin: 5px 10px;
    }

.drgo-bnr-img {
    position: relative;
    display: block;
}

.dropgo-fe-bnr {
    background: url('../images/express/features/dropgo_fe_bnr.png') no-repeat center 0;
    background-color: rgba(238, 238, 238, 0.7);
    text-align: center;
    border-bottom: 1px solid rgba(34,75,146,0.20);
}

.occ-fe-bnr {
    background: url('../images/occasion/occ_fe_bnr.png') no-repeat center 0;
    background-color: rgba(238, 238, 238, 0.7);
    text-align: center;
    border-bottom: 1px solid rgba(34,75,146,0.20);
}

.venue-fe-bnr {
    background: url('../images/venue/features/venue_fe_bnr.png') no-repeat center top;
    background-color: rgba(238, 238, 238, 0.7);
    text-align: center;
    border-bottom: 1px solid rgba(34,75,146,0.20);
}


    @media (min-width: 360px) {
        .express-bnr {
        background: url('../images/express/drgo_mob_bnr.jpg') no-repeat scroll 0 0 !important;
        padding-top: 40px;
        padding-bottom: 20px;
        background-size: cover;
        display: block;
    }
    .exp-join {
        min-width:100% !important;
    }
    .express-bnr-content .bnr-blts {
        display:none !important;
    }
    .sm-bnr-blts {
        display: block;
    }
    .express-bnr-content p {
        font-size:18px;
    }
    .drgo-bnr-img {       
        display: none;
    }
}

@media (min-width: 414px) {
    .express-bnr {
        background: url('../images/express/drgo_mob_bnr.jpg') no-repeat scroll 0 0 !important;
        padding-top: 30px;
        padding-bottom: 20px;
        background-size: cover;
    }
    .exp-join {
        min-width: 100% !important;
    }
    .express-bnr-content .bnr-blts {
        display: none !important;
    }
    .sm-bnr-blts {
        display: block;
    }
    .express-bnr-content p {
        font-size: 18px;
    }
    .drgo-bnr-img {
        display: none;
    }
}

@media (min-width: 767px) {
    .express-bnr {
        background: url('../images/express/dropgo_map.jpg') no-repeat scroll 0 0 !important;
        padding-top: 80px;
        padding-bottom: 80px;
        background-size: cover !important;
        height: auto;
    }
    .exp-join {
        min-width: 100% !important;
    }
    .express-bnr-content .bnr-blts {
        display: block !important;
    }
    .sm-bnr-blts {
        display: none;
    }
    .express-bnr-content p {
        font-size: 24px;
    }
    .drgo-bnr-img {
        display: block;
    }
}
@media (min-width: 992px) {
    .express-bnr {
        background: url('../images/express/dropgo_map.jpg') no-repeat scroll 0 0 !important;
        padding-top: 30px;
        padding-bottom: 30px;
        background-size: cover !important;
        height: auto;
    }
    .exp-join {
        min-width: 100% !important;
    }
    .express-bnr-content .bnr-blts {
        display: block !important;
    }
    .sm-bnr-blts {
        display: none;
    }
    .express-bnr-content p {
        font-size: 24px;
    }
    .drgo-bnr-img {
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    .express-bnr {
        background: url('../images/express/dropgo_map.jpg') no-repeat scroll 0 0 !important;
        padding-top: 60px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .exp-join {
        min-width: 180px !important;
    }
    .express-bnr-content .bnr-blts {
        display: block !important;
    }
    .sm-bnr-blts {
        display: none;
    }
    .express-bnr-content p {
        font-size: 24px;
    }
    .drgo-bnr-img {
        display: block;
    }
}


.drop-go-conc {
    padding-top: 40px;
    padding-bottom: 40px;
}

.drop-go-conc .conc-title{
    text-align:center;
}

    .drop-go-conc .conc-title h2 {
        font-size: 34px;
        color: #293641;
        margin: 10px 0;
    }
    .drop-go-conc .conc-title p {
        font-size: 16px;
        padding: 0 60px;
        color: #5e6b76;
        margin-bottom:40px;
    }



.drgo-sub-bnr {
    background: url('../images/express/express_bnr.jpg') no-repeat scroll 0 0;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: cover;
    background-color: #79c5dd;
}
.bg-light-f {   
    background-color: #f8f8fa;
}
.secsmpad {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .secsmpad h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #434754;
    }

    .secsmpad p {
        font-size: 22px;
        color: #585c68;
        margin-bottom: 20px;
    }

.drgo-fe {
    padding-top: 40px;
    padding-bottom: 40px
}
    .drgo-fe h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #434754;       
    }

    .drgo-fe .desc {
        font-size: 14px;
    }

    .drgo-fe h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #1c3973;       
    }

    .drgo-fe p {
        font-size: 20px;
        color: #535d76;       
    }
    .drgo-fe .fe-img {
        position: relative;
    }
    .drgo-fe .fe-img img {
        width: 100%;
        height: auto;
    }

.btn-drgo-fe {
    display: inline-block;
    background-color: #1f3f7c;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    padding: 12px 25px !important;
    border-radius: 4px;
}
.btn-drgo-fe:hover {
    background-color: #254a8d;
    text-decoration: none;
}


.occ-fe {
    padding-top: 40px;
    padding-bottom: 40px
}
    .occ-fe h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #434754;
    }
    .occ-fe .desc {
        font-size: 14px;
    }

    .occ-fe h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #c81c77;      
    }

    .occ-fe p {
        font-size: 20px;
        color: #535d76;
        margin-bottom: 25px;       
    }

    .occ-fe .fe-img {
        position: relative;
    }

        .occ-fe .fe-img img {
            width: 100%;
            height: auto;
        }

.btn-occ-fe {
    display: inline-block;
    background-color: #a5316e;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    padding: 12px 25px !important;
    border-radius: 4px;
}

    .btn-occ-fe:hover {
        background-color: #b43a7e;
        text-decoration: none;
    }


.venue-fe {
    padding-top: 40px;
    padding-bottom: 40px
}
    .venue-fe h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #434754;
    }
    .venue-fe .desc {
        font-size: 14px;
    }

    .venue-fe h3 {
        font-size: 36px;
        font-weight: 600;
        line-height: 3rem;
        color: #278d8f;       
    }
    .venue-fe .desc {
        font-size:14px;
    }

.venue-fe p {
    font-size: 20px;
    color: #535d76;
    margin-bottom: 25px;
}

    .venue-fe .fe-img {
        position: relative;
    }

        .venue-fe .fe-img img {
            width: 100%;
            height: auto;
        }

.btn-venue-fe {
    display: inline-block;
    background-color: #307f81;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    padding: 12px 25px !important;
    border-radius: 4px;
}

    .btn-venue-fe:hover {
        background-color: #35888a;
        text-decoration: none;
    }

.cs-sec {
    padding-top:40px;
    padding-bottom:40px;
}
    .cs-sec h2 {
        font-size: 36px;
        font-weight: 600;      
        color: #434754; 
    }

    .cs-sec h3 {
        font-size: 28px;
        color: #2f3548;
        font-weight:500;
    }

    .cs-sec h4 {
        font-size: 24px;        
        color: #434754;
        padding-bottom:20px;
    }
    .cs-sec p {
        font-size: 16px;
        color: #585c68;
        margin-bottom: 20px;
    }

.cs-sec-fe {
    padding-top: 30px;
    padding-bottom: 40px;
}

    .cs-sec-fe h2 {
        font-size: 36px;
        font-weight: 600;
        color: #434754;
    }
    .cs-sec-fe h3 {
        font-size: 28px;
        color: #2b3040;
        font-weight: 600;
    }

    .cs-sec-fe h4 {
        font-size: 24px;
        color: #50596c;
        padding-bottom: 15px;
    }

    .cs-sec-fe p {
        font-size: 16px;
        color: #585c68;
        margin-bottom: 20px;
    }
    /*Occasion*/
.bg-occ-hdr {
    background-color: #a32766;
}

    .occ-bnr {
        background: url('../images/occasion/occasion_bnr.png') no-repeat scroll 0 0;
        position: relative;
        padding-top: 150px;
        padding-bottom: 120px;
        background-size: cover;
        background-color: #79c5dd;
    }
.occ-bnr-content {
    position: relative;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

    .occ-bnr-content h2 {
        font-size: 58px;
        line-height: 80px;
        margin-bottom: 20px;
        font-weight: 600;
        text-shadow: 2px 3px 2px rgba(32, 42, 47, 0.60);
    }

    .occ-bnr-content p {
        font-size: 50px;
        font-weight: 600;
    }

.occ-join {
    display: inline-block;
    background-color: #e4d748;
    font-size: 20px;
    color: #9f2062 !important;
    font-weight: 600;
    padding: 10px 35px !important;
    border-radius: 4px;
}

    .occ-join:hover {
        background-color: #dbcd33;
        text-decoration: none;
    }

@media (min-width: 360px) {
    .occ-bnr {
        background: url('../images/occasion/occ_mob_bnr.jpg') no-repeat scroll top center !important;
        padding-top: 240px;
        padding-bottom: 20px;
        background-size: cover;
        display: block;
    }
    .occ-bnr-content h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .cs-sec h2 {
        font-size: 26px;            
    }
    .cs-sec-fe h2 {
        font-size: 26px;        
    }
}

@media (min-width: 414px) {
    .occ-bnr {
        background: url('../images/occasion/occ_mob_bnr.jpg') no-repeat scroll top center !important;
        padding-top: 240px;
        padding-bottom: 20px;
        background-size: cover;
    }
    .occ-bnr-content h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .cs-sec h2 {
        font-size: 26px;   
    }
    .cs-sec-fe h2 {
        font-size: 26px;
    }
}

@media (min-width: 767px) {
    .occ-bnr {
        background: url('../images/occasion/occasion_bnr.jpg') no-repeat scroll 0 0 !important;
        padding-top: 100px;
        padding-bottom: 40px;
        background-size: cover !important;
        height: auto;
    }
    .occ-bnr-content h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .cs-sec h2 {
        font-size: 36px;
    }
    .cs-sec-fe h2 {
        font-size: 36px;
    }
}

@media (min-width: 992px) {
    .occ-bnr {
        background: url('../images/occasion/occasion_png.jpg') no-repeat scroll 0 0 !important;
        padding-top: 90px;
        padding-bottom: 60px;
        background-size: cover !important;
        height: auto;
    }
    .occ-bnr-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .cs-sec h2 {
        font-size: 36px;
    }
    .cs-sec-fe h2 {
        font-size: 36px;
    }
}

@media screen and (min-width: 1200px) {
    .occ-bnr {
        background: url('../images/occasion/occasion_bnr.jpg') no-repeat scroll 0 0 !important;
        padding-top: 30px;
        padding-bottom: 25px;
        background-size: cover;
    }
    .occ-bnr-content h2 {
        font-size: 58px;
        line-height: 80px;
    }
    .cs-sec h2 {
        font-size: 36px;
        margin-bottom:15px;
    }
    .cs-sec-fe h2 {
        font-size: 36px;
        max-width:800px;
        margin:0 auto;
        margin-bottom: 15px;
    }
}


.subs {
    padding: 0;
}

.subs-bg {
    background-color: #279dcc;
}
.sub-title {
    position:relative;
}

.subs-left {
    padding:15px;
}
    .subs-left h2 {
        font-size: 40px;
        color: #fff;
    }

.subs-form-bg {
    padding: 15px;
    background-color: #f2f5f7;
}

    .subs-bg h2 {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
    }

.subs-form {
    position:relative;
}
    .subs-form h4 {
        font-size: 24px;
        color: #25282c;
        margin-bottom: 20px;
        line-height: 50px;
        border-bottom: 2px dashed #a9cfe3;
    }

    .ff-w-5 {
        width: 100% !important;
    }
.ff-w-q {
    width: 140px !important;
}

.cont-adrs {
    background-color: #2073b6;
    padding: 20px 30px;
    color: #fff;
}

    .cont-adrs h4 {
        font-size: 24px;
        border-bottom: 1px dashed #fff;
        line-height:40px;
    }
    .cont-adrs p {
        font-size: 14px;
    }
    .cont-adrs .addrs{
        display:flex;
        flex-wrap:nowrap;
    }

        .cont-adrs .addrs a {
            padding-right: 15px;
            text-decoration:underline;
            font-size: 13px;
            color: #83c8ff;
        }

        .cont-adrs .addrs a:hover {
            text-decoration:none;
        }

    .cont-adrs .addrs .lfi {
        padding-right:25px;
        font-size:14px;
    }

        .btn-form-proceed {
        display: inline-block;
        background-color: #0399d5;
        font-size: 15px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 20px !important;
        border-radius: 2px;
    }
.btn-form-proceed:hover {
    background-color: #2c568c;
    text-decoration:none;
}

.proc-trail {
    background-color: #5b65c7 !important;
}

    .proc-trail:hover {
        background-color: #535bab !important;
    }

.frm-back {
    display: inline-block;
    background-color: #d9e0e5;
    font-size: 14px;
    color: #363d49 !important;
    font-weight: 600;
    padding: 6px 28px !important;
    border-radius: 2px;
    border-radius: 4px;
}
    .frm-back:hover {
        background-color: #bcc8d0;
        text-decoration: none;
    }
.btn-form-finish {
    display: inline-block;
    background-color: #0399d5;
    font-size: 15px;
    color: #fff !important;
    font-weight: 600;
    padding: 10px 40px !important;
    border-radius: 2px;
}
    .btn-form-finish:hover {
        background-color: #2c568c;
        text-decoration: none;
    }

    .cs-form-inl {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

.cs-form-hlp-txt {
    margin-left:15px;
    float:left;
    text-align:left;
}
    .form-f-divd .hlp-txt {        
        margin-left: 10px;
        font-size: 12px;
        line-height: 10px;
        float:right;
    }


@media screen and (min-width: 600px) {
}

.cs-terms {
    padding: 20px;
    width: 100%;
    height: 240px;
    overflow-y: scroll;
    border: 1px solid #bdcdd5;
    background-color: #f7f7f7;
    border-radius:4px;
}

.cs-terms-sec {
    background-color: #f8f8fa;
    padding-top:40px;
    padding-bottom: 40px;
}

    .cs-terms-sec .txt-bg {
        background-color: #fff;
        padding: 20px 40px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
        -moz-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
        box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    }

    .cs-terms-sec h2 {
        font-size: 36px;
        font-weight: 600;
        color: #434754;
        padding: 10px 0;
        border-bottom: 1px solid rgb(206, 216, 222);
        margin-bottom:20px;
    }

    .cs-terms-sec h4 {
        font-size: 22px;
        font-weight: 600;
        color: #434754;        
    }
    .cs-terms-sec p {
        font-size:16px;
        line-height:24px;
        color:#434754
    }
    .ff-w-e {
    width: 5%;
}
.ff-atf {
   
}


    @media screen and (min-width: 600px) {
        .subs {
            padding:50px 0;
        }

        .ff-w-q {
            width: 150px !important;
        }

        .ff-w-e {
            width: 50%;
        }

        .ff-atf {
            width: 50%;
        }

        .ff-w-5 {
            width: 50% !important;
        }

        .subs-bg h2 {
            color: #fff;
            font-size: 50px;
            font-weight: 600;
        }

        .subs-form-bg {
            padding: 0px 40px 40px 40px;
        }
        .subs-left {
            padding: 40px 20px;
        }
 
    }


.sub-lblErr {   
    font-size: 18px;
    color: #d03737;
    font-weight:400;
}

.bg-venue-hdr {
    background-color: #2e696a !important;
}

.venue-bnr {
    background: url('../images/venue/venue_bnr.jpg') no-repeat scroll center center;
    position: relative;
    padding-top: 100px;
    padding-bottom: 140px;
    background-size: cover;
    background-color: #79c5dd;
}

.venue-bnr-content {
    position: relative;
    color: #fff;
    text-align: center;  
    margin: 0 auto;
    display:block;
}

    .venue-bnr-content h2 {
        font-size: 58px;
        font-weight: 600;
        line-height: 80px;
        margin-bottom:20px;
        font-weight: 700;       
        text-shadow: 2px 3px 2px rgba(32, 42, 47, 0.80);
    }

    .venue-bnr-content p {
        font-size: 50px;
        font-weight: 600;
    }
.venue-join {
    display: inline-block;
    background-color: #2e7b7d;
    font-size: 20px;
    color: #fff !important;
    font-weight: 600;
    padding: 10px 35px !important;
    border-radius: 4px;
}
    .venue-join:hover {
        background-color: #2d6263;
        text-decoration:none;
    }

.vnu-bnr-sm {
    background-color: #2e696a;
    padding:15px 10px;
    text-align:center;
}
    .vnu-bnr-sm h2 {
        font-size:24px;
        line-height:34px;
        color:#fff;
        font-weight:600;
        padding:5px 0;
    }
    .vnu-bnr-sm .vnu-jn-sm {
        display: inline-block;
        background-color: #bbdb39;
        font-size: 20px;
        color: #1f6465 !important;
        font-weight: 600;
        padding: 8px 35px !important;
        border-radius: 4px;
        text-decoration:none;
        width:100%;
    }


    @media (min-width: 360px) {
        .venue-bnr {
        background: url('../images/venue/venue_mob_bnr.jpg') no-repeat scroll center center;
        padding-top: 40px;
        padding-bottom: 160px;
        background-size: cover;
        display: block;
    }
        .venue-bnr-content h2 {
            font-size: 30px;
            line-height: 40px;
        }  

    }

@media (min-width: 414px) {
    .venue-bnr {
        background: url('../images/venue/venue_mob_bnr.jpg') no-repeat scroll center center;
        padding-top: 40px;
        padding-bottom: 160px;
        background-size: cover;
    }

    .venue-bnr-content h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (min-width: 767px) {
    .venue-bnr {
        background: url('../images/venue/venue_bnr.jpg') no-repeat scroll center center;
        padding-top: 100px;
        padding-bottom: 40px;
        background-size: cover !important;
        height: auto;
    }
    .venue-bnr-content {
        display: block;
    }
        .venue-bnr-content h2 {
            font-size: 40px;
            line-height: 50px;
        }     
}

@media (min-width: 992px) {
    .venue-bnr {
        background: url('../images/venue/venue_bnr.jpg') no-repeat scroll center center;
        padding-top: 90px;
        padding-bottom: 60px;
        background-size: cover !important;
        height: auto;
    }
    .venue-bnr-content {
        display: block;
    }
        .venue-bnr-content h2 {
            font-size: 56px;
            line-height: 80px;
        }
    .vnu-bnr-sm {
        display: none;
    } 
}

@media screen and (min-width: 1200px) {
    .venue-bnr {
        background: url('../images/venue/venue_bnr.jpg') no-repeat scroll center center;
        padding-top: 80px;
        padding-bottom: 115px;
        background-size: cover;
    }
    .venue-bnr-content {
        display: block;
    }
        .venue-bnr-content h2 {
            font-size: 58px;
            line-height: 70px;
        }
    .vnu-bnr-sm {
        display: none;
    } 
}


.prc-htxt {
    padding: 40px 0;
    background-color: #edeff6;
}

    .prc-htxt h4 {
        font-size: 30px;
        font-weight: 600;
       
    }
    .prc-htxt p {
        color: #7d818f;
        font-size: 16px;        
    }

.pring-tab {
    padding: 40px 0;
    background-color: #eaf0ef;
   
}

.abt-drop-go {
    padding: 40px 0;
}
.drop-go-hdg {
   position:relative;
}
    .drop-go-hdg h2 {
        font-size:36px;
        font-weight:600;
    }

    .drop-go-hdg p {
        font-size: 16px;             
        padding-right:20px;
    }

    .blts {
        display:flex;
        flex-wrap:wrap;
        background-color:#eee;
        padding: 30px 0;
    }
        .blts ul {
            padding-left: 0;
            list-style: none;
           
        }
            .blts ul li {
                background-color:#fff;
                margin:5px;
                min-width:300px;
                padding:10px 20px;
            }


            .cs-subhead {
                color: #9a9ca4;
                font-size: 18px;
                font-weight: normal !important;
            }


.drop-go-blg-bg {
    background-color:#eee;
    padding:15px;
    margin-bottom:25px;
}
.drop-go-blg2 {
    background-color:#96be62;
    padding: 15px;
    margin-bottom: 25px;
}
.drp-go-blt {
    display: flex;
    flex-flow: wrap row;
    flex: 100%;
}
    .drp-go-blt .blt-txt {
        flex:98%;        
        padding:10px;
        background-color:#fff;
        color:#333;
        margin:5px;
    }
        .drp-go-blt .blt-txt i {
            margin-right:4px;
        }
        .drp-go-blt .blt-txt .mr10 {
            margin-right: 10px;
        }
        .drp-go-blt .blt-txt5p {
            flex: 48%;
            padding: 10px;
            background-color: #fff;
            color: #333;
            margin: 5px;
        }
.drp-go-blt .blt-txt5p span {
    margin-left: 10px;
}

@media (min-width: 767px) {
    .nav-devider {
        display: block;
        border-right: 1px dashed rgba(255, 255, 255, 0.5);
        /*background-color: rgba(255, 255, 255, 0.5);*/
        width: 1px !important;
        height: 44px !important;
    }
}
@media (min-width: 600px) {
    .drp-go-blt .blt-txt {
        flex: 32%;
    }
}
.cs-tab-sec {
    background-color: #f8f8fa;
    padding-top:15px;
    padding-bottom:0;
    border-bottom:1px solid rgba(146, 153, 167, 0.1);
}
.cs-tabs {
    display: flex;
    flex-wrap:nowrap;    
}
    .cs-tabs .atab {
        flex: 33.3%;
        max-width: 33.3%;
        margin-left: 1px;
        background-color: #f1f1f6;
        border-bottom: 2px solid #eaeaf3;
        text-align: center;
    }
        .cs-tabs .atab:hover {
            background-color: #e8e8f2;
        }
        .cs-tabs .atab a {
            font-size:14px;
            color: #202d40;
            display: block;
            text-decoration: none;
            padding: 10px;
            
        }
    .drgo_active {  
        background-color: #2baea3 !important;
        border-bottom: 2px solid #1e9789 !important;
        font-size:14px;
        color: #fff;
        font-weight: 500;
        padding: 10px;
    }
.tab-lft-rad {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.tab-rt-rad {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.tab-lr-br {
    border-left: 2px solid #e0e0ea;
    border-right: 2px solid #e0e0ea;
}
        /*.drgo_active:after{
            content: '';
            display: block;
            position: absolute;
            left: 17%;
            top: 100%;
            width: 0;
            height: 0;
            border-top: 8px solid #1e9789;
            border-right: 8px solid transparent;
            border-bottom: 0 solid transparent;
            border-left: 8px solid transparent;
        }*/

@media (min-width: 600px) {
    .cs-tabs .atab {
        margin-left: 2px;
    }

        .cs-tabs .atab a {
            font-size: 24px;
        }

    .drgo_active {
        font-size: 24px;
    }
    .cs-tab-sec {
        padding-top: 25px;       
    }
}
.prc-tab {
    padding: 30px 0;
}

    .prc-tab h4 {
        font-size: 24px;
        color: #434754;
        padding-bottom: 20px;
    }

.prc-card {
    border: none;
    transition: all 0.2s;
    max-width:420px;
    margin:0 auto;

}

    .prc-card .card-bdy {
        border-bottom: 0;
        background-color: #f4f4f8;
        padding-bottom: 10px;
    }

        .prc-card .card-bdy ul {
            padding-left: 0;
            margin: 5px 0;
            list-style-type: none;
            text-align:left;
        }

            .prc-card .card-bdy ul li {
                margin: 5px 10px;
                padding: 10px 10px;
                border: 1px solid #e8e8f1;
                background-color: #fff;
            }

                .prc-card .card-bdy ul li i {
                    margin-right: 6px;
                }


        .drgo-prc-bg {
            background-color: #162e4d;
            padding: 20px 25px 10px 25px;
            color: #fff;
        }
    .drgo-prc-bg h3 {
        font-size:24px;
        font-weight:300;
        color: #fff !important;
    }
    .drgo-prc-bg h2 {
        font-size: 60px;
        color: #fff;
    }
        .drgo-prc-bg h2 .period {
            font-size: 0.8rem;
            text-align:center;
            color: #fff;
        }
    .drgo-prc-bg .prc-desc {
        padding:10px 0;
        font-size:14px;
        text-align:center;
    }

.prc-card .card-bdy .prc-info {
    color: #fff;
    padding: 12px;   
    margin-bottom: 15px;
}
    .prc-card .card-bdy .prc-info  ul{     
       padding-left:20px;
    }
        .prc-card .card-bdy .prc-info ul li {
            font-size: 14px;
            font-weight:400;
            padding: 2px 5px;
            color: #fff;
            background-color:transparent !important;
            border: none;
        }
.drgo-prc-info-bg {
    background-color: #30446b;
}
.occ-prc-info-bg {
    background-color: #a5316e;
}
.venue-prc-info-bg {
    background-color: #367172;
}
.occ-prc-bg {
    background-color: #9a2c64;
    padding: 20px 25px 10px 25px;
    color: #fff;
}
    .occ-prc-bg h3 {
        font-size: 24px;
        font-weight: 300;
        color: #fff !important;
    }

    .occ-prc-bg h2 {
        font-size: 60px;
        color: #fff;
    }

    .occ-prc-bg h2 .period {
        font-size: 0.8rem;
        text-align: center;
        color: #fff;
    }

    .occ-prc-bg .prc-desc {
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
    }

.venue-prc-bg {
    background-color: #306667;
    padding: 20px 25px 10px 25px;
    color: #fff;
}

    .venue-prc-bg .prc-desc {
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
    }

    .venue-prc-bg h3 {
        font-size: 24px;
        font-weight: 300;
        color: #fff !important;
    }

    .venue-prc-bg h2 {
        font-size: 60px;
        color: #fff;
    }

        .venue-prc-bg h2 .period {
            font-size: 0.8rem;
            text-align: center;
            color: #fff;
        }
.btn-buy-dropgo-y {
    display: inline-block;
    background-color: #ffce4b;
    font-size: 20px;
    color: #23272b !important;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
}
    .btn-buy-dropgo-y:hover {
        background-color: #fbc44e;
        text-decoration: none;
    }

.btn-buy-dropgo-g {
    display: inline-block;
    background-color: #7cb93a;
    font-size: 20px;
    color: #fff !important;
    font-weight: 600;
    width:100%;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
}

    .btn-buy-dropgo-g:hover {
        background-color: #74b431;
        text-decoration: none;
    }

.dg-vprc-pos {
    text-align: right;
    position: absolute;
    top: 40%;
    right: 15px;
}

.dropgo-vprc {
    display: inline-block;
    background-color: #264977;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
    padding: 6px 10px;
    border-radius: 4px;
    display: none;
}
.dropgo-vprc:hover {
    background-color: #1b365a;
}

.occ-vprc {
    display: inline-block;
    background-color: #a2306b;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
    padding: 6px 10px;
    border-radius: 4px;
    display: none;
}

    .occ-vprc:hover {
        background-color: #98205e;
    }

.venue-vprc {
    display: inline-block;
    background-color: #2e7b7d;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
    padding: 6px 10px;
    border-radius: 4px;
}

    .venue-vprc:hover {
        background-color: #2d6263;
    }
.d-m-n {
    display: none;
}

@media (min-width: 480px) {
    .d-m-n {
        display: block;
    }
}

.prc-pro-drgo {
    text-align: center !important;
    position: absolute;
    margin: 0 auto;
    right: 10%;
    top: 15px;
}
.prc-pro-drgo2 {
    text-align: center !important;
    position: absolute;
    margin: 0 auto;
    left: 10%;
    top: 45%;
}

/*Login Styles*/

.l-body-bg {
    background: linear-gradient(to bottom, rgba(6,57,133,1) 0%, rgba(6,57,133,1) 0%, rgba(25,101,164,1) 15%, rgba(3,49,117,1) 53%, rgba(2,42,97,1) 75%, rgba(2,42,97,1) 100%) no-repeat fixed;
    background: -webkit-linear-gradient(to bottom, rgba(6,57,133,1) 0%, rgba(6,57,133,1) 0%, rgba(25,101,164,1) 15%, rgba(3,49,117,1) 53%, rgba(2,42,97,1) 75%, rgba(2,42,97,1) 100%);
    background-color: #022961;
    /*min-height: 100% !important;*/
    background-attachment: fixed;
    height: 100%;
    background-image: url('/../images/loginscreenbg.png') !important;
    background-position: right -50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 40px 0;   
}

* {
    box-sizing: border-box;
}

.log-form {
    width: 100%;
    min-width: 320px;
    max-width: 420px;
    position: relative;
    background-color: #fff;
    margin: 25px 0;
    padding: 30px 20px;
    /*top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    border: 1px solid #1165ab;
    box-shadow: 0 4px 2px 0 rgba(16, 18, 144, 0.2), 0 6px 2px 0 rgba(0, 29, 72, 0.4);
    border-radius: 4px;
    margin:0 auto;
    text-align:center;

}

    .log-form > .header {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .log-form input {
        color: #404040;
        background-color: #fff;
        font-size: 15px;
        display: block;
        margin: 0 auto;
        width: 100%;
        border: 1px solid #b0bac2;
        padding: 8px 10px;
        border-radius: 2px;
        outline: none;        
        margin-bottom: 15px;
    }

.cs-lg-input {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    margin-top: 15px;
}

    .cs-lg-input label {
        font-size: 15px;
        color: #404040;
        margin: 5px 0;
    }

.cs-lg-fc {
    display: block;
    width: 100%;
    margin-top: 15px;
    position: relative;
    text-align:left;
}

.cs-sign {
    position: relative;
    text-align: center;
}

    .cs-sign h2 {
        font-size: 28px;
        font-weight: 500;
        color: #404040;
        margin: 15px 0;
    }

    .cs-sign .descr {
        font-size: 15px;
        color: #404040;
    }

.login-to-cs {
    display: inline-block;
    background-color: #609f1d;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 10px 44px 10px 46px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #609f1d;
    background-image: url(../images/pad_lock.png);
    background-repeat: no-repeat;
    background-position: 38% center;
}

    .login-to-cs:hover {
        color:#fff;
        background-color: #71bb23;
        border: 1px solid #71bb23;
        text-decoration:none;
    }

.chkbox_cntnr {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .chkbox_cntnr input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #b0bac2;
    border-radius: 3px;
}


    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.chkbox_cntnr input:checked ~ .checkmark:after {
    display: block;
}

.chkbox_cntnr .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #6d6d6d;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs_terms {
    text-align: center;
    font-size: 12px;
    color: #818990;
}

    .cs_terms a {
        color: #609cc8;
        text-decoration: none;
    }

        .cs_terms a:hover {
            text-decoration: underline;
        }

.cs_forgot {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: 25px;
    color: #404040;
}

    .cs_forgot a {
        color: #609cc8;
        text-decoration: none;
    }

        .cs_forgot a:hover {
            text-decoration: underline;
        }

@media only screen and (max-device-width : 480px) {
    .l-body-bg {
        padding:10px 0;
    }
}
.old-login {
    padding-top:10px;
}
    .old-login a {
        text-decoration:underline;
        font-size:12px;
        color: orangered;
    }


.prod-nav {   
    padding-top: 15px;
    padding-bottom:7px;    
}
.dropgo-nav-bg {
    background-color: #4f99c4;
    border-bottom: 1px solid #509bc5;
}
.occ-nav-bg {
    background-color: #c5497a;
    border-bottom: 1px solid #b13263;
}
.venue-nav-bg {
    background-color: #388384;
    border-bottom: 1px solid #317273;
}
.prod-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
    margin-bottom: 10px;
    float: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.prod-tabs {       
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: flex-end;          
    padding-left:0;
}
    .prod-tabs li {   
       text-align:center;        
       font-size:14px;
       padding: 5px 4px;
    }
        .prod-tabs li a {
            font-size: 14px;
            color: #fff;
            padding: 4px 12px;
            border-radius: 4px;
            
        }
            .prod-tabs li a:hover {               
                text-decoration:none;
            }

@media (min-width: 480px) {

    .prod-nav {
        padding-top: 26px;
        padding-bottom: 7px;
    }
    .prod-title {
        float: left;
        margin-bottom:0;
    }

}

.dropgo-nav-br {
    border: 1px solid #2e699d;
}
    .dropgo-nav-br:hover {
        background-color: #448ab8;
    }
.occ-nav-br {
    border: 1px solid #982a3a;
}
    .occ-nav-br:hover {
        background-color: #b5446f;
    }

.venue-nav-br {
    border: 1px solid #246061;
}

    .venue-nav-br:hover {
        background-color: #3e8d8e;
    }

.dropgo-nav-active {
    background-color: #2e6ba1;
    border: 1px solid #2e6ba1;
    padding: 4px 12px;
    color: #fff;
    border-radius: 4px;
}
.occ-nav-active {
    background-color: #b73a68;
    border: 1px solid #ab345d;
    padding: 4px 12px;
    color: #fff;
    border-radius: 4px;
}
.venue-nav-active {
    background-color: #2e7273;
    border: 1px solid #2b6d6e;
    padding: 4px 12px;
    color: #fff;
    border-radius: 4px;
}

    .dropgo-jn {
        background-color: #21306f !important;
        text-decoration: none !important;
        border-radius: 30px !important;
        padding: 6px 12px !important;
        border: 1px solid #21306f !important;
    }

.dropgo-jn:hover {
    background-color: #2e4391 !important;
    border: 1px solid #2e4391 !important;
}

.occ-jn {
    background-color: #9a2c63 !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    padding: 6px 12px !important;
    border: 1px solid #9a2c63 !important;
}

    .occ-jn:hover {
        background-color: #a6306d !important;
        border: 1px solid #a6306d !important;
    }

.venue-jn {
    background-color: #2d6a6b !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    padding: 6px 12px !important;
    border: 1px solid #2d6a6b !important;
}

    .venue-jn:hover {
        background-color: #306f70 !important;
        border: 1px solid #2d6a6b !important;
    }

.cs-fet {
    background-color: #fff;    
    padding: 30px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    -moz-box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.20);
    border-radius: 6px;
    margin-bottom: 20px;
}
.dropgo-fe-tb {
    border-top: 3px solid #8fc3d9;
}
.occ-fe-tb {
    border-top: 3px solid #efcb69;
}
.venue-fe-tb {
    border-top: 3px solid #90c9ca;
}
    .cs-fet .fet-tit {
        font-size:18px;
        font-weight:600;
        padding:5px 0;
    }
    .cs-fet .fet-txt {
        font-size:14px;
        line-height:22px;
    }
    .cs-fet .fet-i {        
        position:relative;        
    }
        .cs-fet .fet-i img {           
           
        }
    .cs-fet:hover {
        -webkit-box-shadow: 0px 0px 9px 0px rgba(34,75,146,0.20);
        -moz-box-shadow: 0px 0px 9px 0px rgba(34,75,146,0.20);
        box-shadow: 0px 0px 9px 0px rgba(34,75,146,0.20);
    }

.occ-bnr-img {
    min-width:100%;   
}
    .occ-bnr-img img {
        width: 100%;
        height: auto;    
    }

.cs-pricing {
    padding:30px 0;
    text-align:center;
}
    .cs-pricing h2 {
        font-size: 36px;
        font-weight: 600;
        color: #434754;
    }
.prc-table {
    
    max-width: 700px;
    border: 1px solid #ddd;
    margin: 0 auto;
    border-radius: 6px;
    background-color: #fff;
   
    box-shadow: 0px 0px 10px 0px rgba(158,170,211,0.50);
}
    .prc-table .prc-r {
        display: flex;
        flex: 100%;
        border-bottom: 1px solid rgba(42, 59, 73, 0.2);
    }
    .prc-tbl-hdr {
        font-size: 18px;
        font-weight: 500;       
        padding: 15px 0;
    }
.prc-tbl-sub-hdr {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    min-height: 70px;
    padding: 10px 0;
}
    .prc-tbl-sub-hdr small {
        font-size:13px;
    }


.prc-table .prc-r .lfcol {
    text-align: left;
    flex: 36%;
    border-right: 1px solid rgba(42, 59, 73, 0.2);
}
    .prc-table .prc-r .fe-title {
        font-size: 13px;
        font-weight: 500;
        display:flex;
        color: #3a3d47;
        min-height: 60px;
        padding-left: 10px;
        align-items: center;              
    }

.prc-table .prc-r .mdcol {
    flex: 32%;
    border-right: 1px solid rgba(42, 59, 73, 0.2);
}

    .prc-table .prc-r .mdcol .hr-col {
        padding-top: 18px;
        padding-bottom: 17px;
    }

    .prc-table .prc-r .mdcol .hr-col img{
        width:24px;
        height:20px;
    }

   .prc-table .prc-r .rtcol {
    flex: 32%;
    }
        .prc-table .rtcol .hr-col {
            
            padding-top: 18px;
            padding-bottom: 17px;
        }

            .prc-table .rtcol .hr-col img {
                width: 24px;
                height: 20px;
            }

.drgo-prc-info {
    display: flex;
    flex-direction: column;
    background-color: #f2f6f9;
    text-align: center;
    min-height: 73px;
    align-items: center;
    justify-content: center;
}

    .drgo-prc-info h4 {
        font-size: 14px;
        font-weight: 500;
        color: #596876;
    }

    .drgo-prc-info p {
        font-size: 12px;
        color: #596876;
        padding: 0 12px
    }

@media (min-width: 480px) {
    .prc-table .prc-r .fe-title {
        padding-left: 25px
    }

    .prc-tbl-sub-hdr {
        font-size: 46px;
        min-height: 90px;
    }
    .drgo-prc-info {
        min-height: 90px;
    }

}
  

    .drgo-stnd-bg {
        background-color: #15a8b4;
        background: linear-gradient(to right, rgba(31,182,205,1) 0%, rgba(1,176,158,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(31,182,205,1) 0%, rgba(1,176,158,1) 100%) !important;
    }

    .drgo-pro-bg {
        background-color: #1571b8;
        background: -webkit-linear-gradient(left, rgba(47,145,224,1) 0%, rgba(1,100,171,1) 100%) !important;
        background: linear-gradient(to right, rgba(47,145,224,1) 0%, rgba(1,100,171,1) 100%) !important;
    }

    .occ-stnd-bg {
        background-color: #ab76d8;
        background: linear-gradient(to right, rgba(148,117,234,1) 0%, rgba(157,107,201,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(148,117,234,1) 0%, rgba(157,107,201,1) 100%) !important;
    }

    .occ-pro-bg {
        background-color: #b04e9f;
        background: linear-gradient(to right, rgba(187,121,206,1) 0%, rgba(173,74,156,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(187,121,206,1) 0%, rgba(173,74,156,1) 100%) !important;
    }

    .venue-stnd-bg {
        background-color: #86b142;
        background: linear-gradient(to right, rgba(164,196,104,1) 0%, rgba(134,177,65,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(164,196,104,1) 0%, rgba(134,177,65,1) 100%) !important;
    }

    .venue-pro-bg {
        background-color: #44af63;
        background: linear-gradient(to right, rgba(97,188,127,1) 0%, rgba(41,165,74,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(97,188,127,1) 0%, rgba(41,165,74,1) 100%) !important;
    }

    .drgo-stnd {
        background-color: #15a8b4;
        background: linear-gradient(to right, rgba(31,182,205,1) 0%, rgba(41,165,74,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(31,182,205,1) 0%, rgba(1,176,158,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96%;
        border-radius: 3px;
    }

        .drgo-stnd:hover {
            text-decoration: none;
            background-color: #189a93 !important;
            background: linear-gradient(to right, rgba(1,176,158,1) 0%, rgba(31,182,205,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(1,176,158,1) 0%, rgba(31,182,205,1) 100%) !important;
        }

    .drgo-pro {
        background-color: #15a8b4;
        background: linear-gradient(to right, rgba(67,154,227,1) 0%, rgba(26,116,179,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(67,154,227,1) 0%, rgba(26,116,179,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96% !important;
        border-radius: 3px;
    }

        .drgo-pro:hover {
            text-decoration: none;
            background-color: #189a93 !important;
            background: linear-gradient(to right, rgba(26,116,179,1) 0%, rgba(67,154,227,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(26,116,179,1) 0%, rgba(67,154,227,1) 100%) !important;
        }

    .occ-stnd {
        background-color: #ab76d8;
        background: linear-gradient(to right, rgba(170,145,245,1) 0%, rgba(170,118,216,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(170,145,245,1) 0%, rgba(170,118,216,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96%;
        border-radius: 3px;
    }

        .occ-stnd:hover {
            text-decoration: none;
            background-color: #189a93 !important;
            background: linear-gradient(to right, rgba(170,118,216,1) 0%, rgba(170,145,245,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(170,118,216,1) 0%, rgba(170,145,245,1) 100%) !important;
        }

    .occ-pro {
        background-color: #b04e9f;
        background: linear-gradient(to right, rgba(193,115,215,1) 0%, rgba(164,59,146,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(193,115,215,1) 0%, rgba(164,59,146,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96%;
        border-radius: 3px;
    }

        .occ-pro:hover {
            text-decoration: none;
            background-color: #189a93 !important;
            background: linear-gradient(to right, rgba(164,59,146,1) 0%, rgba(193,115,215,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(164,59,146,1) 0%, rgba(193,115,215,1) 100%) !important;
        }

    .venue-stnd {
        background-color: #88b244;
        background: linear-gradient(to right, rgba(165,192,71,1) 0%, rgba(148,186,87,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(165,192,71,1) 0%, rgba(148,186,87,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96%;
        border-radius: 3px;
    }

        .venue-stnd:hover {
            text-decoration: none;
            background-color: #87b143 !important;
            background: linear-gradient(to right, rgba(148,186,87,11) 0%, rgba(165,192,71,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(148,186,87,1) 0%, rgba(165,192,71,1) 100%) !important;
        }

    .venue-pro {
        background-color: #88b244;
        background: linear-gradient(to right, rgba(97,188,126,1) 0%, rgba(42,165,75,1) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(97,188,126,1) 0%, rgba(42,165,75,1) 100%) !important;
        display: inline-block;
        font-size: 14px;
        color: #fff !important;
        font-weight: 600;
        padding: 10px 0;
        width: 96%;
        border-radius: 3px;
    }

        .venue-pro:hover {
            text-decoration: none;
            background-color: #189a93 !important;
            background: linear-gradient(to right, rgba(42,165,75,1) 0%, rgba(97,188,126,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(42,165,75,1) 0%, rgba(97,188,126,1) 100%) !important;
        }


    /*Select Pricing*/

.sel-prc {
    background-color: #f3f5f7;
    border-radius: 4px;
    margin-top: 25px;
    -webkit-box-shadow: 3px 3px 1px 0px rgba(33,38,45,0.25);
    box-shadow: 3px 3px 1px 0px rgba(33,38,45,0.25);
}

    .sub-prc-tp {
        display: flex;
    }

    .sel-prc .prc-prod-title {
        color: #2e415a;
        font-size: 24px;
        border-bottom: 1px dashed #909aa7;
        padding: 3px 20px;
    }

    .sel-prc .prc-cont {
        padding: 15px;
        text-align: center;
    }

        .sel-prc .prc-cont .prod-desc {
            font-size: 18px;
            color: #4a586a;
            margin-bottom: 15px;
        }

    .prc-pnl {
        background-color: #fff;       
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        -moz-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        margin: 0 auto;
        cursor: pointer;
        display: block;
        width: 47%;
    }

        .prc-pnl:hover {
            -webkit-box-shadow: 0px 0px 10px 0px rgba(167,174,196,0.9);
            -moz-box-shadow: 0px 0px 10px 0px rgba(167,174,196,0.9);
            box-shadow: 0px 0px 10px 0px rgba(167,174,196,0.9);
        }

        .prc-pnl .stnd-t {
            background-color: #15a8b4;
            background: linear-gradient(to right, rgba(31,182,205,1) 0%, rgba(1,176,158,1) 100%) !important;
            background: -webkit-linear-gradient(left, rgba(31,182,205,1) 0%, rgba(1,176,158,1) 100%) !important;
            color: #fff;
            font-size: 16px;
            padding: 10px 0;
            font-weight: bold;
            border-top-left-radius:4px;
            border-top-right-radius:4px;
        }

        .prc-pnl .pro-t {
            background-color: #1571b8;
            background: -webkit-linear-gradient(left, rgba(47,145,224,1) 0%, rgba(1,100,171,1) 100%) !important;
            background: linear-gradient(to right, rgba(47,145,224,1) 0%, rgba(1,100,171,1) 100%) !important;
            color: #fff;
            font-size: 16px;
            padding: 10px 0;
            font-weight: bold;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.prc-pnl .pnl-cont{
    padding:15px 8px;
}

    .prc-pnl .pnl-cont .prc-txt {
        font-size: 15px;
        color: #505a67;
        line-height:24px;
        font-weight:500;
    }

.stnd-prc-pnl {
    background-color: #fff;
    padding: 15px 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
    box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
    margin: 0 auto;   
    border: 1px solid #17b5c0;
    border-top: 5px solid #17b5c0;
    margin-bottom: 15px !important;
}

    .stnd-prc-pnl label {
        font-size: 15px;
        color: #08a4af;
        line-height: 28px;
        font-weight: 500;
    }

    .pro-prc-pnl {
        background-color: #fff;
        padding: 15px 10px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        -moz-box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        box-shadow: 0px 0px 4px 0px rgba(167,174,196,0.5);
        margin: 0 auto;       
        border: 1px solid #1973b2;
        border-top: 5px solid #1973b2;
        margin-bottom: 15px !important;
    }

        .pro-prc-pnl label {
            font-size: 15px;
            color: #0162a5;
            line-height: 28px;
            font-weight: 500;
        }

        .b-pos {
    margin: 0 auto;
    width: 260px;   
    margin-bottom: 15px !important;
}

.chng-prc {
    display: inline-block;
    background-color: #86b634;
    font-size: 13px;
    color: #fff !important;
    padding: 6px 10px 5px 12px !important;
    border-radius: 2px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #86b634;
}

    .chng-prc:hover {
        background-color: #7cab2a;
        text-decoration: none;
    }
            .chng-prc img {
                margin-bottom:3px;
            }

.view-prc {
    display: inline-block;
    background-color: #eceff5;
    font-size: 13px;
    color: #31343e !important;
    padding: 6px 10px 5px 12px !important;
    border-radius: 2px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #bcc4db;
}

    .view-prc:hover {
        text-decoration: none;
        background-color: #dfe3ee;
    }
.btn-atf {
    background-color: #1178cf;
    padding: 7px 10px;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    border-radius:3px;
    display:inline-block;
}
    .btn-atf img {
        margin-bottom:2px;
    }
    .btn-atf:hover {
        background-color: #186cb2;
        color: #fff;
        text-decoration: none;
    }

.cont-sucs {
    background-color:#fff;
}