/* Minification failed. Returning unminified contents.
(9050,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#free_mini_course'
 */
/* Fonts */

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Alef';
    src: url('/Fonts/Alef-Regular.eot');
    src: url('/Fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/Alef-Regular.woff') format('woff'), url('/Fonts/Alef-Regular.ttf') format('truetype'), url('/Fonts/Alef-Regular.svg#/Fonts/Alefregular') format('svg');
}

@font-face {
    font-weight: bold;
    font-style: normal;
    font-family: 'Alef';
    src: url('/Fonts/Alef-Bold.eot');
    src: url('/Fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('/Fonts/Alef-Bold.woff') format('woff'), url('/Fonts/Alef-Bold.ttf') format('truetype'), url('/Fonts/Alef-Bold.svg#/Fonts/Alefbold') format('svg');
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#traceException {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}


/* Common */

.rtl-dir {
    direction: rtl;
}

.rtl-text {
    text-align: right;
}

.ltr-dir {
    direction: ltr;
}

.ltr-text {
    text-align: left;
}

.img-pick {
    float: right;
    width: calc( 100% - 48px );
}

.fa-2.img-pick {
    font-size: 43px !important;
    float: none;
    display: inline;
    color: #fb8833;
    position: absolute;
    top: -3px;
    width: 48px;
}

.hidden {
    display: none;
}

.margin-center {
    margin-right: auto;
    margin-left: auto;
}

.wrap-text {
    white-space: normal;
}

.line-stroke {
    text-decoration: line-through;
}

.no-bold {
    font-weight: normal;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

a:hover {
    text-decoration: none;
}

label {
    font-weight: normal;
}

.btn {
    white-space: normal;
}

.form-control {
    border: 1px solid #00c0cc;
}

#dynamicPageHtmlContent {
min-height:300px;
}

    .page-header h1 {
      font-size:45px;
	color:#00c0cc;
	font-weight:700;
	line-height:27px;
    padding-top:15px;
	padding-bottom:15px;
    margin-bottom:30px;
      border-bottom: 3px solid #00c0cc;

    }

.page-sub-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    /*border-bottom: 2px solid #319eaf;*/
    color: #319eaf;
    font-weight: bold;
    font-size: 24px;
    line-height: 16px;
}

.dashed-hr {
    border-top: 1px dashed #ccc;
}

.text-warning {
    color: #fb8833;
}
#conflict-orders-grid tr {
background-color:red;
color:#ffffff;
}
body {
    color: #000;
    padding: 0;
    margin: 0;
    font-family: 'Assistant', sans-serif;
    font-weight: 400;
    position: relative;
}

ul, ol, li {
    list-style: none;
}

img, fieldset {
    border: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

figure {
    margin: 0;
    padding: 0;
}

#Sitesafe {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.nav_mycourses {
    display: block;color: #212227;font-size: 17px;float: left;padding-top: 7px;margin-right: 15px;text-decoration: underline;
}

.home a.nav_mycourses {
    color:#ffffff;
}

.is-sticky a.nav_mycourses {
    color: #212227;
}


.CatalogCoursesFooter li img {
    width: 20px;
    display: inline-block;
    margin-left: 10px;
}

.rowElem i {
    color: #334C88;
}

.videos-list li.active span {
    font-weight: bold !important;
}

.list-inline {
    margin-bottom: 0px;
}

.float-lg-left {
    float: left;
}

#Consultation-Contact-form {
    max-width: 403px;
}

.btnVideos {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #adadad;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.375;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#video_content2 {
    max-width: 1270px;
    margin: 0 auto;
    padding: 30px 0 80px 0;
}

#video_content_area2 {
    padding: 0 15px;
    background: #e8e8e8;
}

/*course page*/

.SubjectMathPageHeaderTextPrequisute a {
    color: #ffffff;
    text-decoration: underline;
}

#inner_video_box {
    max-width: 1214px;
    margin: 0 auto;
    padding: 18px 0 45px 0px;
}

.SubjectMathPage div.container {
    max-width: 1240px !important;
    width: 100% !important;
}

#inner_video_box h1 {
    font-size: 45px;
    color: #505763;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 8px;
}

#inner_video_box h5 {
    font-size: 25px;
    color: #505763;
    line-height: 27px;
    font-weight: 700;
    padding-top: 6px;
    padding-bottom: 2px;
}

#inner_video_box h6 {
    font-size: 18px;
    color: #505763;
    line-height: 27px;
    font-weight: 700;
    padding-bottom: 0px;
}

.inner_youtube_video {
    width: 62%;
    float: right;
}

.inner_video_holder {
    padding: 0;
}

.scrollbatinfo {
    color: #206873;
    text-decoration: none;
    font-size: 9px;
    vertical-align: middle;
    margin-right: 7px;
}



.inner_video_leftBottom h6 {
    font-size: 15px !important;
}

.price_box_topBigPrice {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .price_box_topBigPrice strong {
        padding-left: 0px;
    }

.DeletePriceCoursePage {
    padding-top: 23px;
}

.price_box_top {
    padding-bottom: 0px;
}

    .price_box_top strong {
        font-size: 48px;
        color: #505763;
        font-weight: 700;
        padding-left: 17px;
    }

        .price_box_top strong small {
            font-size: 22px;
        }

    .price_box_top span {
        font-size: 27px;
        color: #929292;
        font-weight: 400;
        text-decoration: line-through;
    }

        .price_box_top span small {
            font-size: 12px;
        }

#inner_video_content {
    padding: 0 15px;
    background: #fff;
}

.content_two_column {
    overflow: hidden;
    margin-top: 28px;
    position: relative;
}

.youtube_video_box {
    float: left;
}

.video_holder {
    margin-bottom: 53px;
    border: 1px solid #7a7a7a;
    width: 100.1%;
}

.video_info_right {
    float: right;
}

    .video_info_right > div {
        border: 1px solid #7a7a7a;
    }

.free-videos-page-Videoicons div.column_bg {
    position: relative;
}

    .free-videos-page-Videoicons div.column_bg::after {
        content: url('/images/VideoFreeCHaptersIcon.png');
        position: absolute;
        left: 20px;
        bottom: 10px;
    }


.purchaseCube {
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #505763;
}

.purchaseCubeInclude {
    text-align: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #505763;
    margin-top: 15px;
}

.purchaseCubeItemProgress img {
    margin-right: 1px;
    margin-top: 3px;
    width: 18px;
}


.purchaseCubeItemUnlimited img {
    margin-right: 1px;
    margin-top: 1px;
    width: 18px;
}

.purchaseCubeItem {
    text-align: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: right 0;
    float: right;
    margin-top: 13px;
    color: #505763;
}

    .purchaseCubeItem span {
        width: 100%;
        color: inherit;
        font-size: inherit !important;
        float: right;
        height: 21px;
    }

    .purchaseCubeItem img {
        max-width: 21px;
        float: right;
        margin-left: 10px;
        vertical-align: middle;
        display: inline-block;
    }

.purchaseCubeItemPersonal img {
    margin-right: 4px;
    margin-top: 2px;
    width: 17px;
}

.purchaseCubeItemMobile img {
    margin-right: 3px;
    margin-left: 11px;
    margin-top: 0px;
    width: 13px;
}

.purchaseCubeItemBook {
    margin-right: -2px;
}

.purchaseCubeItemFreeChapter {
    margin-right: -2px;
}

    .purchaseCubeItemFreeChapter img {
        margin-right: 2.7px;
        margin-top: 5px;
    }

.purchaseCubeItemPersonal {
    margin-right: -2px;
}

.purchaseCubeItem a {
    color: inherit;
    font-size: inherit !important;
    text-decoration: underline;
}

.inner_video_left a, .inner_video_left span {
    display: inline-block !important;
}

.purchaseCubeCcoupon {
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 16px !important;
    color: #319eaf;
    cursor: pointer;
    margin-top: 10px;
}

.CouponErrorMessage {
    text-align: center;
}

.have-coupon-txt {
    color: #000000;
    font-size: 17px;
    font-weight: bold !important;
}


.purchaseCubeItem1 {
    background-image: url('/images/PurchaseBoxIcon1.png');
}

.purchaseCubeItem2 {
    background-image: url('/images/PurchaseBoxIcon2.png');
}

.purchaseCubeItem3 {
    background-image: url('/images/PurchaseBoxIcon3.png');
}

.purchaseCubeItem4 {
    background-image: url('/images/PurchaseBoxIcon4.png');
    margin-right: 2px;
    padding-right: 23px;
}

.purchaseCubeItem5 {
    background-image: url('/images/PurchaseBoxIcon5.png');
}



#inner_video_box span.progress {
    display: block;
}

.AdministratorArea {
    margin-top: 20px;
    padding: 5px;
    background-color: #f5f5f5;
}

.blue_btn_holder {
    padding-bottom: 0px;
    cursor: pointer;
}

    .blue_btn_holder a {
        border: 1px solid #334c88;
        width: 100%;
        height: 57px;
        margin-bottom: 11px;
        font-size: 23px;
        color: #334c88;
        text-align: center;
        display: block;
        line-height: 58px;
        /*max-width: 295px;*/
        border-radius: 5px;
    }

        .blue_btn_holder a.active,
        .blue_btn_holder a:hover {
            background: #334c88;
            color: #fff;
        }


#inner_gray_content_area {
    padding: 0 15px;
    background: #f4f4f4;
}

#inner_gray_content {
    max-width: 1220px;
    margin: 0 auto;
    padding: 9px 0 40px 0;
}

.inner_gray_right {
    width: 61.96%;
    float: right;
}

.hhmm {
    margin-left: 15px;
    margin-top: 35px;
}

.maxh400 {
    max-height: 400px !important;
}

.backgroundCf5 {
    background-color: #f5f5f5 !important;
}

.courseTitleBlock {
    display: inline-block;
    border: 0 !important;
    font-size: 24px;
    font-weight: bold;
}

    .courseTitleBlock span {
        font-size: 20px;
        color: #929292;
        font-weight: 400;
        text-decoration: line-through;
    }

#inner_gray_content #scrollbar_box {
    margin-right: -12px;
}

    #inner_gray_content #scrollbar_box.content {
        height: 550px;
        max-width: 100%;
        padding: 0;
    }

.inner_gray_left div.feature_column_bg {
    min-height: 345px;
}

.scrollbar_info_holder {
    padding: 0;
    direction: rtl;
}

.scrollbar_row {
    border-top: 1px solid #d4d4d4;
    padding: 16px 22px 16px 18px;
    overflow: hidden;
}

    .scrollbar_row:first-child {
        border-bottom: 1px solid #d4d4d4;
    }

        .scrollbar_row:first-child span.column1,
        .scrollbar_row:first-child span.column2,
        .scrollbar_row:first-child span.column3 a,
        .scrollbar_row:first-child span.column4 {
            color: green !important;
        }



    .scrollbar_row:nth-child(2) {
        border-top: 0px solid #d4d4d4;
    }

    .scrollbar_row span {
        font-size: 18px;
        display: block;
        font-weight: bold;
        color: #5a5a5a;
    }

        .scrollbar_row span.column3 {
            color: #2282db;
            text-align: left;
        }

.column_right_box {
    float: right;
    overflow: hidden;
}

.columm_left_box {
    float: left;
    width: 234px;
    overflow: hidden;
}

.checkedItems {
    max-width: 1215px;
    width: 100%;
}

    .checkedItems div {
        float: right;
        margin-left: 90px;
    }

        .checkedItems div:last-child {
            margin-left: 0px;
        }

.column1 {
    width: 60px;
    float: right;
}

.column2 {
    float: right;
    max-width: 435px;
}

.column3 {
    float: left;
    min-width: 148px;
}

    .column3 span {
        text-align: right;
        display: inline-block;
        min-width: 84px;
    }

        .column3 span a:first-child {
            margin-left: 15px;
        }

.column4 {
    float: left;
    min-width: 60px;
    text-align: left;
}

.column_right_box div {
    width: 465px;
    margin-top: 4px;
}

.WatchChapterimgCourse {
    width: auto;
    display: inline;
    width: 20px;
    margin-right: 5px;
}

.SubjectMathPage {
    background-color: #334c88;
    min-height: 320px;
}

    .SubjectMathPage div.container {
        padding-top: 30px;
        color: #fff;
    }

    .SubjectMathPage h1 {
        font-size: 50px;
    }

    .SubjectMathPage h2, .SubjectMathPage h3 {
        font-size: 23px;
        margin-top: 8px;
        max-width: 767px;
        line-height: 27px;
    }

.SubjectMathPageHeaderText {
    display: inline-block;
    width: 86%;
    margin-top: 8px;
    padding-top: 18px;
}

.MathSubjectItemMenuHeader {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: block !important;
    border: 0px !important;
    background-color: #f6f7f7 !important;
}

    .MathSubjectItemMenuHeader i.fa {
        font-size: 16px;
    }

.inner_gray_left h4, .inner_gray_left p {
    text-align: right !important;
}

.inner_gray_left div.feature_column {
    padding: 5px;
    position: relative;
}

.inner_gray_left div.feature_holder {
    margin: 0px;
    padding: 0px;
}

.inner_gray_left hr {
    border-bottom: 1px solid #d4d4d4;
    margin-top: 0px;
    margin-bottom: 15px;
}

.inner_gray_left div.feature_holderCourse div.feature_column:first-child::after {
    content: '\f055';
    width: 30px;
    height: 3px;
    display: block;
    position: absolute;
    left: -11px;
    top: 50%;
    margin: 0 auto;
    z-index: 1;
    font-size: 24px;
    font: normal normal normal 45px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    opacity: 0.5;
}

.feature_holderCourse {
    text-align: inherit;
}

.UsuallyBoghtWithCHapterBtn {
    text-align: right !important;
    width: 250px;
    margin: auto;
}

.UsuallyBoghtWith {
    text-align: center;
}

    .UsuallyBoghtWith h4 {
        font-size: 25px;
        padding-bottom: 15px;
        padding-top: 15px;
        width: 100%;
        padding-right: 5px;
        width: 250px;
        margin: auto;
    }
/*course page*/

.inner_video_left {
    width: 33%;
    float: left;
    border: 1px solid #d6d6d8;
    padding: 0 32px 0 32px;
    min-height: 419px;
    -webkit-box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
    -moz-box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
    box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
    position: relative;
}

.MyCoursePaddingLeft {
    padding-left: 15px !important;
}

.MyCourseDuration img {
    width: 18px;
}


.MyCourseDuration span {
    padding-left: 10px;
}

.MyCourseDuration {
    display: inline-block;
    display: inline-block;
    line-height: 19px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

#uniform-TermsAgreement {
    float: right;
}

embed, iframe, object, video {
    max-width: 100%;
}

html {
    -webkit-text-size-adjust: none;
}

html, body {
    min-height: 100%;
    height: 100%;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

a:focus {
    outline: none !important;
    outline-offset: -200px !important;
}

a:hover, a:focus {
    text-decoration: inherit !important;
}

a:hover, a:focus {
    outline: none !important;
}

.row {
    margin: 0 !important;
}
/*----------------------*/
/*     Page structure   */
/*----------------------*/
.addthis-smartlayers {
    display: none;
}

label {
    font-size: 15px;
    color: #AAB9CF;
    display: block;
    line-height: 19px;
    margin: 0;
    padding-bottom: 10px;
}

.form-control::-moz-placeholder {
    color: #AAB9CF;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #AAB9CF;
}

.form-control::-webkit-input-placeholder {
    color: #AAB9CF;
}

.form-control {
    width: 100%;
    height: 50px;
    display: block;
    font-size: 15px;
    color: #AAB9CF;
    font-weight: 300;
    border: 1px solid #AAB9CF;
    background: #fff;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 20px 5px 10px;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #334c88;
        color: #212227;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

#after-discount, #price-discount-coupon {
    display: none;
}

.float-none {
    float: none !important;
}

#phone, #register-email, #register-password, #confirm-password {
    text-indent: 25px;
    direction: ltr;
}

.my_cart_colPrice strong {
    color: #334c88;
    font-weight: 600;
}

input[type="submit"], #btn-registerPhase1 {
    width: 210px;
    height: 40px;
    border: none;
    background: #334c88;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn {
    width: 210px;
    height: 40px;
    border: none;
    background: #334c88;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


    .btn:hover {
        color: #ffffff;
    }

input[type="submit"]:hover, #btn-registerPhase1:hover {
    background: #4D72CB;
}

#wrapper {
    direction: rtl;
    unicode-bidi: embed;
}

.center_content {
    max-width: 1170px;
    margin: 0 auto;
}

#header_container {
    position: relative;
    padding: 0;
}

#banner_content_area {
    width: 100%;
    background: url(/images/header_banner.jpg) no-repeat center center;
    background-size: cover;
    height: 500px;
    padding: 70px 43px 0 43px;
    position: relative;
}

    #banner_content_area.course_beginning_banner {
        background: url('/images/Course1.png') no-repeat center center;
        background-size: cover;
        height: auto;
        min-height: 425px;
    }

.single_banner_info {
    padding: 70px 0 0 0;
}

    .single_banner_info h1 {
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        margin: 0;
        padding-bottom: 10px;
    }

    .single_banner_info p {
        font-size: 19px;
        line-height: 24px;
        color: #fff;
    }

.single_banner_infoCourse h1, .single_banner_infoCourse p {
    color: #334c88;
    width: 60%;
}

#Register-Phase1 {
    display: block;
}

#Register-Phase2 {
    display: none;
}

.tab-content div.register-form-tab div.top_title,
.tab-content div.choose-login-tab div.top_title {
    padding-left: 0px !important;
}

.no-fix-header {
}

.sticky-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}

.no-fix-header .sticky-wrapper {
    position: inherit;
    left: inherit;
    top: inherit;
}

.BtnPurches, .video_content_left > a.btn-success {
    width: auto;
    max-width: 352px;
    height: 55px !important;
    line-height: 52px !important;
    margin: auto;
    background-color: #334c88;
    color: #fff !important;
    box-shadow: none !important;
    border-color: #334c88 !important;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 700;
}

.BtnPurches2 {
    width: auto;
    max-width: 352px;
    height: 55px !important;
    line-height: 52px !important;
    margin: auto;
    background-color: #fff;
    color: #334c88;
    box-shadow: none !important;
    border-color: #334c88 !important;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 700;
    border-width: 1px !important;
    border-style: solid;
}

    .BtnPurches2:hover, .BtnPurches:hover {
        background-color: #4D72CB;
        color: #fff !important;
    }

#header_area {
    width: 100%;
    background: rgba(255,255,255,0.10);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-webkit-transition: 0.3s;
    z-index: 4;
}

.is-sticky {
    z-index: 40;
}

    .is-sticky #header_area,
    #header_area.white_bg_header {
        position: relative;
        left: inherit;
        top: inherit;
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        background: #fff;
    }

header {
    padding: 17px 43px 43px;
    height: 70px;
    position: relative;
}

