﻿body {
}

.mailSlider .owl-dots {
    display: none
}

.menuBox {
    min-height: 118px
}

.menuCntr {
    padding: 52px 0 0 0
}

.logo {
    padding: 20px 0 0
}

.mailSlider .owl-nav {
    display: block !important
}

    .mailSlider .owl-nav .owl-prev {
        position: absolute;
        top: 45%;
        left: 30px;
        z-index: 9999;
        width: 42px;
        height: 42px;
        font-size: 0;
        background: url(../images/slider-left-aroow.png) no-repeat center center
    }

        .mailSlider .owl-nav .owl-prev:hover {
            background: url(../images/sliderHover-left-aroow.png) no-repeat center center
        }

    .mailSlider .owl-nav .owl-next {
        position: absolute;
        top: 45%;
        right: 30px;
        z-index: 9999;
        width: 42px;
        height: 42px;
        font-size: 0;
        background: url(../images/slider-right-aroow.png) no-repeat center center
    }

        .mailSlider .owl-nav .owl-next:hover {
            background: url(../images/sliderHover-right-aroow.png) no-repeat center center
        }

.srch-courses {
    padding: 0 0 44px
}

.ourCourses .insdTxt .title {
    padding: 42px 0 0
}

    .ourCourses .insdTxt .title h1 {
        margin: 0 0 6px
    }

.insdCourses {
    padding: 20px 0 0
}

.bannerTXT {
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    background: rgba(18,64,97,0.5);
    padding: 28px 34px 45px;
    width: 802px;
    border-radius: 10px;
    min-height: 260px
}

    .bannerTXT h1 {
        margin: 0;
        font-family: 'Lato',sans-serif;
        color: #fff;
        font-size: 65px;
        font-weight: 600
    }

    .bannerTXT h2 {
        margin: 9px 0 0;
        color: #fff;
        font-size: 55px;
        font-weight: 300;
        font-family: 'Lato',sans-serif
    }

    .bannerTXT a {
        display: block;
        background: #38b87c;
        color: #fff;
        width: 180px;
        margin: 25px auto 0;
        height: 46px;
        line-height: 46px;
        border-radius: 4px;
        text-transform: uppercase;
        font-family: 'Lato',sans-serif;
        font-weight: 300;
        position: relative
    }

        .bannerTXT a:hover {
            background: #249e65
        }

        .bannerTXT a:before {
            position: absolute;
            content: "";
            background: #1a7048;
            width: 177px;
            height: 1px;
            left: 0;
            bottom: 0px;
            border-radius: 2px;
            right: 0;
            margin: 0 auto
        }

    .bannerTXT p {
        font-size: 20px;
        color: #fff;
        font-weight: 300;
        font-family: 'Lato',sans-serif;
        width: 650px;
        margin: 12px auto 0
    }

.insdCourses .variation2 {
    width: 22%;
}

    .insdCourses .variation2.second {
        width: 20%;
    }

.insdCourses .priceBx.txtsearch {
    width: 20%;
}

.insideBanner.login {
    min-height: 184px;
    background: url(../images/login_new.jpg) center top no-repeat;
    background-size: cover;
}

    .insideBanner.login .insdTitle {
        padding: 5% 0 0 0;
    }

.login-section {
    padding: 38px 0 100px;
}

    .login-section .login-box .user_section {
        max-width: 100%;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 18px 19px 2px 19px;
    }

    .login-section .login-box {
        float: left;
        margin: 0 30px 0 0;
    }

        .login-section .login-box .welcome {
            height: 55px;
        }

            .login-section .login-box .welcome h1 {
                line-height: 55px;
            }

    .login-section .bottom-login {
        max-width: 100%;
    }

    .login-section .login-box .user_section input {
        margin: 0 auto 20px;
    }

    .login-section .user_section .login_btnn {
        padding: 29px 0 0;
    }

    .login-section .bottom-login {
        padding: 20px 0 0 0;
    }

    .login-section .login-box.newreg {
        border: 1px solid #ddd;
        border-radius: 6px;
        min-height: 205px;
    }

        .login-section .login-box.newreg h2 {
            font-size: 17px;
            max-width: 482px;
            line-height: 26px;
            padding: 0 38px;
        }

        .login-section .login-box.newreg .login_btnn a {
            text-decoration: none;
            max-width: 200px;
            width: 200px;
            float: none;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 14px;
            display: block;
            background: #38b87c none repeat scroll 0 0;
            text-transform: uppercase;
            font-weight: 500;
            border-radius: 4px;
            border: 0;
            margin: 27px auto 17px;
        }

    .login-section .bottom-login ul li {
        color: #333;
    }


