@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/Montserrat/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Semibold';
    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/Montserrat/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
    url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular/Roboto-Regular.ttf')  format('truetype'),
    url('../fonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "Segoe UI", sans-serif;
    background: #43B4E0;
    min-width: 1100px;
}
.admin-layout0 {
    background: #fff;
}
.hero-section {
    background: none;
}
.hero-section__wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
}
.logo img {
    margin-right: 8px;
}
.logo {
    font-family: "Segoe UI", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #4E4E4E;
    text-transform: uppercase;
    max-width: 496px;
}
.logo a {
    color: #4E4E4E;
    text-decoration: none;
}
.nav {
    position: relative;
}
.nav a, .nav button {
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: #4E4E4E;
    text-decoration: none;
    border: 0;
    padding: 0;
}
.nav a {
    display: flex;
    align-items: center;
    margin-right: 40px;
}
.nav a:hover, .nav button:hover {
    text-decoration: underline;
}
.nav button {
    border: 0;
    background: none;
}
.clear_foot {
    height: 40px;
    clear: left;
}
footer {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 12px 17px;
    margin-top: -40px;
}
footer p {
    opacity: 0.5;
    margin-bottom: 0;
}
.admin-layout0 footer {
    color: #434343;
}
.admin-layout0 footer p {
    text-align: center!important;
}
#app {
    min-height: 100%;
    /*background: url(../img/zoj/bgbig.jpg) no-repeat 50% -100px;*/
    /*background-size: auto 100%;*/
    min-width: 1280px;
    padding-bottom: 20px;
}
.bg {
    background: url("../img/zoj/bgwrapper.png") no-repeat 50% 50%;
}
.admin-layout__main #app, #nav-tabContent .chat {
    background: #fff;
}
.admin-layout {
    background: url(../img/zoj/bgrep.png) repeat-y 33.59375% 0;
}
.admin-layout__wrapper {
    /*overflow: hidden;*/
    min-height: 100%;
}
main {
    position: relative;
}
main.text-center {
    padding-top: 160px;
}
main.text-center img {
    margin-top: 120px;
    margin-bottom: 65px;
}
main.text-center h2, #content .content h2 {
    font-size: 56px;
    line-height: 68px;
    color: #FFFFFF;
    font-weight: normal;
    font-family: 'Montserrat Bold', sans-serif;
    margin-bottom: 82px;
}
#content .content h2 {
    font-size: 53px;
    margin-bottom: 0;
}
main.text-center .button {
    font-size: 24px;
    line-height: 67px;
    font-family: 'Montserrat Bold', sans-serif;
    color: #fff;
    text-transform: uppercase;
    width: 345px;
    background: url(../img/zoj/bgbut.png) no-repeat 50% 0;
    border: 0;
    border-radius: 0;
    display: inline-block;
    height: 67px;
}
main.text-center .button:hover {
    background: url(../img/zoj/bgbut.png) no-repeat 50% -67px;
}
.center_left {
    background: url(../img/zoj/bgleft.png) no-repeat 0 0;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #4E4E4E;
    padding: 34px 43px 0 0;
    margin-bottom: 40px;
    background-size: 28%;
}
.left_info {
    max-width: 550px;
}
.center_left h3, .center_right h3 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 36px;
    line-height: 44px;
    text-align: right;
    text-transform: uppercase;
    color: #010101;
}
.center_left a, .center_right a {
    display: inline-block;
    width: 360px;
    height: 45px;
    background: #FF6A60;
    border-radius: 4px;
    font-size: 22px;
    line-height: 45px;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Roboto-Medium', sans-serif;
    text-decoration: none;
}
.center_right {
    background: url(../img/zoj/bgright.png) no-repeat 100% 0;
    background-size: 45%;
}
.center_right h3 {
    text-align: left;
}
.center_right a {
    background: #48B549;
}
.right_info {
    max-width: 550px;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #4E4E4E;
    margin-top: 285px;
    position: relative;
}
.h2_big {
    background: url(../img/zoj/bgh2_um.png) no-repeat 0 50%;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat Bold', sans-serif;
    padding: 52px 110px 62px 24%;
    margin-bottom: 33px;
    margin-top: -127px;
}
.round1 {
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -185px;
}
.round2 {
    position: absolute;
    top: -34px;
    left: -104px;
}