.menu_icon {
    background: url(/images/menu_bar.png) no-repeat;
    width: 18px;
    height: 12px;
    cursor: pointer;
    background-size: 100% auto;
    margin-top: 9px;
}

.is-sticky .menu_icon,
.white_bg_header .menu_icon {
    background: url(/images/menu_bar2.png) no-repeat;
    background-size: 100% auto;
}

.telephone_no {
    /*width: 220px;
    position: absolute;
    left: 0;
    right: 0;
    top: 18px;
    margin: 0 auto;
    z-index: 3;*/
    float: left;
}

    .telephone_no span {
        display: inline-block;
        background: url('/images/svg/Navigation/telephone.svg') no-repeat right center;
        background-size: 21px auto;
        padding-right: 32px;
        line-height: 35px;
        font-size: 17px;
        color: #fff;
        font-weight: 700;
    }

.is-sticky .telephone_no span,
.white_bg_header .telephone_no span {
    background: url('/images/svg/Navigation/telephone2.svg') no-repeat right center;
    background-size: 21px auto;
    color: #212227;
}

.logo {
    width: 114px;
    padding: 2px 0;
}

.logo_white_bg {
    display: none;
    width: 124px;
}

.is-sticky .logo,
.white_bg_header .logo {
    display: none;
}

.is-sticky .logo_white_bg,
.white_bg_header .logo_white_bg {
    display: block !important;
    right: 10px;
}

.navbar,
.navbar-default {
    padding: 2px 0;
    margin: 0;
    min-height: auto;
    background: none;
    border: none;
    border-radius: 0;
}

nav > ul {
    padding: 0;
}

    nav > ul > li {
        float: right;
        font-size: 17px;
        color: #fff;
        margin-right: 10px;
        margin-bottom: 0;
        padding: 0;
        line-height: 32px;
        position: inherit;
    }

        nav > ul > li > a:focus {
            color: #fff;
        }

        nav > ul > li > a {
            color: #fff;
            display: block;
            padding-right: 20px;
            line-height: 32px;
            position: relative;
            height: 50px;
        }

nav ul li:hover > a {
    color: #ffffff;
    /*font-weight:600;*/
}

.is-sticky nav > ul > li > a,
.white_bg_header nav > ul > li > a {
    color: #212227;
}

.is-sticky nav > ul > li:hover > a,
.white_bg_header nav > ul > li:hover > a {
    color: #334c88;
}

nav .dropdown-menu {
    left: inherit;
    display: block;
    float: none;
    min-width: inherit;
    margin: 0;
    text-align: right;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Sub Menu */
nav .dropdown-menu {
    background: #fff;
    border: none;
    border-top: 2px solid #6285d8;
    right: auto;
    /*padding: 0 20px;*/
    width: 260px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    left: inherit;
    display: block;
    float: none;
    min-width: inherit;
    margin: 0;
    text-align: right;
    border-radius: 0;
}

nav ul li:hover > .dropdown-menu {
    opacity: 1;
    top: 100%;
    transform: scaleY(1);
    visibility: visible;
    z-index: 9999;
}

nav ul li .dropdown-menu > li {
    padding: 0;
    position: relative;
}

    nav ul li .dropdown-menu > li:hover {
        background-color: #FFE42B;
    }

    nav ul li .dropdown-menu > li span {
        height: 100%;
        max-width: 50px;
        display: block;
        position: absolute;
        right: 20px;
        top: 0;
    }

        nav ul li .dropdown-menu > li span img {
            max-width: 29px;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 100%;
        }

nav ul li .dropdown-menu .dropdown-menu {
    right: 100%;
    position: absolute;
    top: 0 !important;
    visibility: hidden;
    width: 210px;
}

nav ul li .dropdown-menu > li > a {
    color: #212227;
    display: block;
    font-size: 15px;
    padding: 15px 70px 15px 10px;
    border-top: 1px solid #d9dfe9;
    font-weight: 500;
}

    nav ul li .dropdown-menu > li > a:hover,
    nav ul li .dropdown-menu > li.active > a:hover,
    nav ul li .dropdown-menu > li.active > a,
    nav ul li .dropdown-menu > li > a:active,
    nav ul li .dropdown-menu > li > a:focus {
        background: none !important;
        color: #334c88 !important;
        font-weight: 600;
    }

nav ul li .dropdown-menu > li:first-child > a {
    border: none;
}

.header_left {
    padding: 0;
    width: 580px;
}

.login_registration {
    padding: 0;
}

.alert-info-text {
    background-color: #fa6257;
}

    .alert-info-text::-webkit-input-placeholder {
        color: #000000;
    }

#register-form input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.login_drop_open .white_header_pic::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/profile-blue.png) no-repeat;
    background-size: 100% 100%;
}

.white_header_pic {
    display: none;
    position: relative;
}

.is-sticky .white_header_pic,
.white_bg_header .white_header_pic {
    display: block;
}

.is-sticky .normal_header_pic,
.white_bg_header .normal_header_pic {
    display: none;
}

.login_header_view .login_registration {
    display: none;
}

.registration_btn,
.login_btn {
    width: 100px;
    margin-right: 30px;
}

    .registration_btn .btn-default,
    .login_btn .btn-default {
        display: block;
        width: 100%;
        height: 36px;
        border: 1px solid #fff;
        background: none;
        color: #fff;
        padding: 0;
        text-align: center;
        line-height: 34px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        transition: all 0.3s ease 0s;
    }

    .registration_btn .btn-default {
        width: 115px;
    }

.is-sticky .registration_btn .btn-default,
.is-sticky .login_btn .btn-default,
.white_bg_header .registration_btn .btn-default,
.white_bg_header .login_btn .btn-default {
    border-color: #334c88;
    color: #334c88;
}

.registration_btn .btn-default.active,
.login_btn .btn-default.active,
.login_btn .btn-default:hover {
    color: #334c88;
    background: #fff;
    border-color: #fff;
    box-shadow: none;
}

.registration_btn .btn-default:hover {
    background-color: #F2F2F2;
    border: 1px solid transparent !important;
}

.is-sticky .registration_btn .btn-default.active:hover {
    background-color: #4D72CB;
}

.is-sticky .registration_btn .btn-default.active,
.is-sticky .login_btn .btn-default.active,
.is-sticky .registration_btn .btn-default:hover,
.is-sticky .login_btn .btn-default:hover,
.white_bg_header .registration_btn .btn-default.active,
.white_bg_header .login_btn .btn-default.active,
.white_bg_header .registration_btn .btn-default:hover,
.white_bg_header .login_btn .btn-default:hover {
    color: #fff;
    background: #334c88;
    border-color: #334c88;
}

.shopping_bag {
    background: url(/images/line.png) no-repeat left center;
    padding-left: 30px;
    margin-top: 3px;
    position: relative;
}

    .shopping_bag .bag_icon::after {
        content: url('/images/shopping-cart-4.svg');
        color: #ffffff;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        padding-right: 7px;
        font-size: 33px;
        z-index: 1;
    }

.is-sticky div.shopping_bag .bag_icon::after {
    color: #334c88;
}

.is-sticky .shopping_bag .bag_icon:after,
.white_bg_header .shopping_bag .bag_icon:after {
    /*background: url('/images/svg/Navigation/Union 45.svg') no-repeat;*/
    content: url('/images/shopping-cart 3.svg');
    color: #334c88;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 7px;
    font-size: 33px;
    z-index: 1;
}

/*.is-sticky .shopping_bag .bag_icon.active,
    .white_bg_header .shopping_bag .bag_icon.active {
        background-position: 0 -70px;
    }*/

.is-sticky .shopping_bag .bag_icon.active::before,
.white_bg_header .shopping_bag .bag_icon.active::before {
    content: '';
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #f7f7f7;
    display: block;
    position: absolute;
    left: -8px;
    top: -11px;
    z-index: -1;
    opacity: 0;
}

.shopping_bag .bag_icon span {
    width: 25px;
    height: 25px;
    padding: 3px;
    display: block;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    color: #334c88;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 5;
    font-weight: 700;
    text-align: center;
}

.is-sticky .shopping_bag .bag_icon span,
.white_bg_header .shopping_bag .bag_icon span {
    background: #334c88;
    color: #fff;
}

.professional_video_infoMobile {
    display: none;
}

.shopping_dropdown {
    width: 384px;
    background: #fff;
    border: 1px solid #efefef;
    border-top: 2px solid #6285d8;
    position: absolute;
    top: 50px;
    left: 15px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    display: none;

    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 410px;

}

.shopping_cart_row {
    padding: 0px 19px 0px 20px;
    border-top: 1px solid #efefef;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 95px;
}

.shopping_cart_row_summery {
    padding: 15px 19px 15px 20px !important;
    background-color: #f7f7f7;
    height: 60px;
}

    .shopping_cart_row_summery div.shopping_cart_price {
        margin-top: 0px;
    }

.shopping_Cart_img {
    margin-top: 23px;
}

.panel-primary > .panel-heading {
    background-color: #f7f7f7;
    border-color: #f7f7f7 !important;
}

.panel-warning > .panel-heading {
    background-color: #ffffff;
    border-color: #f7f7f7 !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc !important;
  
    color: #8a6d3b;
}


.alert {
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 0;
}
#message-for-students a {
    color: #000000;
}

.badge {
    background-color: transparent;
    width: 45px;
}

.panel-primary > .panel-heading .badge {
    background-color: #777;
    color: #fcf8e3;
}

.panel-warning {
    border: 0px;
}

.panel-title a {
    color: #000000;
}

.panel-title {
    color: #000000 !important;
    font-weight: bold;
}

.lefttxtMyCourse {
    margin-top: 17px;
    display: inline-block;
    font-weight: normal;
    font-size: 17px;
}

#course-chapters {
    background-color: #bdc9e6;
}

    #course-chapters a.list-group-item {
        margin-bottom: 2px !important;
        border-bottom: 0 !important;
    }

a.list-group-item small:first-child {
    margin: 0px;
}

a.list-group-item small {
    margin-top: 5px;
    margin-bottom: 7px;
    display: inline-block;
}

.padding-left {
    padding-left: 15px !important;
}

#course-chapters a.list-group-item:hover strong {
    color: #334c88;
}

#noCourses {
    margin: auto;
    text-align: center;
}

.page-sub-header2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    line-height: 16px;
    border-bottom: 1px solid #AAB9CF;
}

#noCourses img {
    width: 100px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

#noCourses div.alertVer2 {
    color: #212227;
    font-size: 30px;
    font-weight: 700;
    max-width: 300px;
    margin: auto;
    line-height: 46px;
    border-bottom: 1px solid #AAB9CF;
}

#noCourses div.message-content {
    margin-bottom: 20px;
    margin-top: 20px;
}

#my-courses-accordion div.active-item div.course_chart_info {
    display: block !important;
}

.panel-primary {
    border-color: #f7f7f7 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.progress {
    height: 30px;
    line-height: 30px;
}

.progress-bar {
    background-color: #aab9cf !important;
    line-height: 30px;
}

.marginrow {
    margin-top: 20px;
    margin-bottom: 47px;
}

.item_close {
    width: 15px;
    height: 15px;
    background: url(/images/close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0px;
    top: 25px;
    z-index: 8;
    cursor: pointer;
}

.shopping_cart_row:first-child {
    border-top: none;
}

.shopping_cart_row p {
    font-size: 15px;
    line-height: 19px;
    color: #212227;
    font-weight: 600;
    max-width: 260px;
    margin: 0;
    padding-top: 20px;
}

.shopping_cart_price {
    overflow: hidden;
    margin-top: 20px;
}

    .shopping_cart_price h5 {
        float: right;
        font-size: 15px;
        font-weight: normal;
        color: #212227;
        line-height: 26px;
        padding-bottom: 0;
        margin: 0;
    }

    .shopping_cart_price h6 {
        float: right;
        font-size: 15px;
        font-weight: 300;
        color: #000000;
        line-height: 26px;
        padding-bottom: 0;
        margin: 0;
    }

    .shopping_cart_price strong {
        float: left;
        font-size: 20px;
        color: #334c88;
        font-weight: 700;
        line-height: 26px;
    }

.cart_total_item {
    overflow: hidden;
    padding: 18px 19px 20px 20px;
    background: #f7f7f7;
}

    .cart_total_item h5 {
        float: right;
        font-size: 20px;
        font-weight: 600;
        color: #212227;
        font-weight: 300;
        line-height: 26px;
        padding-bottom: 0;
        margin: 0;
    }

    .cart_total_item strong {
        float: left;
        font-size: 20px;
        color: #334c88;
        font-weight: 700;
        line-height: 26px;
    }

.login-to-existing, .login-to-new-subscriber {
    text-align: center;
}

.my_cart_btn {
    margin: -1px;
    border-top: none;
}

    .my_cart_btn .btn-primary {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 17px;
        color: #fff;
        font-weight: 700;
        display: block;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        background-color: #334c88;
    }

        .my_cart_btn .btn-primary:hover {
            background-color: #4D72CB;
        }

.my_cart_left div.panel-default {
    border-color: #f7f7f7 !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.my_cart_left div#pay-accordion div.panel-default {
    margin-bottom: 20px;
}



.fadebox {
    width: 100%;
    height: 100%;
    direction: rtl;
    background: rgba(0,0,0,0.45);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 20px 15px;
    display: none;
}

.popup_container {
    background: rgba(0,0,0,0.45);
    padding: 20px 15px;
    direction: ltr;
}

.modal {
    z-index: 9999 !important;
}

.modal-dialog-ver2 {
    max-width: 565px;
    width: 100%;
    min-height: 385px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    padding-bottom: 10px;
}

    .modal-dialog-ver2 > div {
        margin: auto;
        padding-top: 55px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .modal-dialog-ver2 div.alertVer2 {
        font-size: 30px;
        font-weight: bold;
        color: #202126;
        border-bottom: 1px solid #efefef;
        width: 60%;
        margin: auto;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .modal-dialog-ver2 img {
        max-width: 68px;
        padding-bottom: 20px;
        margin: auto;
    }

.btnVer2 {
    background-color: #334c88;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
}

    .btnVer2:hover {
        background-color: #4D72CB;
    }

.btnVer1 {
    color: #4D72CB;
    display: inline-block;
    font-weight: bold;
    border: 1px solid #4D72CB;
    background-color: #ffffff;
    margin-right: 30px;
}

.courserightbox {
    margin-bottom: 20px !important;
}

    .courserightbox div.in {
        background-color: red;
    }

.modal-dialog-ver2FixMinHeight {
    min-height: 330px !important;
}

.btnVer1:hover {
    background-color: #334c88;
    border-color: #ffffff !important;
}

.popup_container .modal-dialog {
    direction: rtl;
}
/*.modal {
	text-align: center;
	padding: 0!important;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.modal-open .modal {
	overflow-x: hidden;
overflow-y: auto;
    overflow-x:inherit !important;
    overflow-y:inherit !important;
}
*/
.popup_holder {
    max-width: 568px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 15px;
    position: relative;
    direction: rtl;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.close_btn {
    background: url(/images/close.png) no-repeat;
    background-size: 100% auto;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}

.login_form {
    max-width: 372px;
    margin: 0 auto;
}

.sign_in_width_fbook {
    text-align: center;
    padding-bottom: 22px;
}

    .sign_in_width_fbook.desktop_view {
        display: inline-block;
        background: url('/images/face web.svg') no-repeat;
        cursor: pointer;
        width: 369px;
        height: 39px;
        border-bottom: 1px solid #AAB9CF;
        padding-bottom: 60px;
        margin-bottom: 20px;
    }

    .sign_in_width_fbook a {
        color: #ffffff;
        line-height: 39px;
    }

    .sign_in_width_fbook.desktop_view:hover {
        background: url('/images/face web - hover.svg') no-repeat;
    }

    .sign_in_width_fbook.mobile_view {
        background: url('/images/face mobile.svg') no-repeat;
        font-size: 18px;
        line-height: 38px;
        cursor: pointer;
        width: 265px;
        height: 46px;
        margin-bottom: 12px;
        border-bottom: 1px solid #AAB9CF;
        padding-bottom: 60px;
    }

        .sign_in_width_fbook.mobile_view a {
            color: #ffffff;
            line-height: 38px;
            float: right;
            margin-right: 30px;
        }

.login_form h4 {
    font-size: 22px;
    color: #212227;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
    margin: 0;
}

.submit_btn {
    padding-bottom: 20px;
    padding-top: 20px;
}

    .submit_btn input[type="submit"], #btn-registerPhase1 {
        margin: 0 auto;
    }

.professional_video_infoBtnGroup {
    margin: auto;
}

.remember_me {
    overflow: hidden;
    padding: 10px 0 10px 0;
}

.remember_check {
    float: right;
    margin-right: 0px;
    color: #212227 !important;
    font-size: 14px;
}

    .remember_check label {
        padding: 0;
        margin: 0;
        line-height: 20px;
        color: #212227;
        font-size: 14px;
    }

    .remember_check a {
        color: #334c88;
    }

.forgot_password {
    float: left;
}

    .forgot_password a {
        font-size: 14px;
        color: #334c88;
        display: block;
    }

#forgot-password div.field_box {
    width: 80%;
    margin: auto;
}

#forgot-password label {
    text-align: right;
}

.login_form p {
    font-size: 15px;
    font-weight: normal;
    color: #212227;
    text-align: center;
    margin: 0;
}

    .login_form p a {
        color: #334c88;
        font-weight: 600;
    }

.sidenav {
    width: 0;
    max-width: 80%;
    height: 100%;
    direction: ltr;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    overflow-x: hidden;
    background: #fff;
    transition: feature_column_bgTxt0.3s;
}

.sidenav_container {
    position: relative;
    height: 100%;
    background: #fff;
    direction: rtl;
}

.desktop_view {
    display: block;
}

.mobile_view {
    display: none;
}

.banner_info_box {
    width: 100%;
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    transform: translateY(-35%);
    text-align: center;
}

.purchaseCubeCcouponContainer {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    bottom: 5px;
    width: 200px;
}

.progressChapterItem {
    width: 55%;
    display: inline-block;
    margin-top: 10px;
}

    .progressChapterItem small {
        margin-bottom: 10px;
        display: inline-block;
    }

.purchaseCubeCcoupon {
    cursor: pointer;
    display: block;
}

.BooklinkItem {
    margin-right: 7px;
    padding-top: 6px;
    display: inline-block;
}

#scrollbar_box {
    overflow-y: scroll;
    height: 435px;
    direction: ltr;
    margin-bottom: 17px;
}

.videos-list {
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
}

.video_info_right h3 {
    font-size: 24px;
    color: #7a7a7a;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 700;
    padding-bottom: 1px;
    margin-bottom: 18px;
    margin-top: 0px;
}

.topics-list li {
    margin-top: 10px;
}

#chapter-videos {
    direction: rtl;
    margin-right: 0px;
}

label div.checker, label div.rowelName {
    vertical-align: top;
    display: inline-block;
    color: #212227;
}

    label div.checker, label div.rowelName:hover {
        font-weight: bold;
    }