.dynamicli {
    float: right;
    padding: 0px 31px 0 0px;
}


#secure-payment li #AmericanExp {
    background: rgba(0, 0, 0, 0) url("/content/images/AmericanExp.png") repeat scroll 0 0;
    float: left;
    margin: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

#secure-payment li #Discover {
    background: rgba(0, 0, 0, 0) url("/content/images/Discover.png") repeat scroll 0 0;
    float: left;
    margin: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

#secure-payment li #MasterCard {
    background: rgba(0, 0, 0, 0) url("/content/images/MasterCard.png") repeat scroll 0 0;
    float: left;
    margin: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

#secure-payment li #visacasd {
    background: rgba(0, 0, 0, 0) url("/content/images/Visa.png") repeat scroll 0 0;
    float: left;
    margin: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

#secure-payment .authrsd {
    background-position: 0 0;
    height: 50px;
    width: 97px;
}



.AuthorizeNetSeal {
    float: left;
}


ul#secure-payment {
    float: left;
    width: 426px;
}

    ul#secure-payment li a {
        background-size: 100% 100% !important;
        display: block;
        margin: 10px 4px !important;
    }


    ul#secure-payment + button.sbmt.next {
        margin: 16px 0 0 0;
    }

#reg2next {
    width: 100%
}

.peopleCntr {
    background: url(../images/sliderBG1-c011.jpg) no-repeat;
}

/* added css for cristmas */
/*.cpeBox, .cpeBox.qvs_bg_img {
    background:#f6f6f6 url('../images/qvs_bg_img.png') center bottom no-repeat;
    background-size: cover;
}*/


.peopleCntr {
    background-size: cover !important;
}

.cristmas_ban_mob {
    display: none;
}

/* added css for cristmas */

.form-testinfo .available-course {
    font-size: 16px;
}


.bulletContainer ul {
    padding: 0 0 0 14px;
}

    .bulletContainer ul li {
        position: relative;
        padding: 0 0 0 17px;
        margin: 0 0 12px;
    }

        .bulletContainer ul li:before {
            content: "";
            position: absolute;
            background: #555;
            left: 0;
            top: 7px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
        }


.bulletContainer ol li:before {
    display: none;
}








/** new css 09-04 **/
.insideBanner.firms .insdTitle {
    padding: 9% 0 0;
}

.brdCrmbBox {
    width: 100%;
    margin: 20px 0 0 0;
}

    .brdCrmbBox ul {
        float: right;
    }

        .brdCrmbBox ul li {
            float: left;
            font-size: 12px;
            color: #252525;
            position: relative;
            padding: 0 0 0 7px;
        }

            .brdCrmbBox ul li a {
                display: block;
                font-size: 12px;
                color: #252525;
            }

            .brdCrmbBox ul li:before {
                position: absolute;
                right: -6px;
                top: 1px;
                content: "/";
            }

            .brdCrmbBox ul li:last-child:before {
                display: none;
            }

            .brdCrmbBox ul li a:hover {
                color: #38b87c;
            }

.insideBanner.detail.firms {
    background: url(../images/Firm1.jpg) no-repeat center top;
    background-size: cover;
}

.firmSection .txtBox p {
    font-size: 18px;
    color: #7e7e7e;
    font-weight: 300;
    line-height: 29px;
    margin: 0 0 27px;
}

.firmSection .txtBox {
    padding: 0 18px 0 15px;
}

