@charset "UTF-8";
body {
    font-family: Jost, sans-serif;
    font-size: 20px;
    color: #201B1B;
}

body {
    max-width: 1900px;
    margin: 0px auto 0px;
    padding: 0.8em 0.8em 0 0.8em;
}

.flex {
    display: flex;
}

a {
    text-decoration: none;
}

.d-none {
    display: none;
}

.wrap {
    flex-wrap: wrap;
}

.nowrap {
    flex-wrap: nowrap;
}

.stretch {
    align-items: stretch !important;
}

.align-center {
    align-items: center;
}

.just-sp-between {
    justify-content: space-between;
}

.round {
    border-radius: 50%;
}

.grey {
    color: #767676;
}

.black {
    color: #201B1B;
}

.white {
    color: white;
}

.link {
    text-decoration: underline;
}

.link:hover {
    text-decoration: none;
}

.smaller {
    font-size: 18px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.gold {
    color: rgba(204, 168, 134, 1);
}

.fs26 {
    font-size: 26px;
    line-height: 140%;
}

.fs32 {
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
}

.fs42 {
    font-size: 42px;
    font-weight: 400;
    line-height: 140%;
}

.mw-1300 {
    max-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
}

.mw-1420 {
    max-width: 1420px;
    margin: 0 auto;
    box-sizing: border-box;
}

.wh50 {
    width: 50%;
}

.bord_container {
    border-radius: 12px;
    border: 1px solid #BABABA;
}

.bg_grey {
    background: #F8F7F3;
}

.bg_white {
    background: #fff;
}

.bord_r-10 {
    border-radius: 10px;
}

.pbot100 {
    padding-bottom: 100px;
}

.ptop100 {
    padding-top: 100px;
}

.pad100 {
    padding: 100px 0;
}

.pad20 {
    padding: 20px;
}

.pad60 {
    padding: 60px;
}

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

.gap40 {
    gap: 40px;
}

.column {
    flex-direction: column;
}

.hidden_pc {
    display: none;
}

h2,
.title_block {
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.58px;
    margin: 0px 0px 60px;
}

.rel {
    position: relative;
}

.content_toggle {
    display: none
}


/*Header*/

header {
    position: relative;
}

.top_header {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 60px 40px 0;
    box-sizing: border-box;
}

.right_header {
    min-width: 342px;
    z-index: 460;
}

.right_header a {
    background: rgba(32, 27, 27, 0.30);
}

.right_header a:hover {
    background: #201B1B;
}

.programm_header {
    padding: 10px 20px;
    border-radius: 6px;
    color: #FFF;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.icon-header a {
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

a.gamburg {
    width: 40px;
    height: 40px;
    background: #201B1B url(../images/svg/menu.svg) no-repeat center center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 20px;
}

a.gamburg:hover {
    background: #CCA886 url(../images/svg/menu.svg) no-repeat center center;
}

a.gamburg.closed {
    display: flex;
    position: relative;
    z-index: 470;
    background: #fff url(../images/svg/close.svg) no-repeat center;
}

.navbar {
    display: none !important;
}

.show,
.navbar.show {
    display: block !important;
}

ul.topmenu {
    display: none;
    position: fixed;
    z-index: 460;
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    background: rgba(32, 27, 27, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

ul.topmenu li {
    width: 100%;
    height: auto;
}

.navbar-nav>li {
    bottom: 0;
    min-height: 44px;
    float: left;
    width: 20%;
    display: flex;
    text-align: center;
    justify-content: center;
}

ul.topmenu {
    list-style: none;
    margin: 0;
    float: left;
    display: block;
    padding-left: 0px;
}

ul.topmenu.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

ul.topmenu li a {
    color: rgba(255, 255, 255, 0.70);
    font-size: 27px;
    line-height: normal;
    text-decoration: none;
    padding: 10px 30px;
}

ul.topmenu li a:hover {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.30);
}

.over {
    overflow: hidden;
}

.cabmenu {
    position: relative;
    z-index: 10
}

.logo {
    z-index: 460;
}

.contact_list_top.active {
    background: #201B1B;
}

.cabmenu.active {
    background: #201B1B;
}

.hidd_cab_menu,
.contact_list_top_menu {
    position: absolute;
    z-index: 5;
    right: 37px;
    top: 126px;
    text-align: left;
    border-radius: 8px;
    background: #FFF;
    display: flex;
    width: 293px;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0px;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}

.hidd_cab_menu a,
.contact_list_top_menu a {
    background: transparent;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #201B1B;
}

.hidd_cab_menu a:hover svg,
.contact_list_top_menu a:hover svg {
    color: #201B1B;
}

.hidd_cab_menu a:hover,
.contact_list_top_menu a:hover {
    background: #F0F0F0;
}


/*Slider Main*/

#main-slider {
    position: relative;
}

#main-slider .item {
    min-height: 765px;
    border-radius: 12px;
}

#main-slider .item_wrap {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

#main-slider h2 {
    color: #FFF;
    font-size: 90px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 204px 0px 32px;
    line-height: 1;
}

#main-slider .desc_h2 {
    color: #FFF;
    font-size: 27px;
    font-weight: 400;
    padding-bottom: 46px;
}

.search_wrap ::-webkit-input-placeholder {
    color: #616365;
}

#main-slider a.btn_slide {
    padding: 13px 30px;
    color: #ffffff;
    text-decoration: none;
    background: #201B1B;
    border-radius: 6px;
    font-size: 18px;
}

#main-slider a.btn_slide:hover {
    background: #CCA886;
    color: #201B1B;
}

#main-slider .owl-dots button.owl-dot {
    border: none;
    width: 21px;
    height: 5px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.40);
    margin-right: 16px;
}

#main-slider .owl-dots button.owl-dot:last-child {
    margin-right: 0px;
}

#main-slider .owl-dots button.owl-dot.active {
    background: #FFF;
}

#main-slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 59px;
    z-index: 2;
    left: 0;
    right: 0;
}

#slider-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 159px;
    z-index: 1;
    left: 0;
    right: 0;
}

#slider-link a.button {
    color: #201B1B;
    letter-spacing: -0.2px;
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 6px;
    background: #FFF;
    margin-right: 18px;
}

#slider-link a.button:last-child {
    margin-right: 0px;
}

#slider-link a.button.active {
    background: #201B1B;
    color: white;
}


/*About Main*/

#about_edpro .about {
    padding: 100px 80px 120px 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    display: flex;
}

#about_edpro h1,
#about_edpro .about_title {
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: inherit;
    margin: 0px;
}

.list_about {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    flex-wrap: wrap;
}

.list_item {
    display: flex;
    height: 265px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 12px;
    background: #F8F7F3;
    text-decoration: none;
    color: #201B1B;
    border: 1px solid #F8F7F3;
}

.list_item:hover {
    border: 1px solid #BABABA;
    background: #FFF;
}

.list_item:hover .person_round {
    background: #201B1B;
    margin-top: -20px;
    color: white;
}

.list_item .numb {
    color: #CCA886;
    font-size: 48px;
    line-height: 100%;
}

.person span {
    display: flex;
    border-radius: 50%;
    width: 83px;
    height: 83px;
    margin-right: -34px;
    justify-content: center;
}

.person_round {
    border: 4px solid #FFF;
}

.person_teacher {
    background: #EBF6FF;
}

.person_graduate {
    background: #FDF1E6;
}

.person_student {
    background: #F4EFF4;
}

.person_listener {
    background: #F3F2EE;
}


/*Main Task*/

.main-task_wrapper {
    padding: 100px;
}


/*Direct*/

.directions_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 49px;
    row-gap: 49px;
    grid-row-gap: 49px;
    flex: 1 0 0;
}

.directions_item .name {
    font-size: 40px;
    line-height: 140%;
}

.directions_item .btn_item {
    font-size: 18px;
    line-height: 100%;
    border-radius: 8px;
    border: 1px solid #201B1B;
    background: #FFF;
    padding: 16px 30px 18px 30px;
    display: inline-block;
    text-decoration: none;
    color: #201B1B;
}

.directions_item .btn_item:hover {
    background: #201B1B;
    color: white;
}

.directions_item_desc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: self-start;
    -webkit-align-items: flex-start;
    gap: 25px;
    column-gap: 25px;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    grid-column-gap: 25px;
    flex: 1 0 0;
    align-self: stretch;
    justify-content: center;
}