.Coupon-group {
    width: 100%;
    margin: auto;
    margin-top: 20px;
}
    .Coupon-group #coupon {
        width: 60%;
        height: 40px;
    }
    .Coupon-group .input-group-btn.pull-right {
       
        display: block;
        width: 36%;
        float: left !important;
    }

    #coupon-frame {
        display: none;
    }

#coupon button.blue_buttonCart {
    color: #ffffff;
    height: 50px;
    background-color: #4D72CB;
    color: #fff;
}

.LlbcheckCoupon {
    margin-top: 20px;
    text-align: center;
}

.rowelName {
    width: 87%;
}

.banner_info_box h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0;
}

.banner_info_box p {
    font-size: 24px;
    color: #fff;
    padding-bottom: 40px;
    margin: 0;
}

.yellow_button,
#mini_course_box .btn-primary,
.adjust_track_btn.btn-warning {
    width: 216px;
    height: 50px;
    display: block;
    background: #FFE42B;
    line-height: 50px;
    color: #334C88;
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    border: none;
}

.yellow_button {
    padding: 0;
    margin: 0;
}

    .yellow_button:hover,
    .adjust_track_btn:hover {
        background: #F3DA2A;
        color: #334C88;
    }

#mini_course_box .btn-primary {
    padding: 0;
    margin: 0 auto;
    background: #334c88;
    color: #fff;
}

    #mini_course_box .btn-primary:hover {
        background: #4D72CB;
    }

.watch_video_btn {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    background: url(/images/bgr_play.png) no-repeat left center;
    background-size: 22px 22px;
    line-height: 22px;
    padding-left: 40px;
    line-height: 22px;
}

    .watch_video_btn:hover {
        color: #fff;
    }

.personal_consultation_box {
    position: fixed;
    left: 43px;
    top: 480px;
    z-index: 52;
}


.fadebox-on .fadebox {
    z-index: 51;
}

.headphone_icon {
    width: 60px;
    height: 60px;
}

    .headphone_icon a {
        display: block;
        width: 100%;
        height: 60px;
        background: url('/images/svg/ConsultUs/headset.svg') no-repeat center center;
        background-color: #ffffff;
        background-size: 70% auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        position: relative;
    }

        .headphone_icon a.active::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
            background: url(/images/close.png) no-repeat center center;
            background-size: 19px 19px;
            background-color: #fff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }


.feature_column_info a :hover {
    color: #334C88;
}


.feature_holderCourse div.feature_column_info h4 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    height: 90px;
    overflow: hidden;
}

.feature_holderCourse div.feature_column_info p {
    height: 60px;
    overflow: hidden;
}



.headphone_icon a.active::before {
    display: none;
}

.personal_consultation {
    width: 392px;
    background: url(/images/form_bg.png) no-repeat center top;
    background-size: 100% auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -140px;
    z-index: 2;
    padding: 20px;
    z-index: 10;
    display: none;
}

    .personal_consultation h4 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        padding-bottom: 10px;
        margin: 0;
    }

    .personal_consultation p {
        font-size: 17px;
        color: #fff;
        text-align: center;
        padding-bottom: 20px;
        margin: 0;
    }

    .personal_consultation .telephone_no {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        text-align: center;
        width: 100%;
    }

        .personal_consultation .telephone_no span {
            display: inline-block;
            background: url('/images/svg/Navigation/telephone2.svg') no-repeat right center;
            background-size: 35px auto;
            font-size: 19px;
            color: #334C88;
            font-weight: 300;
            padding-right: 54px;
        }

.personal_form {
    background: #fff;
    padding: 25px 39px 20px 39px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

.form_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5;
    background: url('/images/svg/ConsultUs/Union 49.svg') no-repeat;
    background-size: 16px auto;
    cursor: pointer;
}

.ZoomEffect img {
    -webkit-transition: transform 2s; /* Animation */
    -moz-transition: transform 2s; /* Animation */
    -ms-transition: transform 2s; /* Animation */
    -o-transition: transform 2s; /* Animation */
    transition: transform 2s; /* Animation */
}

    .ZoomEffect img:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2); /* Animation */
        -moz-transform: scale(1.2); /* Animation */
        -ms-transition: scale(1.2); /* Animation */
        -o-transform: scale(1.2); /* Animation */
    }


.personal_form .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.personal_form .form-control:-ms-input-placeholder {
    color: #fff;
}

.personal_form .form-control::-webkit-input-placeholder {
    color: #fff;
}

.personal_form .form-control:focus {
    border-color: #334c88;
    color: #212227;
}

#free_mini_course {
    padding: 0 15px;
    background: url('/images/svg/home page/Mask Group 262.svg') center center;
}

#mini_course_box {
    padding: 84px 0 83px 0;
    text-align: center;
}

    #mini_course_box h2 {
        font-size: 35px;
        line-height: 46px;
        color: #334C88;
        font-weight: 700;
        margin: 0;
    }

    #mini_course_box p {
        font-size: 17px;
        color: #334C88;
        line-height: 22px;
        padding-bottom: 30px;
        margin: 0;
    }

#four_column_container {
    padding: 0 15px;
    background: #F7F7F7;
}

    #four_column_container.white_bg {
        background: #fff;
    }

#four_column_holder {
    padding: 70px 0 60px 0;
    text-align: center;
}

    #four_column_holder h3 {
        font-size: 35px;
        line-height: 46px;
        color: #212227;
        padding-bottom: 35px;
        margin: 0;
    }

.ThreeItemsNormal div.feature_holderItem {
    float: right;
    width: 23%;
    margin-left: 20px;
    padding-bottom: 40px;
    position: relative;
}


    .ThreeItemsNormal div.feature_holderItem:last-child {
        margin-left: 0px;
    }

.courseNumb {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-weight: 600;
    background-color: #334C88;
    opacity: 0.8;
    /* width: 10px; */
    /* height: 10px; */
    padding: 10px;
    border-radius: 50%;
    width: 27px;
    height: 25px;
    line-height: 4px;
    text-align: center;
    z-index:5;
}
.freeCourse {
    display: block;
    position: absolute;
    left: 9px;
    top: 10px;
    color: #334C88;
    border: 1px solid #F3DA2A;
    background-color: #F3DA2A;
    /* opacity: 0.6; */
    z-index: 5;
    /* padding: 2px; */
    padding-left: 10px;
    padding-right: 10px;
}

#educational_slider {
    position: relative;
    margin: 0 -5px;
}

.column_feature {
    padding: 5px 5px 10px 5px;
}

.column_feature_bg {
    background: #fff;
    padding: 28px 19px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}

.white_bg .column_feature_bg {
    background: #F7F7F7;
}

.column_feature strong {
    font-size: 30px;
    color: #334c88;
    font-weight: 700;
    line-height: 40px;
    display: block;
}

.column_feature span {
    display: block;
    font-size: 17px;
    line-height: 22px;
    color: #334c88;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .column_feature span::after {
        content: '';
        width: 50px;
        height: 3px;
        background: #334c88;
        display: block;
        position: relative;
        bottom: -20px;
        margin: 0 auto;
    }

.aboutusPanel {
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    color: #334c88;
    font-weight: 700;
}

.column_feature p {
    font-size: 15px;
    line-height: 19px;
    color: #212227;
    margin: 0;
}

#line_chart_area {
    background: url('/images/svg/home page/Group 2784.svg') no-repeat center bottom;
    background-size: 1920px 617px;
    padding: 0 15px;
    max-width: 1920px;
    margin: 0 auto;
}

#line_chart_content {
    height: 584px;
    position: relative;
    padding: 50px 0;
}

.line_chart_column {
    width: 25%;
    text-align: center;
    position: absolute;
    z-index: 2;
}

.line_chart_column1 {
    top: 29.9%;
    right: 0;
}

.line_chart_column2 {
    right: 25%;
    top: 12.4%;
}

.line_chart_column3 {
    left: 25%;
    top: 6%;
}

.line_chart_column4 {
    left: 0;
    top: 10.3%;
}

.line_chart_column h5 {
    font-size: 22px;
    color: #212227;
    font-weight: 700;
    margin: 0;
}

    .line_chart_column h5 a {
        color: #212227;
    }

.line_chart_column:hover > h5 a {
    color: #334C88;
}


.line_chart_column p {
    font-size: 17px;
    color: #212227;
    line-height: 22px;
    padding-top: 15px;
    opacity: 0;
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
    margin: 0;
}

#staggered-test li {
}

.titlebc {
    margin: auto;
    margin-top: 47px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 22px !important;
}

    .titlebc i font {
        font-size: 20px
    }

.titlebc1 {
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 35px;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 28px !important;
}

.titlebc2 {
    margin: auto;
    margin-bottom: 60px;
    text-align: center;
    margin-top: 0px;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 28px !important;
}

.about_us_contentIndex {
    background-color: #f5f5f5;
    position: relative;
    padding-top: 20px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    padding-bottom: 60px !important;
}

.line_chart_column:hover > p {
    opacity: 1;
    visibility: visible;
}

.line_chart_icon {
    position: relative;
    padding-bottom: 70px;
    min-height: 120px;
}

    .line_chart_icon::after {
        content: '';
        width: 62px;
        height: 62px;
        margin: 0 auto;
        background: url(/images/bullet.png) no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

.line_chart_column:hover > .line_chart_icon::after {
    background-position: 0 -89px;
}

.line_chart_icon img {
    max-height: 50px;
    margin: 0 auto;
}

    .line_chart_icon img.line_chart_hover {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        display: none;
    }

.line_chart_column:hover img.line_chart_hover {
    display: block;
}



#content_banner_area {
    padding: 0 15px;
    background: url(/images/content-banner.jpg) no-repeat center center;
    background-size: cover;
}

    #content_banner_area.about_content_banner {
        background: url(/images/about_content_banner.jpg) no-repeat center center;
        background-size: cover;
        margin-bottom: 50px;
    }

#content_banner {
    padding: 99px 0 98px 0;
    overflow: hidden;
}

.content_banner_right {
    width: 70%;
}

    .content_banner_right h4 {
        font-size: 48px;
        line-height: 63px;
        font-weight: 700;
        color: #fff;
        margin: 0;
    }

    .content_banner_right p {
        font-size: 22px;
        line-height: 28px;
        color: #fff;
        margin: 0;
    }

#content_banner .yellow_button {
    margin: 26px 0 0 0;
}

#feature_content_area {
    padding: 0 15px;
    overflow: hidden;
}

.feature_content_areaFix {
    margin-bottom: 50px;
}

#feature_content {
    padding: 70px 0 40px 0;
}

.feature_center_align #feature_content {
    padding-top: 50px;
}

.feature_holder {
    margin-right: -30px;
}

.feature_holderItem {
    margin-right: 1px;
}

    .feature_holderItem a {
        color: #212227;
    }

        .feature_holderItem a:hover {
            color: #334C88;
        }

.feature_column {
    padding: 0 30px 30px 0;
    text-align: center;
    margin: 0 !important;
}

.blog_content_holder .feature_column_bg{
    background: #fff;
    padding: 0 0 0 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
   
}
.ThreeItemsNormal .feature_column_bg {
    background: #fff;
    padding: 0 0 0 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 327px;
    height: 327px;
}
    .feature_column_bg:hover {
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -ms-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
    }

.feature_photo a {
    display: inline;
    position: relative;
}

.feature_photo {
    overflow: hidden;
}

    .feature_photo img {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -webkit-transition: transform 2s; /* Animation */
        -moz-transition: transform 2s; /* Animation */
        -ms-transition: transform 2s; /* Animation */
        -o-transition: transform 2s; /* Animation */
        transition: transform 2s; /* Animation */
    }

        .feature_photo img:hover {
            transform: scale(1.2);
            -webkit-transform: scale(1.2); /* Animation */
            -moz-transform: scale(1.2); /* Animation */
            -ms-transition: scale(1.2); /* Animation */
            -o-transform: scale(1.2); /* Animation */
        }

.feature_column_info {
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 20px;
}

    .feature_column_info h4 {
        color: inherit;
        font-size: 17px;
        padding-bottom: 10px;
        font-weight: 600;
        margin: 0;
        text-align: center;
    }


        .feature_column_info h4 a {
            color: #212227;
        }

    .feature_column_info p {
        color: #212227;
        font-size: 15px;
        line-height: 19px;
        margin: 0;
    }

.feature_column_bg:hover a {
    color: #334C88;
}

#testimonial_container {
    padding: 0 15px;
    background: url(/images/bgr_testimonial.png) no-repeat center center;
    background-size: 100% auto;
    margin-bottom: 50px;
}

#testimonial_holder {
    padding: 20px 0 0 0;
}

#testimonial_slider {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #f7f7f7;
    padding: 50px 80px 50px 30px;
    direction: ltr;
}

.testimonial_photo {
    width: 196px;
    float: right;
}

.testimonial_item {
    overflow: hidden;
    direction: rtl;
}

.testimonial_info {
    margin-right: 215px;
    padding: 60px 0 0 0;
    background: url('/images/svg/home page/Union 38.svg') no-repeat right 20px;
    background-size: 38px auto;
}

.testimonial_photo img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.testimonial_info p {
    font-size: 19px;
    color: #212227;
    line-height: 24px;
    font-weight: 300;
    margin: 0;
}

.FooterTerms {
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
}

#footer_area {
    padding: 0 15px;
    background-color: #FCFCFC;
}

footer {
    padding: 40px 0 20px 0;
    overflow: hidden;
}

.footer_column {
    padding: 0 0 0 15px;
    margin: 0;
}

    .footer_column:nth-child(1) {
        width: 35.33%;
    }

    .footer_column:nth-child(2) {
        width: 20.33%;
    }

    .footer_column:nth-child(3) {
        width: 13.33%;
    }

    .footer_column:nth-child(4) {
        width: 22.33%;
    }


    .footer_column h5 {
        font-size: 17px;
        color: #212227;
        font-weight: 700;
        line-height: 22px;
        padding-bottom: 20px;
        margin: 0;
    }

    .footer_column ul {
        margin: 0;
        padding: 0;
    }

        .footer_column ul li {
            font-size: 15px;
            line-height: 19px;
            padding-bottom: 13px;
            color: #212227;
        }

            .footer_column ul li a {
                color: #212227;
            }

                .footer_column ul li a:hover {
                    color: #334c88;
                }

.footer_contact ul li a {
    display: block;
    padding-right: 42px;
    line-height: 22px;
}

.footer_contact ul li.map_location a {
    background: url('/images/svg/footer/map.svg') no-repeat right center;
    background-size: 22px auto;
}

.footer_contact ul li.contact_phone a {
    background: url('/images/svg/footer/telephone2.svg') no-repeat right center;
    background-size: 22px auto;
}

.footer_contact ul li.contact_email a {
    background: url('/images/svg/footer/mail.svg') no-repeat right center;
    background-size: 22px auto;
}

.footer_contact ul li.contact_Facebook a {
    background: url('/images/svg/footer/Facebook.svg') no-repeat right center;
    background-size: 22px auto;
}

#copyright_area {
    padding: 0 15px;
    background: #334C88;
}

#copyright {
    text-align: center;
    min-height: 36px;
}

    #copyright p {
        font-size: 14px;
        line-height: 36px;
        font-weight: 300;
        color: #fff;
        margin: 0;
    }

.login_profile {
    float: left;
    padding: 3px 30px 0 0;
    position: relative;
    display: none;
}

.login_header_view .login_profile {
    display: block;
}

.login_profile_pic {
    width: 30px;
    float: left;
}

.login_profile > a {
    overflow: hidden;
}

    .login_profile > a > span {
        margin-left: 45px;
        font-size: 17px;
        line-height: 30px;
        display: block;
        color: #fff;
    }

.is-sticky .login_profile > a > span,
.white_bg_header .login_profile > a > span {
    color: #212227;
}