.liveWebinaar-sec {
    width: 100%;
    overflow: hidden;
    margin: 100px 0 0 0;
}

    .liveWebinaar-sec .left {
        width: 50%;
        float: left;
        background: url('../images/firmBox-left.jpg') no-repeat center top;
        background-size: cover;
        min-height: 525px;
        position: relative;
        padding: 43px 6% 0 6%;
    }

    .liveWebinaar-sec .right {
        width: 50%;
        float: left;
        background: url('../images/firmBox-right.jpg') no-repeat center top;
        background-size: cover;
        min-height: 525px;
        position: relative;
        padding: 43px 6% 0 6%;
    }

    .liveWebinaar-sec .left:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(49,153,104,0.8);
    }

    .liveWebinaar-sec h2 {
        position: relative;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
        margin: 17px 0 25px;
    }

    .liveWebinaar-sec ul li {
        position: relative;
        color: #fff;
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 15px;
        padding: 0 0 0 23px;
    }

    .liveWebinaar-sec h2 span {
        font-weight: 400;
    }

    .liveWebinaar-sec ul li:before {
        position: absolute;
        left: 0;
        top: 4px;
        background: url('../images/list-icon.png') no-repeat left top;
        content: "";
        width: 14px;
        height: 14px;
    }

    .liveWebinaar-sec .right:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(24,77,112,0.8);
    }

.bulkPackageSectn h1 {
    text-align: center;
    font-size: 36px;
    color: #114062;
    font-weight: 600;
    margin: 13px 0 47px;
}

    .bulkPackageSectn h1 span {
        font-weight: 300;
    }

.bulkPackageSectn {
    padding: 48px 0 0 0;
}

    .bulkPackageSectn .bulkBox ul {
        width: 100%;
    }

        .bulkPackageSectn .bulkBox ul li {
            overflow: hidden;
            border-bottom: 1px solid #e7e7e7;
            font-size: 16px;
            color: #585858;
        }

            .bulkPackageSectn .bulkBox ul li span {
                width: 50%;
                float: left;
                border-right: 1px solid #e7e7e7;
                line-height: 40px;
                padding: 0 0 0 20px;
            }

    .bulkPackageSectn .bulkBox {
        background: #f3f3f3;
        border: 1px solid #e7e7e7;
        border-radius: 3px;
    }

        .bulkPackageSectn .bulkBox h3 {
            margin: 0;
            text-align: center;
            font-size: 22px;
            color: #333333;
            line-height: 47px;
            border-bottom: 1px solid #e7e7e7;
        }

        .bulkPackageSectn .bulkBox ul li span:last-child {
            padding: 0 0 0 14%;
            border: 0;
        }

        .bulkPackageSectn .bulkBox ul li:last-child {
            border: 0;
        }

    .bulkPackageSectn .btnBox ul {
        text-align: center;
    }

        .bulkPackageSectn .btnBox ul li {
            display: inline-block;
            margin: 0 13px;
        }

            .bulkPackageSectn .btnBox ul li a {
                width: 213px;
                height: 45px;
                line-height: 45px;
                display: block;
                text-align: center;
                color: #fff;
                background: #38b87c;
                font-size: 16px;
                border-radius: 3px;
            }

    .bulkPackageSectn .btnBox {
        margin: 48px 0 140px;
    }

        .bulkPackageSectn .btnBox ul li a:hover {
            background: #28a068;
        }

/** new css 09-04 **/

/*discount popup css*/

.opac_popUp {
    position: fixed;
    background: rgba(0,0,0,0.75);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    z-index: 40;
}

.updDisPopUp.BgPopup {
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    margin: auto;
    left: 50%;
    top: 50%;
    border-radius: 3px;
}