#registrModal .modal-xl {
    max-width: 650px;
}
#registrModal .form-custom .form-control {
    border: 1px solid #ced4da;
    color: #010101;
    background: #fff;
    border-radius: 4px;
}
#registrModal .heading {
    color: #010101;
    font-size: 36px;
    line-height: 44px;
    font-family: 'Montserrat Bold', sans-serif;
    padding: 0;
    color: #fff;
}
#registrModal form.form-custom {
    margin-top: 0!important;
    font-family: "Segoe UI", sans-serif;
    color: #010101;
}
#registrModal .modal-close {
    right: 15px;
    position: absolute;
    top: 10px;
}
#registrModal form .button.button--bg-dark {
    background: #FF6A60;
    font-size: 22px;
    font-family: 'Roboto-Medium', sans-serif;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    height: 45px;
    text-transform: uppercase;
}
#registrModal form .button.button--bg-dark:hover {
    color: #FF6A60!important;
}
#registrModal .modal-dialog .modal-content {
    min-height: 250px;
    height: auto;
}
.user-layout__main {
    min-height: 100%;
    height: 100%;
}
.user-layout__main > .row {
    min-height: 100%;
}
.admin-layout__main {
    height: auto;
}
.user-layout__header .logo {
    width: auto;
    text-align: left;
}
.user-layout__header, .admin-layout__header {
    background: none;
    border-bottom: 7px solid #4E4E4E;
}
.user-layout__header .navbar-dark .navbar-nav .nav-item.active .nav-link,
.user-layout__header .navbar-dark .navbar-nav .nav-item .nav-link,
.admin-layout__header .navbar-dark .navbar-nav .nav-item .nav-link {
    color: #4E4E4E;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    font-family: "Segoe UI", sans-serif;
}
.admin-layout__header .navbar-dark .navbar-nav .nav-item .nav-link {
    font-size: 14px;
}
.user-layout__header .navbar-dark .navbar-nav .nav-item.active .nav-link,
.admin-layout__header .navbar-dark .navbar-nav .nav-item.active .nav-link,
.admin-layout__header .navbar-dark .navbar-nav .nav-item .nav-link:hover,
.user-layout__header .navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #1486C2;
}
.navbar-nav.block_auth {
    flex-direction: column;
    margin-bottom: 80px;
    margin-top: 20px;
}
.user-layout__main .block_auth {
    margin-bottom: 0;
}
.bgauth {
    position: relative;
}
.user {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Montserrat Bold', sans-serif;
    text-transform: none;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 14px;
    display: block;
}
.admin-layout0 .user {
    color: #434343;
    font-size: 16px;
}
.admin-layout0 .navbar-nav.block_auth {
    margin-bottom: 0;
}
.block_auth a:hover {
    color: #fff;
    text-decoration: none;
}
.admin-layout .bgauth .user {
    margin-left: 20px;
}
.exit, .exit:hover, .nav a.exit {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background: url("../img/zoj/exit.png") no-repeat 0 0;
    height: 32px;
    width: 74px;
    margin: 0 auto;
    display: block;
}
.exit:hover {
    background: url("../img/zoj/exit.png") no-repeat 0 100%;
}
#exitForm .nav-link {
    text-align: left;
    padding: 0 0 0 10px;
    margin-top: 3px;
}
#exitForm .exit {
    margin: 0 0 0 120px;
    position: relative;
    top: -50px;
}
.admin-layout0 #exitForm .exit {
    margin: 0 auto;
    position: static;
    top: inherit;
}
.block_aside {
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
}
.collapse.show {
    padding-top: 20px;
}
.course_menu_item a {
    color: #fff!important;
    text-transform: none;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat Bold', sans-serif;
}
.card-header {
    background: none;
    margin-top: 5px;
    padding: 0;
}
.card-header a {
    padding: 0;
    background: none;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
}
#accordion > .card .card-header a.active {
    color: #fff;
    text-decoration: none;
}
.overflow_hidden {
    overflow: hidden;
}
.card, .card-header:first-child {
    border-radius: 0;
}
.card:last-child .card-header a {
    background: url(../img/zoj/test.png) no-repeat 50% 0;
    color: #fff;
    font-size: 24px;
    line-height: 65px;
    font-family: 'Montserrat Bold', sans-serif;
    text-transform: uppercase;
    max-width: 405px;
    height: 67px;
    text-align: center;
}
.card:last-child .card-header a:hover {
    background: url(../img/zoj/test.png) no-repeat 50% -69px;
    text-decoration: none;
}