.directions_list {
    display: inline-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 14px;
    row-gap: 14px;
    grid-row-gap: 14px;
}

.btn_link {
    border-radius: 12px;
    background: #201B1B;
    display: inline-flex;
    height: 77px;
    padding: 16px 40px 18px 40px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 28px;
    line-height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #201B1B;
}

.btn_link:hover {
    color: #201B1B;
    background: #FFF;
}


/*Video*/

.video_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.f-video-container {
    position: relative;
    display: block;
    width: 1420px;
}

.f-video-player {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 42.25%;
}

.f-video-player iframe,
.f-video-player object,
.f-video-player embed {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.post-image {
    border-radius: 12px;
}

.f-video-cover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    border-radius: 12px;
}

.f-video-cover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(32, 27, 27, 0.40) 0%, rgba(32, 27, 27, 0.40) 100%);
    border-radius: 12px;
}

.video .play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.video .play span {
    background: rgba(255, 255, 255, 0.40);
    border-radius: 100%;
    display: flex;
    width: 60px;
    height: 60px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
}

.f-video-cover:hover:after,
#reviews .video:hover:after {
    background: transparent;
}

.f-video-cover:hover .play span,
#reviews .video:hover span {
    background: #CCA886;
}


/*Why Edpro*/

.why_edpro_wrapper {
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}

.why_edpro_item {
    border-radius: 12px;
    border: 1px solid #BABABA;
    display: flex;
    height: 300px;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 2 32%;
    box-sizing: border-box;
    width: 32%;
}

.why_edpro_item img {
    max-width: 100%;
}

.item_name {
    text-align: center;
    font-size: 30px;
    line-height: 120%;
}

.item_img img {
    border-radius: 12px;
}


/*Learn*/

#learn {
    padding: 100px 0px 35px;
}

.learn_wrap {
    gap: 40px;
    align-items: center;
}

.learn_item {
    display: flex;
    align-items: center;
    gap: 30px;
    align-self: stretch;
}

.learn_item .item_img {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 50%;
}

.learn_list {
    display: flex;
    width: 820px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.learn_item .item_desc {
    width: calc(100% - 80px);
}

.learn_img {
    display: flex;
}

.learn_img img {
    border-radius: 12px;
}


/*Form Intro*/

.title_form {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
#test_programm .title_form {
    font-size: 38px;
}

.desc_form {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

input.input {
    display: flex;
    height: 56px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

input[type="text"],
input[type="email"] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.text-field__label {
    display: block;
    margin-bottom: 0.25rem;
}

.text-field__input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.text-field__input[type="search"]::-webkit-search-decoration,
.text-field__input[type="search"]::-webkit-search-cancel-button,
.text-field__input[type="search"]::-webkit-search-results-button,
.text-field__input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.text-field__input::placeholder {
    color: #212529;
    opacity: 0.4;
}

.text-field__input:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdbdbd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
}

.text-field__input:disabled,
.text-field__input[readonly] {
    opacity: 1;
}


/* with floating label */

.text-field_whith_label {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.text-field_whith_label .text-field__input {
    border: none;
    border-bottom: 1px solid #201B1B;
    border-radius: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    line-height: 1.25;
    padding: 1rem 0.75rem 0 0;
    background-color: transparent;
}

.text-field_whith_label .text-field__input:focus {
    outline: 0;
    border-bottom: 1px solid #CCA886;
    box-shadow: none;
}

.text-field_whith_label .text-field__label {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    padding: 0rem 0.75rem 1rem 0;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: color .15s ease-in-out, transform .15s ease-in-out;
    font-size: 17.439px;
    font-style: normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.50);
    line-height: normal;
}

.text-field_whith_label .text-field__input::-moz-placeholder {
    color: transparent;
}

.text-field_whith_label .text-field__input::placeholder {
    color: transparent;
}

.ga-more-detail .text-field_whith_label .text-field__label {
    color: #212529;
    opacity: 0.4;
}

.text-field_whith_label .text-field__input:focus,
.text-field_whith_label .text-field__input:not(:placeholder-shown) {
    /* padding-top: 1.625rem;
      padding-bottom: .625rem;*/
    border-bottom: 1px solid #CCA886;
}

.text-field_whith_label .text-field__input:focus~.text-field__label,
.text-field_whith_label .text-field__input:not(:placeholder-shown)~.text-field__label {
    /*transform: scale(.85) translateY(-.75rem) translateX(.15rem);*/
    color: #CCA886;
    display: none;
}

.left_form_wrap {
    display: flex;
    padding: 0px 60px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    overflow: hidden;
    gap: 25px;
}

.ga-more-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 25px;
}

.form_wrap {
    align-items: center;
    gap: 20px;
}

form button[type="submit"],
.btn_all {
    border-radius: 8px;
    background: #201B1B;
    font-size: 18px;
    line-height: 100%;
    color: #FFF;
    font-family: Jost;
    display: inline-flex;
    padding: 16px 30px 18px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 0px;
    cursor: pointer;
    border: 1px solid #201B1B;
}

form button[type="submit"]:hover,
.btn_all:hover {
    background: #FFF;
    color: #201B1B;
}

form .agree {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

form .agree label a {
    color: #201B1B;
    text-decoration-line: underline;
}

form .agree label a:hover {
    text-decoration: none;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 4px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border: 1px solid #201B1B;
}

.custom-checkbox:checked+label::before {
    border-color: #201B1B;
    background-color: #201B1B;
    background-image: url(../images/check.svg);
}

.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}


/*Teachers*/

#teacher .item {
    display: flex;
    padding: 14px 14px 16px 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    border-radius: 12px;
    border: 1px solid #BABABA;
    max-width: 220px;
    min-height: 363px;
}

#teacher .item img {
    max-width: 220px;
    height: 258px;
    flex-shrink: 0;
    object-fit: cover;
}

#teacher a {
    color: #201B1B;
    text-decoration: none;
}

.desc_teacher .name {
    font-size: 28px;
    font-weight: 500;
    line-height: 140%;
}

.desc_teacher .sub_name {
    font-size: 18px;
    line-height: 140%;
}

.whith_arrow .disabled path {
    fill: rgba(32, 27, 27, 0.10);
    ;
}

.whith_arrow .owl-nav {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.whith_arrow .owl-next {
    position: relative;
}


/*For free*/

h2,
.title_block {
    margin-bottom: 50px;
}


/*Course*/

.image_course {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.image_course:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 220px;
    border-radius: 613px;
    background: rgba(32, 27, 27, 0.40);
    filter: blur(72px);
}

.course_top {
    display: flex;
    flex-direction: column;
    gap: 35px;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 1;
}

.course_desc {
    min-height: 60px;
}

.name_course {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

#course .tags_course {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

#course .tag {
    display: flex;
    padding: 5px 16px 7px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: white;
    border-radius: 50px;
}

.course_btn a {
    border-radius: 8px;
    border: 1px solid #201B1B;
    background: #201B1B;
    color: #FFF;
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    width: 100%;
    display: flex;
    padding: 16px 30px 18px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    box-sizing: border-box;
    border: 1px solid #201B1B;
}

.course_btn a:hover {
    background: #FFF;
    color: #201B1B;
}

.course_wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: stretch;
}

.course_list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.course_list ul li {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}

.course_list ul li:after {
    position: absolute;
    content: '';
    background: url(../images/svg/li.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: contain;
    left: 0px;
    top: 0px;
}


/*Reviews*/

#reviews .video {
    position: relative;
}

#reviews a,
#blog a {
    text-decoration: none;
}

#reviews .item a {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#reviews a .video_desc {
    text-decoration: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    display: flex;
    color: #201B1B;
    flex-wrap: wrap;
    width: calc(100% - 83px);
}

#reviews .video img {
    border-radius: 12px;
    max-width: 416px;
    height: 205px;
    object-fit: cover;
}

#reviews .video:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(32, 27, 27, 0.40) 0%, rgba(32, 27, 27, 0.40) 100%);
    top: 0;
    border-radius: 12px;
}

#reviews .course {
    color: #767676;
    font-size: 18px;
    line-height: 140%;
}

#reviews .item {
    max-width: 415px;
}

input:-internal-autofill-selected {
    background: transparent;
    background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s;
}

