/***Базовые стили***/
@font-face {
  font-family: "Exo2";
  font-style: normal;
  font-display: swap;
  src: url("./Exo_2/Exo2-VariableFont_wght.ttf")
}
#page {
    background-color: #f4f4f4;
    font-family: Exo2;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
h1 {
    font-size: 35px;
    line-height: 40px;
}
.dropdown-toggle::after {
    content: none!important;
}
.dropdown-menu {
    position: unset!important;
}
nav#mobile-nav div.mm-panel ul {
    width: 100%;
}
#block-vesta-theme-versiyadlyaslabovidyaschikhfiksirovannyyblok {
    position: fixed;
    bottom: 150px;
    z-index: 999;
    right: 71px;
}

/***Блок "Государственные учреждения"***/
#block-block-state-agency-plates-on-main {
    margin-bottom: 30px;
}
#block-block-state-agency-plates-on-main .view-content {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.field--name-dynamic-token-fieldblock-content-agency-plate a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 3px 3px #0982e5;
    border-radius: 10px;
}
.field--name-dynamic-token-fieldblock-content-agency-plate a:hover {
    box-shadow: 0 0 3px 3px #ef811b;
}
.field--name-dynamic-token-fieldblock-content-agency-plate img {
    border-radius: 10px;
    height: 90px;
    object-fit: cover;
    width: 100%;
}

/***Шапка***/
.front #header {
    background-color: #fff;
    border-radius: 0 0 120px 120px;
    padding-bottom: 178px;
}
.front #header::before {
    content: url(../image/blue_back.png);
    position: absolute;
    right: 0;
}
.region.region-header > div {
    width: fit-content;
}
.front .header-block {
    margin: 30px 0 127px;
}
.not-front #header {
    background-color: #0982E5;
    padding: 10px 0;
    border-radius: 0 0 30px 30px;
}
.header-block .container {
    display: flex;
    justify-content: space-between;
}
.region-left-area {
    display: flex;
    column-gap: 38px;
}
.region-left-area > div, .region-right-area > div {
    width: fit-content;
    display: flex;
    align-items: center;
}
#superfish-main {
    display: flex;
}
#superfish-main li {
    padding-right: 30px;
}
#superfish-main li a {
    font-size: 18px;
    font-weight: 600; 
    line-height: normal;
    color: #323232;
    padding: 0;
}
.not-front #superfish-main > li > a {
    color: #fff;
}
#superfish-main li a:hover {
    text-decoration: none;
    color: #ef811b;
}
#superfish-main li a span {
    right: unset;
    left: calc(100% + 5px);
    opacity: 1;
    width: 24px;
    height: 24px;
}
#superfish-main li a span::after {
    content: url(../image/arrow_down.svg);
}
#block-vesta-theme-searchapipagesearchblockform {
    top: -5px;
}
.form-control.custom::placeholder, .form-control.custom {
    font-family: Exo2;
    font-size: 18px!important;
    font-weight: 600!important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #323232!important;
}
.form-control.custom {
    border-radius: 8px!important;
    border: 1px solid transparent!important;
}
.form-control.custom:focus {
    border: 1px solid #ef811b!important;
    box-shadow: 0 0 3px 1px #0982e5;
}
.form-control.custom::placeholder {
    opacity: 0.5;
}
.form-control.custom {
    height: fit-content!important;
    padding: 5px 3px!important;
}
#search-api-page-block-form-search .search-form__submit {
     display: none!important;
}
#search-api-page-block-form-search #edit-actions::before {
    content: none!important;
}
.region-right-area {
    display: flex;
    column-gap: 59px;
}
#block-vesta-theme-kontakty .field--name-body {
    display: flex;
    column-gap: 10px;
    align-items: center;
}
#block-vesta-theme-kontakty .field--name-body a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.44;
    color: #fff;
}
#block-vesta-theme-kontakty .field--name-body a.mail {
    text-decoration: underline;
}
#block-vesta-theme-kontakty .field--name-body a.phone {
    font-weight: bold;
}
#block-vesta-theme-kontakty .field--name-body a.mail:hover {
    color: #ef811b;
}
#account-userlogout a, #account-userpage a {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    padding: 0;
    display: flex;
}
#superfish-account {
    display: grid;
}
#superfish-account li {
    display: flex;
    justify-content: flex-end;
}
#superfish-account li a {
    width: fit-content;
}
#superfish-account li:first-child a::before {
    content: url(../image/user.svg);
    display: flex;
    margin-right: 13px;
}
#account-userlogout a:hover, #account-userpage a:hover, #block-vesta-theme-kontakty .field--name-body a.phone:hover {
    text-decoration: none;
    color: #ef811b;
}

/***Баннер***/
#block-banner-block-main .field--name-field-image img {
    transform: rotateZ(-357deg);
    border-radius: 48px; 
}
.field--name-field-header-h1 h1 {
    font-family: Exo2;
    font-size: 52px;
    font-weight: bold;
    line-height: 1.23;
    color: #323232;
    margin: 0;
}
.field--name-field-header-h1 h1 span {
    position: relative;
    z-index: 1;
    color: #fff;
}
.field--name-field-header-h1 h1 span::before {
    content: '';
    display: block;
    border-radius: 16px;
    background-color: #ef811b;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    bottom: -8px;
    z-index: -1;
    margin: 0 -14.7px 0 -12.3px;
    transform: rotateZ(-1deg);
}
#block-banner-block-main .field--name-body {
    opacity: 0.7;    
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    color: #323232;
    margin: 35px 0;
}
.btn-sign-up {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 60px;
    border-radius: 32px;
    background-color: #ef811b;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}
.btn-sign-up:hover {
    border-color: #fff;
    box-shadow: 0 0 3px 3px #ef811b;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

/***Блок "Преимущества" на главной***/
.benefits-block {
    margin: 100px 0 150px!important;
}
#block-benefits-block-on-main h2, #block-courses-block-on-main h2, #block-photogallery-block-on-main h2, 
#block-block-reviews-screens-on-main h2 {
    margin-bottom: 50px;
    font-family: Exo2;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.25;
    color: #323232;
}
#block-benefits-block-on-main .views-row-image img {
    width: 370px;
    height: 470px;
    object-fit: cover;
    border-radius: 40px;
    position: relative;
    z-index: 1;
}
#block-benefits-block-on-main .views-row:nth-child(2) {
    grid-area: row2;
}
#block-benefits-block-on-main .views-row:nth-child(3) {
    grid-area: row3;
}
#block-benefits-block-on-main .views-row:nth-child(4) {
    grid-area: row4;
}
#block-benefits-block-on-main .views-row-image {
    grid-area: image;
    position: relative;
}
#block-benefits-block-on-main .views-row-image::before {
    content: '';
    display: block;
    background-color: #ef811b;
    border-radius: 40px;
    height: 100%;
    width: 100%;
    position: absolute;
    transform: rotate(-5deg);
    right: 30px;
    top: 30px;
}
#block-benefits-block-on-main .views-row-btn {
    grid-area: btn;
    display: flex;
    height: 80px;
}
#block-benefits-block-on-main .views-row-btn .btn-sign-up {
    width: 100%;
    transform: rotate(3deg);
}
#block-benefits-block-on-main .views-row-btn .ajax-progress-throbber {
    display: none!important;
}
#block-benefits-block-on-main .view-content {
    display: grid;
    grid-template-areas: "image row2 row3"
                         "image row2 row3"
                         "image row2 row3"
                         "image row4 row3"
                         "image row4 row3"
                         "image row4 btn";
    grid-gap: 30px;
}
#block-benefits-block-on-main .views-row {
    min-width: 370px;
}
#block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .node--view-mode-teaser {
    background-color: #fff;
    padding: 63px 30px;
    border-radius: 32px;
}
#block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-node-title {
    font-size: 48px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    color: #323232;
    text-align: center;
    margin-bottom: 10px;
}
#block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-body {
    opacity: 0.7;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    text-align: center;
    color: #323232;
}

