@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');


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

@font-face {
    font-family: 'Satoshi';
    src: url("/fonts/Satoshi/medium.woff2") format("woff2"),
         url("/fonts/Satoshi/medium.woff") format("woff");
    font-weight: 500;
}

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


:root {
    --color-primary: #BE000B;
    --color-secondary: #a0a6ac;
    --color-success: #008698;
    --color-danger: #CE1C3C;
    --color-warning: #F4B456;
    --color-info: #1EB7C2;
    --color-light: #F9F4EF;
    --color-lighter: #FBF7F4;
    --color-dark: #122130;

    --color-base: #474747;

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

    --color-card-bg: #F9F4EF;
    --card-border-color-base: var(--color-dark);
    --color-t63-card-bg: #F9F4EF;
    --color-section-striped: #F9F4EF;

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

    --color-form-label: #000;
    --color-form-control: #000;
    --color-form-control-bg: #F7F7F7;
    --color-form-control-border: #D8D8D8;
    --color-input-checked: #163f6b;
    --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: #275eb5;
    --color-badge-primary-text: #d2bf8b;
    --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: #163f6b;
    --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: #163f6b;

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




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

body, input, textarea, button,
h1, h2, h3, h4, h5, h6,
.title,
.text-emphasis,
.learning-overview-item .num{
    font-family: 'Satoshi', Arial, serif;
}

.title em,
.title i{
    font-family: 'Libre Baskerville', Arial, serif;
}

/*.app-header .sign-wrap a,
.app-header .user-wrap a,
.app-header .user-wrap button,
.app-header nav a,
.app-header nav button,
.app-header .search-wrap > div input,*/
/*.testimonial-title,
.page-account .page-head .user-container .name,
.notebook-course-sections-list .item .title{
    font-family: 'Avenir LT', sans-serif;
}*/
/* ----------- /fonts ----------- */




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


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

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

@media (min-width: 768px){
    .app{
        --app-header-wrap-height: 72px;
    }
}
@media (min-width: 992px){
    .app{
        --app-header-wrap-height: 88px;
    }
}
@media (min-width: 1200px){
    .app{
        padding-top: var(--app-header-wrap-height);
    }
}


/* ---------- header ---------- */
.app-header {
    --header-px: 15px;
    --header-py: 8px;
    --btn-size: 42px;
    --btn-px: 0;
    background-color: var(--color-dark);
}

.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: var(--header-py) var(--header-px);
}

.app-header-wrap .logo {
    flex-grow: 1;
    max-width: 112px
}
.app-header-wrap .logo img {
    width: 100%;
    height: auto;
}

.app-header .btn{
    width: auto;
    height: auto;
    min-width: var(--btn-size);
    min-height: var(--btn-size);
    background-color: transparent !important;
    border-color: #F5EDE5 !important;
    border-radius: 50px;
    padding-left: var(--btn-px);
    padding-right: var(--btn-px);
    color: #F5EDE5 !important;
}

.app-header .btn:hover,
.app-header .btn:not(:disabled):not(.disabled):active{
    border-color: var(--color-lighter) !important;
    background-color: var(--color-lighter) !important;
    color: var(--color-dark) !important;
    opacity: 1;
}

/*.app-header .dashboard-btn{
    background-color: transparent !important;
    border-color: #F5EDE5 !important;
    color: #F5EDE5 !important;
}
.app-header .dashboard-btn:hover,
.app-header .dashboard-btn:not(:disabled):not(.disabled):active{
    border-color: var(--color-lighter) !important;
    background-color: var(--color-lighter) !important;
    color: var(--color-dark) !important;
    opacity: 1;
}*/
.app-header .search-btn{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.app-header .search-btn:hover,
.app-header .search-btn:not(:disabled):not(.disabled):active{
    border-color: var(--color-lighter) !important;
    background-color: var(--transparent) !important;
    color: var(--color-lighter) !important;
}
.app-header .search-btn .icon::before {
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/search_long_white.svg);
}

.app-header .i-basket::before,
.app-header .i-basket::after{
    transition: opacity 0.15s ease-in-out;
}
.app-header .i-basket::before{
    background-image: url(/images/icons/cart_white.svg);
}
.app-header .i-basket::after {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/icons/cart_dark.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.app-header .basket-btn:hover .i-basket::before,
.app-header .basket-btn:not(:hover) .i-basket::after {
    opacity: 0;
}

.app-header .basket-btn > span span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-lighter);
    color: var(--color-primary);
    line-height: 1;
    transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
}
.app-header .basket-btn:hover > span span{
    background-color: var(--color-dark);
    color: var(--color-lighter);
}

