@font-face {
    font-family: 'Din Next Condensed';
    src: url("/fonts/Din/regular_condensed.woff2") format("woff2"),
         url("/fonts/Din/regular_condensed.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: 'Din Next Condensed';
    src: url("/fonts/Din/bold_condensed.woff2") format("woff2"),
         url("/fonts/Din/bold_condensed.woff") format("woff");
    font-weight: bold;
}


:root {
    --color-primary: #0D1533;
    --color-secondary: #a0a6ac;
    --color-success: #58c76b;
    --color-danger: #f0506b;
    --color-warning: #d4bf8c;
    --color-info: #4cc0d2;
    --color-light: #e7ebf0;
    --color-dark: #5b6068;

    --color-base: #404041;

    --color-gray: #929497;
    --color-gray-light: #58595b;
    --color-gray-lighter: #898a8d;
    --color-gray-lightest: #f3f5f7;
    --color-gray-dark: #404041;

    --color-blue-light: #ecf3f9;

    --color-card-bg: #f1f1f2;
    --card-border-color-base: #bbb;
    --color-t63-card-bg: #f3f5f7;
    --color-section-striped: #f3f5f7;

    --color-title: #0D1533;
    --color-link: #4679cc;
    --color-tooltip: #ed2224;
    --color-emphasis: #909090;
    --color-text-selection: #fff2a8;

    --color-form-label: #929497;
    --color-form-control: #404040;
    --color-form-control-bg: #fff;
    --color-form-control-border: #e2e2e2;
    --color-input-checked: #0D1533;
    --color-form-link: #2776bd;

    --color-form-error: #B61D22;
    --color-form-error-bg: #fff;
    --color-form-error-border: #f3ced3;

    --color-close-btn-bg: #7f7f6f;

    --color-badge-primary-bg: #0D1533;
    --color-badge-primary-text: #fff;
    --color-badge-primary-light-bg: #B3D8FD;
    --color-badge-primary-light-text: #002950;

    --color-badge-secondary-bg: #a0a6ac;
    --color-badge-secondary-text: #fff;
    --color-badge-secondary-light-bg: #D9D9D9;
    --color-badge-secondary-light-text: #2C2C2C;

    --color-badge-success-bg: #009345;
    --color-badge-success-text: #fff;
    --color-badge-success-light-bg: #BDE5CB;
    --color-badge-success-light-text: #003613;

    --color-badge-danger-bg: #ec1c24;
    --color-badge-danger-text: #fff;
    --color-badge-danger-light-bg: #F6BFC7;
    --color-badge-danger-light-text: #48040E;

    --color-badge-warning-bg: #d4bf8c;
    --color-badge-warning-text: #0D1533;
    --color-badge-warning-light-bg: #FFECC3;
    --color-badge-warning-light-text: #422D02;

    --color-badge-info-bg: #4cc0d2;
    --color-badge-info-text: #fff;
    --color-badge-info-light-bg: #B3E4E9;
    --color-badge-info-light-text: #014047;

    --color-badge-light-bg: #dbdfe4;
    --color-badge-light-text: #0D1533;

    --color-badge-dark-bg: #6d6e70;
    --color-badge-dark-text: #fff;
    --color-badge-dark-light-bg: #B5C6D2;
    --color-badge-dark-light-text: #052F4E;

    --color-badge-purple-bg: #b6259e;
    --color-badge-purple-text: #fff;

    --icon-wrap-circle-bg: var(--color-primary);
    --icon-wrap-circle-border-color: #b0bfc7;
    --icon-wrap-circle-border-radius: 50%;
    --icon-wrap-circle-text-color: #fff;

    --border-radius: 16px;
}




/* ----------- fonts ----------- */
body, input, textarea, button{
    font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.title,
.testimonial-title,
.page-account .page-head .user-container .name,
.notebook-course-sections-list .item .title{
    font-family: 'Din Next Condensed', serif;
}

.text-emphasis,
.learning-overview-item .num{
    font-family: 'PT Serif', serif;
}

.title strong{
    font-weight: bold;
}
/* ----------- /fonts ----------- */




/* ==================== layout ==================== */


.app{
    --app-header-wrap-height: 66px;

    padding-top: var(--app-header-wrap-height);
}

@media (min-width: 768px){
    .app{
        --app-header-wrap-height: 73px;
    }
}
@media (min-width: 992px){
    .app{
        --app-header-wrap-height: 86px;
    }
}



/* ---------- header ---------- */
.app-header{
    background-color: #030923;
}

/*.app-header > .container,
.app-header-wrap {
    padding: 0;
}*/

.app-header > .container{
    max-width: 100%;
    padding: 0;
}

.app-header-wrap {
    min-height: var(--app-header-wrap-height);
    background-color: transparent;
    box-shadow: none;
    padding: 12px;
}

.app-header-wrap .logo img {
    height: 34px;
}


.app-header .btn{
    width: auto;
    height: auto;
    min-width: 42px;
    min-height: 42px;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 0 !important;
    border-radius: 50px;
    color: #fff !important;
}
.app-header .dashboard-btn{
    background-color: #E82348 !important;
    border-color: #E82348 !important;
    color: #fff !important;
}
.app-header .i-search::before {
    background-image: url(/images/icons/search_white.svg);
}
.app-header .i-basket::before {
    background-image: url(/images/icons/cart_white.svg);
}
.app-header .dropdown .nav-link::after, .app-header [data-toggle="dropdown"]::after {
    background-image: url(/images/icons/chevron_white.svg);
    background-size: 20px auto;
}

.app-header .search-btn,
.app-header .basket-btn,
.app-header .hamburger{
    padding: 0;
}

.app-header .hamburger span,
.app-header .hamburger span::before,
.app-header .hamburger span::after{
    background-color: #fff;
}

.app-header nav a,
.app-header nav button {
    color: #fff;
}

.app-header nav a:hover,
.app-header nav a.active,
.app-header nav button:hover {
    color: #E33033;
}

.basket-btn > span span {
    background-color: #E33033;
    color: #fff;
}

.app-header .search-wrap > div input {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #000;
}

.app-header .search-wrap > div input:focus {
    border-color: var(--color-primary);
}

.card-sticky{
    top: calc(var(--app-header-wrap-height) + 14px);
}

@media (min-width: 576px) {
    .app-header .dashboard-btn{
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (min-width: 768px) {
    .app-header-wrap {
        padding: 14px 20px;
    }

    .app-header .btn{
        min-width: 45px;
        min-height: 45px;
    }

    .app-header .dashboard-btn{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 992px) {
    .app-header-wrap {
        padding: 20px 30px;
    }

    .app-header-wrap .logo img {
        height: 46px;
    }

    .app-header .sign-wrap a,
    .app-header .user-wrap [data-toggle="dropdown"] {
        color: #fff;
    }

    .app-header .user-wrap > button svg path {
        fill: #fff;
    }

    /*.app-header .user-wrap a:hover,
    .app-header .user-wrap button:hover {
        color: var(--color-primary);
    }

    .app-header .user-wrap > button:hover svg path {
        fill: var(--color-primary);
    }*/
}
@media (min-width: 1280px) {
    .app-header:not(.mobile-header) .sign-wrap a{
        display: flex;
        align-items: center;
        width: auto;
        height: auto;
        min-width: 42px;
        min-height: 42px;
        background-color: #E82348 !important;
        border: 0 !important;
        border-radius: 50px;
        padding: 0 20px;
        color: #fff !important;
    }
    .app-header:not(.mobile-header) .sign-wrap a:hover {
        opacity: 0.85;
    }

    .app-header:not(.mobile-header) .user-wrap .dropdown-menu {
        min-width: 200px;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        transform: none !important;
        text-align: right;
    }

    .app-header .dropdown-menu a{
        color: var(--color-primary);
    }

    .app-header.mobile-header nav{
        background-color: #030923;
    }
}


@media (max-width: 1279px) {
    .app-header nav {
        background-color: #030923;
        top: var(--app-header-wrap-height);
    }

    .app-header nav .dropdown-menu{
        position: relative !important;
    }
}


/*@media (max-width: 1359px) {
    .app-header nav {
        background-color: rgba(255,255,255,0.95);
    }
    .app-header nav .sign-wrap,
    .app-header nav .user-wrap {
        border-bottom-color: var(--color-primary);
    }
}*/

/*@media (min-width: 1200px) {
    .app-header nav {
        margin-left: 50px;
    }

    .app-header nav > ul {
        margin: 0 -22px;
    }

    .app-header nav > ul > li {
        padding: 0 22px;
    }
}*/
/* ---------- /header ---------- */


/* ---------- breadcrumbs ---------- */
.breadcrumbs li {
    color: #808080;
}
.breadcrumbs li a {
    color: #4d5c61;
}
/* ---------- /breadcrumbs ---------- */


/* ---------- page ---------- */
.page-head,
.app-page .t63-page-head:first-child,
.section-striped .section:nth-child(even){
    background-color: var(--color-section-striped);
}
.page-content-head {
    color: var(--color-gray-light);
}
/* ---------- /page ---------- */


/* ---------- footer ---------- */
.app-footer {
    background-color: #030923;
    color: #fff;
}

.app-footer .logo {
    max-width: 150px;
}
.app-footer .logo img{
    width: 150px;
}

.app-footer .links-wrap-title {
    color: #fff;
}
/* ---------- /footer ---------- */



/* ==================== components ==================== */


/* ---------- buttons ---------- */
.btn{
    border-radius: 50px;
    /*text-transform: unset;*/
    padding-left: 20px;
    padding-right: 20px;
}
.btn-sm {
    padding: 5px 12px;
}
.btn-xs {
    padding: 2px 12px;
}


/* primary */
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* secondary */
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff;
}

/* success */
.btn-success,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active {
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: #fff;
}

/* danger */
.btn-danger,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: #fff;
}

/* warning */
.btn-warning,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: #173c6b;
}

/* info */
.btn-info,
.btn-info:focus,
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--color-info);
    border-color: var(--color-info);
    color: #fff;
}