@media (min-width: 2000px) and (max-width: 2560px) {
    #reviews .item {
        max-width: 422px;
    }
    #reviews .video img {
        width: 422px;
    }
    #course .owl-item {
        max-width: 940px;
    }
}

.main_bg .search-form .input {
    color: #616365;
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
}

.tabs__caption {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0px;
    margin: 0px auto 40px;
    list-style: none;
    justify-content: center;
}

.tabs__tab {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 16px 30px 18px 30px;
    border-radius: 8px;
    border: 1px solid rgba(32, 27, 27, 0.14);
    cursor: pointer;
    color: #767676;
}

.tabs__tab.active,
.tabs__tab:hover {
    border: 1px solid #201B1B;
    color: #201B1B;
}

#teachers-all .tabs__tab a {
    color: #201B1B
}

#teachers-all .tabs__tab.active {
    background: white;
}

.video_intro {
    display: flex;
    align-items: center;
    gap: 16px;
}

.video_intro .name {
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

span.video_images {
    width: 83px;
    height: 83px;
}

span.video_images img {
    border-radius: 50%;
    height: 83px;
    object-fit: cover;
}

.video_desc {
    width: calc(100% - 103px);
}

.text_block_review {
    max-width: 416px;
    border-bottom: 1px solid #BABABA;
    margin-bottom: 20px;
}

.text_block_review {
    overflow: hidden;
    position: relative;
}

.text_block_review.hide {
    height: 300px;
}

.text_block_review.hide:after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

.text_block_review .tabs {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.text_block_review .tabs li.tabs__tab {
    color: #B89371;
    font-size: 18px;
    line-height: 120%;
    text-decoration-line: underline;
    border: 0px;
    padding: 14px 0 4px;
}

.rev_clist .owl-stage-outer.owl-height {
    height: auto !important;
}


/*FAQ*/

.faq_block .q {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    padding: 40px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin: 0px;
    cursor: pointer;
}

.faq_block .q.active_q {
    color: #CCA886;
}

.faq_block .q.active_q svg {
    -webkit-transform: rotate( 180deg);
    -ms-transform: rotate(180deg);
    transform: rotate( 180deg);
    color: #00A9FA;
}

.faq_block .q.active_q path {
    fill: #CCA886;
}

.faq_block {
    border-bottom: 1px solid #BABABA;
}

.faq_block .a {
    display: none;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    background: #F8F7F3;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}


/*Blog Main*/

.image_blog_item {
    display: flex;
    padding: 12px 12px 0px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.desc_blog_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 30px;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 20px;
    column-gap: 20px;
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
}

.autor_blog {
    font-size: 16px;
    line-height: 130%;
}

.autor_blog a {
    color: #767676;
    text-decoration: underline;
}

.title_blog {
    font-size: 28px;
    font-weight: 500;
    line-height: 130%;
    color: #201b1b;
}

.blog_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: white;
    border-radius: 12px;
    max-width: 460px;
}

.blog_item img {
    max-width: 100%;
}

.blog_wrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}


/*License*/

.license_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn {
    color: #FFF;
    font-family: Jost;
    font-size: 18px;
    line-height: 100%;
    border-radius: 8px;
    background: #201B1B;
    display: flex;
    padding: 16px 30px 18px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    border: 1px solid #201B1B;
}

.btn:hover {
    background: #FFF;
    color: #201B1B;
}

.license_desc {
    display: flex;
    gap: 40px;
    flex-direction: column;
    align-items: center;
}


/*Footer*/

footer {
    background: #201B1B;
    color: #fff;
    margin-inline: -0.8em;
}

footer .wh50 {
    display: flex;
    padding: 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    flex: 1 0 0;
    align-self: stretch;
    box-sizing: border-box;
    justify-content: space-between;
}

.footer_menu_wrap {
    display: flex;
    align-items: flex-start;
    gap: 135px;
}

.footer_menu ul li a {
    color: rgba(255, 255, 255, 0.50);
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    text-decoration: none;
}

.footer_menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.desc_footer {
    font-size: 17.601px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    max-width: 673px;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    flex: 1 0 0;
    justify-content: space-between;
}
.sk{
    display: flex;
    width: 100%;
    justify-content: start;
}

.footer_menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.desc_footer ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.desc_footer ul li a {
    color: #79695A;
    font-size: 14px;
}

.desc_footer ul li a:hover {
    text-decoration: none;
}

.footer_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
    max-width: 582px;
}

.footer_form_name {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

footer button.button, a.btn_bot {
    border: 1px solid #CCA886;
    display: flex;
    padding: 16px 30px 18px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: Jost;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 18px */
    background: transparent;
    border-radius: 204px;
    cursor: pointer;
}
.btn_bot{
    max-width: 218px;
}

footer button.button:hover, .btn_bot:hover {
    background: #CCA886;
    color: #201B1B
}

.footer_contact {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch;
    justify-content: space-between;
    flex-wrap:wrap;
}

.left_footer_contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.logos_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap:wrap;
}

.left_footer_contact a {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
}

footer form {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .text-field_whith_label .text-field__input {
    border-color: #fff;
    color: white;
}

footer .inputbox {
    width: 100%;
}

.market {
    display: flex;
    gap: 8px;
}

.market a {
    opacity: 0.4;
    margin-top: 8px;
    display: block;
    text-decoration: none;
}

.market a:hover {
    opacity: 1;
}

.right_footer_contact {
    gap: 30px;
    display: flex;
}
.footer_contact_bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}



/*Overlay*/

.overlay#overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(13, 16, 33, .5);
    z-index: 340;
    display: none;
}

.overlay#overlay.is-active {
    display: block;
}

.overlay#overlay .close {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #f5f5f5;
    border-radius: 100%;
    cursor: pointer;
}

.overlay#overlay.is-active .close {
    animation: b .2s ease;
}

.overlay#overlay .close:after,
.overlay#overlay .close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    background-color: #201B1B;
}

.overlay#overlay .close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.overlay#overlay .close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.overlay#overlay .close {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 100%;
    cursor: pointer;
}


/*Custom Style*/

.popup-form {
    display: none;
    position: fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 4.6rem 6.5rem 5.8rem;
    box-shadow: 0 22px 44px rgba(0, 0, 0, .25);
    border-radius: 10px;
    background-color: #f2f2f2;
    z-index: 350;
    max-width: 55.1rem;
}

.popup-form.is-active {
    display: block;
}

.popup-video {
    position: fixed;
    top: 13rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 340;
    width: 70rem;
    display: none;
}


/*Search LX*/

.popup-search {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 350;
    display: none;
}

.popup-search.is-active {
    display: block;
}

.popup-search.is-active .form .inputbox svg {
    transform: translateY(-50%);
}

.popup-search .form,
.main_bg .search-form {
    display: -ms-flexbox;
    display: flex;
}

.main_bg .search-form,
.main_bg .search-form form {
    width: 100%;
    max-width: 1052px;
}

.main_bg .search_wrap {
    position: relative;
}

.popup-search .form .inputbox {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .3);
}

.popup-search .button,
.main_bg .search-form .button {
    border: 0;
    cursor: pointer;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: flex;
    padding: 11px 30px 11px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #201B1B;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: calc(50% - 24px);
    font-family: 'JOST'
}

.popup-search .button {
    right: 11px;
}

.main_bg .search-form .button {
    background: transparent;
    top: calc(50% - 17px);
}

.popup-search .form .inputbox svg,
.main_bg .search-form .button svg {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-22%);
    width: 26px;
    height: 26px;
    fill: rgba(204, 168, 134, 1);
}

.text_no_search {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 40px;
}

.popup-search .container {
    width: 920px;
}

.popup-search .input,
.popup-search .textarea,
.main_bg .search-form .input {
    display: block;
    border: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 0;
    background-color: #fff;
    line-height: 27px;
    font-size: 18px;
    padding: 18px 14px 18px 50px;
}

.popup-search .input {
    min-height: 68px;
}

.main_bg .search-form .input {
    padding: 18px 15px;
    min-height: 72px;
}

.popup-search .search_wrap {
    width: 100%;
    position: relative;
}


/*Intro Page*/

#top_blog {
    position: relative;
}

.main_bg {
    min-height: 760px;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

#blog .popular_blog_wrap {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.popular_blog_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 13px;
    row-gap: 13px;
    grid-row-gap: 13px;
    align-self: stretch;
}