.card-body {
    margin-left: 0;
}
.card-body .list-group {
    border-radius: none;
}
.list-group-item {
    padding: 0px 0 0 0;
    background: none;
}
.list-group-item a {
    border-bottom: 0;
    color: #8FE2EF;;
    font-size: 22px;
    line-height: 28px;
    font-family: "Montserrat Bold", sans-serif;
    display: block;
    margin-bottom: 31px;
    position: relative;
    padding-left: 64px;
}
.list-group-item a::before {
    content: "";
    width: 38px;
    height: 38px;
    background: url(../img/zoj/marker.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 2px;
}
.list-group-item a.active {
    color: #fff!important;
}
.list-group-item a.active::before {
    background: url(../img/zoj/marker.png) no-repeat 0 50%;
}
.lecture_content p {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #302636;
}
.theme_title {
    font-size: 35px;
    line-height: 37px;
    color: #302636;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: left;
    font-weight: normal;
}
.test-heading-block {
    background: none;
    color: #4E4E4E;
}
.test-heading-block h2 {
    font-size: 30px;
    line-height: 37px;
    color: #302636;
    font-family: 'Montserrat Bold', sans-serif;
    font-weight: normal;
    text-transform: none;
}
.test_item .list-group-item p {
    line-height: 28px;
    color: #302636;
    letter-spacing: 0;
    font-family: 'Montserrat Bold', sans-serif;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 37px;
}
.test_item {
    border-left: 0;
    font-size: 18px;
    line-height: 21px;
    color: #302636;
    font-family: 'Roboto-Regular', sans-serif;
}
.test_item .list-group-item {
    font-family: 'Roboto-Regular', sans-serif;
    margin-bottom: 20px;
}
.input-radio-container .checkmark::after {
    background: #1486C2;
}
.button--glow-blue {
    box-shadow: none;
}
.button--filled-blue {
    background: url(../img/zoj/bgbut.png) no-repeat 0 0;
    min-width: 345px;
    border-radius: 0;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 24px;
    line-height: 66px;
    height: 67px;
}
.button--filled-blue:hover {
    background: url(../img/zoj/bgbut.png) no-repeat 0 -67px;
}
.test_item .list-group-item p::after {
    display: none;
}
.check_test {
    margin-top: 40px;
}
#design {
    height: 376px;
    background: url(../img/zoj/design.jpg) no-repeat 50% 0;
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat Semibold', sans-serif;
}
.form-custom input.form-control {
    font-family: "Segoe UI", sans-serif;
    line-height: 45px;
    color: #4E4E4E;
    font-size: 18px;
    padding: 0 10px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #BEBEBE;
}
.form-auth.form-custom input.form-control {
    border: 0;
    background: url(../img/zoj/inp.png) no-repeat 0 0;
    height: 61px;
    line-height: 59px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat Regular', sans-serif;
    padding: 0 20px;
}
.form-auth.form-custom input.form-control::placeholder {
    opacity: 1;
    color: #fff!important;
}
.form-auth.form-custom input.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #fff!important;
}
#registrModal form .button.button--bg-dark,
#registrModal form .button.button--bg-dark:hover {
    background: #1486C2;
    border-radius: 4px;
    min-width: 200px;
    text-align: center;
    border: 0;
    font-size: 18px;
    height: 45px;
    cursor: pointer;
    font-family: "Segoe UI", sans-serif;
    margin-top: 20px;
    color: #fff!important;
}
.form-auth .button {
    background: url(../img/zoj/bgbut.png) no-repeat 0 0;
    border: 0;
    min-width: 345px;
    height: 67px;
    font-size: 24px;
    line-height: 66px;
    cursor: pointer;
    font-family: "Montserrat Bold", sans-serif;
    color: #fff!important;
}
.form-auth a {
    font-size: 16px;
    color: #fff;
}
.anketa .button {
    background: url(../img/zoj/bgbut.png) no-repeat 0 0;
    border-radius: 0;
    min-width: 345px;
    text-align: center;
    border: 0;
    font-size: 24px;
    line-height: 66px;
    height: 67px;
    cursor: pointer;
    font-family: "Montserrat Bold", sans-serif;
    margin-top: 20px;
    color: #fff!important;
    margin-left: 200px;
}
.anketa .button:hover,
.form-auth .button:hover {
    background: url(../img/zoj/bgbut.png) no-repeat 0 -67px;
}
.modal-content {
    background: #4E4E4E;
}
.input-checkbox-container {
    color: #fff;
}
.form-auth #errors {
    position: absolute;
    margin-top: -15px;
}
.nobg {
    background: none!important;
}
#design2 {
    background: url("../img/zoj/des.jpg") no-repeat 0 0;
}
.bgdesign {
    background: url(../img/zoj/bgdesign_right.png) no-repeat 100% 0;
}
.design {
    background: url(../img/zoj/bgdesign.png) no-repeat 0 0;
    overflow: hidden;
}
.design h2 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    font-family: 'Montserrat Semibold', sans-serif;
    text-transform: uppercase;
    margin: 60px 0 76px 0;
    width: 640px;
    float: right;
}
.docs {
    margin-bottom: 55px;
}
.docs a {
    display: flex;
    align-items: center;
    color: #020202;
    line-height: 24px;
}
.docs img {
    margin-right: 24px;
}
#content {
    overflow: visible;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Roboto-Regular', sans-serif;
    color: #302636;
    max-width: 1920px;
    width: 100%;
}
.content {
    padding-top: 60px;
    padding-right: 60px;
}
.content p {
    margin-bottom: 20px;
}
.content h3, .user-layout__main h3 {
    font-size: 35px;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'Montserrat Semibold', sans-serif;
    color: #4E4E4E;
    margin-bottom: 20px;
}
.bord-blue {
    border: 1px solid #45A5FF;
    padding: 16px 0 17px 28px;
    max-width: 295px;
    border-radius: 20px;
    margin-top: 86px;
    margin-bottom: 100px;
}
.bord-blue a {
    display: flex;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    font-family: "Segoe UI", sans-serif;
}
.bord-blue img {
    margin-right: 7px;
}
.bord-blue span {
    padding-top: 8px;
}
.bgfon {
    background: url(../img/zoj/rep.png) #fff repeat-y 395px 0;
    overflow: hidden;
    padding-bottom: 20px;
    min-height: 300px;
}
.tabs>section {
    display: none;
    overflow: hidden;
    padding: 37px 0 60px 89px;
}
.tabs>section>p {
    /* прикрутим анимацию */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Прячем чекбоксы */
.tabs>input {
    display: none;
    position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
    display: block;
    float: left;
    clear: left;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 60px;
    font-family: 'Montserrat Semibold', sans-serif;
    color: #4E4E4E;
    background: #F2F4FA;
    width: 380px;
    padding-left: 20px;
}
.tabs_module>label {
    background: url(../img/zoj/ugblue.png) #F2F4FA no-repeat 98% 50%;
}

/* Изменения стиля переключателей вкладок при наведении */

.tabs>label:hover {
    color: #fff;
    cursor: pointer;
    background: #1486C2;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
    color: #fff;
    background: #1486C2;
}
.tabs_module>input:checked+label {
    background: url(../img/zoj/ugwhite.png) #1486C2 no-repeat 98% 50%;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
    display: block;
}
.back {
    text-transform: uppercase;
    color: #337AB7;
    font-size: 14px;
    text-decoration: none;
}
.back:hover {
    text-decoration: none;
}
.anketa label {
    font-family: 'Montserrat Regular', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    width: 250px;
    text-transform: uppercase;
}
.anketa input, .anketa select {
    width: 100%;
    border-radius: 0px;
    background: none;
    border: 0;
    color: #8FE2EF;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 26px;
    line-height: 32px;
    padding: 0 20px;
    margin-bottom: 0;
    height: 59px!important;
}
.anketa select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none!important;
    background: url(../img/zoj/select.png) no-repeat 98% 50%;
}
.anketa select option {
    color: #707070;
    font-size: 18px;
    line-height: 42px;
    font-family: "Roboto-Bold", sans-serif;
    padding: 5px 10px;
}
.anketa select option:hover {
    background: #43B4E0;
    color: #232323;
}
.anketa input:hover, .anketa select:hover {
    color: #fff;
    background: url(../img/zoj/pencil.png) no-repeat 98% 50%;
}
.anketa input:focus, .anketa select:focus {
    background: url(../img/zoj/bginp.png) no-repeat 0 0;
    color: #fff;
    border: 0;
    box-shadow: none;
    background-size: 100% 100%;
}
.anketa select:focus {
    background: url(../img/zoj/bgselect.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.anketa input[disabled],
.anketa input[type="password"] {

}
.anketa input[disabled], .anketa input[disabled]:hover {
    background: none;
    cursor: hand;
}
.courses {
    color: #8FE2EF;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 26px;
    line-height: 32px;
}
.course .w-100 {
    padding: 0 20px;
}
.anketa {
    width: 830px;
    margin-top: 37px;
    text-align: left;
    color: #fff;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.tabs .bg-red {
    background: #FF4D59;
    color: #fff;
}
.tabs .bg-red label {
    color: #fff;
}
.ball {
    max-width: 81px;
    font-size: 18px;
    line-height: 28px;
    color: #4E4E4E;
    min-width: 81px;
}
.ball b, .reward b {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
}
.reward {
    max-width: 60px;
    min-width: 60px;
}
.title_module {
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.title_module b {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    color: #4E4E4E;
    display: block;
}
.title_module a {
    color: #0070C9;
}
.content .title_module p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.border-top {
    border-top: 2px solid #C4C4C4!important;
}
.form_contacts {
    width: 555px;
    margin-top: 37px;
    margin-bottom: 40px;
}
.form_contacts input[type="text"] {
    width: 100%;
    border-radius: 4px;
    background: #FBFBFB;
    border: 1px solid #BEBEBE;
    color: #8D8D8D;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    padding: 8px 10px 10px;
    margin-bottom: 27px;
}
.form_contacts input[type="text"]:active,
.form_contacts input[type="text"]:focus {
    background: #fff;
    color: #4E4E4E;
}
.form_contacts textarea {
    width: 100%;
    border-radius: 4px;
    background: #FBFBFB;
    border: 1px solid #BEBEBE;
    padding: 0 10px;
    color: #4E4E4E;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    margin-bottom: 27px;
    height: 280px;
}
.form_contacts textarea:active,
.form_contacts textarea:focus {
    color: #4E4E4E;
    background: #fff;
}
.form_contacts input[type="text"]::-moz-placeholder { color: #8D8D8D; opacity: 1;}
.form_contacts input[type="text"]::-webkit-input-placeholder { color: #8D8D8D; opacity: 1;}
.form_contacts textarea::-moz-placeholder { color: #8D8D8D; opacity: 1;}
.form_contacts textarea::-webkit-input-placeholder { color: #8D8D8D; opacity: 1;}

.form_contacts .btn-primary {
    background: #C5C5C5;
    border-radius: 4px;
    width: 272px;
    height: 45px;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    border: 0;
}
.form_contacts .btn-primary:focus,
.form_contacts .btn-primary:active,
.form_contacts .btn-primary:hover {
    background: #1486C2;
    border-radius: 4px;
    color: #fff;
}
.button-lecturer {
    background: #FF6A60;
    border: 0;
    border-radius: 4px;
    font-family: 'Roboto-Medium', sans-serif;
    text-transform: uppercase;
}
.collapse-box__lecturer {
    font-size: 22px;
    color: #434343;
}

.collapse-box {
    box-shadow: none;
}
#navbarSupportedContent .nav-link {
    margin-right: 0;
    padding-right: 13px;
    padding-left: 0;
}
#navbarSupportedContent #exitForm .nav-link {
    padding-right: 0;
    padding-left: 10px;
}
.block_logo {
    color: #fff;
    font-size: 23px;
    line-height: 28px;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: center;
    margin-top: 86px;
}
.block_logo img {
    margin-bottom: 33px;
}
.block_logo p {
    margin-bottom: 0;
}
.menu_link {
    display: block;
    width: 119px;
    height: 118px;
    background: url(../img/zoj/menu.png) no-repeat 0 0;
    margin: 0 auto 33px;
}
.menu_link:hover {
    background: url(../img/zoj/menu.png) no-repeat 0 100%;
}
.itog_link {
    display: block;
    width: 119px;
    height: 118px;
    background: url(../img/zoj/itog.png) no-repeat 0 0;
    margin: 0 auto 33px;
}
.itog_link:hover {
    background: url(../img/zoj/itog.png) no-repeat 1px -125px;
}
.about_link {
    display: block;
    width: 119px;
    height: 118px;
    background: url(../img/zoj/about.png) no-repeat 0 0;
    margin: 0 auto;
}
.about_link:hover {
    background: url(../img/zoj/about.png) no-repeat 0 100%;
}
.module_link {
    display: block;
    width: 119px;
    height: 118px;
    background: url(../img/zoj/moduls.png) no-repeat 0 0;
    margin: 0 auto;
    margin-top: 33px;
}
.module_link:hover {
    background: url(../img/zoj/moduls.png) no-repeat 0 100%;
}
#center {
    align-self: center;
    color: #fff;
}

.module {
    background: url(../img/zoj/bgmodule.png) no-repeat 50% 50%;
    width: 813px;
    height: 795px;
    margin: auto;
    position: relative;
}
.module h3 {
    font-size: 56px;
    line-height: 68px;
    font-family: 'Montserrat Bold', sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    width: 345px;
    margin: 0 auto;
}

.module0 {
    display: block;
    width: 198px;
    height: 198px;
    position: absolute;
}
.module0 a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
}
.modul1 {
    top: 0;
    left: 50%;
    margin-left: -99px;
    z-index: 110;
}
.medul1 a {
    background: url("/img/zoj/modul1.png") no-repeat 0 0;
    background-size: cover;
}
.modul1.active a {
    background: url("/img/zoj/modul1.png") no-repeat 0 100%;
    background-size: cover;
}
.modul2 {
    right: 59px;
    top: 114px;
}
.modul2 a {
    background: url("/img/zoj/modul2.png") no-repeat 0 0;
    background-size: cover;
}
.modul2.active a {
    background: url("/img/zoj/modul2.png") no-repeat 0 100%;
    background-size: cover;
}
.modul3 {
    top: 50%;
    margin-top: -19px;
    right: 0;
}
.modul3 a {
    background: url("/img/zoj/modul3.png") no-repeat 0 0;
    background-size: cover;
}
.modul3.active a {
    background: url("/img/zoj/modul3.png") no-repeat 0 100%;
    background-size: cover;
}
.modul4 {
    right: 171px;
    bottom: 0;
}
.modul4 a {
    background: url("/img/zoj/modul4.png") no-repeat 0 0;
    background-size: cover;
}
.modul4.active a {
    background: url("/img/zoj/modul4.png") no-repeat 0 100%;
    background-size: cover;
}
.modul5 {
    left: 172px;
    bottom: 0;
}
.modul5 a {
    background: url("/img/zoj/modul5.png") no-repeat 0 0;
    background-size: cover;
}
.modul5.active a {
    background: url("/img/zoj/modul5.png") no-repeat 0 100%;
    background-size: cover;
}
.modul6 {
    top: 50%;
    margin-top: -19px;
    left: 0;
}
.modul6 a {
    background: url("/img/zoj/modul6.png") no-repeat 0 0;
    background-size: cover;
}
.modul6.active a {
    background: url("/img/zoj/modul6.png") no-repeat 0 100%;
    background-size: cover;
}
.modul7 {
    left: 63px;
    top: 114px;
}
.modul7 a {
    background: url("/img/zoj/modul7.png") no-repeat 0 0;
    background-size: cover;
}
.modul7.active a {
    background: url("/img/zoj/modul7.png") no-repeat 0 100%;
    background-size: cover;
}
.panel {
    position: absolute;
    top: 3px;
    background: #ffffff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    width: 472px;
    height: 189px;
    padding: 5px 35px 0 120px;
    opacity: 1;
    z-index: 1;
    color: #2E7FD8;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    display: none;
}

.panel-flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.module0:hover .panel {
    opacity: 998;
}
.modul1 .panel {
    border-radius: 0 20px 20px 0;
    left: 100px;
}
.modul2 .panel, .modul3 .panel,
.modul4 .panel{
    top: 0;
    left: 100px;
    border-radius: 0 20px 20px 0;
}
.modul5 .panel, .modul6 .panel,
.modul7 .panel {
    padding: 5px 120px 0 35px;
    border-radius: 20px 0 0 20px;
    top: 0;
    right: 100px;
}

.module_name {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.panel p b {
    color: #58595B;
    font-weight: normal;
    display: block;
    font-size: 22px;
    line-height: 27px;
}
.block_rewards p {
    margin: 5px 0;
}
.block_rewards p b, .block_rewards div b {
    color: #2E7FD8;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
}
.points {
    background: url(/img/zoj/bgpoints.png) no-repeat 50% 0;
    color: #000;
    font-size: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    font-family: 'Montserrat Bold', sans-serif;
    width: 85px;
}
.rating-result {
    width: 143px;
    text-align: right;
}

.rating-result span {
    padding: 0;
    background: url(/img/zoj/star2_0.png) no-repeat 0 0;
    width: 29px;
    height: 28px;
    display: inline-block;
    background-size: 100%!important;
}
.rating-result > span.active {
    background: url(/img/zoj/star2.png) no-repeat 0 0;
}
@media(max-width:1700px) {
    .h2_big {
        background-size: contain;
        margin-top: -67px;
        padding: 31px 110px 32px 18%;
        font-size: 40px;
        line-height: 60px;
    }
}
@media(max-height: 800px) {
    .menu_link {
        margin-bottom: 0;
    }
    .navbar-nav.block_auth {
        margin-bottom: 40px;
    }
    .block_logo {
        margin-top: 20px;
    }
    .block_logo img {
        margin-bottom: 13px;
        width: 130px;
    }
}
@media(max-width:1400px) {

    .module {
        height: 595px;
        background-size: auto 532px;
        width: 608px;
    }
    .module h3 {
        font-size: 48px;
    }
    .module0 {
        width: 148px;
        height: 148px;
    }
    .modul1, .modul2, .modul3,
    .modul4, .modul5, .modul6, .modul7 {
        background-size: 148px;
    }
    .modul1 {
        margin-left: -79px;
    }
    .modul2 {
        right: 29px;
        top: 80px;
    }
    .modul3 {
        right: -10px;
    }
    .modul4 {
        right: 101px;
    }
    .modul5 {
        left: 102px;
    }
    .modul6 {
        left: -10px;
    }
    .modul7 {
        top: 80px;
        left: 23px;
    }
    .panel {
        padding-left: 70px;
        width: 400px;
        height: 169px;
    }
    .panel p b {
        font-size: 18px;
        line-height: 22px;
    }
    .points {
        font-size: 30px;
        line-height: 30px;
        background-size: contain;
    }
    .modul1 .panel, .modul2 .panel, .modul3 .panel, .modul4 .panel {
        left: 74px;
        border-radius: 20px;
    }
    .modul5 .panel, .modul6 .panel, .modul7 .panel {
        padding: 5px 80px 0 35px;
        border-radius: 20px;
        top: 0;
        right: 74px;
    }
    .center_right h3, .center_left h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .center_left {
        background-size: 16%;
    }
    .center_right {
        background-size: 25%;
    }
    .right_info {
        margin-top: 105px;
        max-width: 400px;
    }
    .h2_big {
        background-size: contain;
        width: 70%;
        margin-top: -67px;
        padding: 31px 110px 32px 14%;
        font-size: 30px;
        line-height: 50px;
    }
    .bg {
        background-size: auto 100%;
    }
    main.text-center img {
        margin-top: 50px;
        margin-bottom: 35px;
        max-width: 220px;
    }
    main.text-center h2 {
        margin-bottom: 22px;
        font-size: 50px;
        line-height: 62px;
    }
    .admin-layout__main #app {
        min-width: 100%;
    }
    .admin-layout__main .container {
        max-width: 100%;
    }
    .menu_link, .about_link {
        width: 109px;
        height: 108px;
        background-size: cover;
    }
    .course_menu_item a {
        font-size: 25px;
        line-height: 25px;
    }
    .test_item .list-group-item p {
        font-size: 23px;
        line-height: 30px;
    }
}
@media (max-width: 1300px) {
    .card:last-child .card-header a {
        max-width: 100%;
        background-size:cover;
        font-size: 20px;
    }
    .card:last-child .card-header a:hover {
        background-size:cover;
    }
    .anketa {
        margin-left: 0!important;
        padding-left: 0!important;
        overflow: hidden;
    }
    .anketa input, .anketa select {
        max-width: 500px;
    }
}
@media(max-width:1280px) {
    .right_info {
        max-width: 350px;
    }
    .course_menu_item a {
        font-size: 20px;
        line-height: 20px;
    }
    .list-group-item a {
        font-size: 18px;
        line-height: 24px;
    }
}
@media(max-width:1100px) {
    .card:last-child .card-header a {
        height: 56px;
        line-height: 55px;
    }
    .card:last-child .card-header a:hover {
        background: url(../img/zoj/test.png) no-repeat 50% -57px;
        background-size: cover;
    }
}
.card {
    background:none;
}
.card-header a {
    background: none;
}
.admin-layout__wrapper .user-layout__main .col-7 {
    padding-top: 153px;
}
.admin-layout__wrapper .user-layout__main.bgblue .col-7 {
    padding-top: 34px;
}
.admin-layout__wrapper .user-layout__main .col-7 .blockwhite,
.admin-layout__wrapper .user-layout__main .col-7 .nav--custom{
    padding-left: 40px;
}
.admin-layout__wrapper .user-layout__main .col-7 .blockwhite {
    font-size: 18px;
    line-height: 21px;
    color: #302636;
    font-family: 'Roboto-Regular', sans-serif;
}
.admin-layout__wrapper .user-layout__main .col-7 .blockwhite ul {
    margin: 0 0 20px 30px;
}
.admin-layout__wrapper .user-layout__main .col-7 .blockwhite ul li {
    margin-bottom: 10px;
}
.menu_control {
    right: 20px;
    top: 20px;
}
.input-radio-container .checkmark, .input-checkbox-container .checkmark {
    background: url(../img/zoj/radio.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    top: -6px;
}
.input-radio-container.input-container--light input:checked ~ .checkmark, .input-checkbox-container.input-container--light input:checked ~ .checkmark {
    border: 0;
    box-shadow: none;
}
.input-radio-container .checkmark::after {
    background: #35C4FC;
}
.input-radio-container, .input-checkbox-container {
    padding-left: 49px;
}
.bgblue {
    background: url(../img/zoj/bgblue.png) #2DACD3 no-repeat 50% 50%;
    background-size: auto 100%;
    height: 100%;
}
.modal-custom .modal-dialog {
    margin-right: auto;
    max-width: 580px;
}
.modal-custom .modal-dialog .modal-content {
    height: auto;
    background: #43B4E0;
}
.modal.show .modal-dialog {
    top: 50%;
    margin-top: -160px;
}
.color_white {
    color: #fff;
}

.additionally {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat Bold', sans-serif;
}
.additionally:hover {
    color: #fff;
}
.contacts {
    color: #fff;
}
#contact-form .btn {
    background: url(../img/zoj/bgbut.png) no-repeat 50% 0px;
    width: 345px;
    height: 67px;
    font-size: 24px;
    font-family: 'Montserrat Bold', sans-serif;
}
#contact-form .btn:hover {
    background: url(../img/zoj/bgbut.png) no-repeat 50% -67px;
}
.user-layout__main .col-7 {
    flex: 0 0 64%;
    max-width: 64%;
}
.user-layout__main .col-1 {
    flex: 0 0 2%;
    max-width: 2%;
}
@media (max-width: 1300px) {
    .content.contacts {
        max-width: 1000px;
        margin: 0 auto;
    }
}