.profile_dropdown {
    width: 384px;
    display: none;
    background: #fff;
    border-top: 2px solid #6285d8;
    padding: 20px 30px 0 20px;
    position: absolute;
    left: 0;
    top: 54px;
    z-index: 10;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.profile_info_right {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    background: #fff;
    padding: 50px 0 0 0;
}

.profile_info {
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 20px;
}

.profile_photo {
    width: 75px;
}

.login_profile .profile_photo {
    padding-bottom: 0;
}

.profile_info_left {
    margin-right: 105px;
    padding-top: 10px;
}

    .profile_info_left span {
        display: block;
        font-size: 17px;
        color: #334C88;
        font-weight: 600;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .profile_info_left a {
        display: inline-block;
        font-size: 15px;
        line-height: 19px;
        color: #334C88;
        font-weight: 300;
    }

.profile_info_right ul,
.profile_dropdown ul {
    padding: 0;
    margin: 0;
}

    .profile_info_right ul li,
    .profile_dropdown ul li {
        padding: 13px 0;
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        font-weight: 300;
    }

        .profile_info_right ul li a,
        .profile_dropdown ul li a {
            color: #212227;
        }

            .profile_dropdown ul li a:hover {
                color: #334c88 !important;
                font-weight: 600;
            }

.disconnect_box {
    position: relative;
    padding: 12px;
    padding-right: 1px;
    border-top: 1px solid #e5e9f0;
}

    .disconnect_box strong {
        font-size: 15px;
        line-height: 24px;
        display: block;
        color: #212227;
        font-weight: 600;
        cursor: pointer;
    }

.dropdown_close {
    background: url('/images/svg/Navigation/Group 3115.svg') no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 5;
}

#content_area {
    padding: 0 15px;
}

.content_holder {
    padding: 50px 0 30px 0;
}

.top_title {
    position: relative;
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 20px;
    padding-left: 50px;
}

    .top_title h2,
    .top_title h1 {
        color: #212227;
        font-size: 35px;
        font-weight: 700;
        margin: 0;
        line-height: 46px;
    }

        .top_title h1 .desktop_view {
            display: inline-block;
        }

.back_to_prev {
    background: url(/images/arrow_right.png) no-repeat;
    width: 9px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 11px;
    z-index: 3;
    display: none;
}

.panels_icon {
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 1;
}

.content_widget_holder {
    padding: 50px 0 0 0;
}

.content_widget {
    margin-bottom: 40px;
    border: 1px solid rgba(0,0,0,0.10);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

    .content_widget:hover {
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
    }

.widget_photo {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .widget_photo a {
        display: block;
        position: relative;
    }

        .widget_photo a::before,
        .widget_photo img {
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .widget_photo a::before {
            /*content:'';
	width:100%;
	height:100%;
	background:rgba(80,119,212,0.55);
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	display:block;*/
        }

.content_widget:hover .widget_photo a::before {
    visibility: visible;
    opacity: 1;
}

.widget_info_left {
    padding: 35px 75px 10px 90px;
    margin: 0;
}

    .widget_info_left h4 {
        font-size: 30px;
        color: #212227;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 5px;
    }

        .widget_info_left h4 a {
            color: #212227;
        }

.content_widget:hover h4 a {
    color: #334C88;
}

.widget_info_left p {
    font-size: 19px;
    line-height: 24px;
    color: #212227;
    margin-bottom: 22px;
}

.widget_info_left .btn-default {
    width: 210px;
    border: 1px solid #334c88;
    height: 40px;
    border-radius: 2px;
    padding: 0 10px;
    line-height: 38px;
    background-color: #fff;
    font-size: 17px;
    font-weight: 700;
    color: #334c88;
    display: block;
}

.content_widget:hover .widget_info_left .btn-default {
    background-color: #334c88;
    color: #fff;
}

#course_content_area {
    padding: 0 15px;
    min-height: 463px;
}

.course_content_holder {
    padding: 30px 0 50px 0;
}

.course_content_left {
    margin-top: 100px;
    padding: 0;
    position: inherit;
    background-color: #ffffff;
}

.course_content_right {
    padding: 30px 0 0 60px;
    min-height: 463px;
}

.professional_details_box {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
    position: absolute;
    z-index: 3;
    max-width: 390px;
    top: 175px;
}

.professional_video {
    overflow: hidden;
}

    .professional_video img {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
    }




    .professional_video a {
        position: relative;
        display: block;
    }

        .professional_video a::before {
            content: '';
            display: block;
            width: 60px;
            height: 60px;
            display: block;
            background: url(/images/bgr_play2.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            margin: 0 auto;
            z-index: 3;
            margin-top: -30px;
            opacity: 0.8;
            filter: alpha(opacity=80); /* For IE8 and earlier */
            transition-duration: 250ms;
        }

        .professional_video a:hover:before {
            opacity: 1;
            filter: alpha(opacity=100); /* For IE8 and earlier */
            transition-duration: 250ms;
        }


.professional_video_info {
    padding: 25px 40px 25px 40px;
    background: #fff;
}

    .professional_video_info strong {
        font-size: 48px;
        line-height: 40px;
        display: block;
        color: #334C88;
        font-weight: 700;
    }

        .professional_video_info strong span {
            display: inline-block;
            color: #AAB9CF;
            font-size: 30px;
            text-decoration: line-through;
            margin-right: 15px;
        }

    .content_widget_info .btn-primary,
    .professional_video_info .btn-primary {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        margin: 0;
        display: block;
        font-size: 17px;
        border-radius: 2px;
        line-height: 38px;
        border: 1px solid #334c88;
        color: #334c88;
        font-weight: 700;
        background-color: #fff;
        margin-bottom: 23px;
        text-align: center;
        box-shadow: none;
    }

        .professional_video_info .btn.active,
        .content_widget_info .btn-primary:hover,
        .professional_video_info .btn-primary:hover {
            background-color: #334c88;
            color: #fff;
            box-shadow: none;
            border-color: #334c88;
        }

    .professional_video_info h4 {
        font-size: 22px;
        line-height: 28px;
        color: #212227;
        font-weight: 600;
        margin: 0;
        padding-bottom: 30px;
    }

    .professional_video_info ul {
        padding: 0;
        margin: 0;
    }

        .professional_video_info ul li {
            font-size: 17px;
            line-height: 28px;
            color: #212227;
            padding-bottom: 15px;
        }

            .professional_video_info ul li a {
                display: inline-block;
                padding-right: 50px;
                position: relative;
                color: #212227;
            }

            .professional_video_info ul li span {
                display: block;
                width: 30px;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
            }

                .professional_video_info ul li span img {
                    max-height: 28px;
                    margin: 0 auto;
                }

.coupon_link a {
    font-size: 19px;
    line-height: 24px;
    display: inline-block;
    color: #334c88;
    font-weight: 600;
}

.professional_video_info > strong > font {
    font-size: 35px;
}

.professional_video_info > strong > span > font {
    font-size: 20px;
}

.course_content_right h3 {
    font-size: 35px;
    line-height: 40px;
    color: #212227;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
}

.list_column_holder {
    overflow: hidden;
}

    .list_column_holder ul {
        padding: 0;
        margin: 0;
    }

        .list_column_holder ul li {
            font-size: 17px;
            line-height: 22px;
            color: #212227;
            padding-right: 35px;
            padding-bottom: 20px;
            background: url(/images/checkbox.png) no-repeat right 7px;
            background-size: 15px auto;
        }

            .list_column_holder ul li a {
                color: #212227;
            }

.list_column {
    width: 50%;
    padding-left: 15px;
}

.gray_content_area {
    padding: 0 15px;
    background: #f7f7f7;
    /*-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
    /*margin-bottom:50px;*/
}

.gray_content_box {
    padding: 70px 0 30px 0;
}

.gray_content_right {
    padding: 0 0 0 60px;
}

    .gray_content_left h4,
    .gray_content_right h4 {
        font-size: 35px;
        line-height: 40px;
        color: #212227;
        font-weight: 700;
        margin: 0;
        border-bottom: 1px solid #AAB9CF;
        padding-bottom: 27px;
    }

.chart_holder {
    padding-bottom: 20px;
}

.course_chart_row {
    border-bottom: 1px solid #AAB9CF;
    padding: 23px 0 24px 0;
}

.chart_column:nth-child(1) {
    width: 98px;
}

.chart_column:nth-child(2) {
    width: 56%;
}

.course_chart_box {
    cursor: pointer;
}

.chart_column span {
    font-size: 17px;
    display: block;
    color: #212227;
}

.chart_column:nth-child(1) span {
    padding-right: 30px;
    background: url('/images/svg/course/Path 3631.svg') no-repeat right 11px;
    background-size: 15px auto;
}

.active-item .chart_column:nth-child(1) span {
    background: url('/images/svg/course/Path 3632.svg') no-repeat right 11px;
    background-size: 15px auto;
}

.active-item .chart_column:nth-child(1) span,
.active-item .chart_column:nth-child(2) span {
    font-weight: normal;
    margin-bottom: 10px;
}

.active-item div.chart_column span {
    font-weight: 700 !important;
    color: #334c88;
}

.lefttxtMyCourse img {
    width: 18px;
    margin-left: 10px;
    margin-top: 2px;
}

.chart_column span a {
    color: #334c88;
    font-weight: 600;
}

.course_chart_info {
    padding: 25px 0 0 0;
    max-width: 580px;
    display: none;
}

    .course_chart_info p {
        font-size: 15px;
        color: #212227;
        font-weight: 300;
    }

.gray_content_left {
    padding: 0;
}

.course_social_box-Container {
    float: left;
    position: absolute;
    left: 50px;
    bottom: 0px;
}

.course_social_box {
    padding: 20px 0 0 0;
}

    .course_social_box ul {
        padding: 0;
    }

        .course_social_box ul li {
            float: right;
            padding-left: 16px;
        }

            .course_social_box ul li a {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                display: block;
            }

            .course_social_box ul li.icon_whatsapp a {
                background: url('/images/svg/course/share/Subtraction -1.svg') no-repeat;
                background-size: 100% auto;
                background-position: 0 0;
            }

                .course_social_box ul li.icon_whatsapp a:hover {
                    background: url('/images/svg/course/share/Subtraction 10.svg') no-repeat;
                }

            .course_social_box ul li.icon_instagram a {
                background: url('/images/svg/course/share/union -1.svg') no-repeat;
                background-size: 100% auto;
                background-position: 0 0;
            }

                .course_social_box ul li.icon_instagram a:hover {
                    background: url('/images/svg/course/share/union 52.svg') no-repeat;
                }

            .course_social_box ul li.icon_facebook a {
                background: url('/images/svg/course/share/Subtraction -2.svg') no-repeat;
                background-size: 100% auto;
                background-position: 0 0;
            }

                .course_social_box ul li.icon_facebook a:hover {
                    background: url('/images/svg/course/share/Subtraction 9.svg') no-repeat;
                }

.feature_center_align .feature_holder {
    margin: 0 -15px;
    text-align: center;
}

.feature_holderCourse > div {
    float: right !important;
}

.feature_center_align .feature_column {
    float: none;
    padding: 0 15px 30px 15px;
    margin: 0 -2px;
    display: inline-block;
    width: 31%;
}

.feature_top_info {
    padding-bottom: 67px;
}

    .feature_top_info h2 {
        font-size: 35px;
        line-height: 40px;
        font-weight: 700;
        color: #212227;
    }

    .feature_top_info p {
        font-size: 19px;
        color: #212227;
        margin: 0;
        font-weight: 300;
    }

#single_banner_area {
    width: 100%;
    padding: 0 15px;
}

    #single_banner_area .single_banner_info {
        height: 427px;
    }

    #single_banner_area .single_banner_infoFixHeight {
        height: 351px;
    }

.middle_holder {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-color:#000;
    padding: 10px;
   
}

.blog_content_banner {
    background: url(/images/blog_banner.jpg) no-repeat center center;
    background-size: cover;
}

.blog_single_banner {
    background: url(/images/blog_single.jpg) no-repeat center center;
    background-size: cover;
}

.blog_video_banner {
    background: url(/images/blog_banner_video.jpg) no-repeat center center;
    background-size: cover;
}

.about_content_banner {
    background: url(/images/about_us_banner.jpg) no-repeat center center;
    background-size: cover;
}

.faq_content_banner {
    background: url(/images/faq_banner.jpg) no-repeat center center;
    background-size: cover;
}

.investments_banner_banner {
    background: url(/images/investments_banner.jpg) no-repeat center center;
    background-size: cover;
}

.talk_content_banner {
    background: url(/images/talk_banner.jpg) no-repeat center center;
    background-size: cover;
}

.blog_content_holder {
    padding: 70px 0 30px 0;
    max-width: 1200px;
}

    .blog_content_holder .feature_column_info {
        text-align: right;
        max-height: 195px;
        height: 195px;
    }

        .blog_content_holder .feature_column_info h4 {
            font-weight: 700;
            padding-bottom: 20px;
        }

.blog_info_box {
    border-top: 1px solid #AAB9CF;
    margin: 0 -20px;
    padding: 20px 20px 0 20px;
}

.post_blog {
    overflow: hidden;
    padding-bottom: 20px;
}

.athens_photo {
    width: 40px;
}

    .athens_photo img {
        max-width: 100%;
        width: auto !important;
    }

.athens_name {
    margin-right: 60px;
}

    .athens_name strong {
        display: block;
        padding: 0;
        margin: 0;
        font-size: 19px;
        color: #212227;
        font-weight: 400;
        line-height: 40px;
    }

.blog_info_box p {
    font-size: 17px;
    line-height: 22px;
    color: #212227;
}

.blog_content_holder .feature_column {
    padding: 0 15px 70px 15px;
}

.blog_content_holder .feature_holder {
    margin: 0 -15px;
}

.load_more {
    border-top: 1px solid #AAB9CF;
    padding-top: 30px;
}

    .load_more a {
        display: inline-block;
        font-size: 22px;
        line-height: 28px;
        color: #334c88;
        font-weight: 700;
    }

.blog_single_content {
    max-width: 960px;
    padding-bottom: 50px;
}

    .blog_single_content p {
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        padding-bottom: 21px;
    }

    .blog_single_content blockquote {
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
        color: #334C88;
        padding: 0 30px 0 0;
        margin: 0 0 21px 0;
        border: none;
        position: relative;
    }

        .blog_single_content blockquote::before {
            content: '';
            width: 10px;
            height: 100%;
            display: block;
            border: 2px solid #334C88;
            border-radius: 5px;
            position: absolute;
            right: 3px;
            top: 0;
            z-index: 2;
        }

        .blog_single_content blockquote::after {
            content: '';
            width: 10px;
            height: 100%;
            display: block;
            border-radius: 5px;
            position: absolute;
            right: 0;
            background: #FFE42B;
            top: 3px;
            z-index: 1;
        }

#blog_slider {
    width: auto;
    margin: 0 -10px;
}

    #blog_slider .feature_column {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        float: none;
    }

.newsletter_area {
    border: 1px solid rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    padding: 50px 15px 35px 15px;
    border-radius: 2px;
    margin-bottom: 70px;
}

    .newsletter_area h5 {
        font-size: 22px;
        font-weight: 700;
        color: #212227;
        background: url(/images/email.png) no-repeat center top;
        background-size: 36px auto;
        padding-top: 50px;
        line-height: 28px;
        margin: 0;
    }

    .newsletter_area p {
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        margin: 0;
        padding-bottom: 30px;
    }

.newsletter_btn form {
    max-width: 505px;
    margin: 0 auto;
}

.form-control-error input {
    border-color: #D45050 !important;
}

.form-control-error {
    position: relative;
    font-size: 24px;
}

.lbl-validation span {
    color: #CFAAAA;
}

.form-control-error:after {
    content: url(/images/x.svg);
    width: 16px;
    height: 16px;
    text-align: center;
    left: 13px;
    top: 10px;
    position: absolute;
}

.newsletter_btn a.btn-primary {
    display: inline-block;
    height: 40px;
    border: 1px solid #AAB9CF;
    border-radius: 2px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 17px;
    color: #AAB9CF;
    font-weight: 300;
    background: none;
    box-shadow: none;
    margin: 0 8px;
    margin-bottom: 15px;
}

    .newsletter_btn a.btn-primary.active,
    .newsletter_btn a.btn-primary:hover {
        background: #334c88;
        color: #fff;
        border-color: #334c88;
        font-weight: 700;
    }

.newsletter_email {
    width: 274px;
}

    .newsletter_email .form-control {
        height: 40px;
    }

.write_me_down {
    width: 210px;
}

.video_play_icon {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    display: block;
    background: url(/images/bgr_play2.png) no-repeat;
    background-size: auto auto;
    background-size: 100% 100%;
    background-color: rgba(0,0,0,0.15);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    z-index: 5;
    margin-top: -30px;
}

.about_us_content {
    padding: 0;
}

#feature_content div.owl-stage-outer {
    min-height: 340px;
}

.four_column_box {
    padding: 0 10px;
    width: auto;
    margin: 0 -20px;
    background: #fff;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    margin-top: -175px;
}

.about_item {
    padding: 40px 10px 25px 10px;
    background: #fff;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-radius: 2px;
}

.icon_box {
    padding-bottom: 22px;
}

    .icon_box img {
        max-height: 77px;
        margin: 0 auto;
        width: auto !important;
    }

.about_item_info {
    padding: 0;
}

    .about_item_info h5 {
        margin: 0;
        font-size: 22px;
        color: #212227;
        font-weight: 700;
    }

    .about_item_info p {
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        font-weight: 300;
        margin-top: 5px;
    }

.about_us_box {
    padding: 52px 0 30px 0;
}

    .about_feature_box h2,
    .about_us_box h1 {
        font-size: 35px;
        line-height: 46px;
        color: #212227;
        font-weight: 700;
        margin: 0;
        border-bottom: 1px solid #AAB9CF;
        padding-bottom: 20px;
        margin-bottom: 21px;
        position: relative;
    }

.about_us_photo {
    max-width: 118px;
    margin: 0 auto;
    padding-top: 120px;
}

.about_us_right {
    padding: 0;
}

    .about_us_right h5 {
        font-size: 22px;
        margin: 0;
        padding-bottom: 21px;
        color: #212227;
        line-height: 28px;
        font-weight: 600;
    }

    .about_us_right p {
        font-size: 17px;
        line-height: 22px;
        padding-bottom: 10px;
        color: #212227;
    }

.about_feature_box {
    padding-bottom: 70px;
}

.about_feature_holder {
    padding-top: 30px;
    margin: 0 -15px;
}

.about_feature {
    padding-bottom: 30px;
}

    .about_feature img {
        width: 100%;
    }

    .about_feature .feature_column_info h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        padding-bottom: 0;
        text-align: right;
    }

    .about_feature .feature_column_info p {
        font-size: 17px;
        line-height: 22px;
        font-weight: 300;
    }

.faq_container {
}

    .faq_container ul {
        padding: 0;
        margin: 0;
    }

        .faq_container ul li {
            width: 176px;
            float: right;
            font-size: 22px;
            color: #AAB9CF;
            line-height: 28px;
            font-weight: 600;
            margin-left: 20px;
            padding-bottom: 21px;
            position: relative;
            margin-bottom: -1px;
        }

            .faq_container ul li.active a {
                color: #334c88;
            }

            .faq_container ul li.active {
                border-bottom: 2px solid #334c88;
            }

            .faq_container ul li a {
                color: #AAB9CF;
            }

.faq_item_box {
    padding-bottom: 20px;
}

.faq_widget_box:first-child {
    border-top: 1px solid #E5EAF1;
}

.faq_widget_box {
    border-bottom: 1px solid #E5EAF1;
    padding: 28px 0;
}

    .faq_widget_box.active-item {
        border-bottom: 1px solid #AAB9CF;
    }

.CheckBox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */
    .CheckBox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
/* Show the checkmark when checked */
.CheckBox-container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.CheckBox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.faq_widget_box h5 {
    font-size: 19px;
    color: #212227;
    font-weight: 300;
    line-height: 24px;
    padding: 0;
    padding-right: 40px;
    background: url(/images/arrow_down.png) no-repeat right 9px;
    background-size: 15px auto;
    margin: 0;
    cursor: pointer;
}

    .faq_widget_box h5.active-item {
        font-weight: 600;
        color: #334c88;
        background: url(/images/arrow_up2.png) no-repeat right 8px;
        background-size: 15px auto;
    }

.faq_widget_info {
    padding-top: 14px;
    display: none;
}

    .faq_widget_info p {
        font-size: 16px;
        line-height: 21px;
        color: #212227;
        font-weight: 300;
        padding: 0;
        margin: 0;
    }

.content_widget_area {
    padding: 0;
    margin: 0;
}

.content_widget_row {
    background: #fff;
    padding: 0 15px;
    position: relative;
}

.content_widget_gray {
    background: #F7F7F7;
}

.content_widget_row .content_widget_holder {
    position: relative;
    padding: 95px 0;
    z-index: 10;
    padding-bottom: 50px;
}

.number_of_post {
    display: block;
    width: 67px;
    height: 67px;
    background: #FFE42B;
    font-size: 30px;
    color: #334C88;
    font-weight: 700;
    line-height: 57px;
    text-align: center;
    padding-right: 8px;
    position: absolute;
    left: -33px;
    top: -33px;
    z-index: 5;
}

.number_gray_bg {
    background: #AAB9CF;
}

.number_post_right {
    left: inherit;
    right: -33px;
}

.number_of_post::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 3px solid #334C88;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 6;
    display: block;
}

.content_widget_photo {
    padding: 0;
    position: relative;
}

.content_widget_info {
    padding: 30px 0 0 98px;
}

.content_widget_gray .content_widget_info {
    padding: 15px 98px 0 0;
}

.content_widget_info .btn-primary {
    width: 216px;
    height: 50px;
    line-height: 48px;
    margin: 0;
    background: none;
}

.content_widget_info .btn-gray {
    background: #AAB9CF;
    color: #fff;
    border-color: #AAB9CF;
}