.popular_blog_wrap .medium {
    max-width: 22%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 16px;
    column-gap: 16px;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
}

.popular_blog_wrap .medium .blog_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    gap: 10px;
    column-gap: 10px;
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    position: relative;
}

.popular_blog_wrap .medium .autor_blog a,
.popular_blog_wrap .big .autor_blog a {
    color: white;
    text-decoration: underline !important;
}

.popular_blog_wrap .medium .desc_blog_item,
.popular_blog_wrap .big .desc_blog_item {
    padding: 20px;
    position: absolute;
    bottom: 0px;
}

.popular_blog_wrap .medium .desc_blog_item .autor_blog {
    font-size: 14px;
    color: white;
}

.popular_blog_wrap .blog_item:hover .title_blog {
    text-decoration: underline;
}

.popular_blog_wrap .medium .desc_blog_item .title_blog {
    color: #FFF;
    font-size: 20px;
}

.popular_blog_wrap .big .desc_blog_item .autor_blog,
.popular_blog_wrap .big .desc_blog_item .title_blog {
    color: #FFF;
}

.popular_blog_wrap .big .desc_blog_item .title_blog {
    font-size: 44px;
    font-weight: 500;
    line-height: 120%;
}

.popular_blog_wrap .big .desc_blog_item .autor_blog {
    color: #FFF;
    font-size: 24px;
    line-height: 130%;
}

.popular_blog_wrap .medium .image_blog_item img {
    height: 252px;
    object-fit: cover;
}

.popular_blog_wrap .big {
    width: 53%;
}

.popular_blog_wrap .big .blog_item {
    display: flex;
    height: 520px;
    max-width: 100%;
    flex-direction: column;
    gap: 10px;
    flex: 1 0 0;
    position: relative;
}

.popular_blog_wrap .image_blog_item {
    padding: 0px;
}

.popular_blog_wrap .image_blog_item a {
    display: flex;
}

.popular_blog_wrap .image_blog_item {
    position: relative;
}

.popular_blog_wrap .image_blog_item:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(32, 27, 27, 0.40) 0%, rgba(32, 27, 27, 0.40) 100%);
    border-radius: 12px;
}

.popular_blog_wrap .big .image_blog_item img {
    height: 520px;
    object-fit: cover;
}

.popular_blog_wrap .small {
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 14px;
    row-gap: 14px;
    grid-row-gap: 14px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.popular_blog_wrap .small .image_blog_item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.popular_blog_wrap .small .blog_item {
    width: 24%;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 14px;
    justify-content: center;
    align-items: center;
}

.popular_blog_wrap .small .image_blog_item:after {
    display: none;
}

.popular_blog_wrap .small .desc_blog_item {
    padding: 0px;
    width: calc(100% - 114px);
}

.popular_blog_wrap .small .title_blog {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.popular_blog_wrap .small .autor_blog {
    font-size: 10px;
    line-height: 130%;
}

.main_bg_wrapp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    gap: 40px;
    column-gap: 40px;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    grid-column-gap: 40px;
    width: 100%;
}

#top_blog ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 15px;
    row-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
}

#top_blog ul.article_ul li.active {
    background: #201B1B;
}

#top_blog ul.bcrumbs {
    gap: 0px;
}

#top_blog ul.article_ul li.active a {
    color: white;
}

#top_blog ul.article_ul li {
    color: #201B1B;
    letter-spacing: -0.2px;
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 6px;
    background: #FFF;
}

#top_blog ul.article_ul li a {
    text-decoration: none;
    color: #201B1B;
}

#top_blog ul.article_ul {
    position: absolute;
    bottom: 149px;
    left: 0px;
    right: 0px;
}

.main_bg .stitle {
    color: #FFF;
    text-align: center;
    font-family: Jost;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0px;
}
#top_blog.small_h1 ul.article_ul{
    bottom: 65px;
}

.main_bg ul.bcrumbs {
    margin: 0px;
}

.main_bg ul.bcrumbs li span {
    color: #FFF;
    font-size: 20px;
    line-height: normal;
    position: relative;
    font-weight: normal;
    margin-right: 20px;
}

.main_bg ul.bcrumbs li span:last-child {
    margin-right: 0px;
}

.main_bg ul.bcrumbs li a {
    color: rgb(255 255 255);
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    opacity: 0.5;
}

.main_bg ul.bcrumbs li span a:after {
    content: '›';
    position: relative;
    right: 12px;
    top: 0px;
}

.main_bg ul.bcrumbs li:last-child span:after {
    display: none;
}

#blog-nutra .blog_item,
#blog-sex .blog_item {
    max-width: 32%;
}

#blog-nutra .blog_wrap,
#blog-sex .blog_wrap {
    justify-content: space-between;
    gap: 13px;
}

#blog-sex .pages_teacher {
    margin-bottom: 40px;
}

#license-text .small {
    color: #BDBAAF;
    font-size: 20px;
    line-height: 140%;
}

#blog-couch .blog_wrap,
#blog-expert .blog_wrap {
    justify-content: space-between;
    gap: 15px;
}


/*Process*/

.process_wrap {
    justify-content: center;
    gap: 60px;
    align-self: stretch;
}

.process_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.process_item {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.process_item_img {
    display: flex;
    width: 200px;
    height: 200px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F8F7F3;
}

.process_item_desc {
    width: calc(100% - 200px);
}

.name_process {
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
}

.text_process {
    font-size: 18px;
    line-height: 130%;
}

.process_item_desc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.process_left {
    width: 50%;
}

.process_right {
    width: 50%;
}

.process_right_img img {
    max-width: 403px;
}

.process_right {
    display: flex;
    padding: 60px;
    flex-direction: column;
    gap: 40px;
    align-self: stretch;
    box-sizing: border-box;
    border-radius: 12px;
    background: #F8F7F3;
}

.process_right_title {
    font-size: 40px;
    font-weight: 500;
    line-height: 140%;
}

.process_right_desc {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}


/*Build*/

.build_item {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: #F8F7F3;
    gap: 50px;
}

.build_desc {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.build_title {
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
}

.build_text {
    font-size: 20px;
    line-height: 130%;
}

.build_link {
    font-size: 14px;
    line-height: 140%;
    text-decoration-line: underline;
    cursor: pointer;
}

.build_link:hover {
    text-decoration: none;
}

.build_btn {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}

.build_left,
.build_right {
    width: 49%
}

.build_right {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
}

.build_item {
    width: 40%;
}

.social_item {
    display: flex;
    justify-content: space-between;
    flex: 1 0 0;
    flex-direction: column;
    border-radius: 12px;
    background: #FFF;
    gap: 20px;
}

.social_item a {
    color: #201B1B;
    padding: 20px;
}

.social_img {
    display: flex;
}

.social_item a:hover {
    box-shadow: 0px 0px 9px #0000003b;
    border-radius: 12px;
}

.social_name {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social_desc {
    color: #A59999;
    font-size: 14px;
    line-height: 130%;
}

.social_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    margin-top: 40px;
}

.social_down {
    display: flex;
    justify-content: space-between;
    align-items: end;
}


/*Documents*/

.intel_wrap {
    gap: 83px;
}

.intel_left {
    width: 517px;
}

.intel_right {
    width: calc(100% - 517px);
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    display: flex;
}

.intel_item {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid #BABABA;
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.intel_item_title {
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
}


/*Akts*/

.akts_wrap {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.akts_item {
    display: flex;
    width: 24%;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #FFF;
}

.akts_name {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    align-self: stretch;
    min-height: 96px;
}

.akts_item a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: underline;
    color: #201B1B;
}

.akts_item a:hover {
    text-decoration: none;
}

.mentor_wrap {
    padding: 60px;
    align-items: center;
    gap: 100px;
    display: flex;
    box-sizing: border-box;
}

.mentor_img a {
    position: relative;
    display: flex;
    max-width: 255px;
}

.mentor_img a img {
    max-width: 100%;
}

.mentor_img a:hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: url(/local/templates/new_edprodpo/components/bitrix/news.list/akts/img/zoom.svg) no-repeat top center;
}

.mentor_img a:hover:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(32, 27, 27, 0.50);
    backdrop-filter: blur(6px);
    left: 0px;
    z-index: 1;
    top: 0px;
    border-radius: 12px;
}

.mentor_img a:hover .zoom {
    display: flex;
    z-index: 12;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
}

.cooperation_item {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: #F8F7F3;
    gap: 50px;
    justify-content: space-between;
    width: 40%;
}

.cooperation_text {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}


/*Vakancy*/

.vcns_item {
    width: 100%;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 30px;
}

#vakansions .intel_right {
    gap: 25px;
}

