body {
    padding-top: 100px;
    font-family: Roboto, Segoe UI, sans-serif;
    overflow-x: hidden
}

.top-bar {
    display: flex;
    position: fixed;
    z-index: 999;
    background: #f3f3f3;
    padding: 7px 0;
    justify-content: flex-end;
}

.top-bar-txt {
    margin-left: auto;
    padding-right: 15px;
    font-size: 14px;
}
.bg-cshdr {
    background-color: #fff;   
    margin-top:34px
}
.dropdown-menu {
    background-color: #f7f7f7;
    box-shadow: 0px 10px 12px 0px rgba(47,64,82,0.4);
    border-radius: 6px
}
    .dropdown-menu:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-bottom: 9px solid #eee;
        border-right: 9px solid transparent;
        left: 15px;
        top: -9px;
    }

.btn-jn-23 {
    background-color: #ffce00;
    display: inline-block;
    font-size: 18px;
    color: #262626 !important;
    padding: 16px 16px 14px 16px;
    width: 94%;
    border-radius: 3px;
    text-transform: uppercase
}
    .btn-jn-23:hover {
        background-color: #f6c809;
        text-decoration: none;
    }
.dropdown-menu i{
    position:relative;
    margin-right:6px;
}
.dropdown-item {
    color: #444;
    background-color: transparent;
    border-bottom: 1px solid #d0dce0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #333;
        text-decoration: none;
        background-color: #eee
    }

.cs-cont-sec {
    padding:30px 0;
}
.cs-cont {
    position: relative;
    text-align: center;
}
.btn-cont-now {
    padding:10px 40px;
    font-size:24px;    
    color:#fff;
    font-weight:500;
}
.cs-cont h2 {
    font-size: 48px;
    font-weight: bold;
    padding: 10px 0;
    color: #fff;
}
.cs-home-bnr {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
    background: url('../images/cs_home_bnr.jpg') no-repeat scroll 0 0 !important;
    background-size: cover !important;
    background-color: #f7f7f7;
}

#go-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(212, 213, 226, 0.75);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #go-top i {
        color: #333;
        margin: 0;
        position: relative;
        left: 13px;
        top: 8px;
        font-size: 16px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #go-top:hover {
        background: rgba(228, 228, 240, 0.9);
    }

.h-in-m {
    display:none;
}

h3 {
    font-weight: 400;
    text-align: center;
   /* margin-top: 50px;*/
}

    h3 i {
        color: #444;
    }

.fe-tb-bnr {
    position: relative;
    background-color: #fcc707;
    padding-top: 20px;
    padding-bottom: 0;
    background-position: center center;    
}

    .fe-tb-bnr-cont {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;

    }
        .fe-tb-bnr-cont h2 {
            font-size: 24px;
            font-weight: 500;
            color: #1a2440;
            /*  text-shadow: 0px 2px rgb(53 54 55 / 0.5);*/
        }
        .fe-tb-bnr-cont p {
            font-size: 16px;
            color: #1a2440;
            margin-bottom: 16px;
        }

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

.occ-fe-cont h2 {
    font-size:24px;
    margin-bottom:12px;
}

    .occ-fe-cont p {
        font-size: 14px;
    }

    .occ-fe-cont ul {
       list-style-type:circle
    }
    .occ-fe-cont ul li {
        font-size:14px;
        line-height:24px;
    }

.venue-jn {
    background-color: #fff !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    padding: 5px 12px !important;
    border: 1px solid #fff !important;
    color: #053f80 !important;
    font-size:12px !important;
}

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

.nav-tabs {
    border-bottom:0;
}
#tabNav {
    position:relative;
    z-index: 99;    
}
    #tabNav .nav-item {
      width: 9.5%;
        margin-right: 6px;
        margin-bottom: 0;
    }
    #iconNav .nav-item a {
        text-decoration: none;
    }