.content_widget_info h3 {
    font-size: 30px;
    line-height: 40px;
    color: #212227;
    margin: 0;
    font-weight: 700;
    padding-bottom: 5px;
}

    .content_widget_info h3 a {
        color: #212227;
    }

        .content_widget_info h3 a:hover {
            color: #334C88;
        }

.content_widget_info p {
    font-size: 19px;
    line-height: 24px;
    color: #212227;
    padding-bottom: 24px;
    margin: 0;
}

.widget_row3_big::before,
.widget_row3::before,
.widget_row2::before,
.widget_row1::before {
    content: '';
    width: 987px;
    height: 208px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -108px;
    background: url('/images/adjust/start/0-1.svg') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    z-index: 5;
}

.widget_row3::after,
.widget_row2::after,
.widget_row1::after {
    content: '';
    width: 766px;
    height: 232px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    /*background: url(/images/bgr_line_bg1.png) repeat-y left;*/
    margin: 0 auto;
    z-index: 5;
}

.widget_row1::after {
    top: inherit;
    bottom: 90px;
    height: 200px;
}

.widget_row2::before {
    background: url('/images/adjust/start/1-2.svg') no-repeat;
    background-size: 100% 100%;
    height: 368px;
    bottom: -314px;
}

.widget_row2_active::before {
    background: url('/images/flip dark.svg') no-repeat;
    background-size: 100% 100%;
    height: 618px;
    bottom: -363px;
    width: 791px;
}

.widget_row3_big::before {
    background: url('/images/adjust/start/2-3.svg') no-repeat;
    background-size: 100% 100%;
    height: 411px;
    width: 803px;
    bottom: -247px;
}

.widget_row3::before {
    /*background: url(/images/line_block3.png) no-repeat;*/
    background-size: 100% 100%;
}

.widget_row3_active::before {
    background: url('/images/adjust/proffessionals/2-3.svg') no-repeat;
    background-size: 100% 100%;
}

.widget_row3_active1::before {
    background: url('/images/adjust/progress/2-3.svg') no-repeat;
    background-size: 100% 100%;
    height: 411px;
    width: 803px;
    bottom: -339px;
}


.widget_row2::after {
    /*background: url(/images/bgr_line_bg2.png) repeat-y right;*/
    bottom: 100px;
    top: inherit;
    height: 88px;
}

.widget_row2_active::after {
    /*background: url(/images/bgr_line_bg1.png) repeat-y right;*/
}

.widget_row3::after {
    /*background: url(/images/bgr_line_bg2.png) repeat-y left;*/
}

.widget_row3_active::after {
    background: none;
}

.green_content_widget {
    padding: 0 15px;
    background: #334c88;
    width: 100%;
}

.green_content {
    height: 200px;
    z-index: 10;
    position: relative;
    padding-top: 51px;
}

    .green_content h4 {
        padding: 0;
        margin: 0;
        font-size: 48px;
        color: #fff;
        font-weight: 700;
        padding-bottom: 10px;
    }

    .green_content p {
        padding: 0;
        margin: 0;
        font-size: 22px;
        color: #fff;
    }

.personal_plan_box {
    padding: 0 0 80px 0;
}

.personal_plan_form {
    max-width: 960px;
    margin-top: -237px;
    background: #334c88;
    border-radius: 2px;
    position: relative;
    z-index: 7;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
}

.talk_us_left {
    background: #fff;
    padding: 50px 78px 30px 90px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

    .talk_us_left h2 {
        font-size: 35px;
        font-weight: 700;
        color: #212227;
        line-height: 46px;
        margin: 0;
    }

    .talk_us_left p {
        font-size: 19px;
        color: #212227;
        font-weight: 300;
        margin: 0;
        padding-bottom: 30px;
    }

    .talk_us_left label {
        font-size: 15px;
        font-weight: 300;
        line-height: 19px;
        color: #AAB9CF;
        padding-bottom: 4px;
    }

    .talk_us_left .form-group {
        margin: 0;
        padding-bottom: 8px;
    }




.line_chart_columnAnimated {
    top: 2%;
    right: 1%;
    opacity: 0;
}


input[type='submit'][disabled=disabled] {
    background-color: #AAB9CF;
}

.talk_us_left input[type="submit"] {
    margin-top: 10px;
}

.talk_us_form {
    padding: 50px 77px 20px 20px;
}

    .talk_us_form h2 {
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding-bottom: 89px;
    }

.talk_contact_row {
    padding-bottom: 36px;
}

    .talk_contact_row span {
        display: block;
        font-size: 19px;
        color: #fff;
        font-weight: 300;
        padding-right: 77px;
    }

        .talk_contact_row span a {
            color: #fff;
        }

.contact_map span {
    background: url('/images/svg/ContactUs/map.svg') no-repeat right center;
    background-size: 46px auto;
    line-height: 46px;
}

.contact_call span {
    background: url('/images/svg/Navigation/telephone.svg') no-repeat right center;
    background-size: 45px auto;
    line-height: 45px;
}

.contact_mail span {
    background: url('/images/svg/ContactUs/mail.svg') no-repeat right center;
    background-size: 47px auto;
    line-height: 32px;
}

.lesson_content_holder {
    padding: 60px 0 50px 0;
}

.lesson_top_content {
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 20px;
}

    .lesson_top_content h1 {
        font-size: 35px;
        font-weight: 700;
        margin: 0;
        color: #212227;
    }

.big_about_you span {
    font-size: 19px;
    color: #212227;
    display: block;
    line-height: 47px;
}

    .big_about_you span a {
        color: #334c88;
    }

.lesson_info_content {
    padding: 20px 0 40px 0;
}

.lesson_info_right {
    padding: 0;
    padding-bottom: 20px;
}

    .lesson_info_right p {
        font-size: 19px;
        color: #212227;
        line-height: 24px;
        font-weight: 400;
    }

.mail_info_box {
    padding: 0;
}

.mail_info_col a {
    display: inline-block;
    font-size: 19px;
    color: #212227;
    font-weight: 300;
    padding-right: 40px;
    line-height: 25px;
    background: url(/images/mail4.png) no-repeat right center;
    background-size: 19px auto;
    line-height: 20px;
    min-height: 25px;
}

.course_presentation {
    border-left: 1px solid #AAB9CF;
    padding-left: 20px;
    margin-left: 20px;
}

.mail_info_col a:hover {
    background: url(/images/mail3.png) no-repeat right center;
    background-size: 19px auto;
    color: #334C88;
    font-weight: 600;
}

.video_box a {
    display: block;
    position: relative;
}

.video_box {
    padding-bottom: 45px;
}

.video_content_left {
    padding: 0;
}

    .message_info .btn-primary,
    .video_content_left .btn-success {
        width: 276px;
        height: 40px;
        border-color: #334c88;
        background-color: #334c88;
        padding: 0 10px;
        line-height: 38px;
        font-size: 17px;
        color: #fff;
        margin: 0 auto;
        font-weight: 700;
        display: block;
        border-radius: 2px;
    }

        .message_info .btn-primary:hover,
        .video_content_left .btn-success:hover {
            opacity: 0.9;
        }

.lesson_list_right {
    padding: 0;
}

.list_of_classes {
    border: 1px solid #AAB9CF;
    padding: 35px 8px 0 20px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
}

    .list_of_classes h4 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700;
        color: #212227;
        padding-bottom: 20px;
        margin: 0;
        border-bottom: 2px solid #AAB9CF;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .list_of_classes ul {
        padding: 0;
        margin: 0;
    }

        .list_of_classes ul li {
            font-size: 15px;
            font-weight: 300;
            color: #212227;
            padding-bottom: 12px;
        }

            .list_of_classes ul li a {
                display: inline-block;
                padding-right: 40px;
                color: #212227;
                line-height: 22px;
                background: url(/images/bgr_checkbox_icon.png) no-repeat;
                background-position: right 0;
                background-size: 22px auto;
            }

                .list_of_classes ul li.active a,
                .list_of_classes ul li a:hover {
                    color: #334c88;
                    font-weight: 600;
                    background: url(/images/bgr_checkbox_icon.png) no-repeat;
                    background-position: right -22px;
                    background-size: 22px auto;
                }

.course_social_widget h3 {
    font-size: 35px;
    line-height: 40px;
    color: #212227;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 27px;
}

.message_info {
    max-width: 372px;
    margin: 0 auto;
}

    .message_info .close_btn {
        display: block !important;
    }

.message_photo {
    max-width: 80px;
    margin: 0 auto;
    padding-bottom: 45px;
}

.message_info h5 {
    font-size: 30px;
    color: #212227;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #AAB9CF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.message_info p {
    font-size: 17px;
    line-height: 22px;
    color: #212227;
    margin: 0;
    padding-bottom: 30px;
}

.message_info .btn-primary {
    width: 210px;
    height: 40px;
    line-height: 38px;
}

.login_form_holder {
    padding-bottom: 50px;
}

    .login_form_holder div.tab-pane {
        display: none;
    }

        .login_form_holder div.tab-pane.active {
            display: block;
        }

    .login_form_holder ul.nav-tabs > li {
        float: none;
    }

        .login_form_holder ul.nav-tabs > li > a {
            padding: 0px;
        }

        .login_form_holder ul.nav-tabs > li.active > a:focus, .login_form_holder ul.nav-tabs > li.active > a {
            border: 0px !important;
        }


.login_form_left {
    padding: 0;
}

.login_form_right {
    padding: 17px 0 0 0;
}

.login_form_field {
    max-width: 372px;
    padding: 40px 0 0 0;
    margin: auto;
}

.three_select_holder {
    padding: 0;
}

.select_column {
    width: 33.33%;
    padding-left: 10px;
}

    .select_column:nth-child(1) {
        width: 24.19%;
    }

    .select_column:nth-child(2) {
        width: 48.38%;
    }

    .select_column:nth-child(3) {
        width: 27.21%;
        padding-left: 0;
    }

.two_select_holder .select_column:nth-child(1) {
    width: 50%;
    padding: 0 0 0 5px;
}

.two_select_holder .select_column:nth-child(2) {
    width: 50%;
    padding: 0 5px 0 0;
}

.two_select_holder {
}

.profile_photo {
    padding-bottom: 28px;
}

.login_form_right .profile_info_left {
    margin-right: 0;
    padding: 0 15px;
}

.login_form_right .profile_info {
    border: none;
}

.profile_info_right ul li {
    border-top: 1px solid #AAB9CF;
    padding: 15px 19px;
    font-size: 17px;
    line-height: 22px;
}

    .profile_info_right ul li a:hover,
    .profile_info_right ul li.active a {
        color: #334c88;
        font-weight: 600;
    }

.profile_info_right .disconnect_box strong {
    font-weight: 300;
    cursor: pointer;
}

.profile_info_right .disconnect_box {
    border-color: #AAB9CF;
    padding-right: 19px;
}

.profile_info_right .dropdown_close {
    left: 20px;
}

.login_form_field label {
    font-size: 15px;
    color: #AAB9CF;
    font-weight: 300;
    line-height: 19px;
    margin: 0;
    padding-bottom: 10px;
}
/*Radio box*/
.radio_widget {
    padding-bottom: 15px;
}

    .radio_widget label {
        position: relative;
        cursor: pointer;
        color: #212227;
        font-size: 15px;
        line-height: 19px;
        font-weight: 300;
        padding: 0;
        margin: 0;
    }

    .checkbox_widget input[type="checkbox"],
    .radio_widget input[type="radio"] {
        position: absolute;
        right: 9000px;
    }

        .radio_widget input[type="radio"] + .label-text:before {
            content: "";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            width: 15px;
            height: 15px;
            background: url(/images/bgr_radio_btn.png) no-repeat;
            background-size: 100% auto;
            background-position: 0 0;
            display: inline-block;
            margin: 0;
            margin-left: 15px;
            font-size: 15px;
            color: #AAB9CF;
            position: relative;
            top: 3px;
        }

        .radio_widget input[type="radio"]:checked + .label-text:before {
            background-position: 0 -35px;
        }

        .radio_widget input[type="radio"]:disabled + .label-text {
            color: #aaa;
        }

            .radio_widget input[type="radio"]:disabled + .label-text:before {
                content: "\f111";
                color: #ccc;
            }

.form-check:first-child {
    margin-left: 19px;
    padding-left: 19px;
    background: url(/images/bgr_line.png) no-repeat left center;
}

.login_form_left input[type="submit"] {
    height: 50px;
}

.disabled_btn:hover,
.disabled_btn {
    background-color: #AAB9CF !important;
}

.small_form_field {
    padding-bottom: 15px;
}

.shopping_row_holder {
    padding-bottom: 30px;
}

.my_shopping_row {
    border-bottom: 1px solid #AAB9CF;
    padding: 40px 0;
}

    .my_shopping_row h6 {
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        margin: 0;
        font-weight: 600;
        padding-bottom: 10px;
        max-width: 440px;
    }

    .my_shopping_row p {
        font-size: 17px;
        line-height: 22px;
        color: #212227;
        margin: 0;
        max-width: 440px;
    }

.my_cart_left {
    padding: 0;
}

.my_cart_right {
    padding: 0;
}

.two_btn_box .btn-default {
    border-color: #334c88;
    height: 50px;
    display: block;
    color: #334c88;
    padding: 0 10px;
    font-size: 17px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: none;
}

    .two_btn_box .btn-default.active,
    .two_btn_box .btn-default:hover {
        background-color: #4D72CB;
        color: #fff;
    }

.select_connect .login_form_field {
    padding: 20px 0 0 0;
    margin: initial;
}

.my_cart_item {
    padding: 0;
}

.my_cart_row {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #AAB9CF;
    position: relative;
}

    .my_cart_row:first-child {
        border: none;
        padding: 20px 0;
    }

.my_cart_col {
    padding-left: 5px;
}

    .my_cart_col:nth-child(1) {
        width: 54%;
    }

    .my_cart_col:nth-child(2) {
        width: 23.00%;
    }

    .my_cart_col:nth-child(3) {
        width: 19.93%;
    }

    .my_cart_col strong {
        font-size: 22px;
        line-height: 28px;
        color: #212227;
        font-weight: 600;
        display: block;
    }

    .my_cart_col small,
    .my_cart_col span,
    .my_cart_col p {
        font-size: 22px;
        line-height: 24px;
        color: #212227;
        font-weight: 600;
        display: block;
        margin: 0;
    }

    .my_cart_col p {
        padding-bottom: 11px;
    }

    .my_cart_col small a {
        color: #334c88;
    }

.close_cart_item {
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(/images/close.png) no-repeat;
    background-size: 10px auto;
    position: absolute;
    left: 20px;
    top: 22px;
}

.total_my_cart {
    background: #F7F7F7;
    /*-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);*/
    padding: 19px 0;
    overflow: hidden;
}

.total_price_info {
    width: 76.00%;
    padding: 0 15px 0 30px;
}

.total_price_col {
    width: 23%;
    padding-left: 5px;
    text-align: left;
}

.total_price_info span {
    display: block;
    font-size: 22px;
    color: #212227;
    line-height: 28px;
    font-weight: 600;
}

.total_price_col strong {
    font-size: 22px;
    font-weight: 600;
    color: #334c88;
    display: block;
    line-height: 28px;
    font-weight: 600;
    text-align: right;
}

.first_time_here {
}

    .first_time_here span {
        display: block;
        line-height: 46px;
        font-size: 15px;
        color: #212227;
    }

        .first_time_here span a {
            color: #334c88;
            font-weight: 600;
        }

.login_form_field .sign_in_width_fbook {
    text-align: right;
    cursor: pointer;
}

.login_form_field .remember_check label {
    padding: 0;
    margin: 0;
    color: #212227;
}

.login_form_field .remember_me {
    padding-bottom: 30px;
}

.some_space_top {
    padding-top: 15px;
}

.account_registration,
.login_existing_account {
    display: none;
}

/*Check box*/
.checkbox_widget input[type="checkbox"] + .label-text:before {
    content: "";
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/bgr_checkbox_icon.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    margin-left: 10px;
}

.checkbox_widget input[type="checkbox"]:checked + .label-text:before {
    content: "";
    background-position: 0 -20px;
}

.checkbox_widget input[type="checkbox"]:disabled + .label-text {
    color: #aaa;
}

    .checkbox_widget input[type="checkbox"]:disabled + .label-text:before {
        content: "\f0c8";
        color: #ccc;
    }

.checkbox_widget {
    padding: 0;
}

    .checkbox_widget label {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .checkbox_widget .label-text {
        display: block;
    }

        .checkbox_widget .label-text small {
            display: inline-block;
            font-size: 15px;
            color: #212227;
            font-weight: 300;
            position: relative;
            top: -5px;
        }

.card_info_box {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 28px 20px 13px 20px;
    border-radius: 2px;
}

    .card_info_box .login_form_field {
        padding-top: 0;
    }

.invoice_info {
    background: #F7F7F7;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 20px;
    margin: 0 -20px;
    margin-bottom: 20px;
}

    .invoice_info p {
        font-size: 19px;
        line-height: 24px;
        color: #212227;
        font-weight: 300;
        margin: 0;
    }

.payment_info p {
    font-size: 19px;
    line-height: 24px;
    font-weight: 300;
    color: #212227;
    margin: 0;
    padding-bottom: 20px;
}

    .payment_info p strong {
        font-weight: 600;
        display: block;
    }

.spinner {
    width: 100%;
    position: relative;
}

    .spinner input {
        text-align: right;
    }

.space_btn_none {
    padding-bottom: 0 !important;
}

.input-group-btn-vertical {
    width: 10px;
    position: absolute;
    left: 20px;
    top: 12px;
    z-index: 5;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 10px;
        height: 7px;
        max-width: 100%;
        padding: 0;
        margin-left: 0;
        position: relative;
        background: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
        border: none;
    }

        .input-group-btn-vertical > .btn:first-child {
            background: url(/images/arrow_up3.png) no-repeat;
            background-size: 10px auto;
        }

        .input-group-btn-vertical > .btn:last-child {
            background: url(/images/arrow_down.png) no-repeat;
            background-size: 10px auto;
            margin-top: 12px;
        }

.select_single_column {
    width: 90px !important;
}

.open_popup {
    display: block;
}

@media screen and (max-width:1300px ) {
    .four_column_box {
        margin: -170px 0 0 0;
    }

    .number_of_post {
        left: 0;
    }

    .number_post_right {
        left: inherit;
        right: -10px;
    }
}

@media screen and (max-width:1200px ) {
    #header_area {
        padding: 0 15px;
    }

    header {
        padding: 17px 0;
    }

    .telephone_no {
        width: 197px;
        top: 20px;
    }

        .telephone_no span {
            background-size: 30px auto;
            padding-left: 40px;
            line-height: 30px;
            font-size: 15px;
        }

    #testimonial_holder {
        padding: 20px 30px 0 30px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -40px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -40px;
    }

    .content_widget_info {
        padding: 30px 0 0 35px;
    }

    .content_widget_gray .content_widget_info {
        padding: 15px 35px 0 0;
    }

    .personal_consultation_box {
        left: 15px;
    }
}