.vcns_item a {
    color: #201B1B;
    font-size: 30px;
    line-height: 120%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vcns_item a:after {
    content: '';
    width: 26px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    background-image: url("/local/assets/images/svg/arrow-small.svg");
    background-repeat: no-repeat;
    background-position: center;
}

#map {
    position: relative;
    width: 100%;
    height: 508px;
    border-radius: 10px;
    overflow: hidden;
}

.contcat_wrap {
    gap: 60px;
}

.contact_name {
    font-size: 30px;
    line-height: 120%;
    width: 230px;
}

.right_contact_item {
    padding: 30px;
}

.right_contact_image img {
    display: flex;
    justify-content: end;
}

.contact_desc {
    display: flex;
    flex-direction: column;
    width: calc(100% - 240px);
}

.contact_item {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
    padding-bottom: 40px;
    border-bottom: 1px solid #BABABA;
    margin-bottom: 20px;
}

.contact_item:last-child {
    margin-bottom: 0px;
}

.right_contact_image {
    display: flex;
    align-items: self-end;
    justify-content: space-between;
}


/*Events*/

.event_popular_item {
    display: flex;
    flex-direction: column;
    position: relative;
}

.image_event_popular {
    position: relative;
    display: flex;
}

.image_event_popular:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(32, 27, 27, 0.36) 0%, rgba(32, 27, 27, 0.36) 100%);
    border-radius: 12px;
}

.desc_event_popular_item {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0px;
}

.top_badge_item {
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
}

.top_badge_item span {
    display: flex;
    padding: 5px 16px 7px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.top_badge_price {
    background: #E9B78A;
    padding: 5px 16px 7px 16px;
}

.top_badge_format {
    border: 1px solid rgba(255, 255, 255, 0.40);
    color: white;
}

.top_badge_date {
    background: #FFF;
}

.name_event_popular_item {
    color: #FFF;
    font-size: 44px;
    font-weight: 500;
    line-height: 120%;
    /* 52.8px */
}

.image_event_popular img {
    height: 527px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.event_popular_item a,
.event_all_item a {
    color: inherit;
}

.event_popular_item a:hover .image_event_popular:after {
    background: none;
}


/*Events*/

.event_all_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: white;
    border-radius: 12px;
    flex-grow: 1;
    max-width: 49%;
}

.image_event_all_item,
.image_event_item {
    position: relative;
    width: 100%;
}

.image_event_item {
    position: relative;
    display: flex;
}

.image_event_item:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(32, 27, 27, 0.36) 0%, rgba(32, 27, 27, 0.36) 100%);
    border-radius: 12px;
}

.event_all_item a:hover .image_event_item:after {
    background: none;
}

.rating_wrap {
    padding-top: 20px;
}

.rating {
    display: inline-block;
    font-size: 0;
}

.rating span {
    padding: 0;
    font-size: 20px;
    line-height: 1;
    color: lightgrey;
}

.rating>span:before {
    content: '★';
}

.rating>span.yes {
    color: #EE9C38;
}

.review_detail__author-loc {
    color: #767676;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 7px;
}

h1.stitle_rev_item {
    color: #FFF;
    text-align: center;
    font-family: Jost;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0px;
    max-width: 860px;
}

.desc_rev_item.white {
    font-size: 25px;
    text-transform: initial;
    display: block;
}

.image_event_all_item img {
    width: 100%;
    border-radius: 12px;
    height: 500px;
    object-fit: cover;
}

.event_all_wrap {
    display: inline-flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.events-wrapper,
.directions-wrapper,
.prices-wrapper {
    width: 23%;
}

#event-all_blog .event_all_item {
    max-width: 100%;
}

.demo_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: center;
}

.demo_item {
    width: 460px;
    padding: 30px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #BABABA;
    background: #FFF;
    box-sizing: border-box;
}

.demo_item .info__descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.num.is-desktop {
    color: #201B1B;
    font-family: Jost;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.demo_item .text {
    color: #201B1B;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.demo_inner_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.demo_inner_wrapper .item {
    max-width: 49%;
    padding: 30px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #BABABA;
    background: #FFF;
    box-sizing: border-box;
}

.demo_inner_wrapper .item img {
    display: block;
    width: 100%;
}

.rev_clist__citem a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.rev_citem__top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-top: 1px solid #BABABA;
    padding-top: 16px;
}

.rev_citem__photo {
    max-width: 90px;
}

.rev_citem__photo img {
    max-width: 100%;
    border-radius: 50%;
}

.rev_citem__entry {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.rev_clist__citem {
    display: flex;
    width: calc(50% - 41px);
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    border: 1px solid #BABABA;
    align-self: stretch;
}

.rev_clist {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    align-self: stretch;
    justify-content: center;
}

.rev_clist__citem a {
    color: #201B1B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.rev_citem__read {
    color: #B89371;
    text-decoration: underline;
}

.rev_citem__read:hover {
    text-decoration: none;
}

.rev_citem__name {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.rev_clist_slider .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.rev_clist_slider .owl-stage .owl-item {
    display: flex;
    align-items: stretch;
}

.photo_list .vlist__vitem {
    width: 24%;
}

/*Select Styles*/
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 220px;
  height: 40px;
}
.select-styled {
  position: absolute; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #cca886;
  padding: 8px 15px;
}
  .select-styled:after {
    content:"";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
  .select-styled:hover {
    background-color: #cca886;
  }
  .select-styled:active, .select-styled.active {
    background-color: #cca886;
}
   .select-styled.active:after {
      top: 9px;
      border-color: transparent transparent #fff transparent;
    }


.select-options {
  display: none; 
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #cca886;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #000;
}
    .select-options  li:hover, 
    .select-options  li.is-selected {
      color: #000;
      background: #fff;
    }
    .select-options  li[rel="hide"] {
      display: none;
    }
/*End SS*/
.rating_sort select {
   -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   outline:0;
   box-shadow:none;
   border:0!important;
   background: #cca886;
   background-image: none;
   flex: 1;
   padding: 0 15px;
   color:#fff;
   cursor:pointer;
   font-family: Jost, sans-serif;
   font-size: 16px;
}
.rating_sort select::-ms-expand {
   display: none;
}
.rating_sort {
   position: relative;
    display: flex;
    width: 250px;
    height: 40px;
    line-height: 3;
    background: #cca886;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 20px;
}
.rating_sort::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #cca886;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
    font-size: 14px;
    color: white;
}
.rating_sort:hover::after {
   color: #000;
}

.desc_blog_item small a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    display: flex;
    padding: 2px 8px 1px 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 24px;
    background: #CCA886;
}

.social_img a {
    display: flex;
}

.social_name a {
    text-decoration: none;
    color: #201B1B;
}
.badge_grey {
    background: #F0F0F0;
    border-radius: 50px;
    padding: 5px 16px;
    box-sizing: border-box;
}
#test_woman  ul {
    margin: 16px 0px 0px;
    padding: 0px;
    list-style: none;
}
#test_woman ul li {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}
#test_woman ul li:last-child{
    margin-bottom: 0px;
}
#test_woman ul li:after {
    position: absolute;
    content: '';
    background: url(../images/svg/li.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: contain;
    left: 0px;
    top: 8px;
}
#test_woman .left_form_wrap{
    padding:0px;
}
@media (min-width: 1258px) and (max-width: 1600px) {
    .directions_item_desc {
        width: 305px;
    }
    .directions_item_img {
        width: calc(100% - 335px);
    }
    .directions_item_img img {
        max-width: 100%;
    }
    .directions_item {
        width: 46%;
        flex: auto;
    }
    .directions_list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

@media (min-width: 767px) and (max-width: 1455px) {
    #blog-main .blog_wrap .blog_item {
        max-width: 31%;
    }
    #blog-main .blog_wrap {
        justify-content: center;
    }
    .mw-1420 {
        margin: 0px 15px;
    }
}

@media (min-width: 1099px) and (max-width: 2048px) {
    #blog-nutra .blog_item,
    #blog-sex .blog_item {
        max-width: 32%;
        min-width: 32%;
    }
}