#tabNav .nav-link {
    text-align: center;
    border: 0;
    border-radius: 0;
    padding: 0;

}
#tabNav span {
    display: block;
    background-color: rgba(255,255,255,0.75);
    font-size: 14px;
    line-height:20px;
    margin-bottom:-18px;
    font-weight:500
}

#tabNav .nav-item .nav-link.active {
    color: #9869b9;
    font-weight: bold;
}

.tab-v .nav-item .nav-link.active {
    color: #2b85a4 !important;
}
#tabNav .nav-link.active img {
    opacity: 1;
}

#tabNav img {
    max-width: 100%;
    padding: 0 10px;
    height: auto;
    display: block;
    margin: 0 auto;
    opacity: .75;
    background-color: white;
}
#tabNav a.nav-link {
    color: #3a3636;
}
    #tabNav a.nav-link:hover {
        background-color: rgba(255,255,255,0.6);
    }
#tabNav img {
    padding: 25px;
    margin-top:0;
}
   
    .bnr-cont-pos {
    display: flex;
    flex-flow: wrap row;
}

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

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


@media screen and (min-width: 767px) {
   
    #tabNav img {
        padding: 5px 10px;
        margin-top: 8px;
    }
    #tabNav .nav-item {
        width: 9%;
    }
    .occ-fe-cont h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .occ-fe-cont p {
        font-size: 16px;
    }

    .occ-fe-cont ul {
        list-style-type: circle
    }

        .occ-fe-cont ul li {
            font-size: 16px;
            line-height: 32px;
        }
    #fe-content {
        padding-top: 20px;
    }

}

@media screen and (min-width: 992px) {
   
    #tabNav img {
        padding: 5px 10px;
        margin-top:8px;
    }
    #tabNav .nav-item {
        width: 9.2%;
    }
}

@media screen and (min-width: 1200px) {
    #tabNav img {
        padding:20px 25px;
        margin-top: 0;
    }
    #tabNav .nav-item {
        width: 9.4%;       
    }   
}

.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 #307abf;
    min-width: 120px;
}

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

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

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

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

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

.nav-drgo-bg-active {
    border-bottom: 5px solid #307abf;
    min-width: 120px;
}

.nav-occ-bg-active {   
    border-bottom: 5px solid #cc6989 !important;
    min-width: 120px;
}

.nav-venue-bg-active {
    border-bottom: 5px solid #20b6b1;
    min-width: 120px;
}
.nav-drgo-bg-active .btn-txt {
    color: #fff !important;
}
    .nav-occ-bg-active .btn-txt {
    color: #fff !important;
}
    .nav-venue-bg-active .btn-txt {
        color:#fff !important;
    }
.nav-btn {
    background-color: #193e6d;
    padding: 8px 20px !important;
    border-radius:4px;
}
    .nav-btn:hover {
        background: #153a68;
    }
    .nav-btn .btn-txt {
        text-align: center !important;
        color: #fff;
        font-size: 16px;
    }
    .nav-btn span {
        text-align: center !important;
        color: #ffffff;
        font-size: 12px;
    }
    .nav-btn .btn-txt:hover {
        top:100px;
    }

.nav-btn-occ {
   /* background-color: #45bc97;*/
    padding: 8px 20px !important;
}
    .nav-btn-occ .btn-txt {
        text-align: center !important;
        color: #20242b;
        font-size: 15px;
    }

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

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

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

    .nav-btn-venue:hover {
        background-color: #054f85;
    }

.nav-devider {
    margin-left:5px;
    margin-right:5px;
    display: none;
    border-right: 1px dashed rgba(255, 255, 255, 0.5);   
    width: 1px !important;
    height: 20px !important;
}
.nav-devider1 {
    display: none;   
}
.nav-devider-pad {
    display: none;
}
.btn-log {
    background-color: #193e6d;
    padding: 8px 20px !important;
    border-radius: 50px;
}
    .btn-log .log-txt {
        text-align: center !important;
        color: #fff;
        font-size: 16px;
    }
    .btn-log:hover {
        background: #0f325f;
    }