@media screen and (max-width:1090px ) {
    nav > ul > li {
        font-size: 15px;
        margin-right: 0;
    }

    .registration_btn,
    .login_btn {
        margin-right: 15px;
    }

    .shopping_bag {
        padding-left: 15px;
    }

    .shopping_dropdown {
        left: 10px;
    }

    #line_chart_area {
        background: #fff;
        height: auto;
        margin: 0;
    }

    #line_chart_content {
        min-height: inherit;
        padding: 100px 0 20px 0;
        height: auto;
    }

    .line_chart_column {
        width: 100%;
        position: relative;
        padding-bottom: 30px;
    }

        .line_chart_column:first-child {
            padding-top: 0px;
        }

    .line_chart_column1 {
        top: inherit;
        right: inherit;
    }

    .line_chart_column2 {
        right: inherit;
        top: inherit;
    }

    .line_chart_column3 {
        left: inherit;
        top: inherit;
    }

    .line_chart_column4 {
        left: inherit;
        top: inherit;
    }

    .line_chart_column p {
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .line_chart_icon {
        padding-bottom: 20px;
        min-height: inherit;
    }

        .line_chart_icon:after {
            display: none !important;
        }

        .line_chart_icon img.line_chart_hover {
            position: relative;
            left: inherit;
            right: inherit;
            top: inherit;
            margin: 0 auto;
            display: block;
            max-height: 75px;
        }

    .line_chart_column img.line_chart_normal {
        display: none;
    }

    .widget_info_left {
        padding: 20px 20px 10px 25px;
    }

        .widget_info_left h4 {
            font-size: 22px;
            line-height: 28px;
        }

        .widget_info_left p {
            font-size: 17px;
            line-height: 22px;
            font-weight: 300;
            margin-bottom: 18px;
        }
}

@media screen and (max-width:995px ) {
    .telephone_no {
        display: none;
    }

    .headphone_icon {
        width: 55px;
        height: 55px;
    }

        .headphone_icon a {
            height: 55px;
        }

            .headphone_icon a.active::before {
                display: block;
            }

    .personal_consultation {
        width: 100%;
        max-width: 330px;
        bottom: 85px;
        padding: 25px 0 0 0;
    }

    .personal_consultation_box .personal_consultation {
        width: 290px;
        bottom: 65px;
    }

    .personal_form label {
        display: none;
    }

    .personal_form .field_box {
        padding-bottom: 5px;
    }


    .personal_form {
        padding: 25px 15px 0 15px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
        margin-bottom: 0;
    }

        .personal_form .submit_btn {
            padding-top: 5px;
        }

    .personal_consultation h4 {
        font-size: 22px;
        padding-bottom: 0;
        padding: 0 15px;
    }

    .personal_consultation p {
        padding: 0 15px;
        padding-bottom: 20px;
    }

    .form_close {
        display: none !important;
    }

    .personal_form .form-control::-moz-placeholder {
        color: #AAB9CF;
        opacity: 1;
    }

    .personal_form .form-control:-ms-input-placeholder {
        color: #AAB9CF;
    }

    .personal_form .form-control::-webkit-input-placeholder {
        color: #AAB9CF;
    }

    .content_banner_right h4 {
        font-size: 35px;
        line-height: 45px;
    }

    .content_banner_right p {
        font-size: 20px;
    }

    .talk_us_form {
        padding: 35px 20px 20px 20px;
    }

    .talk_us_left {
        padding: 35px 20px 30px 20px;
    }
}

@media screen and (max-width:991px ) {
    .course_content_left {
        max-width: 392px;
        margin: 0 auto;
        float: none !important;
        margin-top: -200px;
    }

    .DeletePriceCoursePage {
        padding-top: 18px;
    }

    .course_content_holder {
        padding-top: 0;
    }

    .professional_video_info {
        padding: 25px 15px;
    }

    .course_content_right {
        float: none !important;
        padding: 35px 0 0 0;
    }

    #banner_content_area.course_beginning_banner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .chart_column span {
        font-weight: 300;
    }

    .gray_content_right {
        padding: 0 0 0;
    }

    #blog_slider {
        margin: 0 -15px;
        width: auto;
    }

    .faq_container ul li {
        width: 33.33%;
        margin-left: 0;
    }

    .login_form_right {
        padding-left: 30px;
    }

    .my_cart_right {
        padding-left: 30px;
    }
}

@media screen and (max-width:850px ) {
    .hhmm {
        margin-left: 0px;
    }

    .widget_row3_big::before,
    .widget_row3::before,
    .widget_row2::before,
    .widget_row1::before,
    .widget_row3::after,
    .widget_row2::after,
    .widget_row1::after {
        display: none;
    }

    .total_price_col strong,
    .total_price_info span {
        font-size: 18px;
    }

    .my_cart_col strong,
    .my_cart_col small,
    .my_cart_col span,
    .my_cart_col p {
        font-size: 17px;
        line-height: 22px;
    }

    .total_price_info {
        width: 78%;
    }

    .total_price_col {
        width: 22%;
        text-align: left;
    }
}

@media screen and (max-width:767px ) {

    .float-lg-left {
        float: none;
    }


    nav ul li .dropdown-menu > li span {
        right: 0px;
    }

    .ThreeItemsNormal div.feature_holderItem {
        min-height: 310px;
    }

    .SubjectMathPage div.container {
        padding-top: 0px;
    }

    .bag_icon {
        position: relative;
    }



    .top-cart-frame {
        background-color: #fff;
    }

    .titlebc {
        margin-top: 27px;
        margin-bottom: 20px;
    }


    .titlebc1 {
        margin-bottom: 20px !important;
        margin-top: 20px;
    }

    .titlebc2 {
        margin-bottom: -25px !important;
        margin-top: 20px;
    }

    html, body {
        height: auto;
    }

    body {
        position: relative;
        max-height: 100%;
    }

    .desktop_view {
        display: none !important;
    }

    .mobile_view {
        display: block !important;
    }

    #banner_content_area {
        padding-top: 56px;
    }

    #wrapper {
        padding-bottom: 71px;
    }

    header {
        padding: 11px 0;
        min-height: 56px;
        height: auto;
        position: relative;
    }

    .modal-dialog-ver2FixMinHeight {
        min-height: 430px !important;
    }

    .btnVer1 {
        margin: auto;
        margin-top: 20px;
    }

    .shopping_bag {
        background: none;
        padding-left: 0;
        margin-left: 0;
        position: inherit;
    }

    .logo {
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        margin: 0 auto;
    }

    .telephone_no {
        width: 100%;
        text-align: center;
        background: #F7F7F7;
        padding: 16px 15px;
        position: relative;
        left: inherit;
        right: inherit;
        top: inherit;
    }

        .telephone_no span {
            color: #334C88;
            padding-left: 45px;
            background: url('/images/svg/footer/telephone2.svg') no-repeat left center;
            background-size: 25px auto;
            line-height: 25px;
        }

    .shopping_dropdown {
        left: 0;
        top: 70px;
        width: 100%;
    }

    .shopping_bag .bag_icon {
        width: 40px;
        height: 30px;
        margin-top: 2px;
        background-position: 0 0;
    }

    .is-sticky .shopping_bag .bag_icon.active::before,
    .white_bg_header .shopping_bag .bag_icon.active::before {
        opacity: 1;
    }

    .is-sticky .shopping_bag .bag_icon,
    .white_bg_header .shopping_bag .bag_icon {
        background-position: 0 -27px;
        /*background: url('/images/svg/Navigation/Union 45.svg') no-repeat;*/
    }

    /*.is-sticky .shopping_bag .bag_icon.active,
        .white_bg_header .shopping_bag .bag_icon.active {
            background-position: 0 -54px;
        }*/

    .shopping_bag .bag_icon span {
        width: 20px;
        height: 20px;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
    }

    nav {
        padding: 15px 15px 20px 15px;
        float: none;
        display: inline-block;
        width: 100%;
    }

        nav > ul > li {
            font-size: 17px;
            float: none;
            margin: 0;
            padding: 10px 0;
            border: none;
        }

            nav > ul > li > a {
                padding-left: 15px;
                display: block;
                font-weight: 600;
                line-height: normal;
                position: relative;
            }

                nav > ul > li > a::before {
                    content: '\f053';
                    font-family: FontAwesome;
                    font-style: normal;
                    font-weight: normal;
                    text-decoration: inherit;
                    position: absolute;
                    font-size: 14px;
                    color: #212227;
                    top: 6px;
                    left: 0px;
                    z-index: 1;
                }

                nav > ul > li > a.active-menu::before {
                    content: '\f078';
                    color: #334c88;
                    top: 4px;
                }

                nav > ul > li > a::after {
                    display: none;
                }

            nav > ul > li > ul > li > a,
            nav > ul > li > a {
                color: #212227;
                padding: 0;
                height: auto;
            }

        nav .dropdown-menu {
            background: #fff;
            border: none;
            right: auto;
            display: none;
            padding: 10px 0 3px 0;
            width: 100%;
            min-width: inherit;
            opacity: 1;
            position: relative;
            top: inherit;
            transform: inherit;
            transition: inherit;
            visibility: visible;
            -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0);
            -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0);
        }

        nav ul li a:focus,
        nav ul li a:hover {
            color: #334c88;
        }

        nav ul li:hover > .dropdown-menu {
            opacity: 1;
            top: inherit;
            transform: inherit;
            visibility: visible;
        }

        nav ul li .dropdown-menu > li {
            padding: 5px 0;
        }

            nav ul li .dropdown-menu > li > a {
                font-size: 15px;
                padding: 5px 50px 5px 10px;
                border-top: none;
                font-weight: 300;
            }

    .login_registration {
        float: none;
        padding: 0 15px;
    }

    .registration_btn,
    .login_btn {
        width: 100%;
        float: none;
        margin: 0;
    }

    .registration_btn {
        margin-bottom: 15px;
    }

        .registration_btn .btn-default,
        .login_btn .btn-default {
            display: block;
            width: 100%;
            height: 40px;
            border: 1px solid #334c88;
            color: #334c88;
            line-height: 38px;
            font-size: 17px;
            font-weight: 700;
            background: #fff;
        }

            .registration_btn .btn-default.active,
            .registration_btn .btn-default:hover,
            .login_btn .btn-default:hover {
                color: #fff !important;
                background: #334c88 !important;
            }

            .registration_btn .btn-default.active,
            .login_btn .btn-default.active {
                background: #fff;
                border: 1px solid #334c88;
            }

    .popup_container {
        padding: 0;
        z-index: 9999;
    }

        .popup_container .modal-dialog {
            margin: 0;
            width: 80%;
            float: right;
        }

    .popup_holder {
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
    }


    .login_form {
        padding: 65px 15px;
    }

    .sign_in_width_fbook {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .headphone_icon a.active::before {
        display: block;
    }

    .banner_info_box h1 {
        font-size: 35px;
        padding-bottom: 10px;
    }

    .banner_info_box p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    #mini_course_box h2 {
        font-size: 26px;
        line-height: 34px;
    }

    #four_column_container {
        padding: 0;
    }

    #four_column_holder {
        padding: 30px 0;
    }

    #educational_slider {
        margin: 0;
    }

    #four_column_holder h3 {
        font-size: 26px;
        line-height: 34px;
        padding: 0 15px;
        padding-bottom: 35px;
    }

    .column_feature_bg {
        padding: 27px 15px;
    }

    #content_banner {
        padding: 120px 0;
        text-align: center;
    }

    .content_banner_right {
        float: none !important;
        width: 100%;
        padding-bottom: 30px;
    }

        .content_banner_right h4 {
            font-size: 26px;
            line-height: 34px;
            padding-bottom: 10px;
        }

        .content_banner_right p {
            font-size: 19px;
            line-height: 26px;
        }

    #content_banner .yellow_button {
        float: none !important;
        margin: 0 auto;
    }

    #feature_content_area {
        overflow: inherit;
    }

    #feature_content {
        padding: 20px 0 40px 0;
    }

    .feature_holder {
        margin-right: 0;
    }

    .feature_column {
        width: 100%;
        padding: 0 0 32px 0;
        float: none !important;
    }

    .feature_column_info {
        padding: 20px 15px;
    }

    .feature_column_bg {
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
    }

    #testimonial_container {
        padding: 0;
        background-size: cover;
        background-position: left top;
    }

    #testimonial_holder {
        padding: 50px 0 70px 0;
    }

    .testimonial_photo {
        width: 100px;
        float: none;
        margin: 0 auto;
    }

    .testimonial_item {
        background: #fff;
        border: 1px solid #f7f7f7;
        padding: 26px 15px 25px 15px;
    }

    .testimonial_info {
        margin-right: 0;
        padding: 20px 0 0 0;
        background: none;
        text-align: center;
    }

        .testimonial_info p {
            font-size: 16px;
            line-height: 21px;
        }

    #testimonial_slider {
        background: none;
        border: none;
        padding: 0;
    }

    #footer_area {
        -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.3);
        -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.3);
        box-shadow: 0px 0px 6px rgba(0,0,0,.3);
        width: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 20;
    }

    footer {
        padding: 0;
    }

    .footer_column {
        width: 100% !important;
        float: none;
        padding: 0;
    }

    .footer_contact ul {
        overflow: hidden;
    }

        .footer_contact ul li {
            width: 25%;
            float: right;
            border-right: 1px solid #f7f7f7;
            padding: 20px 10px;
        }

            .footer_contact ul li:first-child {
                border: none;
            }

    .footer_contact h5 {
        display: none;
    }

    .footer_contact ul li a {
        padding: 0;
        width: 30px;
        height: 30px;
        text-indent: -99999px;
        margin: 0 auto;
    }

    .footer_contact ul li.map_location a,
    .footer_contact ul li.contact_phone a,
    .footer_contact ul li.contact_email a {
        background-size: 30px auto;
        background-position: center center;
    }

    .login_profile > a > span {
        display: none;
    }

    .login_profile {
        float: right;
        padding: 6px 0 0 20px;
        position: inherit;
    }

    .login_profile_pic {
        width: 22px;
    }

    .profile_dropdown {
        width: 100%;
        top: 72px;
        padding-top: 5px;
    }

        .profile_dropdown ul li {
            padding-right: 37px;
        }

            .profile_dropdown ul li.private_profile {
                background: url(/images/profile_icon.png) no-repeat right center;
                background-size: 18px auto;
            }

            .profile_dropdown ul li.credit_details {
                background: url(/images/credit-card-icon.png) no-repeat right center;
                background-size: 22px auto;
            }

            .profile_dropdown ul li.my_purchases {
                background: url(/images/shopping-cart-icon.png) no-repeat right center;
                background-size: 25px auto;
            }

    .profile_info_left {
        margin: 0;
        text-align: center;
    }

        .profile_info_left span {
            font-size: 22px;
            line-height: 28px;
            color: #334C88;
            padding-bottom: 0;
        }

        .profile_info_left a {
            font-size: 17px;
        }

    .content_holder {
        padding: 20px 0 10px 0;
    }

    .top_title {
        border: none;
    }

        .top_title h1 {
            font-size: 26px;
            line-height: 34px;
            text-align: center;
        }

    .content_widget_holder {
        padding: 0;
    }

    .content_widget {
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
    }

    .widget_photo {
        padding: 0;
        margin: 0;
        float: none !important;
    }

        .widget_photo a::before,
        .widget_photo img {
            -moz-border-radius-topright: 0;
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
        }

    .widget_info_left {
        padding: 15px 15px 20px 15px;
        float: none !important;
        text-align: center;
    }

        .widget_info_left .btn-default {
            width: 100%;
            max-width: 290px;
            margin: 0 auto;
        }

        .widget_info_left h4 {
            text-align: center;
        }

        .widget_info_left p {
            text-align: center;
        }

    .personal_consultation_box {
        top: inherit;
        bottom: 75px;
        display: none;
    }

    .gray_content_left h4,
    .gray_content_right h4,
    .course_content_right h3 {
        font-size: 26px;
        line-height: 28px;
    }

    #banner_content_area.course_beginning_banner {
        /*height:560px;*/
    }

    .single_banner_info {
        padding: 20px 0 0 0;
    }

        .single_banner_info h1 {
            font-size: 36px;
            font-weight: 700;
            color: #fff;
            margin: 0;
            padding-bottom: 10px;
            background-color: #000;
            display: block;
            width: 30%;
            margin: auto;
            opacity: 0.7;
        }

        .single_banner_info p {
            display: none;
        }

    .course_content_left {
        max-width: 392px;
        margin: 0 auto;
        float: none !important;
        margin-top: -220px;
    }

    .list_column {
        width: 100%;
        float: none;
        padding: 0;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #AAB9CF;
    }

    .course_content_holder {
        padding-bottom: 30px;
    }

    .gray_content_box {
        padding: 20px 0 30px 0;
    }

    .course_social_box ul li {
        padding-left: 30px;
    }

    .chart_column:nth-child(1) span {
        padding-right: 0;
        background: none;
    }

    .active-item .chart_column:nth-child(1) span {
        background: none;
    }

    .course_chart_box {
        cursor: inherit;
        position: relative;
    }

    .chart_column:nth-child(1) {
        width: auto;
        padding-bottom: 15px;
    }

    .chart_column:nth-child(2) {
        float: right;
        clear: both;
        width: 70%;
    }

    .chart_column:nth-child(3) {
        float: none;
        position: absolute;
        left: 0;
        top: 9px;
        z-index: 2;
    }

    .active-item .chart_column:nth-child(1) span,
    .active-item .chart_column:nth-child(2) span {
        font-weight: 300;
    }

    .course_chart_info {
        display: none !important;
    }

    .course_chart_row:last-child {
        border: none;
        padding-bottom: 10px;
    }

    .feature_center_align .feature_holder {
        margin: 0;
    }

    .feature_center_align .feature_column {
        padding: 0 0 30px 0;
        margin: 0;
        display: block;
    }

    .feature_top_info {
        padding-bottom: 40px;
    }

        .feature_top_info h2 {
            font-size: 26px;
            line-height: 36px;
        }

        .feature_top_info p br {
            display: none;
        }

    #single_banner_area .single_banner_info {
        height: 320px;
    }

    #single_banner_area.blog_single_banner .single_banner_info {
        height: 500px;
    }

    .blog_content_holder {
        padding: 20px 0;
    }

    .athens_photo {
        width: 30px;
    }

    .athens_name {
        margin-right: 50px;
    }

        .athens_name strong {
            line-height: 30px;
        }

    .load_more {
        padding-top: 17px;
    }

    .blog_content_holder .feature_column {
        padding: 0 0 30px 0;
    }

    .blog_content_holder .feature_holder {
        margin: 0;
    }

    .blog_single_content {
        padding-bottom: 20px;
    }

        .blog_single_content blockquote {
            padding: 0 23px 0 0;
        }

            .blog_single_content blockquote::before {
                width: 6px;
                border-radius: 3px;
            }

            .blog_single_content blockquote::after {
                width: 6px;
                border-radius: 3px;
            }

    .newsletter_btn a.btn-primary {
        display: block;
        padding: 0 10px;
        margin: 0;
        margin-bottom: 15px;
    }

    .newsletter_btn a.newsletter_email {
        width: 100%;
        padding: 0 10px;
        text-align: center;
    }

    .newsletter_btn a.write_me_down {
        width: 100%;
    }

    .newsletter_area {
        padding: 30px 15px 15px 15px;
        margin-bottom: 30px;
    }

    .athens_photo img {
        max-height: 30px;
    }

    .about_item {
        padding: 30px 20px 20px 20px;
        background: #fff;
        min-height: 245px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
        margin-bottom: 5px;
    }

    .four_column_box {
        margin: -235px 0px 0px 0px;
        padding: 0;
        background: none;
    }

    .icon_box {
        padding-bottom: 18px;
    }

    .about_us_box {
        padding: 20px 10px 30px 10px;
    }

    .about_feature_box {
        padding: 10px 10px 10px 10px;
    }

        .about_feature_box h2,
        .about_us_box h1 {
            font-size: 26px;
            line-height: 34px;
        }

    #testimonial_container {
        margin-bottom: 0;
    }

    .faq_container ul li {
        font-size: 17px;
        line-height: 22px;
    }

    .faq_widget_box {
        padding: 20px 0;
    }

        .faq_widget_box h5 {
            font-size: 17px;
            line-height: 22px;
            padding-right: 36px;
        }

    .faq_item_box {
        padding-bottom: 0;
    }

    .number_of_post {
        width: 45px;
        height: 45px;
        font-size: 20px;
        line-height: 36px;
        padding-right: 6px;
        left: inherit;
        top: inherit;
        bottom: -71px;
        right: 0;
    }

        .number_of_post::before {
            border: 2px solid #334C88;
            top: -3px;
            left: -3px;
        }

    .content_widget_row .content_widget_holder {
        padding: 20px 0;
    }

    .content_widget_info h3 {
        font-size: 22px;
        line-height: 28px;
        padding-right: 60px;
        padding-bottom: 15px;
    }

    .content_widget_info p {
        margin-right: 23px;
    }

    .content_widget_gray .content_widget_info,
    .content_widget_info {
        padding: 30px 0 0 0;
    }

        .content_widget_info p {
            font-size: 17px;
            line-height: 22px;
            padding-bottom: 20px;
            font-weight: 300;
        }

    .green_content {
        height: auto;
        padding: 20px 0;
    }

        .green_content h4 {
            font-size: 26px;
            padding-bottom: 0;
            line-height: 34px;
        }

        .green_content p {
            font-size: 19px;
            line-height: 24px;
            font-weight: 300;
        }

    .content_widget_info .btn-primary {
        width: 100%;
    }

    .talk_us_left {
        padding: 20px 16px;
        float: none !important;
        background: none;
    }

        .talk_us_left h2 {
            font-size: 22px;
            color: #212227;
            line-height: 28px;
            text-align: center;
        }

        .talk_us_left p {
            font-size: 17px;
            line-height: 22px;
            padding-bottom: 19px;
            text-align: center;
        }

        .talk_us_left .form-control {
            height: 40px;
        }

        .talk_us_left input[type="submit"] {
            width: 100%;
            height: 50px;
            margin-top: 15px;
        }

    .personal_plan_form {
        margin-top: -180px;
        background: #fff;
    }

    .personal_plan_box {
        padding: 0;
    }

    .talk_us_left .form-group {
        padding-bottom: 3px;
    }

    .mail_info_box {
        float: none !important;
        text-align: center;
    }

    .mail_info_col {
        float: none !important;
        display: inline-block;
    }

    .lesson_content_holder {
        padding: 20px 0 30px 0;
    }

    .lesson_top_content h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .lesson_info_right p {
        font-weight: 300;
        font-size: 18px;
    }

    .course_presentation {
        padding-left: 16px;
        margin-left: 16px;
    }

    .video_box {
        padding-bottom: 30px;
    }

    .video_content_left {
        padding-bottom: 30px;
    }

    .list_of_classes {
        padding: 20px 0 0 0;
        margin-bottom: 20px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
        border-radius: 2px;
        border: none;
    }

        .list_of_classes h4 {
            margin-bottom: 0;
            padding-right: 15px;
        }

        .list_of_classes ul li {
            border-bottom: 1px solid #d9dfe9;
            padding: 21px 15px;
        }

            .list_of_classes ul li.active a,
            .list_of_classes ul li a,
            .list_of_classes ul li a:hover {
                background: none;
                padding: 0;
            }

            .list_of_classes ul li span {
                color: #AAB9CF;
            }

    .course_social_widget h3 {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 20px;
    }

    #messageModal {
        padding: 40px 15px 0 15px;
    }

        #messageModal .modal-dialog {
            margin: 0 auto;
            width: 100%;
            float: none;
        }

        #messageModal .close_btn {
            right: 20px;
            top: 20px;
        }

        #messageModal .popup_holder {
            padding: 50px 15px 30px 15px;
            border-radius: 2px;
        }

    .message_photo {
        padding-bottom: 35px;
    }

    .message_info h5 {
        font-size: 26px;
    }

    .top_title {
        padding-left: 0;
    }

    .login_form_left .panels_icon {
        width: 25px;
        bottom: 23px;
    }

    .login_form_field {
        max-width: 100%;
        padding-top: 10px;
    }

        .login_form_field input[type="submit"], #btn-registerPhase1,
        .login_form_left input[type="submit"] {
            width: 100%;
            height: 50px;
        }

    .login_form_holder {
        padding-bottom: 0;
    }

    .my_shopping_row {
        border-bottom: 1px solid #AAB9CF;
        padding: 20px 0;
    }

    .my_cart_right {
        padding: 0;
        float: none !important;
        padding-bottom: 20px;
    }

    .my_cart_left {
        float: none !important;
        padding-bottom: 15px;
    }

    .total_price_info {
        text-align: right;
    }

    .close_cart_item {
        left: 4%;
        top: inherit;
        bottom: 20px;
    }

    .my_cart_left .top_title h1,
    .my_cart_right .top_title h2 {
        font-size: 26px;
        line-height: 34px;
        text-align: right !important;
    }

    .first_time_here span {
        line-height: 34px;
    }

    .my_cart_row:first-child {
        padding: 15px 0;
    }

    .login_form_field .sign_in_width_fbook {
        text-align: right;
        padding: 0;
    }

    .my_cart_left .top_title {
        border-bottom: 1px solid #AAB9CF;
        margin-bottom: 10px;
    }

    .my_cart_col:nth-child(2) {
        width: 27.5%;
    }

    .my_cart_col:nth-child(3) {
        width: 15.93%;
    }

    .card_info_box {
        padding: 10px 0 0 0;
        border: none;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
    }

        .card_info_box .login_form_field {
            padding-top: 0;
        }

    .invoice_info {
        padding: 15px;
        margin: 0 -15px;
        margin-bottom: 15px;
    }

        .invoice_info p {
            font-size: 17px;
            line-height: 22px;
        }

    .payment_info p {
        font-size: 17px;
        line-height: 22px;
    }

    .newsletter_email {
        width: 100%;
        float: none !important;
    }

    .write_me_down {
        width: 100%;
        float: none !important;
    }

        .write_me_down input[type="submit"] {
            width: 100%;
            height: 50px;
        }

    .popup_container::before {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1;
        background-color: #fff;
        display: block;
        max-width: 80%;
    }

    .modal-dialog {
        z-index: 2;
    }
}