.app-header .search-wrap > div input {
    height: var(--btn-size);
    border-radius: var(--btn-size);
    padding-right: calc(var(--btn-size) + 2px);
}

.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: var(--color-lighter);
}
.app-header .hamburger:hover span,
.app-header .hamburger:hover span::before,
.app-header .hamburger:hover span::after{
    background-color: var(--color-dark);
}

.app-header:not(.mobile-header) nav {
    padding-top: 12px;
}
.app-header nav a,
.app-header nav button {
    color: var(--color-lighter);
}


.app-header .dropdown-menu {
    background-color: var(--color-dark);
    color: var(--color-lighter);
}
.app-header .dropdown-menu a {
    color: inherit;
}

.app-header .user-wrap .avatar {
    width: var(--btn-size);
    height: var(--btn-size);
}


/*.app-header .search-wrap > div{
    border-radius: 6px;
}
.app-header .search-wrap > div input {
    background-color: #f5f5f5;
    border: 1px solid var(--color-primary);
    color: #000;
}
.app-header .search-wrap > div input,
.app-header .search-wrap > div > .search-btn{
    border-radius: 0;
}

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

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

        --btn-size: 48px;
        --btn-px: 1.25rem;
    }

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

    .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 {
        --header-px: 32px;
        --header-py: 14px;

        --btn-size: 52px;
        --btn-px: 1.5rem;
    }

    /*.app-header-wrap .logo img {
        height: 60px;
    }

    .app-header .sign-wrap a,
    .app-header .user-wrap [data-toggle="dropdown"] {
        color: var(--color-primary-2);
    }

    .app-header .user-wrap > button svg path {
        fill: var(--color-primary-2);
    }*/
}
@media (min-width: 1280px) {
    .app-header .sign-wrap > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        min-width: var(--btn-size);
        min-height: var(--btn-size);
        border-width: 1px;
        border-style: solid;
        border-radius: 50px;
        padding-left: var(--btn-px);
        padding-right: var(--btn-px);
        color: #fff !important;
    }
    .app-header .sign-wrap > a{
        background-color: transparent !important;
        border-color: #F5EDE5 !important;
        color: #F5EDE5 !important;
    }

    .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: var(--color-dark);
        border-top: 1px solid var(--color-lighter);
        top: var(--app-header-wrap-height);
        overflow: auto;
    }

    .app-header nav .user-wrap,
    .app-header nav > ul > li{
        padding-left: calc(var(--header-px) - 0.5rem);
    }

    .app-header nav .dropdown-menu{
        position: relative !important;
    }
    /*.app-header nav .sign-wrap,
    .app-header nav .user-wrap{
        border-bottom-color: var(--color-lighter);
    }*/
}
/* ---------- /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: var(--color-dark);
    color: #F5EDE5;
}

.app-footer .logo {
    max-width: 158px;
}
.app-footer .logo img{
    width: 100%;
}

.app-footer .links-wrap-title {
    color: #F5EDE5;
}

.app-footer .diclaimer-row {
    border-top: 1px solid #3F4953;
    padding-top: 1.5rem;
    margin-top: 0.5rem;
}
/* ---------- /footer ---------- */



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


/* ---------- buttons ---------- */
.btn{
    border-radius: 50px;
}
.t63-section .btn:not(.btn-sm):not(.btn-xs){
    min-width: 52px;
    min-height: 52px;
    padding: 10px 1.5rem 8px;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
}

.btn, .btn:focus {
    color: var(--color-dark);
}

/* 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;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
    border-color: var(--color-deep-blue);
    background-color: var(--transparent);
    color: var(--color-deep-blue);
    opacity: 1;
}

/* 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: var(--color-dark);
}
/*.btn-light:hover,
.btn-light:not(:disabled):not(.disabled):active{
    background-color: transparent;
    border-color: #E8DCCE;
}*/
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle{
    background-color: #E8DCCE;
    border-color: #E8DCCE;
}

/* 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;
}

.rating-btn {
    color: var(--color-dark) !important;
}

.scroll-up i {
    background-color: var(--color-dark);
    border-radius: 50%;
    color: #fff !important;
}
/* ---------- /buttons ---------- */