.btn-log2 {
    background-color: #90c153;
    padding: 8px 20px !important;
    border-radius: 50px;
}
.btn-log2 .log-txt {
    text-align: center !important;
    color: #fff;
    font-size: 16px;
}
    .btn-log2:hover {
        background: #84b547;
    }

.exp-hlp-txt {
    padding: 15px 10px;
    font-weight: 400;
    color: #555868;
    font-size: 26px;
    line-height: 36px;
}
.occ-hlp-txt {
    padding: 15px 10px;
    font-weight: 400;
    color: #555868;
    font-size: 26px;
    line-height: 36px;
}
.venue-hlp-txt {
    padding: 15px 10px;
    font-weight: 400;
    color: #555868;
    font-size: 26px;
    line-height: 36px;
}

.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;       
    }
    .exp-hlp-txt {
        font-size: 24px;
    }

    .occ-hlp-txt {
        font-size: 24px;
    }

    .venue-hlp-txt {
        font-size: 24px;
    }
    
}
@media screen and (min-width: 1024px) {
    .btn-login {
        width: unset;
    }

    .btn-jn {
        width: unset;
    }
    .exp-hlp-txt {
        font-size: 24px;
    }

    .occ-hlp-txt {
        font-size: 24px;
    }

    .venue-hlp-txt {
        font-size: 24px;
    }
}

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

    .btn-jn {
        width: unset;
    }
    .exp-hlp-txt {
        font-size: 26px;
    }

    .occ-hlp-txt {
        font-size: 26px;
    }

    .venue-hlp-txt {
        font-size: 26px;
    }
}

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


.footer-contact a {
    color: #808cae;
}

/*Express*/

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

.bg-light-f {
    background-color: #eff1f7;
}

.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:30px 0;   
}
    .cs-sec h2 {
        font-size: 22px;
        color: #28292e;
        font-weight: 400
    }

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

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

    .cs-sec-fe h2 {
        font-size: 32px;       
        color: #434754;
        max-width:900px;
        margin:0 auto;
    }
    .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:#fff;
   /* background: linear-gradient(to right, rgba(181,50,117,.9) 0%, rgba(164,38,102,1) 100%);*/
    border-bottom: rgba(116, 34, 76, 0.75);
}

.occ-bnr-vimg {
    position:relative;
}
    .occ-bnr-vimg img {
        display: block;
        width: 100%;
        height: auto;
    }

.occ-pnl2 {
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.25);
    border-radius: 6px;
    margin-bottom: 25px;
}

    .occ-pnl2:hover {
        box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.5);
    }

    .occ-pnl2 img {
        display: block;
        width: 100%;
        height: auto;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }

    .occ-pnl2 .occ-pnl2-txt-c {
        padding: 6px 10px
    }

        .occ-pnl2 .occ-pnl2-txt-c h4 {
            font-size: 18px;
            font-weight: 500;
            padding-bottom: 0 !important;
        }

        .occ-pnl2 .occ-pnl2-txt-c p {
            font-size: 13px;
        }