/***Блок "Курс" на главной***/
.courses-block {
    background-color: #fff;
    border-radius: 120px 120px 0 0;
    margin-bottom: 0!important;
    padding: 120px 0 60px;
}
.view-courses .group-left, .view-courses .group-right {
    background-color: #0982e5;
    width: fit-content;
}
.view-courses .group-left {
    padding: 70px;
    border-radius: 48px 24px 24px 48px;
    position: relative;
}
.view-courses .group-left::after {
    content: '';
    display: block;
    border-radius: 3px;
    width: 6px;
    background-image: url(../image/divider.svg);
    position: absolute;
    top: 35px;
    bottom: 35px;
    right: -3px;
    background-position-y: -18px;
}
.view-courses .group-right {
    padding: 65px 91.1px 70px 94px;
    border-radius: 24px 48px 48px 24px;
}
#block-courses-block-on-main .field--name-node-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.33;
    color: #fff;
    max-width: 338px;
}
#block-courses-block-on-main .field--name-field-type-course {
    margin: 20px 0 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #fff;
}
#block-courses-block-on-main .field--name-field-number-video-lessons, 
#block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate,
.user-current .field--name-field-number-video-lessons,
.user-current .field--name-dynamic-token-fieldnode-certificate{
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #000;
    width: fit-content;
    display: flex;
    align-items: center;
}
#block-courses-block-on-main .field--name-field-number-video-lessons::before,
#block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate::before,
.user-current .field--name-field-number-video-lessons::before,
.user-current .field--name-dynamic-token-fieldnode-certificate::before {
    display: flex;
    width: 28px;
    height: 28px;
    margin-right: 15px;
    background-size: cover;
}
#block-courses-block-on-main .field--name-field-number-video-lessons::before,
.user-current .field--name-field-number-video-lessons::before {
    content: '';
    background-image:url(../image/video_camera.png);
}
#block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate::before,
.user-current .field--name-dynamic-token-fieldnode-certificate::before {
    content: '';
    background-image: url(../image/docs.png);
}
#block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate {
    margin: 20px 0 30px;
}
#block-courses-block-on-main .field--name-body {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #fff;
    max-width: 543px;
    display: flex;
}
#block-courses-block-on-main .field--name-body::before {
    content: url(../image/star.svg);
    margin-right: 17px;
}
#block-courses-block-on-main .field--name-field-price-course {
    text-align: center;
    margin-bottom: 141px;
    position: relative;
}
#block-courses-block-on-main .field--name-field-price-course .field__label {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.33;
    color: #323232;
    padding: 5px 29.9px 4.8px 31px;
    transform: rotate(-1deg);
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 118.2px;
}
#block-courses-block-on-main .field--name-field-price-course .field__item {
    font-size: 64px;
    font-weight: bold;
    line-height: 1.19;
    color: #fff;
    position: relative;
}
#block-courses-block-on-main .field--name-field-price-course .field__item::after {
    content: '₽';
    margin-left: 15px;
}
#block-courses-block-on-main .field--name-field-price-course::after {
    content: 'За все обучение';
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
}
.field--name-field-registration-for-cours a {
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 60px;
    margin: 0 auto;
    border-radius: 32px;
    background-color: #ef811b;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}
.field--name-field-registration-for-cours a:hover, .view-photogallery .more-link a:hover {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
    box-shadow: 0 0 3px 3px #ef811b;
}

/***Блок "Фотогалерея" на главной***/
#cboxOverlay, .ui-widget-overlay {
    opacity: 0.35;
    background: #EF811B!important;
}
.photogallery-block {
    background-color: #fff;
    padding: 60px 0 60px;
    margin-bottom: 0!important;
    position: relative;
} 
.photogallery-block::before {
    content: url(../image/sun.jpg);
    position: absolute;
    bottom: 30px;
}
.view-photogallery .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.view-photogallery .views-row {
    width: calc(100% / 3 - 30px);
}
.view-photogallery img {
    border-radius: 32px;
    width: 100%;
    height: auto;
}
.view-photogallery .more-link a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
    background-color: #ef811b;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 198px;
    height: 60px;
    margin: 50px auto 0;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