/* ---------- title,text ---------- */
h1, h2, h3, h4, h5, h6, .title{
    font-weight: 500;
}
/* ---------- title,text ---------- */


/* ---------- form ---------- */
.form-control,
.form-control:focus{
    background-color: var(--color-form-control-bg);
    border-width: 1px;
}
.form-control:focus {
    border-color: #a8a8a8;
}

.card .coupons-section .input-group{
    background-color: var(--color-form-control-bg);
}
.coupons-section .input-group-append .btn {
    align-self: center;
    min-height: unset;
}
/* ---------- /form ---------- */


/* ---------- 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 .no-data{
    background-color: transparent !important;
}
/* ---------- /card ---------- */


/* ---------- tabs ---------- */
.nav-tabs {
    border-bottom-color: var(--color-secondary);
}
.nav-tabs .nav-item .nav-link{
    color: var(--color-secondary);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
    color: var(--color-primary);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--color-primary);
    background-color: #fff;
    border-color: var(--color-secondary) var(--color-secondary) #fff;
}
/* ---------- /tabs ---------- */


/* ---------- 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: #13406b;
    background: linear-gradient(#5A93CC 0%, #13406b 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 ---------- */



/* ==================== 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 ---------- */
.course-section-head > div::after{
    background-color: var(--color-dark);
}


.chapter .head {
    background-color: var(--color-dark);
}
.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: #55808B;
}

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

.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: #55808B;
    color: #fff;
}

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


/* ---------- chat ---------- */
.chat-63{
    --chat-primary-color: var(--color-dark);
}
.chat-63 .btn,
.chat-63 .btn:focus{
    color: var(--color-dark);
}
.btn.chat-63-toggle-btn {
    border-color: #fff !important;
    color: #fff;
}
/* ---------- /chat ---------- */



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


.t63-section[data-background-color="true"]{
    --color-card-bg: #fff;
    --color-t63-card-bg: #fff;
}


.t63-section .embed-responsive,
.t63-section .bg-img{
    border-radius: var(--border-radius);
}


