@font-face {
    font-family: 'GalanoGrotesque';
    src: url('/fonts/Galano_Grotesque_SemiBold.otf') format('otf');
    font-style: normal;
}

.page-preview h1,
.centered h1,
.chapter-list .heading-title,
.exam-preview .title,
.exam-banner .title,
.course-list .heading-title {
    font-family: 'GalanoGrotesque', sans-serif;
}

body {
    background-color: #CECAC8;
}

    body.bg-image {
        background-image: url(images/img-bg.jpg);
    }

.wallpaper-block:before {
    display: none;
}

a {
    color: #fff;
}

.btn-back-row a {
    background: #c4c1bb;
    border-bottom: 1px solid #c4c1bb;
}

    .btn-back-row a:hover {
        background: #00a17a;
    }

.centered-bottom a {
    color: #c4c1bb;
}

.btn.copied {
    background: #c4c1bb !important;
    border-bottom: 1px solid #c4c1bb !important;
}

.maincookies__inner {
    background: #c4c1bb;
}

.profile {
    background: -moz-linear-gradient(top, rgba(57,93,98,1) 45%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(57,93,98,1) 45%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(57,93,98,1) 45%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395d62', endColorstr='#ffffff',GradientType=0 );
}

.profile-logo {
    border-bottom: 1px solid #f7eae1;
}

.profile .academy-link {
    background: #f7eae1;
    border-top: 1px solid #f7eae1;
    color: #fff;
}

.no-touch .profile .academy-link:hover {
    background: #f7eae1;
}

.profile .academy-link,
.no-touch .profile .academy-link:hover {
    background: none;
    color: #fff;
}

.profile .user-id a,
.profile .avatar-panel button,
.profile #nav a,
.profile,
.profile #nav .icon,
.profile #nav a:hover .icon,
.no-touch .profile #nav a:active .icon,
.touch .profile #nav a:active .icon,
.no-touch .profile #nav a.active .icon,
.touch .profile #nav a.active .icon {
    color: #fff;
}

.no-touch .profile #nav a:active,
.touch .profile #nav a:active,
.no-touch .profile #nav a.active,
.touch .profile #nav a.active,
.no-touch .profile #nav a:hover {
    background: #eadfdb;
    color: #000;
}

    .no-touch .profile #nav a:active .icon,
    .touch .profile #nav a:active .icon,
    .no-touch .profile #nav a.active .icon,
    .touch .profile #nav a.active .icon,
    .no-touch .profile #nav a:hover .icon {
        color: #000;
    }

.profile .avatar-panel .button-list {
    border-bottom: 1px solid #f7eae1;
}

.profile #nav ul {
    border-bottom: 1px solid #f7eae1;
}

.profile .academy-link:before {
    border: solid #fff;
    border-width: 0 0 2px 2px;
}

.wallpaper-block:before {
    background: #0062A3;
    opacity: 1;
}

.exam-options .number {
    color: #c4c1bb;
}

.exam-questionnaire__progress-bar progress {
    color: #c4c1bb;
}

.exam-questionnaire__question-block .question-title {
    color: #000;
}

.exam-banner .exam-banner-wrap {
    background: #c4c1bb;
}

.form-with-validation input:hover {
    border-color: #c4c1bb;
}

.info-banner-price .title {
    color: #c4c1bb;
}

.preview-block-img {
    border: 5px solid #c4c1bb;
}

.primary-header,
.secondary-header {
    color: #c4c1bb;
}

.tab-block-courses-item_active:after,
.tab-block-courses-item-link:hover:after {
    background: #c4c1bb;
}

.info-hero-banner {
    background: #c4c1bb;
}

.payment-flow__select {
    border: 2px solid #c4c1bb;
}

.payment-flow__price {
    color: #c4c1bb;
}

.info-banner {
    border-top: 3px solid #c4c1bb;
}

.services-list .price-box-title {
    color: #c4c1bb;
}

.form-with-validation .form-row .icon {
    color: #c4c1bb;
}

.profile-logo {
    text-align: center;
}

/*Buttons styles*/

.form-with-validation .btn:hover {
    background: #066c53;
}

.btn.completely-white {
    background: #c4c1bb;
    color: #fff;
}

.no-touch .btn.completely-white .btn-arrow {
    border: solid #fff;
    border-width: 2px 2px 0 0;
}

.no-touch .btn.completely-white:hover {
    background: #066c53;
    color: #fff;
}

.search-profile-block .buffer-handler {
    background: #c4c1bb;
    border: 1px solid #c4c1bb;
}

.no-touch .search-profile-block .buffer-handler:hover {
    background: #066c53;
    border: 1px solid #066c53;
}