@media screen and (max-width:450px ) {
    .personal_consultation {
        max-width: 290px;
        background-size: 100% 30%;
    }

    #banner_content_area.course_beginning_banner {
        height: 268px !important;
    }

    #mini_course_box h2 {
        font-size: 24px;
    }

    .single_banner_info h1 br {
        display: none;
    }
}
@media screen and (max-width:414px)
{
    #line_chart_content {
       
        padding: 0px 0 20px 0;
       
    }
}
@media screen and (max-width:360px ) {
    .course_content_left {
        margin-top: -186px;
    }

    #banner_content_area.course_beginning_banner {
        height: 213px;
    }

    .gray_content_left h4,
    .gray_content_right h4,
    .course_content_right h3 {
        font-size: 25px;
        line-height: 28px;
    }

    .message_info .btn-primary,
    .video_content_left .btn-success {
        width: 100%;
    }

    .my_cart_col strong, .my_cart_col small, .my_cart_col span, .my_cart_col p {
        font-size: 16px;
        line-height: 22px;
    }

    .my_cart_left .top_title h1,
    .my_cart_right .top_title h2 {
        font-size: 24px;
    }
}

@media screen and (max-width:320px ) {

    .course_content_left {
        margin-top: -163px;
    }

    .list_column ul li {
        font-size: 16px;
        padding-right: 28px;
    }

    .faq_container ul li {
        font-size: 16px;
    }

    .faq_widget_box h5 {
        font-size: 16px;
        padding-right: 30px;
    }

    .lesson_top_content h1 {
        font-size: 22px;
    }
}

@media screen and ( max-width:1370px ){
.client_column_holder {
	margin-left:0;
}
.recommend_row {
	margin-right:0;
}

}
@media screen and ( max-width:630px ){
.icon_column {
	width:48%;
	float:none;
	display:inline-table;
}
   


.three_icon_box .clearfix { display:none}
}

    @media screen and (max-width: 1655px) {
        nav ul li {
            font-size: 20px;
            margin-right: 20px;
        }
        #header_btm h1 {
    font-size: 50px;
    line-height: normal;
}
        #header_btm h3 {
    font-size: 25px;
}
.text_holder {
    max-width: 640px;
}
.women_photo {
   	display:none;
}
    }
@media screen and ( max-width:1024px ) {

    .women_photo {
	display:none;
}
    
    .header_left {
    width:auto;
    }

.text_holder {
	max-width:100%;
	text-align:center;
	margin-top:0;
	padding:0 21% 10%;
}
#header_btm h1 {
	font-size:40px;
}
#header_btm h3 {
	font-size:20px;
}
#header_btm h3 br { display:none}
.feature_box_holder {
	margin-right:-40px;
}
    #feature_holder div.feature_box_holder {
    margin-right:-40px !important;
    }
    
    .feature_box_holder {
	margin-right:-40px;
}
.feature_box,.feature_box2 {
	padding:0 40px 40px 0;
}
.feature_box span,.feature_box2 span { font-size:16px}

#three_icon_holder {
	padding:40px 0 20px 0;
}
#three_icon_holder h2 {
	font-size:26px;
	padding-bottom:40px;
}
.icon_column {
	padding-bottom:40px;
}
.icon_info h4 {
	font-size:22px;
}
.icon_info p {
	font-size:14px;
}


.learning_column {
	width:25%;
}
#free_learning_box {
	padding:50px 0 0 0;
}
}

@media screen and ( max-width:850px ){
.feature_box{ width:33.33%}
.feature_box2{ width:33.33% !important;}


.column_right_box div {
	width:100%;
}

#FooterContact-form
    {

    display:block;
}

#FooterContact-form div.text_submit
    {

  width:100%;
}
}


#main-carousel div.gray_video {
display:table;
margin: auto;
}
#main-carousel img {
margin-left:14%;

}
.small_video_box img.small_video_Play {
margin-left:3% !important;

}
@media screen and ( max-width:1354px ){
.women_photo {
	width:16%;
}
	

@media screen and ( max-width:1090px ){
     .text_submit input[type="submit"] {
    width:100%;
    }
#video_content_area {
	padding:0 15px;
}
#video_content {
	background:none;
	height:auto;
	padding:50px 0 40px 0;
}
#video_content h3 {
	font-size:30px;
	padding-bottom:20px;
}
.youtube_video {
	width:322px;
	height:270px;
	padding:21px 17px 72px 16px;
	background:url(../images/bgr_video_mobile.png) no-repeat;
	background-size:100% auto;
}
}

@media screen and ( max-width:768px ) {

    .ThreeItemsNormal div.feature_holderItem{
    float:right;  
      width:100%;
    padding-left: 25px;
      padding-right: 25px;
    padding-bottom:0px !important;
      margin-bottom:10px !important;
       margin-top:0px !important;
        padding-top:0px !important;
}
    .courseNumb {
        display: block;
        position: absolute;
        right: 35px;
        top: 10px;
        color: #fff;
        font-weight: 600;
        background-color: #334C88;
        opacity: 0.8;
        /* width: 10px; */
        /* height: 10px; */
        padding: 10px;
        border-radius: 50%;
        width: 27px;
        height: 25px;
        line-height: 4px;
        text-align: center;
        z-index: 5;
    }
    .freeCourse {
        display: block;
        position: absolute;
        left: 35px;
        top: 10px;
        color: #334C88;
        border: 1px solid #F3DA2A;
        background-color: #F3DA2A;
        /* opacity: 0.6; */
        z-index: 5;
        /* padding: 2px; */
        padding-left: 10px;
        padding-right: 10px;
    }


    .innerpageSubject {
    padding: 18px 0 72px 0px;
}

    .feature_box2{ width:50% !important;}

    #logo {
	width:100px;
}
#header_btm h1 {
	font-size:30px;
	line-height:30px;
}
#header_btm h3 {
	font-size:18px;
}

    .feature_box,.feature_box2 { width:50%}
.feature_box_holder {
	margin-right:-20px;
}
.feature_box,.feature_box2 {
	padding:0 20px 20px 0;
}
#feature_holder h2 {
	font-size:24px;
}


.learning_column strong {
	font-size:18px;
}
}

@media screen and ( max-width:580px ) {
    .MyCoursePaddingLeft {
     padding-left:0px !important;
    }
        .Faq_box div.tab_container {
       padding: 20px 0px 10px 0px;
    width: 100%;
    display: inline;
    }

      .feature_box2{ width:100% !important;}
    .feature_box_holder,#feature_holder div.feature_box_holder {
    margin-right: 0px !important;
    }
    #header_btm h1 {
	font-size:22px;
	line-height:25px;
}
#header_btm h3 {
	font-size:16px;
	max-width:320px;
	margin:0 auto;
}
.text_holder {
	padding:10px 10% 10%;
}
#logo { width:80px;}

    .feature_box_holder {
	margin-right:0;
}
.feature_box,.feature_box2 {
	padding:0 0 20px 0;
	width:100%;
	float:none;
}

.icon_column {
	width:100%;
	float:none;
	display:table;
	padding:0 0 35px 0
}

.learning_column { width:33.33%}
}

@media screen and ( max-width:1278px ){
#video_container {
	padding-right:20px;
}
.step_column {
	width:25%;
	padding:0 0 0 40px;
	background-position:30px 30px;
}
.step_column_last {
	width:25%;
}
.step_icon {
	width:100px;
	height:100px;
	background:#00c0cc;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	 border-radius: 10px;
	 margin-bottom:20px;
}
.step_icon span {
	font-size:50px;
	line-height:100px;
}

}
@media screen and ( max-width:1180px ){
#video_container {
	padding:50px 0 35px 0;
}
.youtube_video_area {
	float:none;
	margin:0 auto;
	margin-bottom:40px;
}
.video_right {
	width:310px;
	height:367px;
	float:none;
	margin:0 auto;
}
#recommend_content h2 {
	font-size:40px;
}
.recommend_column {
	width:50%;
	padding:20px 25px 15px 20px;
}
.recommend_info h5 {
	font-size:25px;
	padding-bottom:20px;
}
.recommend_info p {
	font-size:16px;
	padding-bottom:20px;
}
.recommend_info span {
	font-size:20px;
}
.cart_form {
	padding:16px 15px 37px 10px;
}
.cart_right { padding-right:0}
.cart_left {
	margin-right:120px;
}
.cart_right {
	width:120px;
}
.cart_step_holder h4 {
    font-size: 22px;
}
}
@media screen and ( max-width:1145px ){
/*.women_photo {
	width:20%;
}*/
#header_btm {
	position:inherit !important;
	padding-right:0;
}
#header_area { position:relative}
#header_btm h1 {
	font-size:50px;
	line-height:normal;
}
#header_btm h3 {
	font-size:20px;
	line-height:normal;
}
.text_holder {
	/*top:20px;*/
}
.contact_form_right {
	float:none;
	padding-left:0;
}
.contact_form_left {
	float:none;
}
.contact_form_right span {
	font-size:18px;
	line-height: normal;
	padding-bottom:20px;
	text-align:center;
}
.text_field {
	width:33.33%;
	margin:0;
	padding-left:10px;
}
#client_content {
	padding:50px 0 40px 0;
}
#client_content h2 {
	font-size:40px;
	line-height:normal;
}
.client_column_holder {
	padding-right:150px;
}
.client_right {
	width:150px;
	padding-top:13px;
}
.item_info_box span {
	font-size:25px;
	line-height:normal;
}
#small_photo_holder { padding:30px 0 25px 0}
#small_photo_holder h2 {
	font-size:40px;
	padding-bottom:20px;
}
.item {
	width:33%;
}
#gray_btm_holder h3 {
	font-size:40px;
	line-height:30px;
}
#gray_btm_holder h3 span {
	font-size:30px;
}
.right_photo_box {
	right:0;
	width:12%;
}
}

@media screen and ( max-width:1075px ){
#header_area {
	width:100%;
	min-height:inherit;
}
#header_btm  {
	padding-right:0;
	padding:0 15px;
	padding-bottom:50px;
}
header {
	padding:15px 15px;
}
#four_column_box h3,
#tab_content_holder h3 {
	font-size:30px;
	padding-bottom:25px;
}
.tab_content_top {
	padding-bottom:30px;
}
.tab_content_top p {
	font-size:20px;
	padding-bottom:10px;
}
.tab_container {
	padding:20px 15px 15px 150px;
}
.tab_column h5 {
	font-size:18px;
}
.tab_column ul li {
	font-size:14px;
}
#column_content {
	padding:30px 0 5px 0;
}
#column_content h2 {
	font-size:30px;
	padding-bottom:30px;
}
.column_holder {
	padding:0;
	margin:0 -20px;
}
.column {
	padding:0 20px;
	padding-bottom:25px;
}
#client_content h2 {
	font-size:35px;
}
.client_column_holder {
	width:auto;
	float:none;
}
footer h4 {
	font-size:20px;
}
.footer_column ul li {
	font-size:16px;
}
#inner_video_box {
	padding:18px 0 50px 0;
}
#inner_video_box h1 {
	font-size:36px;
	line-height:normal;
}
#inner_video_box h5 {
	font-size:16px;
}
.price_box_top strong {
	font-size:36px;
}
.price_box_top strong small {
	font-size:18px;
}
.price_box_top span {
	font-size:20px;
}
.blue_btn_holder a {
	height:36px;
	margin-bottom:10px;
	font-size:18px;
	line-height:34px;
}
.inner_video_left { margin:0}
#recommend_content {
	padding:32px 0 40px 0;
}
.step_column h5 {
	font-size:20px;
}
.step_column p {
	font-size:15px;
}
#four_step_holder h2 {
	font-size:40px;
}