/***Веб-форма на главной***/
.front .main {
    height: 0;
    margin-bottom: 0 !important;
}
.form-block {
    background-color: #fff;
    padding: 231px 0 255px;
    margin-bottom: 0!important;
    position: relative;
}
.form-block::after {
    content: '';
    display: block;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 50%;
}
.form-block .container {
    position: relative;
}
.form-block .container::after {
    content: url(../image/form-back.svg);
    position: absolute;
    right: -131px;;
    top: -186.2px;
}
.region-form {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
#block-contacts-web-form {
    margin-right: 132px;
    max-width: 470px;
}
#block-contacts-web-form .block-title {
    font-family: Exo2;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.25;
    color: #323232;
    margin-bottom: 0;
}
#block-contacts-web-form .block-title span {
transform: rotate(-1deg);
    border-radius: 12px;
    background-color: #ef811b;
    color: #fff;
    padding: 0 13px 9.2px;
    display: flex;
    width: fit-content;
}
.text-form {
    margin: 37.8px 0 30px;
    opacity: 0.7;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    color: #323232;
}
.contacts-form {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.mail-form {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #323232;
    width: fit-content;
}
.phone-form {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #323232;
    text-decoration: underline;
    width: fit-content;
}
.contacts-form a:hover {
    color: #ef811b;
    text-decoration: none;
}
#webform-submission-contact-node-2-add-form {
    display: flex;
    flex-wrap: wrap;
    max-width: 568px;

}
#webform-submission-contact-node-2-add-form > div {
    margin: 0;
}
#webform-submission-contact-node-2-add-form .form-control {
    border-radius: 16px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(252, 252, 252, 0.4);
    background-color: #f4f4f4;
    font-family: Exo2;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    color: #323232;
}
#webform-submission-contact-node-2-add-form .form-control::palceholder {
    opacity: 0.6;
}
#webform-submission-contact-node-2-add-form .form-control:focus {
    box-shadow: 0 0 3px 3px #ef811b;
}
#webform-submission-contact-node-2-add-form .form-item-name {
    margin-right: 20px;
}
#webform-submission-contact-node-2-add-form .form-item-name .form-control, 
#webform-submission-contact-node-2-add-form .form-item-phone .form-control {
    width: 274px;
    height: 60px;
    padding: 19px 20px;
}
#webform-submission-contact-node-2-add-form .form-item-message {
    margin-top: 20px;
}
#webform-submission-contact-node-2-add-form .form-item-message .form-control {
    width: 568px;
    height: 154px;
    resize: none;
    padding: 66px 20px 19px;
}
#webform-submission-contact-node-2-add-form #edit-according {
    margin: 26px 0; 
    text-align: right;
    width: 100%;  
}
#webform-submission-contact-node-2-add-form #edit-according, #webform-submission-contact-node-2-add-form #edit-according a {
    font-family: Exo2;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #323232;
}
#webform-submission-contact-node-2-add-form .form-actions {
    margin-left: auto;
}
#webform-submission-contact-node-2-add-form .btn-primary {
    background-color: #ef811b;
    border-color: #ef811b;
    transition: all 0.2s ease;
}
#webform-submission-contact-node-2-add-form .btn-primary:focus,
#webform-submission-contact-node-2-add-form .btn-primary:hover {
    border-color: #fff;
    box-shadow: 0 0 3px 3px #ef811b;
}
#webform-submission-contact-node-2-add-form .btn {
    border-radius: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 198px;
    height: 60px;
    font-family: Exo2;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}

/***Подвал***/
.footer {
    background-color: #f3f3f5!important;
    border-radius: 120px 120px 0 0;
    position: relative;
    z-index: 1;
    padding: 100px 0 54px;
}
.footer-text a {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    color: #000;
}
.footer-text a:hover {
    text-decoration: none;
    color: #ef811b;
}
.rights {
    margin: 30px 0 9px;
}
.rights, .privacy a {
    opacity: 0.7;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    color: #323232;
}
.privacy a {
    text-decoration: underline;
}
.privacy a:hover {
    color: #ef811b;
}
#superfish-main--2, .user-current #superfish-main, .page-course #superfish-main {
    display: flex;
    flex-direction: column;
    row-gap: 38px;
}
#superfish-main--2 li, .user-current #superfish-main li, .page-course #superfish-main li {
    background: transparent!important;
}
#superfish-main--2 li a, .user-current #superfish-main li a, .page-course #superfish-main li a {
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: normal!important;
    color: #323232!important;
    padding: 0!important;
}
#superfish-main--2 li a:hover, .user-current #superfish-main li a:hover, .page-course #superfish-main li a:hover {
    color: #ef811b!important;
}
#block-contacts-footer .field--name-body {
    display: flex;
    flex-direction: column;
    text-align: right;
}
a.phone-footer {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #323232;
}
a.mail-footer {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #323232;
    margin: 10px 0 20px;
    text-decoration: underline;
}
a.phone-footer:hover, a.mail-footer:hover, a.vesta:hover {
    color: #ef811b;
    text-decoration: none;
}
#block-contacts-footer .btn-sign-up {
    width: 218px;
}
.copyrights-block {
    background-color: #f3f3f5 !important;
    position: relative;
    padding: 0 0 20px;
}
#block-web-studio-link .field--name-body {
    text-align: center;
}
a.vesta {
    opacity: 0.7;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    color: #323232;
}