.updDisPopUp {
    text-align: center;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 50px 70px;
    background: rgba(253,253,253,1);
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 50%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(50%, rgba(253,253,253,1)), color-stop(100%, rgba(234,234,234,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 50%, rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 50%, rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 50%, rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 50%, rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0 );
}

    .updDisPopUp h3 {
        padding: 25px 0 0;
        margin: 0;
        font-size: 30px;
        line-height: 150%;
        color: #114062;
        font-weight: 900;
        font-family: 'Lato', sans-serif;
    }

    .updDisPopUp h4 {
        padding: 0 0 40px;
        margin: 0;
        font-size: 20px;
        line-height: 120%;
        color: #114062;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        text-align: center;
    }

.fldBox {
    max-width: 410px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 0;
}

.updDisPopUp p {
    font-family: 'PT Serif', serif;
    padding: 0 25px;
    margin: 0;
    font-size: 22px;
    line-height: 150%;
    color: #000;
    font-weight: 500;
}

.form-control-fld {
    font-family: 'Lato', sans-serif;
    padding: 0 15px;
    margin: 0 0 10px;
    background: #fdfdfd;
    border: 1px solid #8a9eae;
    box-shadow: inset -2px 2px 2px 2px rgba(0,0,0,0.05);
    height: 42px;
    width: 100%;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    color: #393939;
    font-weight: 400;
}

.form-control-btn {
    padding: 0 15px;
    margin: 0;
    background: #38b67c;
    border: none;
    height: 44px;
    width: 100%;
    outline: none;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    cursor: pointer;
}

    .form-control-btn:hover {
        background: #259b64;
    }

.updDisPopUp .updDis-cross-Btn {
    margin:;
    padding: 0;
    width: 30px;
    height: 30px;
    background: url('../images/updDis-cross-btn.png') left top no-repeat;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 11px;
}




@media (min-width:320px) and (max-width:767px) {


    .cristmas_ban_desk {
        display: none;
    }

    .cristmas_ban_mob {
        display: block;
    }

    .footerBar {
        background: #114062;
    }




    .headerBox .top-head .loginCntr .srchCntr {
        width: 105px
    }

    .headerBox .top-head .loginCntr .loginBx {
        float: right
    }

    .mailSlider .owl-nav .owl-prev {
        display: none;
        left: 10px;
        top: 36%
    }

    .mailSlider .owl-nav .owl-next {
        display: none;
        right: 10px;
        top: 36%
    }

    .kopa-tab-container-5 .row.rowpadding .input.textbox-class {
        width: 100%;
        margin: 5px 0 0 0
    }

    #discountcodeid.course-submit-button {
        margin: 5px 0 5px 27px;
        padding: 0;
        height: 35px;
        line-height: 35px;
        font-size: 12px
    }

    .insdCourses .variation2 {
        width: 100%;
        margin: 6px 0 0 0
    }

    .srch-courses .insdCourses .srchButn {
        margin: 6px 0 10px 0
    }

    .srch-courses {
        padding: 0 0 16px 0;
        width: 100%
    }

    .bannerTXT {
        position: static;
        transform: none;
        width: 100%;
        border-radius: 0;
        min-height: 0;
        padding: 8px 20px 14px;
        background: #03668f
    }

        .bannerTXT h1 {
            font-size: 26px
        }

        .bannerTXT h2 {
            font-size: 16px
        }

        .bannerTXT p {
            margin: 9px auto 0;
            width: 100%;
            line-height: 20px;
            font-size: 16px;
        }

    .mailSlider .owl-nav .owl-prev {
        top: 10%
    }

    .mailSlider .owl-nav .owl-next {
        top: 10%
    }

    .headerBox .top-head .loginCntr {
        width: 100%;
    }

    .menuBox {
        min-height: 0;
    }

    .menuCntr {
        padding: 0;
    }

    .logo {
        padding: 10px 0 0;
    }

    .menuCntr .menuBar {
        padding: 14px 0 0 0;
    }

    .thumbBox ul li {
        width: 47%;
    }

    .bannerTXT a {
        margin: 13px auto 0;
    }

    .footerBar {
        padding: 19px 0 0;
    }

        .footerBar .footerBlock h1 {
            position: relative;
            margin: 0 0 14px;
        }

            .footerBar .footerBlock h1:before {
                position: absolute;
                right: 0;
                top: 7px;
                background: #fff;
                content: "";
                height: 2px;
                width: 15px;
            }

            .footerBar .footerBlock h1:after {
                position: absolute;
                right: 6px;
                top: 1px;
                content: "";
                background: #fff;
                height: 15px;
                width: 2px;
                transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
            }

    .tabBox {
        padding: 17px 0 19px;
    }

    .cpeBox {
        padding: 0 0 13px;
    }

    .libraryCntr {
        padding: 20px 0 0;
    }

    .peopleCntr .testimonialCntr .imgTxt a.more {
        margin: 30px auto 0;
    }

    .peopleCntr {
        padding-bottom: 18px;
    }

    .newsLetter {
        margin: 26px 0 0 0;
        padding: 0 0 20px;
    }

    .footerBar .footerBlock h1 + ul {
        display: none;
    }

    .footerBar .footerBlock {
        padding: 0;
    }

    .footerBar .col-xs-12.col-sm-3.col-md-3:last-child .footerBlock h1:before, .footerBar .col-xs-12.col-sm-3.col-md-3:last-child .footerBlock h1:after {
        display: none;
    }

    .footerBar .footerBlock h1.active:after {
        transform: rotate(90deg);
    }


    .ourCourses p {
        font-size: 16px;
    }

    .ourCourses .nav-tabs > li a {
        font-size: 10px;
    }

    .ourCourses .nav-tabs > li {
        margin: 0 4px;
    }

    .cpeBox p {
        font-size: 16px;
    }

    .title h1 {
        font-size: 26px;
    }

    .ourCourses h1 {
        font-size: 26px;
    }

    .libraryCntr .libBlock .txt {
        padding: 0 10px;
    }

    .libraryCntr .libBlock h1.block-title {
        padding: 8px 0 0 10px;
    }

    .libraryCntr .libBlock h1 {
        font-size: 18px;
    }

    .libraryCntr .libBlock:hover .txt p {
        font-size: 12px;
        margin: 5px 0 0;
        line-height: 16px;
    }

    .libraryCntr .libBlock:hover .txt a {
        font-size: 12px;
        margin: 6px 0 0;
        height: 26px;
        line-height: 26px;
    }

    .upcoming-event .blogCntr .right li .postTxt h3 {
        font-weight: 500;
    }

    .peopleCntr .title h1 {
        font-size: 26px;
    }

    .insdCourses .priceBx, .insdCourses .variation2.second {
        width: 100%;
    }

        .insdCourses .priceBx.txtsearch {
            width: 100%;
        }

    .insideBanner.login {
        min-height: 86px;
        background: url(../images/login_new.jpg) center top no-repeat;
        background-size: cover;
    }

    .login-section .login-box {
        margin: 0 0 22px 0;
    }

    .login-section {
        padding: 38px 0 0;
    }

    ul#secure-payment {
        width: 314px;
    }










    /** 09-4 **/
    .insideBanner.detail.firms h1 {
        font-size: 40px;
        padding: 0 10px;
    }

    .liveWebinaar-sec .left {
        padding: 8px 6% 24px 7%;
        min-height: 0;
        width: 100%;
    }

    .liveWebinaar-sec h2 {
        font-size: 29px;
    }

    .liveWebinaar-sec ul li {
        font-size: 16px;
        margin: 0 0 12px;
    }

    .liveWebinaar-sec .right {
        padding: 8px 6% 24px 7%;
        min-height: 0;
        width: 100%;
    }

    .bulkPackageSectn .bulkBox ul li {
        display: flex;
    }

        .bulkPackageSectn .bulkBox ul li span {
            flex: 1 0 0;
            line-height: 24px;
            padding: 10px 14px;
            font-size: 15px;
        }

    .bulkPackageSectn .bulkBox h3 {
        font-size: 18px;
        line-height: 47px;
    }

    .bulkPackageSectn .btnBox ul li a {
        width: 190px;
    }

    .bulkPackageSectn .btnBox ul li {
        margin: 0 7px 8px;
    }

    .bulkPackageSectn .btnBox {
        margin: 15px 0 40px;
    }

    .liveWebinaar-sec {
        margin: 15px 0 0 0;
    }

    .insideBanner.firms .insdTitle {
        padding: 75px 0 0 !important;
    }

    .firmSection .txtBox {
        padding: 0;
    }

    .bulkPackageSectn {
        padding: 15px 0 0 0;
    }

        .bulkPackageSectn h1 {
            font-size: 28px;
        }

        .bulkPackageSectn .bulkBox {
            margin: 0 0 19px;
        }

            .bulkPackageSectn .bulkBox ul li span:last-child {
                padding: 10px 14px;
            }
    /** 09-4 **/



    /*new discount model pop css */
    .updDisPopUp {
        padding: 20px 35px 45px;
    }

    .form-control-fld, .form-control-btn {
        float: none;
        max-width: 100%;
    }

    .updDisPopUp h3 {
        line-height: 120%;
        font-size: 26px;
    }

    .updDisPopUp h4 {
        font-size: 18px;
    }

    .updDisPopUp p {
        font-size: 18px;
        line-height: 120%;
        padding: 0;
    }




}