.cart_title h1 {
	font-size:30px;
}
#cart_content .breadcrumbs {
	font-size:20px;
}
.cart_step_holder h4 {
	font-size:20px;
	line-height:50px;
}
.cart_step {
	width:50px;
	height:50px;
}
.cart_step span {
	font-size:30px;
	line-height:50px;
}
.two_btn_box { padding:30px 0 0 0}
.two_btn_box a {
	font-size:25px;
	line-height:50px;
	height:50px;
}
.product_cart_box {
	padding:20px 20px 15px 20px;
	margin-bottom:30px;
}
.product_cart_box p {
	font-size:16px;
}
.product_cart_title strong {
	font-size:20px;
}
.product_cart_row {
	padding-bottom:20px;
}
.product_cart_row span {
	font-size:16px;
}
.price_column strong {
	font-size:16px;
}
.two_logo_box img {
	margin-right:30px;
}
}
    @media screen and ( max-width:990px ) {
        .SubjectMathPageHeaderText {
         display:none;
        }
        .SubjectMathPage h1 {
    font-size: 31px;
}
        .SubjectMathPage {
        min-height:initial;
        }
        .inner_gray_left div.feature_holderCourse div.feature_column:first-child::after {
      
     left: 47%;
    top: auto;
    bottom: 21px;
      
}

        .professional_details_box {
  position:relative !important;       
        }
        .shopping_cart_row > div.col-md-8 p {
        margin-left:80px;
        }

        #free_mini_course {
        background-image:url('/images/Mask Group 266.svg');
        background-size:cover;
            background-position:20px -42px;
        }
        #mini_course_box {
          padding-top:80px;
        }
        #banner_content_area.course_beginning_banner{
            height:310px;

        }
        #banner_content_area {
         padding-top:10px;
        }
        .feature_column_bg {
       
        }
       .professional_video_infoMobile a {
    width: 100%;
    height: 55px !important;
    line-height: 52px !important;
    margin: auto;
    box-shadow: none !important;
    border-color: #334c88 !important;
    font-size: 17px;
    font-weight: 700;
    background-color: #334c88 !important;
    color: #fff;
    box-shadow: none;
    border-color: #334c88 !important;
    position:fixed;
    bottom:0px;
    display:block;

    }

    .feature_holderCourse div.feature_column {
    width:100% !important;
    }
    .course_social_box-Container {
    position:relative;
    float:none;
    margin:auto;
    display:table;
    left:0px;

    }
    .course_content_right {
    min-height:initial;
    }

.cart_left {
	margin-right:0;
}
.cart_right {
	width:100%;
	float:none;
}
.cart_right label {
	line-height:normal;
	padding-bottom:5px;
}
}
@media screen and ( max-width:900px ){
    .maxh400 {
    height:355px  !important;
    }
        .inner_video_holder img, .purchaseCubeItem span {
    height:auto !important;
    }
#gray_arrow_content h2 {
	font-size:40px;
	line-height: normal;
}
#gray_arrow_content p {
	font-size:25px;
}
#feature_content {
	padding:0px 0 20px 0 !important;
}
    .professional_video_infoBtnGroup {
     width:90%;
    }
#feature_content h2 {
	font-size:45px;
}
#feature_content h3 {
	font-size:35px;
	line-height: normal;
	padding-bottom:30px;
}
.feature_holder {
	padding-bottom:30px
}
.feature_info h4 {
	font-size:24px;
}
.feature_info h5 {
	font-size:16px;
	padding-bottom:20px;
}
.feature_info p {
	font-size:14px;
	color:#000;
}
#certificate_holder {
	padding:30px 0 30px 0;
}
#certificate_holder h2 {
	font-size:40px;
	padding-bottom:30px;
}
.step_column {
	background-position:15px 40px;
	background-size:45px auto;
}


}
@media screen and ( max-width:800px ){
    
    .inner_video_left div.blue_btn_holder {
        width: 100%;
    display: inline-block;
    text-align: center;
    }

    #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}

#four_column_box h3,
#tab_content_holder h3 {
	font-size:25px;
}
.tab_content_top p {
	font-size:16px;
}
#tab_area .tabs li {
	width:16.66%;
	font-size:14px;
}
.tab_logo {
	left:10px;
	width:60px;
}
.tab_container {
	padding:20px 15px 10px 80px;
}
.tab_column {
	width:50%;
}
.clearnone {
	display:block;
}
.tab_column h5 {
	font-size:15px;
}
.tab_column ul li {
	font-size:13px;
}

header { padding-bottom:5px}
.text_holder {
	top:0;
}
.three_column_holder {
	margin-left:-20px;
}
.column_box {
	padding-left:20px;
	width:50%;
}
.column_holder {
	padding:0;
	margin:0;
}
.column {
	padding:0 10px;
	padding-bottom:25px;
}
.column h5 {
	font-size:20px;
}
.column  p {
	font-size:14px;
	line-height: normal;
}
.youtube_video_area {
	background:none;
	padding:0;
	width:100%;
	height:auto;
}
.youtube_video_area h3 {
	padding-bottom:20px;
}
.youtube_video {
	background:url(../images/video_mobile.png) no-repeat;
	background-size:100% 100%;
}
.youtube_video iframe {
	width:100%;
	height:100%;
}
#client_content h2 {
	text-align:center;
	padding-bottom:20px;
}
.client_column_holder {
	padding-top:20px;
	padding-right:0;
	padding-left:0;
	max-width:600px;
	margin:0 auto;
}
.client_column { 
	width:50%;
	padding:0 12px;
	padding-bottom:25px;
}
.client_photo_info a {
	font-size:30px;
}
.client_right {
	width:100%;
	position: relative;
	left: inherit;
	top: inherit;
	padding-top:0;
}
.client_right img { margin:0 auto}
#gray_arrow_content h2 {
	font-size:30px;
	line-height: normal;
}
#gray_arrow_content p {
	font-size:20px;
}
#client_logo_area {
	padding:40px 0 5px 0;
}
.logo_holder {
	margin-left:0;
}
.client_logo {
	padding:0 10px;
	padding-bottom:25px;
}
.footer_column {
	width:100% !important;
	/*padding-bottom:25px;*/
	display:inline-table;
	float:none;
	padding-left:15px;
}
footer { padding:0px 0}
#header_btm  { min-height:inherit}
.women_photo {
	display:none;
}
.gray_video_info span, 
.more_info a,
.column_box span {
    font-size: 20px;
}
.client_logo { padding-left:10px; width:31%; display:inline-table; float:none}
.main_header {
	padding:8px 15px 8px 15px;
	height:auto;
}
.main_header nav {
	padding:0;
}
.main_header nav ul li {
	line-height:57px;
}
#video_content {
	padding:15px 0 30px 0;
}
.breadcrumbs {
	font-size:16px;
	padding-bottom:15px;
}
#video_content h1 {
	font-size:26px;
}
.content_two_column {
	overflow:hidden;
	margin-top:20px;
	position:relative;
}
.youtube_video_box {
	float:none;
	padding-bottom:30px;
}
.video_holder {
	padding-bottom:30px;
}

#scrollbar_box.content {
	height:300px;
}
.video_info_right h3 {
	font-size:20px;
	margin-bottom:15px;
}
.rowElem { padding-bottom:10px;}
.blue_btn {
	font-size:20px;
	padding:0 22px;
	height:36px;
	line-height:36px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	 border-radius: 10px;
}
.inner_video_left {
	width:100%;
	float:none;
}
.inner_youtube_video {
	float:none;
	width:100%;
	padding-bottom:25px;
}
.inner_gray_right {
	float:none;
	width:100%;
	padding-bottom:25px;
}
.small_video_left {
	float:none;
	width:100%;
	padding-left:0;
}
#inner_gray_content #scrollbar_box.content {
	height:300px;
}
#inner_gray_content h3 {
	font-size:30px;
}
.small_video {
	width:100px;
}
.small_video_info {
	margin-right:207px;
	margin-top:2px;
}
.social_box a {
	font-size:30px;
}
.scrollbar_row {
	padding:10px 15px;
     padding-left:0px;
}
.scrollbar_row span {
	font-size:18px;
}

.feature_content_areaFix {
margin-bottom:0px;
}

.recommend_column {
	width:100%;
	float:none;
	border-right:none;
	float:none;
	border-bottom:1px solid #e5e5e5 !important;
	padding:20px 10px 17px 0;
}
.recommend_row {
	border:none;
}
.recommend_info {
	margin-right:115px;
	margin-top:-5px;
}
.recommend_row_holder {
	padding-bottom:30px;
}
.step_column {
	width:100%;
	float:none;
	padding:0 0 30px 0;
	background:none;
	text-align:center;
}
.step_icon { margin:0 auto; margin-bottom:20px}
.cart_right_area {
	width:100%;
	float:none;
}
.cart_left_area {
	width:100%;
	float:none;
}
#cart_content {
	padding:35px 0 30px 0;
}
.cart_step_info input[type="text"] {
	width:100%;
	height:38px;
	font-size:16px;
	margin-bottom:20px;
}
.cart_step_info a.forgot_password {
	font-size:20px;
	margin-bottom:10px;
}
.submit input[type="submit"] {
	height:38px;
	font-size:20px;
}
.cart_step_info label {
	font-size:16px;
	padding-bottom:5px;
}
.form_row {
	padding-bottom:20px;
}
.form_label {
	float:none;
	width:100%;
}
.form_label label {
	padding:0;
	line-height: normal;
	padding-bottom:5px;
	font-size:16px;
}
.form_textfield {
	margin-right:0;
}
}
@media screen and ( max-width:640px ){

    .feature_holderCourse div.feature_column_info h4,
    .feature_holderCourse div.feature_column_info p {
    height:auto;
    }

    .progressChapterItem {
    width:100%;
    }
    .column3 {
    text-align:right  !important;
    }
    .SubjectMathPage h2 {
    font-size: 12px;
    line-height: 18px;
    }
    .MathSubjectItemMenuHeader {
    display:none !important;
    }
    .collapse.in small {
        display: inline-block;
    }

    .inner_gray_left {
    width:100%;
    }


    .inner_video_left {
  
    min-height: 0px;
  
    display: inline-block;
    padding-bottom: 33px !important;
}


    .course-aside div.chart_column:nth-child(1) span{
    padding-right: 30px;
    background: url('/images/svg/course/Path 3631.svg') no-repeat right 11px;
    background-size: 15px auto;
    }

     .course-aside div.active-item div.chart_column:nth-child(1) span{
    background: url('/images/svg/course/Path 3632.svg') no-repeat right 11px;
    background-size: 15px auto;
   
    }


    #btn-registerPhase1,#btn-registerPhase2,input[type="submit"] {
    height:40px;
    width:100%;
    }
    .profile_info_left span,.profile_info {
    display:none;
    }
    .private_profile {
     background:none !important;
    }
    .profile_dropdown ul li {
    padding-right:0px;
    }
    .modal-dialog-ver2 div.alertVer2 {
        font-size: 23px;
    }

    .UserTypeMobile {
        margin: auto;
        text-align: center;
        max-width: 280px;
    }

    .spnremember_check {
    
        display: inline-block;
    width: 280px;
    }
    
    .GeneralDefinitionNiboile {
     
    margin-right: 15px;
    }
        
    .GeneralDefinitionNiboile div.radio {
     margin-bottom:20px;
            }
    
    .page-sub-header2Mobile {
     margin-top:35px;
    }
    .btnVer2,.btnVer1,
    .modal-dialog-ver2 div.alertVer2 {
    width:90%;
    }
    #mobilenamedisplay {
        display: block;
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
        line-height: 50px;
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        background-image: url('/images/svg/Navigation/Path 2678.svg');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 23px;
        padding-right: 33px;
    }

    a.login_drop_open span#mobilenamedisplay {
        color: #334C88;
        background-image: url('/images/svg/Navigation/Path 827.svg');
    }
    .Coupon-group #coupon.form-control {
        width: 100%;
        height: 40px;
    }
    .form-control {
    height:40px;
    }
    
    #login-form div.submit_btn,#register-form div.submit_btn{
     padding-top:0px;
    }
    
    #register-form div.marginrow {
    margin-bottom: 33px;
    }
    
    .profile_dropdown {
 
    width: 100%;
    display: none;
    background: #fff;
    border-top: 0px solid #6285d8;
    padding: 0px 0px 0 0px !important;
    position:relative;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    top:0px;
     margin-top:0px;
    }
    
    .profile_info_left {
        border-top: 1px solid #AAB9CF;
     text-align:right;
    }
   .profile_info_left a {
    display:none;
    }
    
    .feature_holderItem {
     margin-top:50px;
      margin-bottom:35px;
    }
        .feature_holderItem div.feature_column_bg {
        min-height: 291px !important;
        }
    #mini_course_box h2 {
    font-size:23px;
    }
    #mini_course_box p {
     font-size:20px;
    }
      #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}


.feature_column {
	width:50%;
	margin-bottom:25px;
}
.feature_column:nth-child(3) .feature_photo:before{
	content:"";
	width:1px;
	height:100%;
	background:#000;
	position:absolute;
	right:0;
	top:0;
}
.video_holder {
	padding-bottom:5px;
}
#feature_content h2 {
	font-size:23px;
text-align:center;
}

.feature_top_info p{
text-align:center;

}
#feature_content h3 {
	font-size:25px;
}
#certificate_holder h2 {
	font-size:30px;
}
#inner_gray_content #scrollbar_box {
	margin-right:0;
}

}
@media screen and ( max-width:580px ){
    .Coupon-group span.input-group-btn {
        margin: auto !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    }
      .Coupon-group span.input-group-btn button {
      margin: auto !important;
    }


    .form-control-error:after {
    top:5px;
    }
    
    #noCourses div.alertVer2 {
    font-size:23px;
    }
    .shopping_cart_row > div:first-child {
width:100%;
}
    #cart-detail div.top_title {
    border-bottom: 1px solid #AAB9CF;
    }


    .shopping_Cart_img {
    display:none;
    }
    .about_item_info h5 {
	font-size:20px;
	font-weight:700;
}
.about_item_info p {
	font-size:18px;
	font-weight:300;
}

#header_btm h1 {
	font-size:25px;
}
#logo { padding-top:0}
#header_btm h3 {
	font-size:18px;
}
  #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}


nav ul li {
	font-size:16px;
	margin-right:10px;
}
#tab_area .tabs li {
	font-size:10px;
}
#gray_video_content {
	max-width:1200px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
	position:relative;
}
.gray_video {
	width:100%;
	float:none;
}
.gray_video img { width:100%}
.gray_video_info,.ReccomendationsArea {
	width:100%;
	float:none;
	padding:40px 0 0 0;
}
.gray_video_info span,
.gray_video_info p,.ReccomendationsArea {
	font-size:16px;
	line-height: normal;
	color:#272727;
}
.gray_video_info span,.ReccomendationsArea {
	position: relative;
	left: inherit;
	bottom:inherit ;
	margin-top:20px;
} 
.three_column_holder {
	margin-left:0;
}
.column_box {
	width:100%;
	max-width:290px;
	margin:0 auto;
	float:none;
	padding-left:0;
}
.column {
	padding:0 10px;
	padding-bottom:25px;
	width:100%;
	float:none;
}
#column_content h2 {
	font-size:20px;
	padding-bottom:20px;
}
#gray_arrow_content h2 {
	font-size:25px;
	line-height: normal;
}
#gray_arrow_content h3 strong {
	font-size:20px;
}
#gray_arrow_content p {
	font-size:16px;
}
.text_field {
	width:100%;
	margin:0;
	padding-left:0;
	padding-bottom:10px;
	float:none;
}
.contact_form_left { padding-left:0}
.text_submit {
	position:inherit;
	left:inherit;
	top:inherit;
}
.logo_holder { margin-left:-15px}
.client_logo { padding:0 0 20px 15px}
.column_right_box {
	float:none;
}
.columm_left_box {
	float:none;
	width:100%;
}
.column1 {
	width:auto;
	float:right;
}
.column2 {
	float:right;
     margin-right:20px;
}
.column3 {
	float:right;
}
.column4 {
	float:left;
}
.recommend_info h5 {
	font-size:20px;
}
.recommend_info p {
	font-size:14px;
}
.recommend_info span {
	font-size:16px;
}
.item {
	width:50%;
}
#small_photo_holder h2 { font-size:30px}
#gray_btm_holder h3 {
	font-size:30px;
}
#gray_btm_holder h3 span {
	font-size:25px;
}
.cart_title h1 {
	font-size:25px;
}
#cart_content .breadcrumbs {
	font-size:16px;
}
.cart_step_holder h4 {
	font-size:16px;
	line-height: normal;
	padding-top:10px;
}
.cart_step {
	width:40px;
	height:40px;
}
.cart_step span {
	font-size:25px;
	line-height:40px;
}
.cart_step_info {
	padding:0;
}
.cart_step_holder h4 { margin-right:70px}
.two_btn_box { padding:25px 0 0 0}
.two_btn_box a {
	font-size:20px;
}
.product_cart_box {
	padding:20px 15px 15px 15px;
	margin-bottom:30px;
}
.product_cart_box p {
	font-size:14px;
}
.product_cart_title strong {
	font-size:16px;
}
.product_cart_row span {
	font-size:14px;
}
.price_column strong {
	font-size:14px;
}
.two_logo_box img {
	margin-right:20px;
	max-width:70px;
}
.cart_icon { margin-bottom:5px}
}
@media screen and ( max-width:480px ){
    .modal-dialog-ver2 {
    min-height:335px;
    }
.client_logo { padding-left:0; width:45%; display:inline-table; float:none}
.logo_holder { margin:0}
.client_logo:nth-child(odd){ float:right}
.client_logo:nth-child(even){ float:left}
.footer_column ul li { font-size:14px}
    #content_banner_area {
     background-image:url('/images/joinComunityMobile.png');

    }
}
@media screen and ( max-width:400px ){
column { width:50%}
.brand_log.youtube_video {
	width:280px;
	height:235px;
	padding:18px 14px 63px 14px;#free_mini_course
}
.learning_column { width:50%}
#header_btm h3 br { display:none}
.feature_column {
	width:100%;
	float:none;
}
.feature_photo {
	border:0px solid #000;
}
  
 #line_chart_content {
      padding-top:10px;
    }

.feature_column:first-child .feature_photo:before,
.feature_column:nth-child(3) .feature_photo:before{ display:none}
.item {
	width:100%;
	float:none;
}
#gray_btm_holder { padding:20px 0 30px 0}
#gray_btm_holder h3 {
	font-size:25px;
}
#gray_btm_holder h3 span {
	font-size:20px;
}
.product_cart_box p {
	font-size:12px;
}
.product_cart_title strong {
	font-size:14px;
}
.product_cart_row span {
	font-size:12px;
}
.price_column strong {
	font-size:12px;
}
.product_cart_column4 { padding-top:0}
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid white;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid white;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height:600px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