/***Страница входа в ЛК****/
.user-login #block-vesta-theme-tabs, .user-login #block-vesta-theme-strokanavigacii,
.user-register #block-vesta-theme-tabs, .user-register #block-vesta-theme-strokanavigacii,
.user-edit #block-vesta-theme-tabs, .user-edit #block-vesta-theme-strokanavigacii {
    display: none;
}
.user-login a.to-front, .user-register a.to-front, .header-user-page a.to-front {
    margin: 20px 0 0 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    border-radius: 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #323232;
}
.user-login #user-login-form, .user-register #user-register-form, .user-edit .user-form {
    background-color: #fff;
    padding: 50px;
    max-width: 570px;
    margin: 0 auto;
    border-radius: 32px;
}
.user-login #user-login-form > div, .user-register #user-register-form > div,
.user-register #user-register-form #edit-pass > div {
    margin: 0;
    position: relative;
    overflow: unset;
}
.user-login #user-login-form > div:not(:first-child, :last-child) {
    margin-bottom: 30px;
}
.user-login #block-vesta-theme-content {
    margin-top: 195px;
}
.user-login #block-vesta-theme-page-title {
    margin-bottom: 30px;
}
.user-login #block-vesta-theme-page-title h1, .user-register #block-vesta-theme-page-title h1,
.user-edit #block-vesta-theme-page-title h1 {
    font-family: Exo2;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #323232;
    margin-bottom: 0;
}
.user-login #user-login-form .form-control, .user-register #user-register-form .form-control,
.user-edit #user-form .form-control {
    height: 60px;
    padding: 16px 20px;
    border-radius: 16px;
    border: solid 1px rgba(252, 252, 252, 0.4);
    background-color: #f4f4f4;
} 
.user-login #user-login-form .form-control:focus,
.user-register #user-register-form .form-control:focus,
.user-edit #user-form .form-control:focus {
    box-shadow: 0 0 3px 3px #ef811b;
}
.user-login .form-item-name label, .user-login .form-item-pass label,
.user-register #user-register-form label, .user-edit #user-form label {
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #323232;
    margin-bottom: 10px;
    padding-left: 20px;
}
.user-login #user-login-form > div label::after,
.user-register #user-register-form label::after,
.user-edit #user-form label::after {
    display: none;
}
.user-login .shwpd {
    float: unset;
    position: relative;
    z-index: 2;
    margin: 0;
    position: absolute;
    top: 55px;
    right: 20px;
    cursor: pointer;
}
.upper-form-block {
    display: flex;
    justify-content: space-between;
}
.user-login .js-form-item-persistent-login {
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 30px;
}
.user-login .js-form-item-persistent-login label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #323232;
}
.user-login .js-form-item-persistent-login input {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: solid 2px #dcdcdc;
    margin-right: 10px;
}
.user-login #edit-persistent-login {
    display: none;
}
.check-elem {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: solid 2px #dcdcdc;
    position: absolute;
    left: 0;
    top: 3px;
    cursor: pointer;
}
.check-elem::before {
    content: '';
    display: block;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: transparent;
    width: 7px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
}
.user-login #edit-persistent-login:checked ~ .check-elem::before {
    border-color: #ef811b;
}
.registration-link a {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #323232;
    text-decoration: underline;
}
.registration-link a:hover {
    color: #ef811b;
}
.user-login .btn-primary, .user-register .btn-primary, .user-edit .btn-primary {
    display: flex;
    justify-content: center;
    align-items: centers;
    width: 100%;
    height: 60px;
    border-radius: 32px;
    background-color: #ef811b;
    border-color: transparent;
    font-family: Exo2;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
    transition: all 0.2s ease;
}
.user-login .btn-primary:focus, .user-login .btn-primary:hover, .user-login .btn-primary:active
.user-register .btn-primary:focus, .user-register .btn-primary:hover, .btn-primary:active, 
.user-edit .btn-primary:hover, .user-edit .btn-primary:focus, .user-edit .btn-primary:active {
    background-color: #ef811b!important;
    border-color: #fff!important;
    box-shadow: 0 0 3px 3px #ef811b!important;
}
.bottom-form-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 63px; 
}
.bottom-form-block::before, .bottom-form-block::after {
    content: '';
    display: block;
    width: 48px;
    height: 1px;
    background-color: #dfdfdf;
    position: absolute;
    top: 11px;
}
.bottom-form-block::before {
    right: 0;
}
.bottom-form-block::after {
    left: 0;
} 
.question {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    color: #323232;
}
.password-recovery-link a, .enter-link a {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    color: #ef811b;
    text-decoration: underline;
}
.password-recovery-link a:hover, .enter-link a:hover {
    color: #323232;
}

/***Страница регистрации***/
#user-register-form > div > div {
    margin: 0;
}
#user-register-form > div {
    width: 100%;
}
#user-register-form > div:not(#edit-actions, .privacy-register, .bottom-form-block),
#user-register-form #edit-pass > div:first-child {
    margin-bottom: 30px;
}
#user-register-form {
    display: flex;
    flex-wrap: wrap;
}
#user-register-form #block-vesta-theme-page-title {
    order: 1;
}
#user-register-form #edit-field-surname-wrapper {
    order: 2;
}
#user-register-form .form-item-name {
    order: 3;
}
#user-register-form #edit-field-father-name-wrapper {
    order: 4;
}
#user-register-form .form-item-mail {
    order: 5;
}
#user-register-form #edit-field-phone-number-wrapper {
    order: 6;
}
#user-register-form #edit-account {
    order: 7;
}
#user-register-form #edit-actions {
    order: 8;
}
#user-register-form .privacy-register {
    order: 9;
}
#user-register-form .bottom-form-block {
    order: 10;
}
#user-register-form .description, #user-register-form .password-confirm-message {
    display: none;
}
#user-register-form .privacy-register {
    margin: 20px 0 30px!important;
}
#user-register-form .privacy-register, .privacy-register a {
    opacity: 0.6;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    color: #323232;
}
#user-register-form .privacy-register a {
    text-decoration: underline;
}
#user-register-form .privacy-register a:hover {
    opacity: 1;
    color: #323232;
}
#user-register-form .bottom-form-block {
    padding: 0 124px;
    justify-content: center; 
}
#user-register-form .bottom-form-block::before, #user-register-form .bottom-form-block::after {
    width: 109px;
}
#user-register-form .question {
    margin-right: 5px;
}