.btn.orange {
    background: #c4c1bb;
    border-bottom: 1px solid #c4c1bb;
}

.no-touch .btn.orange:hover {
    background: #00a17a;
}

.no-touch .btn.orange:active, .touch .btn.orange:active {
    background: #00a17a;
}

.btn.orange:hover {
    background: #00a17a;
}

.btn.white {
    border: 2px solid #c4c1bb;
}

.no-touch .btn.white:hover {
    background: #c4c1bb;
    color: #fff;
    border: 2px solid #c4c1bb;
}

.course-list .course-custom-select {
    border: 2px solid #c4c1bb;
    color: #c4c1bb;
}

.exam-message {
    background: #c4c1bb;
}

.settings-panel .text:before {
    background: #c4c1bb;
}

.form-with-validation .correct {
    border: solid #c4c1bb;
    border-width: 3px 3px 0 0;
}

.progress-info {
    background-image: linear-gradient(to right, transparent 50%, #395d62 0);
}


    .progress-info.filled .helper {
        background-color: #c4c1bb;
    }

    .progress-info.done, .progress-info.done .helper {
        background: #53C65E;
    }

.reset-chapter-block h1 {
    color: #000;
}

.questionnaire__question ul li:before {
    color: #c4c1bb;
}

.questionnaire__question ol li:before {
    color: #c4c1bb;
}

.questionnaire__answer .btn.back {
    border: 1px solid #c4c1bb;
    color: #c4c1bb;
}

.questionnaire-confirm h1 {
    color: #000;
}

.chapter-list .passed-chapter .btn.reset-chapter {
    border-color: #c4c1bb !important;
}

.no-touch .chapter-list .passed-chapter .reset-chapter:hover {
    background: #c4c1bb !important;
}

.form-with-validation .btn {
    background: #c4c1bb;
}

.mobile-tab-opener {
    background: #c4c1bb;
}

/*Checkboxes styles*/

.no-touch .choice-form .choice-lable:hover {
    border-color: #c4c1bb;
}

.choice-form .choice-checkbox:checked + .choice-lable {
    border-color: #c4c1bb !important;
}

    .choice-form .choice-checkbox:checked + .choice-lable .checkmark {
        background: #c4c1bb;
        border-color: #c4c1bb;
    }

    .choice-form .choice-checkbox:checked + .choice-lable.choice-lable-answer-false {
        border-color: #ee5728 !important;
        box-shadow: inset 0 0 0 1px #ee5728;
    }

        .choice-form .choice-checkbox:checked + .choice-lable.choice-lable-answer-false .checkmark {
            background: #ee5728;
            border-color: #ee5728;
        }

    .choice-form .choice-checkbox:checked + .choice-lable.choice-lable-answer-true {
        border-color: #35cc3b !important;
        box-shadow: inset 0 0 0 1px #35cc3b;
    }

        .choice-form .choice-checkbox:checked + .choice-lable.choice-lable-answer-true .checkmark {
            background: #35cc3b;
            border-color: #35cc3b;
        }

.no-touch .exam-questionnaire__answer-block .answer-lable:hover {
    border-color: #c4c1bb;
}

.exam-questionnaire__answer-block .answer-checkbox:checked + .answer-lable {
    border-color: #c4c1bb;
}

    .exam-questionnaire__answer-block .answer-checkbox:checked + .answer-lable .checkmark {
        background: #c4c1bb;
        border-color: #c4c1bb;
    }


.credentials-logo {
    display: none;
}

.profile .mask {
    background: rgba(0, 0, 0, 0.58);
}

@media only screen and (max-width: 1023px) {
    #header {
        background: #c4c1bb;
    }

        #header .burger span,
        #header .burger span:before,
        #header .burger span:after {
            background: #fff;
        }

    .tab-block-courses {
        background: #c4c1bb;
    }

    .centered .heading {
        color: #c4c1bb;
    }

    .profile .academy-link {
        color: #fff;
    }

        .profile .academy-link:before {
            border: solid #fff;
            border-width: 0 0 2px 2px;
        }
}

.centered-bottom.one-link a {
    color: #fff;
}

.bottom-link .js-popup-close {
    color: #c4c1bb;
}

@media only screen and (max-width: 767px) {
    .centered {
        background: #fff;
        padding: 20px 31px;
    }
}

.profile-logo .profile-logo-img {
    height: 80px !important;
}

.choice-form .choice-checkbox:checked + .choice-lable.choice-lable-answer-false .checkmark:after {
    top: 0px;
}

.choice-form .choice-checkbox:checked + .choice-lable-answer-false .checkmark {
    background: #ee5728;
    border-color: #ee5728;
}