/* ----------- t63 buttons ----------- */
.t63-section:not(.img-section):not(.slider-section) .grid-item .btn-container {
    display: flex;
    margin-top: auto;
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: auto !important;
    min-height: 37px !important;
    background-color: transparent !important;
    border-width: 0 !important;
    border-radius: 0;
    padding: 0 !important;
    position: relative;
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn::before,
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn::after {
    content: "";
    width: 45px;
    height: 17px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.15s ease-in-out;
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn::before {
    background-image: url(/images/icons/arrow_right_long_primary.svg);
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn::after{
    background-image: url(/images/icons/arrow_right_long.svg);
}

.t63-section:not(.img-section):not(.slider-section) .btn-container .btn,
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:focus,
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:hover,
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:not(:disabled):not(.disabled):active {
    border-top-color: var(--color-dark);
    color: var(--color-dark);
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:hover,
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:not(:disabled):not(.disabled):active{
    border-top-color: var(--color-primary);
    color: var(--color-primary);
}
.t63-section:not(.img-section):not(.slider-section) .btn-container .btn:hover::after{
    background-image: url(/images/icons/arrow_right_long_primary.svg);
}


.t63-section:not(.img-section):not(.slider-section) .grid-item .btn-container{
    padding-top: 1rem;
}
.t63-section:not(.img-section):not(.slider-section) .grid-item .btn-container .btn{
    width: 100%;
    border-width: 1px 0 0 !important;
    padding-top: 1rem !important;
}

.t63-section:not(.img-section):not(.slider-section) .grid-item .btn-container .btn{
    justify-content: flex-end;
    text-align: right;
}
.t63-articles-list-section .btn-container .btn,
[data-section="article2ColWithImg"] .btn-container .btn{
    justify-content: flex-start;
    text-align: left;
}


.t63-section:not(.img-section):not(.slider-section) .grid-item .btn-container .action-buttons {
    height: 24px;
    margin: -12px 0 0;
    position: absolute;
    top: 1rem;
    left: auto;
    right: 0;
}
.t63-section.t63-services-section .grid-item .btn-container .action-buttons{
    top: 2rem !important;
}
/* ----------- t63 buttons ----------- */


/* ----------- t63 icons ----------- */
.has-circled-icon .t63-icon-wrap{
    background-color: var(--color-dark);
    border-color: var(--color-dark);
}
.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,
.slider-section .t63-multimedia-container .embed-responsive::after{
    background: url(/plugins/63bits-pageBuilder/images/intro_slide_gradient.png) bottom repeat-x;
    /*background: rgba(18,33,48,0.2);*/
}

.slider-section .slick-slider .slick-arrow{
    width: 60px;
    background: none !important;
}
.slider-section .slick-slider .slick-arrow:hover{
    opacity: 1;
}
.slider-section .slick-slider .slick-arrow::before,
.slider-section .slick-slider .slick-arrow::after {
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.15s ease-in-out;
}
.slider-section .slick-slider .slick-arrow::before{
    background-image: url(/images/icons//arrow_right_with_circle_right_white.svg);
}
.slider-section .slick-slider .slick-arrow::after{
    background-image: url(/images/icons//arrow_right_with_circle_right_gold.svg);
}
.slider-section .slick-slider .slick-arrow:hover::before,
.slider-section .slick-slider .slick-arrow:not(:hover)::after{
    opacity: 0;
}

.slider-section .slick-slider .slick-dots button{
    background-color: var(--color-lighter);
    border-color: var(--color-lighter);
}

.t63-section.img-section .btn-container .btn-primary:hover,
.t63-section.img-section .btn-container .btn-primary:not(:disabled):not(.disabled):active,
.t63-section.slider-section .btn-container .btn-primary:hover,
.t63-section.slider-section .btn-container .btn-primary:not(:disabled):not(.disabled):active{
    border-color: var(--color-lighter);
    background-color: var(--transparent);
    color: var(--color-lighter);
    opacity: 1;
}

@media (min-width: 992px){
    .t63-section.slider-section .t63-slider .slide-content {
        padding-left: 65px;
        padding-right: 65px;
    }
}
/* ---------- /img & slider sections ---------- */


/* ---------- images grid ---------- */
.t63-img-grid-section .grid-item {
    border-radius: var(--border-radius);
}
.t63-img-grid-section .grid-item .bg-img{
    border-radius: 0;
}
.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(18,33,48,0.6);
}
/* ---------- /images grid ---------- */


/* ---------- tab ---------- */
.tab-nav a.active{
    background-color: var(--color-t63-card-bg);
}
/* ---------- /tab ---------- */


/* ---------- 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-base);
}
/* ---------- /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 ----------- */


/* ----------- articles section ----------- */
.t63-articles-grid-section .container .row{
    margin-left: -15px;
    margin-right: -15px;
}
.t63-articles-grid-section .container .row > div {
    padding-left: 15px;
    padding-right: 15px;
}
.t63-articles-grid-section .row > div,
.t63-articles-grid-section .grid-item,
.t63-articles-grid-section .grid-item .content{
    display: flex;
    flex-direction: column;
}
.t63-articles-grid-section .grid-item,
.t63-articles-grid-section .grid-item .content{
    flex-grow: 1;
}
.t63-articles-grid-section .grid-item .content .title-container {
    margin: 0;
}
/* ----------- /articles section ----------- */


/* ----------- services section ----------- */
.t63-services-section .row{
    justify-content: flex-start;
}
.t63-services-section .row > div,
.t63-services-section .grid-item,
.t63-services-section .grid-item .content{
    display: flex;
    flex-direction: column;
}
.t63-services-section .grid-item,
.t63-services-section .grid-item .content{
    flex-grow: 1;
}
.t63-services-section .grid-item{
    background-color: var(--color-t63-card-bg);
    /*box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);*/
}
.t63-services-section .grid-item .bg-img {
    border-radius: 0;
}
.t63-services-section .grid-item .content {
    padding: 1.5rem;
}
.t63-services-section .grid-item .content .text-container {
    margin-top: 24px;
}

.t63-services-section .grid-item .content .text{
    color: var(--color-base);
}
.t63-services-section .grid-item .content .plain-text-input{
    color: var(--color-gray-light);
}
.t63-services-section .grid-item .content .btn-container {
    width: 100%;
    padding-top: 2rem !important;
}
/* ----------- /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-t63-card-bg);
}
.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 *{
    color: #fff;
}
.t63-flip-cards-section .flip-card-item .text-wrap{
    color: var(--color-base);
}
.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 ----------- */