/***Страница "Мое обучение" (страница ЛК)***/
.user-current #block-vesta-theme-tabs, .user-current #block-vesta-theme-strokanavigacii {
    display: none;
}
.header-user-page {
    margin: 20px 20px 40px!important;
    display: flex;
    justify-content: space-between;
}
.header-user-page a.to-front {
    margin: 0;
}
.right-block {
    display: flex;
    align-items: center;
}
a.tg-link {
    margin-right: 20px;
}
a.my-education {
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 206px;
    height: 40px;
    border-radius: 32px;
    border: solid 2px #ef811b;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #ef811b;
}
a.my-education:hover {
    color: #fff;
    background-color: #ef811b;
    box-shadow: 0 0 3px 3px #ef811b;
    border-color: #fff;
    text-decoration: none;
}
.icon-account {
    cursor: pointer;
}
.block-links {
    display: none;
}
.block-links.visible-elem {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    flex-wrap: wrap;
    top: 70px;
    right: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
    z-index: 1; 
}
a.data-link, a.logout-link {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    display: flex;
    align-items: center;
}
a.data-link {
    color: #323232;
    margin-bottom: 20px;
}
a.logout-link {
    color: #e02c2c;
}
a.data-link:hover, a.logout-link:hover {
    color: #ef811b;
}
a.data-link::before {
    content: url(../image/user-ic.svg);
}
a.logout-link::before {
    content: url(../image/logout.svg);
}
a.data-link::before, a.logout-link::before {
    margin-right: 10px;
    display: flex;
}
.user-current #block-vesta-theme-page-title {
    display: none;
}
.footer {
    border-top: solid 1px #dfdfdf;
    margin-bottom: 0!important;
}
.user-current .main {
    margin-bottom: 255px;
}
.user-current #block-block-courses-block-1 h2 {
    font-family: Exo2;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3;
    color: #323232;
    margin-bottom: 40px;
}
.user-current #block-block-courses-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.user-current #block-block-courses-block-1 .view-content > div {
    width: 100%;
}
.user-current #block-block-courses-block-1 .node--view-mode-token {
    background-color: #fff;
    padding: 60px;
    border-radius: 32px;
}
.user-current #block-block-courses-block-1 .field--name-node-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #323232;
}
.user-current #block-block-courses-block-1 .field--name-field-type-course {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #323232;
    margin: 10px 0 30px;
}
.bottom-block-token {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left-area {
    display: flex;
}
.user-current .field--name-field-number-video-lessons,
.user-current .field--name-dynamic-token-fieldnode-certificate {
    background-color: #f4f4f4;
}
.user-current .field--name-field-number-video-lessons {
    margin-right: 20px;
}
.user-current .field--name-node-link a {
    width: 190px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background-color: #ef811b;
    border: 1px solid #ef811b;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
}
.user-current .field--name-node-link a:hover {
    text-decoration: none;
    border-color: #fff;
    box-shadow: 0 0 3px 3px #ef811b;
}

/***Страница курса***/
.field--name-field-video-lessons .field--name-field-name-lesson {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 51.5px;
    border-radius: 32px;
    background-color: #ef811b;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #fff;
    border: 1px solid #ef811b;
}
.field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.29;
    color: #323232;
    position: absolute;
    bottom: calc(100% + 30px);
    left: 0;
}
.field--name-field-video-lessons .field--name-field-name-lesson:hover {
    border-color: #fff;
    box-shadow: 0 0 3px 3px #ef811b;
}
.field--name-field-video-lessons .field__item:not(:first-child) .field--name-field-media-video-file,
.field--name-field-video-lessons .field__item:not(:first-child) .field--name-dynamic-token-fieldmedia-additional-field-name {
    display: none;
}
.field--name-field-video-lessons {
    display: flex;
    column-gap: 15px;
    row-gap: 15px;
    margin-top: 676px;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}
.field--name-field-video-lessons > div {
    flex-grow: 1;
}
.field--name-field-video-lessons > div:nth-child(-n+4) {
    margin-top: 47px;
}
.field--name-field-video-lessons .contextual-region {
    position: unset;
}
.field--name-field-video-lessons .field--name-field-media-video-file {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100%;
}
.field--name-field-video-lessons .field--name-field-media-video-file video {
    cursor: pointer;
    border-radius: 32px;
    max-height: 550px;
    width: 100%;
    object-fit: cover;
}
.page-course #block-vesta-theme-strokanavigacii, .page-course #block-vesta-theme-knopkaskrollanaverkh {
    display: none;
}
.page-course #block-vesta-theme-page-title h1 {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3;
    color: #323232;
    margin-bottom: 0;
    position: relative;
}
.page-course #block-vesta-theme-page-title h1::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dfdfdf;
    position: absolute;
    top: calc(100% + 29px);
}

/***Страница настройки учетных данных***/
.user-edit #block-vesta-theme-knopkaskrollanaverkh {
    display: none;
}
.user-edit .main {
    margin-bottom: 100px;
}
.user-edit #user-form > div > div {
    margin: 0;
}
.user-edit #user-form > div:not(#edit-actions) {
    margin: 0 0 30px;
}
.user-edit #user-form #edit-actions {
    margin: 0;
}
.user-edit #user-form > div {
    width: 100%;
}
.user-edit #user-form > div .description {
    display: none;
}
.user-edit #user-form {
    display: flex;
    flex-wrap: wrap;
}
.user-edit #user-form #block-vesta-theme-page-title {
    order: 1;
}
.user-edit #user-form #edit-field-surname-wrapper {
    order: 2;
}
.user-edit #user-form #edit-display-name-wrapper {
    order: 3;
}
.user-edit #user-form #edit-field-father-name-wrapper {
    order: 4;
}
.user-edit #user-form #edit-account {
    order: 5;
}
.user-edit #user-form #edit-field-phone-number-wrapper {
    order: 6;
}
.user-edit #user-form .form-item-current-pass {
    order: 7;
}
.user-edit #user-form #edit-actions {
    order: 8;
}

/***Слайдер отзывов на главной***/
.slider-block {
    background-color: #fff;
    margin-bottom: 0!important;
    padding: 70px 0;
}
#block-block-reviews-screens-on-main .view-content {
    background-color: #0982e5;
    border-radius: 48px;
    padding: 50px 10px;
}
#block-block-reviews-screens-on-main .slick-list {
    border-radius: 12px;
}
#block-block-reviews-screens-on-main .slick-slide {
    margin: 0 5px;
    border-radius: 12px;
    background-color: #fff;
    padding: 10px;
    min-height: 195px;
    display: flex;
    align-items: center;
}
#block-block-reviews-screens-on-main .slick-slide > div {
    display: flex;
}
#block-block-reviews-screens-on-main .slick-slide img {
    border-radius: 12px;
}
#block-block-reviews-screens-on-main .slick-track {
    display: flex;
    align-items: center;
}
#block-block-reviews-screens-on-main .slick-prev {
    left: -65px;
}
#block-block-reviews-screens-on-main .slick-next {
    right: -65px;
}
#block-block-reviews-screens-on-main .slick-arrow:hover::before {
  color: #0982e5;
}
.details-footer {
    text-align: left;
    font-size: 14px;
    margin-top: 15px;
    font-weight: bold; 
}