@media screen and (max-width: 1420px) {
    body {
        max-width: 1900px;
        margin: 0px auto 0px;
    }
    .f-video-container {
        width: 1199px;
    }
    .post-image {
        max-width: 100%;
    }
    .build_right {
        justify-content: end;
    }
    .build_item {
        width: 38%;
    }
    footer .wh50 {
        padding: 80px 80px 80px 65px;
    }
}

@media (max-width: 1030px) {
    .event_all_item {
        width: 100%;
        max-width: 100%;
    }
    .image_event_all_item img {
        height: auto;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    #about_edpro h1,
    #about_edpro .about_title {
        font-size: 48px;
    }
    .about_top {
        display: flex;
        align-items: center;
        gap: 40px;
        align-self: stretch;
    }
    .list_item {
        flex: 1 0 44%;
        width: 44%;
    }
    .f-video-container {
        width: 950px;
    }
    .post-image {
        max-width: 100%;
    }
    .popup-search .container {
        width: 100%;
    }
    .main_bg ul {
        flex-wrap: wrap;
        gap: 10px;
    }
    .main_bg .search-form {
        width: 96%;
        justify-content: center;
    }
    #top_blog ul.article_ul li {
        font-size: 17px;
    }
    .build_left,
    .build_right {
        width: 100%;
    }
    .build_right {
        justify-content: center;
        margin-top: 60px;
    }
    .build_item {
        width: 43%;
        gap: 20px;
    }
    .name_course {
        font-size: 37px;
    }
    .demo_inner_wrapper .item {
        max-width: 48%;
    }
    #course .tag {
        font-size: 14px;
    }
    .rev_clist__citem {
        width: 45%
    }
}
@media (min-width: 767px) and (max-width: 1060px) {
    #main-slider h2, .main_bg .stitle {
      font-size: 60px;
    }
    #main-slider .desc_h2 {
        font-size: 19px;
    }
    #slider-link{
        font-size: 18px;
    }
    .fs42 {
        font-size: 30px;
    }
    .tabs__caption{
        flex-wrap:wrap;
    }
    #teacher_info .right_form_wrap{
        max-width: 100% !important;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    
    .about_top {
        flex-flow: column;
        gap: 24px;
    }
    #blog-nutra .blog_item,
    #blog-sex .blog_item {
        max-width: 48%;
        min-width: 48%;
    }
    .wh50 {
        width: 100%;
    }
    .why_edpro_item {
        flex: 1 2 48%;
        width: 48%;
    }
    .learn_wrap {
        flex-direction: column;
    }
    .f-video-container {
        width: 750px;
    }
    .post-image {
        max-width: 100%;
    }
    .popup-search .container {
        width: 100%;
    }
    .main_bg ul {
        flex-wrap: wrap;
    }
    .main_bg .search-form,
    .main_bg .search-form form {
        width: 95%;
        justify-content: center;
    }
    .popular_blog_wrap .big,
    .popular_blog_wrap .medium {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        display: flex;
        flex-direction: row;
    }
    .popular_blog_wrap .medium .image_blog_item img {
        height: 301px;
        object-fit: cover;
    }
    .popular_blog_wrap .big .blog_item,
    .popular_blog_wrap .big .image_blog_item img {
        height: auto;
    }
    .popular_blog_wrap .small {
        flex-wrap: wrap;
    }
    .popular_blog_wrap .small .blog_item {
        width: 49%;
    }
    #blog-couch .blog_wrap {
        justify-content: space-between;
    }
    .title_blog {
        font-size: 20px;
    }
    .desc_blog_item {
        padding: 10px;
    }
    #top_blog ul.article_ul, #top_blog.small_h1 ul.article_ul {
        position: relative;
        bottom: 149px;
        left: 0px;
        right: 0px;
        flex-wrap: wrap;
    }
    #license-text .small {
        font-size: 13px;
    }
    .directions_item {
        flex: auto;
        align-items: center;
    }
    .build_left,
    .build_right {
        width: 100%;
    }
    .build_right {
        justify-content: center;
        margin-top: 60px;
    }
    .build_item {
        width: 41%;
        gap: 20px;
    }
    .process_left,
    .process_right {
        width: 100%;
    }
    .process_wrap {
        flex-wrap: wrap;
    }
    .form_wrap {
        flex-wrap: wrap;
    }
    .right_form_wrap,
    .left_form_wrap {
        width: 100%;
    }
    .left_form_wrap,
    .right_form_wrap {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .mw-1420 {
        margin: 0 15px;
    }
    footer .wh50 {
        padding: 40px;
    }
    .intel_wrap,
    .akts_wrap {
        flex-wrap: wrap;
        gap: 10px;
    }
    .intel_left,
    .intel_right {
        width: 100%;
    }
    .intel_left h2 {
        text-align: center;
    }
    .akts_wrap {
        justify-content: center;
    }
    .akts_item {
        width: 48%;
    }
    .pad60 {
        padding: 30px;
    }
    .contcat_wrap {
        flex-wrap: wrap;
    }
    .right_contact_item {
        margin-bottom: 20px;
    }
    .demo_wrapper {
        flex-wrap: wrap;
    }
    .demo_item {
        width: 100%;
    }
    .name_course {
        font-size: 37px;
    }
    .demo_inner_wrapper .item {
        max-width: 100%;
    }
    #course .tag {
        font-size: 14px;
    }
    .rev_clist__citem {
        width: 100%
    }
    .vlist__vitem {
        width: 48.36% !important;
        margin-top: 1% !important;
    }
    .vitem__prog {
        left: 0px !important;
        padding-left: 0px !important
    }
    .vitem__entry {
        margin-left: 0px !important
    }
}