.occ-pnls-c {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
}
.occ-pnl {
    width: calc(100%);
}
.occ-pnl-cont {
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.25);
    margin-right:20px;
    border-radius:6px;
    margin-bottom:25px;
}
.occ-pnl-cont:hover {  
    box-shadow: 0px 0px 4px 0px rgba(34,75,146,0.5);  
    
}
    .occ-pnl-cont img {
        display: block;
        width: 100%;
        height: auto;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    .occ-pnl-cont .occ-pnl-txt-c {
        padding:6px 10px
    }
    .occ-pnl-cont .occ-pnl-txt-c h4 {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 0 !important;
    }

    .occ-pnl-cont .occ-pnl-txt-c p {
        font-size: 13px;
    }

.occ-bnr2-r-c {
    text-align: center;
}
.occ-bnr2-r-c img {
   display:block;
   width:100%;
   height:auto;
   max-width:400px;
}
.occ-bnr-slider-frm {
    margin: 0 auto;
    border: 8px solid rgba(255,255,255,0.8);
    width: 100%;
    max-width: 400px;
    border-radius:4px;
}
    .occ-bnr-slider-frm .carousel-indicators {
        bottom:-55px;
    }

        .occ-bnr-slider-frm .carousel-indicators li {
            width: 9px;
            height: 9px;
            margin: 5px 5px;
            border: 1px solid #f3f0ed;
            background-color: transparent;
        }
        .occ-bnr-slider-frm .carousel-indicators .active {
            border: 1px solid #f3f0ed;
            background-color: #f3f0ed !important;
        }
        .occ-bnr2-c-pos {
            flex-direction: column-reverse;
        }


    /* Old Banner*/
   

.occ-join {
    display: inline-block;
    background-color: #e4b859;
    font-size: 20px;
    color: #762b51 !important;
    font-weight: 600;
    padding: 9px 30px !important;
    border-radius: 80px;
}

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

.occ-join2 {
    display: inline-block;
    background-color: #e6ad23;
    font-size: 20px;
    color: #333 !important;
    font-weight: 600;
    padding: 14px 35px !important;
    border-radius: 80px;
}

    .occ-join2:hover {
        background-color: #dfbe05;
        text-decoration: none;
    }
    .subs {
        padding: 30px 0 0 0;
    }

    .subs-bg {
        background-color: #279dcc;
    }
    .subs h3 {
        font-size: 22px;
    }

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

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

    .ff-atf {
    }

.cs-clmss .col, .cs-clms .col-1, .cs-clms .cs-clms .cs-clms .col-10, .cs-clms .col-11, .cs-clms .col-12, .cs-clms .cs-clms .col-2, .cs-clms .col-3, .cs-clms .col-4, .cs-clms .col-5, .cs-clms .col-6, .cs-clms .col-7, .cs-clms .col-8, .cs-clms .cs-clms .col-9, .cs-clms .col-auto, .cs-clms .col-lg, .cs-clms .col-lg-1, .cs-clms .col-lg-10, .cs-clms .col-lg-11, .cs-clms .col-lg-12, .cs-clms .col-lg-2, .cs-clms .col-lg-3, .cs-clms .col-lg-4, .cs-clms .col-lg-5, .cs-clms .col-lg-6, .cs-clms .col-lg-7, .cs-clms .col-lg-8, .cs-clms .col-lg-9, .cs-clms .col-lg-auto, .cs-clms .col-md, .cs-clms .col-md-1, .cs-clms .col-md-10, .cs-clms .col-md-11, .cs-clms .col-md-12, .cs-clms .col-md-2, .cs-clms .col-md-3, .cs-clms .col-md-4, .cs-clms .col-md-5, .cs-clms .col-md-6, .cs-clms .col-md-7, .cs-clms .col-md-8, .cs-clms .col-md-9, .cs-clms .col-md-auto, .cs-clms .col-sm, .cs-clms .col-sm-1, .cs-clms .col-sm-10, .cs-clms .col-sm-11, .cs-clms .col-sm-12, .cs-clms .col-sm-2, .col-sm-3, .cs-clms .col-sm-4, .cs-clms .col-sm-5, .cs-clms .col-sm-6, .cs-clms .col-sm-7, .cs-clms .col-sm-8, .cs-clms .col-sm-9, .cs-clms .col-sm-auto, .cs-clms .col-xl, .cs-clms .col-xl-1, .cs-clms .col-xl-10, .cs-clms .col-xl-11, .cs-clms .col-xl-12, .cs-clms .col-xl-2, .cs-clms .col-xl-3, .cs-clms .col-xl-4, .cs-clms .col-xl-5, .cs-clms .col-xl-6, .cs-clms .col-xl-7, .cs-clms .col-xl-8, .cs-clms .col-xl-9, .cs-clms.col-xl-auto {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 600px) {
    .express-bnr-content h2 {
            font-size: 58px;         
           
        }
        
        .occ-hm-fe .occ-hm-fe-img-cntr {
            text-align: center;
            margin:0;
        }
        .subs {
            padding: 50px 0;
        }
            .subs h3 {
                font-size: 28px;
                text-align:left;
            }
        .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: #fff;
    border-bottom: 1px solid #166062;
}
  
.Venue-hm-fe {
    position: relative;
}

    .Venue-hm-fe h2 {
        font-size: 40px;
        padding-left: 25px;
    }

        .Venue-hm-fe h2:before {
            content: '';
            position: absolute;
            background-color: #43c099;
            width: 18px;
            height: 18px;
            border-radius: 50px;
            left: -10px;
            top: 14px;
            content: '';
            position: absolute;
            height: 17px;
        }

    .Venue-hm-fe p {
        font-size: 16px;
        line-height: 30px;
    }

    .Venue-hm-fe .occ-hm-fe-img-cntr {
        text-align: center;
    }

    .Venue-hm-fe img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .Venue-hm-fe ul {
        position: relative;
        list-style-image: url('/images/venue/Venue-fe-blt.png');
    }

        .Venue-hm-fe ul li {
            margin: 12px 0;
            font-size: 16px;
            line-height: 24px;
            padding-left: 5px;
        }

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


    @media (min-width: 767px) {
        .nav-devider {
            display: block;
            border-right: 1px solid rgba(50, 50, 50, 0.9);            
            width: 1px !important;
            height: 22px !important;
        }
        .nav-devider1 {
            display: block;
            border-right: 1px solid rgba(50, 50, 50, 0.15);
            width: 1px !important;
            height: 58px !important;
        }
        .nav-devider-pad {
            display: block;           
            width: 15px !important;
            height: 18px !important;
        }
        .cs-sec {
            padding: 60px 0;
        }

            .cs-sec h2 {
                font-size: 34px;               
            }
        .h-in-m {
            display: block;
        }
    }

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

   

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

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

        .hosp-vprc:hover {
            background-color: #16a5b1;
        }

   
    .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 {
            background-color: #fff;
            font-size: 13px;
            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;
        }

.fe-txt-link {
    font-size: 16px;
    text-decoration: none;
    color: #2055c6;
    border: 1px solid #2055c6;
    padding: 8px 20px;
    border-radius: 50px;
}
    .fe-txt-link:hover {
        text-decoration: none;
        background-color: #2055c6;
        color:#fff;
    }

.prod-nav {   
  z-index: 999;
  margin-top:78px
}
.drgo-prod-nav-bg {
    background-color: #1f63ad;
    border-bottom: 1px solid rgb(22 79 142 / 0.5)
}

.occ-prod-nav-bg {
    background-color: #6c9471; 
    border-bottom:1px solid rgb(76 100 79 / 0.5)
}

.venue-prod-nav-bg {
    background-color: #3098ae;
    border-bottom: 1px solid rgb(34 133 154 / 0.5)
}

.prod-title {
    color: #fff;
    font-size: 14px;
    margin: 6px auto;
    font-weight:bold;
    float: none;  
    padding: 8px 0;
}

#prod-tabs {
    position:relative;
}
    .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;          
            padding: 9px 0 8px 0;
        }

            .prod-tabs li a {
                font-size: 13px;
                color: #fff;
                padding: 12px 12px;     
               
            }

                .prod-tabs li a:hover {
                    border-bottom: 2px solid rgb(255 255 255 / 0.5);
                    text-decoration:none
                }