/*********************************************Адаптивные стили*************************************************/
@media screen and (max-width: 1200px) {
    /***Шапка***/
    .front .header-block {
        margin: 15px 0 50px;
    }
    .region-right-area {
        column-gap: 10px;
    }
    #block-vesta-theme-versiyadlyaslabovidyaschikhfiksirovannyyblok {
        right: 23px;
        bottom: 80px;
    }

    /***Баннер***/
    .front #header::before {
        content: none;
    }
    .front #header {
        background-color: #0982e5;
        padding-bottom: 100px;
    }
    .field--name-field-header-h1 h1 {
        font-size: 48px;
    }
    .field--name-field-header-h1 h1 span::before {
        margin: 0 -6px;
    }

    /***Блок "Преимущества" на главной***/
    .benefits-block {
        margin: 50px 0 120px !important;
    }
    #block-benefits-block-on-main h2, #block-courses-block-on-main h2, #block-photogallery-block-on-main h2,
    #block-block-reviews-screens-on-main h2 {
        margin-bottom: 25px;
        font-size: 44px;
    }
    #block-benefits-block-on-main .views-row {
        min-width: auto;
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-node-title {
        font-size: 35px;
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .node--view-mode-teaser {
        padding: 48px 15px;
    }
    #block-benefits-block-on-main .view-content {
        grid-gap: 10px;
    }
    #block-benefits-block-on-main .views-row-image img {
        width: 280px;
        height: auto;
    }
    #block-benefits-block-on-main .views-row-image::before {
        transform: rotate(0deg);
        right: 0;
        top: 0;
        box-shadow: 0 0 3px 1px #ef811b;
    }

    /***Блок "Курс" на главной***/
    .courses-block {
        border-radius: 46px 45px 0 0;
        padding: 20px 0 30px;
    }
    .view-courses .group-left, .view-courses .group-right {
        padding: 30px;
    }
    #block-courses-block-on-main .field--name-field-price-course .field__item {
        font-size: 42px;
    }
    #block-courses-block-on-main .field--name-node-title {
        font-size: 30px;
    }
    #block-courses-block-on-main .field--name-field-type-course {
        margin: 20px 0 20px;
    }
    #block-courses-block-on-main .field--name-field-price-course .field__label {
        font-size: 32px;
    }

    /***Блок "Фотогалерея" на главной***/
    .photogallery-block {
        padding: 30px 0 30px;
    }
    .photogallery-block::before {
        content: none;
    }
    .view-photogallery .more-link a {
        margin: 25px auto 0;
    }

    /***Веб-форма на главной***/
    .form-block {
        padding: 186px 0 145px;
    }
    #block-contacts-web-form .block-title {
        font-size: 30px;
    }
    .form-block .container::after {
        right: 0;
    }
    #block-contacts-web-form {
        margin-right: 90px;
        max-width: 280px;
    }
    .mail-form {
        font-size: 26px;
    }

    #scrollToTop {
        bottom: 40px!important;
        right: 15px!important; 
        width: 45px!important;
        height: 45px!important;
    }

    /***Подвал***/
    .footer {
        border-radius: 60px 60px 0 0;
        padding: 40px 0 25px;  
    }
    a.phone-footer {
        font-size: 22px;
    }
    #superfish-main--2 {
        row-gap: 30px;
    }

    /***Страница входа в ЛК****/
    .user-login #block-vesta-theme-content {
        margin-top: 70px;
    }

    /***Страница "Мое обучение" (страница ЛК)***/
    .header-user-page {
        margin: 20px 20px 20px !important;
    }
    .user-current .main, .user-edit .main {
        margin-bottom: 50px;
    }

    /***Страница курса***/
    .page-course #block-vesta-theme-page-title h1::after {
        top: calc(100% + 10px);
    }
    .field--name-field-video-lessons {
        margin-top: 600px;
    }
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        bottom: calc(100% + 10px);
    }
    .field--name-field-video-lessons > div:nth-child(-n+4) {
        margin-top: 0;
    }
    .field--name-field-video-lessons > div:nth-child(-n+4) {
        margin-top: 20px;
    }

    /***Слайдер отзывов на главной***/
    #block-block-reviews-screens-on-main .slick-prev {
        left: 0;
    }
    #block-block-reviews-screens-on-main .slick-next {
        right: 0;
    }
    #block-block-reviews-screens-on-main .slick__arrow {
        top: -10%;
    }
    #block-block-reviews-screens-on-main .view-content {
        border-radius: 24px;
    }
    #block-block-reviews-screens-on-main .slick-arrow:hover::before {
        color: #fff;
    }
}