@media (max-width: 767px) {
    .btn_fix_wrap .btn_slide{
        margin-top: 20px;
        display: inline-block;
    }
    section {
        margin: 0px 15px;
    }
    .pad60 {
        padding: 20px;
    }
    section.bg_grey {
        margin: 0px;
        padding: 30px 15px !important;
        border-radius: 0px;
    }
    .popup-form {
        display: none;
        position: fixed;
        top: 5rem;
        left: 50%;
        transform: translateX(-50%);
        padding: 15px;
        box-shadow: 0 22px 44px rgba(0, 0, 0, .25);
        border-radius: 10px;
        background-color: #f2f2f2;
        z-index: 350;
        max-width: 55.1rem;
        width: 90%;
    }
    .hidden_pc {
        display: block;
    }
    .popup-search .container {
        width: 100%;
    }
    body {
        padding: 0px;
    }
    footer {
        margin-inline: 0px;
    }
    img {
        max-width: 100%;
    }
    #slider-link {
        position: initial;
        margin: 30px 15px;
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pad100 {
        padding: 40px 0;
    }
    .pbot100 {
        padding-bottom: 40px;
    }
    .mt-40 {
        margin-top: 20px;
    }
    .fs26,
    .fs32,
    .video_intro .name {
        font-size: 20px;
    }
    .fs42 {
        font-size: 20px;
        line-height: 140%
    }
    .wh50 {
        width: 100%;
    }
    a.programm_header {
        display: none;
    }
    .top_header {
        padding: 9px 15px 0;
    }
    .logo {
        max-width: 75px;
    }
    .logo a {
        display: flex;
    }
    .about_top {
        flex-flow: column;
        gap: 24px;
        text-align: center;
    }
    .right_header {
        min-width: auto;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
    }
    #main-slider h2 {
        font-size: 40px;
        line-height: 120%;
        letter-spacing: -1.2px;
        padding: 147px 0px 0px;
    }
    #main-slider .desc_h2 {
        font-size: 18px;
        padding-bottom: 0px;
    }
    #main-slider .item {
        min-height: 577px;
        border-radius: 0px;
        background-position: top center !important;
    }
    #about_edpro h1,
    #about_edpro .about_title {
        font-size: 36px;
    }
    #about_edpro .about {
        padding: 30px 10px 40px 10px;
    }
    #main-slider .item_wrap {
        margin: 0 15px;
        gap: 24px;
        display: flex;
        flex-direction: column;
        padding-bottom: 156px;
    }
    #slider-link a.button {
        border-radius: 4px;
        border: 1px solid #201B1B;
        background: #FFF;
        margin: 0px;
        font-size: 15px;
        text-align: center;
    }
    .main-task_wrapper {
        padding: 40px 16px;
    }
    h2,
    .title_block {
        font-size: 36px;
        text-align: center;
    }
    .directions_item_img img {
        flex-shrink: 0;
        display: flex;
    }
    .directions_item_img {
        display: flex;
        flex-direction: column;
    }
    .directions_item {
        padding: 16px;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        column-gap: 8px;
        grid-column-gap: 8px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        width: 100%;
        box-sizing: border-box;
    }
    .directions_item .name {
        font-size: 28px;
        line-height: 140%;
        text-align: center;
    }
    .directions_item .desc {
        font-size: 14px;
        line-height: 140%;
        text-align: center;
        align-items: center;
    }
    .directions_item_desc {
        align-items: center;
        -webkit-align-items: center;
        gap: 15px;
        column-gap: 15px;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        grid-column-gap: 15px;
        align-self: auto;
        flex: 1 0 100%;
    }
    a.list_item {
        display: flex;
        padding: 18px 10px;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        text-align: center;
        height: auto;
    }
    .why_edpro_item {
        width: 100%;
        flex: 1 0 100%;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        height: auto;
    }
    .why_edpro_item .item_name {
        font-size: 22px;
        line-height: 120%;
    }
    #video_block .video {
        display: none;
    }
    #reviews .video {
        margin-bottom: 9px;
    }
    #reviews a .video_desc {
        gap: 3px;
    }
    .faq_block .q {
        padding: 20px 0px;
        font-size: 18px;
        line-height: 140%;
    }
    .faq_block .a {
        font-size: 14px;
    }
    .learn_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .learn_list {
        width: 100%;
    }
    .learn_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        text-align: center;
    }
    li.tabs__tab {
        font-size: 13px;
        line-height: 100%;
        padding: 10px 16px 12px 16px;
    }
    form button[type="submit"],
    .btn_all {
        width: 100%;
        box-sizing: border-box;
    }
    #testing {
        padding: 30px 16px;
        box-sizing:border-box;
    }
    #form_intro .form_wrap {
        display: flex;
        padding: 0px 16px;
        flex-direction: column-reverse;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }
    #form_down .form_wrap {
        display: flex;
        padding: 0px 16px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }
    .left_form_wrap {
        padding: 0px;
        overflow: inherit;
        padding-bottom: 35px;
    }
    .title_form {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-align: center;
    }
    #teacher_info .form_wrap{
        justify-content: center;
    }
    #teacher_info .left_form_wrap{
        width: 100%;
        min-width: 230px;
    }
    #test_programm .title_form{
        font-size: 28px;
    }
    #test_programm .desc_form{
        margin-top: 20px;
    }
    .desc_form {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }
    .text-field_whith_label .text-field__label {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }
    .text-field__input {
        height: calc(2.25rem + -15px);
    }
    .image_course img {
        display: block;
        width: 100%;
        object-fit: cover;
        height: 383px;
    }
    .name_course {
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
    }
    #course .tags_course {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .title_blog {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
    .autor_blog {
        font-size: 14px;
    }
    .desc_blog_item {
        padding: 20px 20px 30px 20px;
        gap: 10px;
    }
    .blog_item {
        gap: 10px;
    }
    .btn_link,
    .btn {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        padding: 13px 20px 15px 20px;
        height: auto;
        width: 100%;
        box-sizing: border-box;
                margin-bottom: 15px;
    }
    .license_wrap {
        padding: 0px 16px;
    }
    footer .wh50 {
        display: flex;
        padding: 40px 16px 0px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;
    }
    footer .inputbox {
        min-width: 100%;
    }
    footer form {
        flex-direction: column;
    }
    .footer_menu_wrap {
        gap: 40px;
    }
    .footer_form_name,
    .desc_footer,
    .footer_contact {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .logos_wrap {
        justify-content: center;
        width: 100%;
        gap: 20px;
    }
    footer {
        padding-bottom: 20px;
    }
    footer button.button {
        width: 100%;
        box-sizing: border-box;
    }
    .footer_contact, .footer_contact_bot {
        flex-direction: column;
    }
    a.btn_bot {
        margin-top: 20px;
    }
    .left_footer_contact,
    .right_footer_contact {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    .desc_footer ul {
        gap: 4px;
        align-items: center;
        width: 100%;
    }
    .ga-more-detail.content_block {
        display: none;
    }
    #order-form_expert {
        display: flex;
    }
    #test_woman .right_form_wrap{
        order:-1;
        display: flex;
    }
    .badge_grey {
        display: inline-block;
        margin: 20px 0;
    }
    #test_woman .fs32{
        margin: 20px 0;
    }
    #test_woman ul li {
        font-size: 17px;
    }
    #test_woman ul li:after{
        top:0px;
    }
    #test_woman .title_form{
        text-align: left;
    }
    .content_toggle {
        cursor: pointer;
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0px;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        background: #ECE8D9;
        display: flex;
        padding: 8px 0px 11px 0px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        text-decoration: none;
        color: #000;
        border-radius: 0px 0px 8px 8px;
    }
    #top_blog {
        margin: 0 auto;
    }
    #top_blog ul.article_ul, #top_blog.small_h1 ul.article_ul {
        position: relative;
        bottom: 0;
        left: 0px;
        right: 0px;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    #top_blog ul.article_ul li {
        border: 1px solid;
    }
    .main_bg {
        min-height: 550px;
        border-radius: 0px;
    }
    .main_bg .search_wrap {
        padding: 0px 15px;
    }
    .main_bg .search-form .button {
        top: calc(50% - 17px);
    }
    .main_bg .stitle {
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -1.2px;
    }
    .main_bg_wrapp {
        gap: 22px;
        column-gap: 22px;
        -moz-column-gap: 22px;
        -webkit-column-gap: 22px;
        grid-column-gap: 22px;
    }
    .main_bg ul {
        flex-wrap: wrap;
    }
    .search_wrap button.button {
        width: auto;
    }
    .popular_blog_wrap .medium,
    .popular_blog_wrap .big,
    .popular_blog_wrap .small .blog_item,
    #blog-nutra .blog_item,
    #blog-sex .blog_item {
        max-width: 100%;
        width: 100%;
    }
    .popular_blog_wrap .big .desc_blog_item .title_blog {
        font-weight: 500;
        line-height: 130%;
        font-size: 20px;
    }
    .popular_blog_wrap .big .image_blog_item img {
        height: 252px;
    }
    .popular_blog_wrap .big .desc_blog_item .autor_blog {
        font-size: 14px;
    }
    .popular_blog_wrap .small {
        flex-wrap: wrap;
    }
    .popular_blog_wrap .big .blog_item {
        height: auto;
    }
    .item.big,
    .item.medium {
        width: 100%;
    }
    .item.medium {
        flex: auto;
    }
    .item.big .title_blog {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
    .item.big .autor_blog {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
    #license-text .small {
        font-size: 13px;
    }
    .directions_item {
        flex: auto;
        align-items: center;
        -webkit-align-items: center;
    }
    .build_left,
    .build_right {
        width: 100%;
        text-align: center;
    }
    .build_right {
        justify-content: center;
        margin-top: 60px;
    }
    .build_item {
        width: 100%;
        gap: 20px;
    }
    .build_title {
        font-size: 24px;
        text-align: center;
    }
    .build_text {
        font-size: 14px;
        text-align: center;
    }
    .build_btn {
        align-items: center;
        flex-direction: column-reverse;
    }
    .build_desc {
        width: 100%;
    }
    #supervisor .left_form_wrap {
        gap: 0px;
    }
    .process_left,
    .process_right {
        width: 100%;
        gap: 20px;
    }
    .process_item_desc {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        text-align: center;
    }
    .process_item {
        flex-direction: column;
    }
    .process_right_img img {
        max-width: 100%;
    }
    .process_right {
        padding: 20px;
    }
    .process_right_title {
        font-size: 28px;
        font-weight: 500;
        line-height: 120%;
        text-align: center;
    }
    .process_right_desc {
        font-size: 14px;
        line-height: 140%;
        text-align: center;
    }
    .process_wrap {
        flex-wrap: wrap;
    }
    .form_wrap {
        flex-wrap: wrap;
    }
    .right_form_wrap,
    .left_form_wrap {
        width: 100%;
    }
    .left_form_wrap,
    .right_form_wrap {
        align-items: center;
        display: block;
        justify-content: center;
        height: 100%;
    }
    .mw-1420 {
        margin: 0 15px;
    }
    .hidden-mobile {
        display: none;
    }
    .mentor_wrap {
        flex-wrap: wrap;
        padding: 20px;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .mentor_text {
        text-align: center;
    }
    .intel_wrap,
    .akts_wrap {
        flex-wrap: wrap;
        gap: 10px;
    }
    .intel_left,
    .intel_right {
        width: 100%;
    }
    .intel_item_title {
        font-size: 22px;
    }
    .intel_left h2 {
        text-align: center;
    }
    .akts_wrap {
        justify-content: center;
    }
    .akts_item {
        width: 100%;
    }
    .akts_name {
        min-height: auto;
    }
    #cooperation .build_right {
        margin-top: 0px;
    }
    .cooperation_item {
        gap: 35px;
        width: 100%;
    }
    .cooperation_text,
    .cooperation_item .build_btn {
        text-align: left;
        align-items: flex-start;
    }
    h2,
    .title_block {
        margin-bottom: 34px;
    }
    .ptop100 {
        padding-top: 50px;
    }
    .vcns_item a {
        text-align: center;
        font-size: 22px;
        line-height: 120%;
        justify-content: center;
    }
    .vcns_item a:after {
        display: none;
    }
    .contcat_wrap,
    .right_contact_image,
    .contact_item {
        flex-wrap: wrap;
    }
    .contact_item {
        gap: 24px;
        padding-bottom: 20px;
    }
    .contact_name {
        font-size: 24px;
    }
    .right_contact_item {
        margin-bottom: 20px;
    }
    .contact_desc,
    .contact_name {
        width: 100%;
    }
    .desc_event_popular_item {
        position: relative;
    }
    .desc_event_popular_item {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        padding: 30px 20px 20px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
        border-radius: 0px 0px 12px 12px;
        top: -10px;
        z-index: 0;
    }
    .image_event_item {
        z-index: 1;
    }
    .top_badge_item {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        text-align: center;
        flex-wrap: wrap;
    }
    .name_event_popular_item {
        font-size: 24px;
        text-align: center;
        color: #201B1B;
    }
    .top_badge_item span {
        display: flex;
        padding: 3px 12px;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        background: white;
        border: 1px solid #201B1B;
    }
    .top_badge_format {
        border: 1px solid #201B1B;
        color: #201B1B;
    }
    .text_no_search {
        font-size: 22px;
    }
    .demo_wrapper {
        flex-wrap: wrap;
    }
    .demo_item {
        width: 100%;
    }
    .name_course {
        font-size: 32px;
        text-align: center;
    }
    .demo_inner_wrapper .item {
        max-width: 100%;
        padding: 15px;
    }
    #course .tag {
        font-size: 14px;
    }
    .num.is-desktop {
        font-size: 24px;
    }
    .rev_clist__citem {
        width: 100%
    }
    h1.stitle_rev_item {
        font-size: 29px;
        max-width: 100%;
    }
    .desc_rev_item.white {
        font-size: 18px;
    }
    #top_blog ul {
        gap: 10px;
        row-gap: 10px;
        grid-row-gap: 10px;
    }
    .main_bg ul.bcrumbs li span {
        font-size: 17px;
    }
    .vlist__vitem {
        width: 100% !important;
        margin-top: 4% !important;
    }
    .vitem__prog {
        left: 0px !important;
        padding-left: 0px !important
    }
    .vitem__entry {
        margin-left: 0px !important
    }
    ul.topmenu li:first-child {
        margin-top: 0px;
    }
    .rev_citem__name {
        font-size: 21px;
    }
    .popup-search.is-active {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100vh;
        width: 80%;
        margin: 0 auto;
    }
    .popup-search .button {
        right: auto;
    }
    .overlay#overlay .close {
        position: absolute;
        top: 9px;
        right: 15px;
        width: 30px;
        height: 30px;
        background-color: #f5f5f5;
        border-radius: 100%;
        cursor: pointer;
    }
    .main_bg ul.bcrumbs li span a:after {
        right: 10px;
        top: -2px;
    }
    .right_contact_image img {
        max-width: 33px;
    }
    .right_contact_item:nth-child(2) .right_contact_image img {
        margin-top: 20px;
    }
    .main_bg ul.bcrumbs li a {
        display: flex;
    }
    ul.bcrumbs li {
        min-height: 29px;
    }
    .filter-wrapper .btn_all {
        padding: 12px 24px 12px 30px;
    }
    .small_gap .main_bg_wrapp {
        gap: 10px;
        column-gap: 10px;
        -moz-column-gap: 10px;
        -webkit-column-gap: 10px;
        grid-column-gap: 10px;
    }
    .market {
        margin: 0 auto;
    }
    #license h2 {
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        /* 39.6px */
        letter-spacing: -0.72px;
    }
    .hidd_cab_menu,
    .contact_list_top_menu {
        right: 15px;
        top: 60px;
        width: 200px;
    }
    .hidd_cab_menu a,
    .contact_list_top_menu a {
        font-size: 14px;
        padding: 8px 12px;
    }
    .popup-search .search_wrap {
        display: flex;
        padding: 8px 8px 8px 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-radius: 8px;
        background: #FFF;
        box-sizing: border-box;
    }
    .popup-search.is-active {
        top: 0px;
    }
    .popup-search.is-active .form .search_wrap .inputbox {
        width: 100%;
        box-shadow: none;
    }
    .popup-search .form .search_wrap .inputbox input {
        background: transparent;
    }
    .popup-search.is-active .form .search_wrap .button {
        margin: 0px;
    }
    .main_bg .search-form .input {
        padding: 18px 15px;
        min-height: 42px;
        max-height: 50px;
    }
    #blog-couch {
        padding-top: 0px;
    }
    #blog-psyhology.mb-20 {
        margin-bottom: 0px !important;
    }
    #map {
        width: auto;
    }
    .social_item {
        width: 100%;
        flex: auto;
    }
    .sk{
        justify-content: center;
    }

}