.prod-tab-actv-bg {
    border-bottom: 3px solid #fff;
    color: #fff !important;
    font-weight: bold;
}
    .prod-tab-actv-bg:hover {
        border-bottom: 3px solid #fff !important;
    }


    @media (min-width: 480px) {
       
        .prod-nav {          
            margin-top: 79px;
        }

        .prod-title {
            float: left;
            margin-bottom: 0;
        }
    }

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

    .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;
            max-width: 550px;
        }

    .cs-pricing {
        padding: 60px 0 30px 0;
        text-align: center;
    }

        .cs-pricing h2 {
            font-size: 36px;          
            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);
        }

.cs-pro-rec {
    position: absolute;
    width: 118px;
    height: 30px;
    right: -1px;
    background-color: #77ad03;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
    border-radius:0 6px 0 15px;
}
.prc-tbl-hdr {
    font-size: 20px;
    font-weight: 500;
    padding: 35px 15px 15px 15px;
    text-transform: uppercase;
    color: #3a3b3b;
    font-weight:bold;
}

.prc-tbl-sub-hdr {
    font-size: 36px;
    font-weight: 500;
    color: #2b3140;
    min-height: 70px;
    padding: 10px 0;
    
}

        .prc-tbl-sub-hdr small {
            font-size: 14px;
            font-weight:bold;
        }


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

    

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

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

    /*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 h4 {
            font-size: 18px;
            color: #4a586a;
            font-weight: 500;
        }

        .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-suc-msg {
        background-color: #fff;
        padding: 40px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(34,75,146,0.3);
        -moz-box-shadow: 0px 0px 6px 0px rgba(34,75,146,0.3);
        box-shadow: 0px 0px 6px 0px rgba(34,75,146,0.3);
        border-radius: 6px;
    }

        .cont-suc-msg h2 {
            font-size: 40px;
            color: #61b62f;
        }

        .cont-suc-msg .msg-txt {
            font-size: 18px;
            color: #4f9d22;
        }

        .cont-suc-msg p {
            font-size: 14px;
            color: #546776;
        }

        .cont-suc-msg a {
            font-size: 14px;
            color: #2073b6;
        }

    .knm-sec {
        padding-top: 20px;
    }

        .knm-sec p {
            font-size: 16px;
            font-weight: 500;
            margin-right: 15px;
        }

    .btn-knm {
        display: inline-block;
        font-size: 20px;
        color: #fff !important;
        padding: 10px 20px 10px 25px !important;
        border-radius: 4px;
    }

        .btn-knm:hover {
            text-decoration: none
        }

        .btn-knm i {
            margin-left: 10px;
        }

    .knm-occ-bg {
        background-color: #a5326e;
    }

        .knm-occ-bg:hover {
            background-color: #9e2d66;
        }

    .knm-venue-bg {
        background-color: #388384;
    }

        .knm-venue-bg:hover {
            background-color: #317879;
        }

    .knm-uni-bg {
        background-color: #1b597c;
    }

        .knm-uni-bg:hover {
            background-color: #1a5170;
        }

    .cs-layout {
        position: relative;
    }

        .cs-layout img {
            width: 100%;
            height: auto;
            max-width: 1240px;
            box-shadow: 0px 0px 5px 0px rgba(192,198,219,0.75);
            border-radius: 6px;
        }

 
    @media (min-width: 767px) {
        .occ-pnls-c {
            flex-flow: row wrap;
        }
        .occ-pnl {
            width: calc(20%);
        }
        .fe-tb-bnr-cont h2 {
            font-size: 32px;
        }
        .fe-tb-bnr-cont p {
            font-size: 18px;           
        }
        .fe-tb-bnr-cont {           
            padding-top: 80px;
            padding-bottom:20px;
        }
    }

@media (min-width: 991px) {

    .fe-tb-bnr-cont h2 {
        font-size: 42px;
    }

    .fe-tb-bnr-cont p {
        font-size: 18px;
    }
    .fe-tb-bnr-cont {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

    /* Icon 1 */

    .anim-lines {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        .anim-lines span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }


        .anim-lines span {
            background: #f7f7f7;
        }

            .anim-lines span:nth-child(1) {
                top: 0px;
            }

            .anim-lines span:nth-child(2), .anim-lines span:nth-child(3) {
                top: 10px;
            }

            .anim-lines span:nth-child(4) {
                top: 20px;
            }

        .anim-lines.open span:nth-child(1) {
            top: 11px;
            width: 0%;
            left: 50%;
        }

        .anim-lines.open span:nth-child(2) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .anim-lines.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .anim-lines.open span:nth-child(4) {
            top: 11px;
            width: 0%;
            left: 50%;
        }