@media screen and (max-width: 991px) {
    /***Шапка***/
    #block-vesta-theme-searchapipagesearchblockform {
        display: none;
    }
    .header-block {
        display: none;
    }
    #block-vesta-theme-kontakty .field--name-body a {
       font-size: 16px; 
    }

    /***Баннер***/
    .field--name-field-header-h1 h1 {
        font-size: 38px;
    }
    #block-banner-block-main .field--name-body {
        opacity: 1;
        font-size: 16px;
        margin: 10px 0;
    }
    #block-banner-block-main .field--name-body br {
        display: none;
    }
    .front #header {
        padding-bottom: 50px;
        border-radius: 0 0 60px 60px;
    }

    /***Блок "Преимущества" на главной***/
    #block-benefits-block-on-main .view-content {
        grid-template-areas: 'row2 row4'
                             'image row3'
                             'image btn';
    }
    #block-benefits-block-on-main .views-row-image img {
        width: 268px;
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .node--view-mode-teaser {
        padding: 25px 15px;
    }
    #block-benefits-block-on-main .views-row-image img {
        width: 100%;
        height: 295px;
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-node-title {
        font-size: 30px;
    }
    #block-benefits-block-on-main .views-row-btn {
        height: auto;
    }
    .benefits-block {
        margin: 50px 0 50px !important;
    }
    #block-benefits-block-on-main h2, #block-courses-block-on-main h2, #block-photogallery-block-on-main h2,
    #block-block-reviews-screens-on-main h2 {
        font-size: 34px;
        margin-bottom: 15px;
    }

    /***Блок "Курс" на главной***/
    #block-courses-block-on-main .field--name-body {
        max-width: 365px;
    }
    #block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate {
        margin: 12px 0 20px;
    }
    #block-courses-block-on-main .field--name-field-type-course {
        margin: 16px 0 18px;
    }
    .view-courses .group-left::after {
        top: -20px;
    }

    /***Блок "Фотогалерея" на главной***/
    .view-photogallery .view-content {
        gap: 15px;
    }
    .view-photogallery .views-row {
        width: calc(100% / 2 - 15px);
    }

    /***Веб-форма на главной***/
    .form-block {
        padding: 35px 0 30px;
    }
    .region-form {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    #block-contacts-web-form {
        margin-right: 0;
        max-width: 100%;
    }
    .form-block .container::after {
        content: none;
    }
    #block-vesta-theme-vebforma {
        background-color: #0982e5;
        padding: 30px;
        border-radius: 24px;
        width: 100%;
    }
    .text-form {
        margin: 10px 0 10px;
    }
    #webform-submission-contact-node-2-add-form {
        max-width: 100%;
    }
    #webform-submission-contact-node-2-add-form > div,
    #webform-submission-contact-node-2-add-form .form-item-name .form-control, 
    #webform-submission-contact-node-2-add-form .form-item-phone .form-control {
        width: 100%;
    }
    #webform-submission-contact-node-2-add-form .form-item-message .form-control {
        width: 100%;
        height: 130px;
        padding: 40px 20px 15px;
    }
    #webform-submission-contact-node-2-add-form .form-item-name {
        margin-right: 0;
        margin-bottom: 20px;
    }
    #webform-submission-contact-node-2-add-form #edit-according {
        margin: 15px 0;
        text-align: left;
    }

    /***Страница "Мое обучение" (страница ЛК)***/
    .user-current #block-block-courses-block-1 h2 {
        margin-bottom: 20px;
        font-size: 36px;
    }
    .user-current #block-block-courses-block-1 .node--view-mode-token {
        padding: 15px;
    }
    .user-current .field--name-field-number-video-lessons, .user-current .field--name-dynamic-token-fieldnode-certificate {
        padding: 10px 15px;
        border-radius: 16px;
        font-size: 16px;
    }
    .user-current .field--name-node-link a {
        width: 160px;
        height: 45px;
        font-size: 16px;
    }

    /***Страница курса***/
    .page-course #block-vesta-theme-page-title h1 {
        font-size: 36px;
    }
    .field--name-field-video-lessons {
        margin-top: 460px;
    }
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        bottom: 100%;
    }
    .field--name-field-video-lessons .field--name-field-name-lesson {
        height: 45px;
        padding: 0 25px;
    }

    /***Слайдер отзывов на главной***/
    .slider-block {
        padding: 35px 0;
    }
    #superfish-main li a {
        font-size: 15px;
    }
    div#page {
        padding-top: 100px;
    }
    /***Шапка***/
    .not-front #header {
        background-color: none;
        padding: 0;
    }
    #block-enter-the-site-mobile {
        width: fit-content;
    }
    #block-enter-the-site-mobile > ul:last-child {
        display: grid!important;
    }
    #block-enter-the-site-mobile .sf-accordion-toggle {
        display: none;
    }
    #block-enter-the-site-mobile > ul:last-child li a {
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        color: #fff;
        padding: 0;
        display: flex;
    }
    #block-enter-the-site-mobile > ul:last-child li a:hover {
        text-decoration: none;
        color: #ef811b;
    }
    #block-conatacts-header-mobile .field--name-body {
        display: flex;
        flex-direction: column;
    }
    #block-conatacts-header-mobile .field--name-body a {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.44;
        color: #fff;
    }
}

@media screen and (max-width: 768px) {
    div#page {
        padding-top: 25px;
    }
    /***Баннер***/
    .node--view-mode-teaser {
        display: flex;
        flex-wrap: wrap;
    }
    .node--view-mode-teaser > div {
        width: 100%!important;
    }
    .node--view-mode-teaser .group-left {
        margin-bottom: 30px;
    }
    #block-banner-block-main .field--name-field-image img {
        max-height: 250px;
        object-fit: cover;
    }
    .btn-sign-up {
        width: 210px;
        height: 45px;
    }

    /***Блок "Преимущества" на главной***/
    #block-benefits-block-on-main .views-row {
        height: fit-content;
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-body {
        font-size: 16px;
    }

    /***Блок "Курс" на главной***/
    .view-courses .group-left::after {
        content: none;
    }
    .view-courses .group-left, .view-courses .group-right {
        border-radius: 48px;
    }
    #block-courses-block-on-main .field--name-field-price-course {
        margin-bottom: 40px;
    }
    #block-courses-block-on-main .field--name-field-price-course .field__label {
        margin-bottom: 20px;
    }
    .view-courses .node--view-mode-teaser .group-left {
        margin-bottom: 10px;
    }
    .field--name-field-registration-for-cours a {
        width: 200px;
        height: 45px;
    }

    /***Блок "Фотогалерея" на главной***/
    .view-photogallery .more-link a {
        width: 170px;
        height: 45px;
    }

    /***Веб-форма на главной***/
    #webform-submission-contact-node-2-add-form .btn {
        width: 170px;
        height: 45px;
        margin: 0 auto;
    }

    /***Подвал***/
    #superfish-main--2 li a {
        font-size: 16px !important;
    }
    #superfish-main--2 {
        row-gap: 20px;
    }
    .footer-text a {
        font-size: 18px;
    }
    .rights, .privacy a, a.phone-footer, a.mail-footer {
        font-size: 16px;
    }
    .region-footer {
        gap: 15px!important;
    }
    #block-contacts-footer .btn-sign-up {
        width: 165px;
    }

    /***Страница входа в ЛК****/
    .user-login #block-vesta-theme-content {
        margin-top: 30px;
    }

    /***Страница "Мое обучение" (страница ЛК)***/
    .bottom-block-token {
        align-items: flex-end;
    }
    .left-area {
        flex-direction: column;
        row-gap: 10px;
    }

    /***Страница курса***/
    .page-course #block-vesta-theme-page-title h1 {
        font-size: 30px;
    }
    .field--name-field-video-lessons {
        margin-top: 355px;
    }
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        font-size: 26px;
    }
    .field--name-field-video-lessons {
        flex-wrap: wrap;
    }
    .field--name-field-video-lessons > div {
        width: calc(100% / 3 - 15px);
    }
    .field--name-field-video-lessons .field--name-field-name-lesson {
        width: 100%;
        padding: 0 15px;
    }
    .field--name-field-video-lessons > div:nth-child(-n+4) {
        margin-top: 0;
    }
    .field--name-field-video-lessons > div:nth-child(-n+3) {
        margin-top: 20px;
    }

    /***Слайдер отзывов на главной***/
    #block-block-reviews-screens-on-main .view-content {
        padding: 50px 10px;
    }
    #block-block-reviews-screens-on-main .slick__arrow {
        top: -20px;
    }
    #block-block-reviews-screens-on-main .slick-slide {
        min-height: auto;
    }
}