/* light */
.btn-light,
.btn-light:focus,
.btn-light:hover,
.btn-light:not(:disabled):not(.disabled):active {
    background-color: var(--color-light);
    border-color: var(--color-light);
    color: #0D1533;
}

/* dark */
.btn-dark,
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active {
    background-color: var(--color-dark);
    border-color: var(--color-dark);
    color: #fff;
}
/* ---------- /buttons ---------- */


/* ---------- card ---------- */
.card {
    background-color: var(--color-card-bg);
}
.card-section {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-bg-light{
    background-color: var(--color-t63-card-bg);
}
.card-bg-light .card-header{
    background-color: transparent;
}
/* ---------- /card ---------- */


/* ---------- text-with-img ---------- */
.item-text-with-img .embed-responsive::before {
    background: linear-gradient(to top, rgba(22,63,107,0.8) 0%,rgba(22,63,107,0) 100%);
}
/* ---------- /text-with-img ---------- */


/* ---------- Pricing toggler ---------- */
.pricing-toggler {
    border-color: #e5ebf1;
    background-color: var(--color-card-bg);
}
.pricing-toggler .bg-wrap {
    background-color: #293a4b;
}
.pricing-toggler .text-1.active,
.pricing-toggler .text-2.active {
    color: #fff;
}
.pricing-toggler-wrap p{
    color: #1B6B44;
}
/* ---------- /Pricing toggler ---------- */


/* ---------- box badge ---------- */
.box-badge {
    color: #FFF;
    background: #0e76bc;
    background: linear-gradient(#0e76bc 0%, #0e76bd 100%);
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 1);
}

.box-badge-green {
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}

.box-badge-red {
    background: #A90329;
    background: linear-gradient(#A90329 0%, #6D0019 100%);
}
/* ---------- /box badge ---------- */


/* ---------- slick slider ---------- */
.slick-arrow {
    background-image: url(/images/icons/slick_arrow_dark.svg) !important;
}

.slick-slider .slick-dots button{
    background-color: #c1c3c6;
    border-color: #c1c3c6;
}
.slick-slider .slick-dots button:hover,
.slick-slider .slick-dots .slick-active button {
    background-color: #E82348 !important;
    border-color: #E82348 !important;
}
/* ---------- /slick slider ---------- */



/* ==================== 5. content by pages ==================== */

.testimonial-item,
.catalog-section > .head,
.page-cart .basket-container tbody td,
.credit-cards-container tbody td{
    background-color: var(--color-section-striped);
}

.catalog-item-features-list li .icon {
    background-color: var(--color-primary);
}


/* ---------- course ---------- */
.chapter .head {
    background-color: var(--color-primary);
}
.chapter .head .title {
    color: #fff;
}

.chapter .body li {
    background-color: #f1f1f2;
    border-top-color: #d4d4d4;
    border-right-color: #d4d4d4;
}

.chapter .body li::before {
    background-color: #ddd;
    color: #666;
}

.chapter .body li .progress-wrap::before {
    background-color: #d4d4d4;
}

.chapter .body li .progress-wrap i {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    color: #fff;
}

.chapter .body li.active .progress-wrap::before,
.chapter .body li.active .progress-wrap i {
    background-color: #37abf2;
}

.chapter .body li.active .progress-wrap i {
    border-color: #37abf2;
}

.chapter .body li:hover {
    background-color: #fff;
    border-top-color: #eee;
}

.chapter .body li:hover + li {
    border-top-color: #eee;
}

.chapter .body li.current:before,
.chapter .body li:hover::before {
    background-color: #37abf2;
    color: #fff;
}

.chapter .body li:not(.active):hover .progress-wrap i {
    background-color: #fff;
}
/* ---------- /course ---------- */



/* ==================== t63 components ==================== */


/* ----------- t63 icons ----------- */
.has-circled-icon .t63-icon-wrap{
    background-color: var(--color-primary);
    border-color: #b0bfc7;
}
.has-circled-icon  .t63-icon-wrap i{
    color: #fff;
}
/* ----------- /t63 icons ----------- */


/* ---------- scrollTo nav section ---------- */
.t63-scrollto-nav ul{
    background-color: var(--color-card-bg) !important;
}
.t63-scrollto-nav a{
    color: #666;
}
/* ---------- /scrollTo nav section ---------- */


/* ---------- img & slider sections ---------- */
.t63-section.img-section .bg-img::before,
.t63-section.slider-section .bg-img::before{
    background: url(/plugins/63bits-pageBuilder/images/intro_slide_gradient.png) bottom repeat-x;
}

/*.slider-section .slick-slider .slick-dots button{
    background-color: #c1c3c6;
    border-color: #c1c3c6;
}
.slider-section .slick-slider .slick-dots button:hover,
.slider-section .slick-slider .slick-dots .slick-active button {
    background-color: #E82348 !important;
    border-color: #E82348 !important;
}*/
.slider-section .t63-multimedia-container .embed-responsive::after {
    background: url(/plugins/63bits-pageBuilder/images/intro_slide_gradient.png) bottom repeat-x;
}
/* ---------- /img & slider sections ---------- */


/* ---------- images grid ---------- */
.t63-img-grid-section .grid-item .bg-img::before{
    background: url(/plugins/63bits-pageBuilder/images/grid_item_overlay_bg.png) bottom repeat-x;
}
.t63-img-grid-section .grid-item-title,
.t63-section .grid-item-text{
    color: #fff;
}
.t63-img-grid-section .grid-item .overlay{
    background-color: rgba(61,0,180,0.6);
}
/* ---------- /images grid ---------- */


/* ---------- article2ColWithImg ---------- */
[data-section="article2ColWithImg"][data-img-shadow="false"] {
    --half-shadow-color: #E82348;
    padding-bottom: 14px
}
[data-section="article2ColWithImg"][data-img-shadow="false"][data-reverse="true"] {
    --half-shadow-color: #007AE7;
}
[data-section="article2ColWithImg"][data-img-shadow="false"] .img-container figure{
    box-shadow: 13px 12px 0 -7px #fff,21px 21px 0 -7px var(--half-shadow-color);
}
/* ---------- /article2ColWithImg ---------- */


/* ---------- accordion ---------- */
.t63-section .accordion-item{
    background-color: var(--color-t63-card-bg);
}
.t63-section .accordion-item-head::after{
    background-image: url("/images/icons/chevron_blue.svg");
}
.t63-section .accordion-item-head .t63-icon-wrap i,
.t63-section .accordion-item-head .title{
    color: var(--color-primary);
}
/* ---------- /accordion ---------- */


/* ----------- testimonials section ----------- */
.t63-testimonial-item .author-wrap .text,
.t63-testimonial-item .author-wrap .plain-text-input{
    color: #231f20;
}
.t63-testimonial-item .description-wrap .text,
.t63-testimonial-item .description-wrap .plain-text-input{
    color: #414042;
}
/* ----------- /testimonials section ----------- */


/* ----------- services section ----------- */
.t63-services-section .container > .row:last-child{
    margin-bottom: -30px;
}
.t63-services-section .container > .row > div{
    display: flex;
    flex-direction: column;
}

.t63-services-section .grid-item{
    flex-grow: 1;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
}
.t63-services-section .grid-item .img-container{
    background-color: #f9f8fb;
}
.t63-services-section .grid-item .content .text,
.t63-services-section .grid-item .content .plain-text-input{
    color: var(--color-gray-light);
}
/* ----------- /services section ----------- */


/* ----------- card ----------- */
.t63-card-section article{
    background-color: var(--color-t63-card-bg);
}
/* ----------- /card ----------- */


/* ----------- flip card ----------- */
.t63-flip-cards-section .flip-card-item .flip-front {
    background-color: var(--color-t63-card-bg);
}

.t63-flip-cards-section .flip-card-item .flip-back {
    background-color: var(--color-primary);
}
.t63-flip-cards-section .flip-card-item .title{
    color: #4d5c61;
}
.t63-flip-cards-section .flip-card-item [data-media-type="image"] + .title-container .title,
.t63-flip-cards-section .flip-card-item [data-media-type="image"] + .title-container .title *,
.t63-flip-cards-section .flip-card-item .text-wrap{
    color: #fff;
}
.flip-card-item[data-clickable="true"] .flip-front::before{
    background-image: url(/plugins/63bits-pageBuilder/images/icons/rotate.svg);
    background-color: #ebebeb;
    border-color: #cbcbcb;
}
/* ----------- /flip card ----------- */


/* ----------- packages ----------- */
.t63-packages-grid-section .packages-grid-item{
    background-color: var(--color-t63-card-bg);
}
.t63-packages-grid-section .packages-grid-item .title,
.t63-packages-grid-section .packages-grid-item .text-wrap{
    color: var(--color-gray-light);
}
/* ----------- /packages ----------- */


/* ----------- quote ----------- */
.t63-quote-section article{
    background-color: var(--color-t63-card-bg);
}
.t63-quote-section .fontawesome-icon-container .t63-icon-wrap i{
    color: var(--color-primary);
}

.t63-quote-section .text-wrap{
    color: var(--color-gray-light);
}
/* ----------- /quote ----------- */


/* ----------- evocalendar ----------- */
.t63-section .calendar-sidebar,
.t63-section #eventListToggler,
.t63-section .calendar-sidebar>span#sidebarToggler{
    background-color: var(--color-primary);
    -webkit-box-shadow: 5px 0 18px -3px var(--color-primary);
    box-shadow: 5px 0 18px -3px var(--color-primary);
}

.t63-section .calendar-sidebar>.month-list>.calendar-months>li:hover{
    background-color: #163557;
}
.t63-section .calendar-sidebar>.month-list>.calendar-months>li.active-month {
    background-color: #112b47;
}

.t63-section th[colspan="7"]{
    color: var(--color-primary);
}
.t63-section th[colspan="7"]::after{
    background-color: rgba(22,63,107,.25);
}
.t63-section .event-list>.event-empty{
    background-color: rgba(22,63,107,.25);
    border-color: var(--color-primary);
}
.t63-section .event-list>.event-empty>p{
    color: var(--color-primary);
}
/* ----------- /evocalendar ----------- */