/*Fix close Tree (DELETE 1.1.24)*/

.christmastree_popup.form .close {
    text-align: right;
}

div#CUSTOM_TB {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.sticky-topbar+div#CUSTOM_TB {
    z-index: 9;
    opacity: 1;
}

@media (min-width: 1200px) {
    #CUSTOM_TB .header__under-topbar-btn {
        color: #FFF;
        font-family: Jost;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        width: 235px;
        text-align: center;
    }
    #CUSTOM_TB .header__under-topbar-text {
        color: #323232;
        font-family: Jost;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-right: 200px;
    }
}

@media (max-width: 1200px) {
    #CUSTOM_TB .header__under-topbar-btn {
        color: #FFF;
        font-family: Jost;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 94px;
        height: 37px;
        min-height: 37px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        position: relative;
        margin-bottom: 0px;
        min-width: 94px;
        max-width: 94px;
        box-sizing: border-box;
        padding: 0px;
    }
    #CUSTOM_TB .header__under-topbar-text {
        font-family: Jost;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        /* 114.286% */
        text-align: left;
        margin-right: 16px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: fit-content;
        width: 188px;
    }
    div#CUSTOM_TB {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: center;
        height: 50px;
        align-items: center;
        padding-right: 30px;
        max-width: 100%;
        zoom: 1;
        box-sizing: border-box;
    }
    #CUSTOM_TB .header__under-topbar-close {
        right: 15px;
        top: 18px;
    }
}

span.blog-date {
    color: #DDD;
    font-family: Jost;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.desc_blog_item {
    gap: 16px;
    column-gap: 16px;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
}

.popular_blog_wrap .small .desc_blog_item {
    gap: 8px;
    column-gap: 8px;
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
}

.popular_blog_wrap .small .desc_blog_item span.blog-date {
    color: #999;
    font-family: Jost;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

span.blog-date {
    color: #999;
}

.popular_blog_wrap .medium .desc_blog_item span.blog-date,
.popular_blog_wrap .big .desc_blog_item span.blog-date {
    color: #ddd
}

.prop-points {
    display: flex;
    align-items: center;
}

.prop-points svg {
    margin-right: 8px;
}

.prop-points span {
    color: #201B1B;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
}
@media (max-width: 360px) {
    #main-slider h2 {
        font-size: 34px;
    }
}