@media screen and (max-width:576px) {
    /***Блок "Преимущества" на главной***/
    #block-benefits-block-on-main .view-content {
        grid-template-areas: 'image'
                             'row2'
                             'row4'
                             'row3'
                             'btn';
    }
    #block-benefits-block-on-main .views-row-image img {
        height: 265px;
    }
    #block-benefits-block-on-main .views-row-btn .btn-sign-up {
        transform: rotate(1deg);
    }
    #block-benefits-block-on-main .views-row:not(.views-row-image, .views-row-btn) .field--name-node-title {
        font-size: 28px;
    }

    /***Блок "Фотогалерея" на главной***/
    .view-photogallery img {
        border-radius: 16px;
    }

    /***Подвал***/
    #block-vesta-theme-osnovnayanavigaciya-3 {
        display: none;
    }

    /***Страница входа в ЛК страница регистрации****/
    .user-login #user-login-form, .user-register #user-register-form,
    .user-edit #user-form {
        padding: 20px;
        max-width: 100%;
        border-radius: 16px;
    }
    .bottom-form-block, #user-register-form .bottom-form-block {
        padding: 0 30px;
    }
    .bottom-form-block::before, .bottom-form-block::after {
        width: 20px;
    }
    #user-register-form .bottom-form-block::before, #user-register-form .bottom-form-block::after {
        width: 60px;
    }
    .question, .password-recovery-link a {
        font-size: 16px;
    }
    .user-login #user-login-form .form-control, .user-register #user-register-form .form-control,
    .user-edit #user-form .form-control {
        height: 45px;
        padding: 5px 20px;
    }
    .user-login .shwpd {
        top: 45px;
    }
    .user-login #user-login-form > div:not(:first-child, :last-child),
    #user-register-form > div:not(#edit-actions, .privacy-register, .bottom-form-block), 
    #user-register-form #edit-pass > div:first-child,
    .user-edit #user-form > div:not(#edit-actions) {
        margin-bottom: 15px;
    }
    .user-login .btn-primary, .user-register .btn-primary, .user-edit .btn-primary {
        height: 45px;
    }
    .user-edit #user-form .form-item-current-pass input::placeholder {
        font-size: 12px;
    }

    /***Страница "Мое обучение" (страница ЛК)***/
    .bottom-block-token {
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 10px;
    }
    .user-current #block-block-courses-block-1 .field--name-field-type-course {
        margin: 10px 0 15px;
    }
    .user-current #block-block-courses-block-1 .field--name-node-title {
        font-size: 26px;
    }
    .header-user-page a.to-front {
        width: 120px;
        border-radius: 16px;
        font-size: 16px;
    }
    .right-block a.my-education {
        width: 135px;
        border-radius: 16px;
        font-size: 16px;
        margin-right: 10px;
    }
    .block-links.visible-elem {
        padding: 10px;
    }
    a.data-link {
        margin-bottom: 10px;
    }
    a.data-link, a.logout-link {
        font-size: 16px;
    }
    .user-current #block-block-courses-block-1 h2 {
        font-size: 32px;
    }
    .user-current #block-block-courses-block-1 .field--name-node-title {
        font-size: 24px;
    }

    /***Страница курса***/ 
    .page-course #block-vesta-theme-page-title h1 {
        font-size: 26px;
    }
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        font-size: 24px;
    }
    .field--name-field-video-lessons {
        margin-top: 280px;
    }
    .field--name-field-video-lessons > div {
        width: calc(100% / 2 - 15px);
    }
    .field--name-field-video-lessons > div:nth-child(-n+3) {
        margin-top: 0;
    }
    .field--name-field-video-lessons > div:nth-child(-n+2) {
        margin-top: 20px;
    }
}

@media screen and (max-width: 450px) {
    /***Баннер***/
    .field--name-field-header-h1 h1 {
        font-size: 36px;
    }
    #block-banner-block-main .field--name-field-image img {
        max-height: 200px;
    }

    /***Блок "Курс" на главной***/
    #block-courses-block-on-main .field--name-field-number-video-lessons, 
    #block-courses-block-on-main .field--name-dynamic-token-fieldnode-certificate {
        font-size: 14px;
    }

    /***Веб-форма на главной***/
    #webform-submission-contact-node-2-add-form .form-item-name .form-control, 
    #webform-submission-contact-node-2-add-form .form-item-phone .form-control {
        height: 45px;
        padding: 10px 20px;
    }
    #webform-submission-contact-node-2-add-form .form-item-message .form-control {
        height: 110px;
        padding: 20px 20px 15px;
    }
    #block-vesta-theme-vebforma {
        padding: 15px;
    }
    .mail-form {
        font-size: 22px;
    }
}

@media screen and (max-width: 440px) {
    /***Подвал***/
    .rights {
        margin: 15px 0 10px;
    }
    #block-contacts-footer .field--name-body {
        text-align: left;
    }
    .footer {
        border-radius: 30px 30px 0 0;
        padding: 20px 0 15px; 
    }

    /***Страница входа в ЛК****/
    .user-login #block-vesta-theme-page-title h1 {
        font-size: 24px;
    }
    .user-login a.to-front {
        margin: 10px 0 0 20px;
        width: 140px;
        height: 35px;
        border-radius: 16px;
        font-size: 16px;
    }
    .bottom-form-block {
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom-form-block::before, .bottom-form-block::after {
        width: 50px;
    }

    /***Страница курса***/
    .page-course #block-vesta-theme-page-title h1 {
        font-size: 24px;
    }
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        font-size: 20px;
        bottom: 270px;
    }
    .field--name-field-video-lessons {
        margin-top: 260px;
    }
    .field--name-field-video-lessons .field--name-field-name-lesson {
        height: 35px;
        padding: 0 10px;
        font-size: 13px;
    }

}

@media screen and (max-width: 400px) {
    /***Страница "Мое обучение" (страница ЛК)***/
    a.tg-link {
        margin-right: 5px;
        margin-left: 5px;
    }
    .header-user-page a.to-front {
       font-size: 14px; 
    }

    /***Страница курса***/
    .field--name-field-video-lessons .field--name-dynamic-token-fieldmedia-additional-field-name {
        font-size: 20px;
        bottom: 240px;
    }
    .field--name-field-video-lessons {
        margin-top: 225px;
    }

    /***Страница настройки учетных данных***/
    .user-edit #user-form .form-item-current-pass input::placeholder {
        font-size: 10px;
    }
}