/*Variables*/
:root {
    --black: #000000;
    --white: #ffffff;
    --blue: #202EE2;
    --light: #F3F6FF;
}

/*Main style*/
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

html body {
    font-family: 'Raleway', sans-serif;
    box-sizing: border-box;
    color: var(--black);
    margin: 0;
    padding: 0;
}

button:active,
button:focus {
    outline: none;
}

button::-moz-focus-inner {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

p {
    display: block;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

a, button, input {
    outline: none;
}

.container {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container-fluid {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap;
}

.col-lg-12,
.col-lg-6,
.col-md-4 {
    padding-right: 20px;
    padding-left: 20px;
}

.col-lg-12 {
    width: 100%;
    max-width: 1520px;
}

.col-md-4 {
    width: 100%;
    max-width: calc(33.3333% - 40px);
}

.display__none {
    display: none;
}

/* Style the tab content */
.tab_content {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    margin-top: 101px;
}

.tab_content_become {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    padding-top: 101px;
}

.tab_content_evaluation {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    margin-top: 50px;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*UiKit style*/
a.line__blue {
    border: 1px solid var(--blue);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--blue);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

a.line__blue svg {
    margin-left: 10px;
}

a.line__blue svg path {
    fill: var(--blue);
    transition: ease 300ms;
}

a.line__blue:hover {
    background: var(--blue);
    color: var(--white);
    transition: ease 300ms;
}

a.line__blue:hover svg path {
    fill: var(--white);
    transition: ease 300ms;
}

a.bg__blue {
    background: var(--blue);
    border: 1px solid var(--blue);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--white);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

a.bg__blue:hover {
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
    transition: ease 300ms;
}

button.bg__blue {
    background: var(--blue);
    border: 1px solid var(--blue);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--white);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 162px;
    transition: ease 300ms;
}

button.bg__blue:hover {
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
    transition: ease 300ms;
}

a.bg__white {
    background: var(--white);
    border: 1px solid var(--white);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--blue);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

a.bg__white:hover {
    background: transparent;
    color: var(--white);
    transition: ease 300ms;
}

a.line__white {
    background: transparent;
    border: 1px solid var(--white);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--white);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

a.line__white:hover {
    background: var(--white);
    color: var(--blue);
    transition: ease 300ms;
}

.social__link {
    display: flex;
    align-items: center;
}

.social__link a {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 20px;
    text-decoration: none;
}

.social__link a:first-child {
    margin-left: 0;
}

.social__link a:last-child {
    margin-right: 0;
}

.social__link a.fb {
    background: #3B5998;
    transition: ease 300ms;
}

.social__link a.tw {
    background: #55ACEE;
    transition: ease 300ms;
}

.social__link a.tl {
    background: #37AEE2;
    transition: ease 300ms;
}

.social__link a.ln {
    background: #F89F49;
    transition: ease 300ms;
}

.social__link a.fb:hover,
.social__link a.tw:hover,
.social__link a.tl:hover,
.social__link a.ln:hover {
    background: var(--blue);
    transition: ease 300ms;
}

a.grey__link {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 142%;
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    transition: ease 300ms;
}

a.grey__link:hover {
    color: var(--blue);
    transition: ease 300ms;
}


a.black__link {
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    align-items: center;
    color: var(--black);
    text-decoration: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

a.black__link:before {
    content: '';
    width: 0;
    height: 2px;
    background: var(--blue);
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: ease 300ms;
}

a.black__link:hover:before {
    width: 100%;
    transition: ease 300ms;
}


.top__line_menu a {
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    align-items: center;
    color: var(--black);
    text-decoration: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.top__line_menu a:before {
    content: '';
    width: 0;
    height: 2px;
    background: var(--blue);
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: ease 300ms;
}

.top__line_menu a:hover:before {
    width: 100%;
    transition: ease 300ms;
}

.nav.nav-pills {
    margin-bottom: 101px !important;
    display: flex;
    justify-content: space-between;
}

button.nav_circle_link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 84px;
    border-radius: 84px;
    background: var(--white);
    border: 2px solid var(--white);
    transition: ease 300ms;
}

button.nav_circle_link:hover {
    background: var(--blue);
    border: 2px solid var(--blue);
    transition: ease 300ms;
}

button.nav_circle_link.active {
    border: 2px solid var(--blue);
}

button.nav_circle_link.active:hover {
    background: var(--white);
}

button.nav_circle_link.active span:hover {
    cursor: inherit;
}

button.nav_circle_link span {
    position: absolute;
    top: -2px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 142%;
    transition: ease 300ms;
    width: 84px;
    cursor: pointer;
    padding-top: 95px;
     display: flex;
     justify-content: center;
    align-items: flex-start;
}

button.nav_circle_link span:hover {
    color: var(--blue);
    transition: ease 300ms;
}

button.nav_circle_link.active span {
    color: var(--blue);
    transition: ease 300ms;
}

button.nav_circle_link svg path {
    transition: ease 300ms;
}

button.nav_circle_link:hover svg path {
    fill: var(--white);
    transition: ease 300ms;
}

button.nav_circle_link.active:hover svg path {
    fill: var(--blue);
}


/*Page style*/
header {
    width: 100%;
    height: auto;
    min-height: 72px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--light);
}

.top__line {
    display: flex;
    justify-content: space-between;
}

.top__line_menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.top__line_menu ul li {
    list-style-type: none;
    margin-right: 40px;
}

.top__line_menu ul li:last-child {
    margin-right: 0;
}

.top__line_menu ul li a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    align-items: center;
    color: var(--black);
}

.top__line_menu ul li:last-child a:hover:before {
    display: none;
}

.school__one {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 863px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    z-index: 2;
}

.school__one_head {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 663px;
}

.school__one_head h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 52px;
    line-height: 130%;
}

.school__one_link {
    position: relative;
    margin-top: 55px;
    z-index: 2;
}

.school__one_link ul {
    margin: 0;
    padding: 0;
}

.school__one_link ul li {
    list-style-type: none;
}

.school__one_image {
    width: 100%;
    max-width: 1212px;
    height: auto;
    min-height: 863px;

    display: flex;
    justify-content: center;
    align-items: center;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;

    position: absolute;
    top: 0;
    right: -200px;
    z-index: 1;
}

.accustomed {
    margin-top: 84px;
}

.accustomed__head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 49px;
}

.accustomed__slag {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 142%;
    color: #6D6D6D;
    margin-bottom: 35px;
}

.accustomed__info {
    position: relative;
    padding: 20px 20px 20px 90px;
    height: auto;
    min-height: 176px;
    margin-bottom: 75px;
    margin-top: 40px;
}

.accustomed__info:before {
    content: '';
    width: 167px;
    height: 167px;
    border-radius: 50%;
    background: var(--light);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.accustomed__info_icon {
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 2;
}

.accustomed__info_text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    padding-top: 5px;
}

.blue__block {
    background: var(--blue);
    padding: 54px 0 70px;
    margin-bottom: 170px;
}

.blue__block_head {
    width: 100%;
    max-width: 844px;
    margin: 0 auto;
}

.blue__block_head h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 152.8%;
    color: var(--white);
    margin: 0;
}

.blue__block_text {
    width: 100%;
    max-width: 844px;
    margin: 10px auto 0;
}

.blue__block_text p {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 155%;
    color: var(--white);
    margin: 0;
}

.tabs {
    width: 100%;
    max-width: 863px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tab__info {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;
}

.tab__info_head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 129.4%;
    color: var(--blue);
}

.tab__info_text {
    margin-bottom: 25px;
    margin-top: 20px;
}

.tab__info_text p {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin-bottom: 18px;
}

.become__better {
    width: 100%;
    max-width: 700px;
    margin: 187px auto 0;
}

.become__better_head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
}

.tabs_become__better {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 250px;
}

.tabs_become__better ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.tabs_become__better ul li {
    list-style-type: none;
    width: calc(50% - 23px);
    display: flex;
}

.become__better_tabs {
    width: 100%;
    max-width: 1290px;
    margin: 58px auto 0;
}

a.tab_links_become {
    border: none;
    background: var(--light);
    padding: 50px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    transition: ease 300ms;
    text-decoration: none;
    color: var(--black);
}


.tab_links_become:hover {
    background: var(--blue);
    transition: ease 300ms;
    cursor: pointer;
}

.become_num {
    position: relative;

    display: flex;
    width: 150px;
    height: 150px;

    background-repeat: no-repeat;
    background-position: top left;
}

.become_info {
    width: calc(100% - 150px);
}

.become_ico {
    position: absolute;
    top: 50px;
    right: 50px;
}

.become_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.become_head {
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 142%;
    transition: ease 300ms;
}

.become_text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 155%;
    margin-top: 6px;
    transition: ease 300ms;
}

.tab_links_become:hover > .become_num > .become_ico.s1 > svg > path {
    stroke: var(--white);
    fill: var(--white);
    transition: ease 300ms;
}

.tab_links_become:hover > .become_num > .become_ico.s1 > svg > path:last-child {
    fill: none;
    transition: ease 300ms;
}

.tab_links_become:hover > .become_num > .become_ico.s2 > svg > path {
    stroke: var(--white);
    fill: var(--white);
    transition: ease 300ms;
}

.tab_links_become > .become_num > .num > svg > path {
    transition: ease 300ms;
}

.tab_links_become:hover > .become_num > .num > svg > path {
    fill: #636deb;
    transition: ease 300ms;
}

.tab_links_become:hover > .become_info .become_head,
.tab_links_become:hover > .become_info .become_text {
    color: var(--white);
    transition: ease 300ms;
}

.tab_links_become.active {
    background: var(--blue);
    transition: ease 300ms;
}

.tab_links_become.active > .become_num > .become_ico.s1 > svg > path {
    stroke: var(--white);
    fill: var(--white);
    transition: ease 300ms;
}

.tab_links_become.active > .become_num > .become_ico.s1 > svg > path:last-child {
    fill: none;
    transition: ease 300ms;
}

.tab_links_become.active > .become_num > .become_ico.s2 > svg > path {
    stroke: var(--white);
    fill: var(--white);
    transition: ease 300ms;
}

.tab_links_become.active > .become_info .become_head,
.tab_links_become.active > .become_info .become_text {
    color: var(--white);
    transition: ease 300ms;
}

.tab_content_become {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;
}

.tab_content_become_head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 47px;
}

.tab_content_become_text {
    margin-top: 40px;
}

.tab_content_become_text p {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin: 0 auto 15px;
}

.areas__evaluation_head {
    width: 100%;
    max-width: 648px;
    margin: 50px auto 0;
}

.areas__evaluation_head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}

.areas__evaluation_tabs {
    width: 100%;
    max-width: 1286px;
    margin: 38px auto 0;
}

.tab_evaluation {
    background: var(--light);
}

button.tab_links_evaluation {
    position: relative;
    background: var(--light);
    width: calc(25% + -2px);
    height: auto;
    min-height: 152px;
    margin: -1px;
    border: none;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 142%;
    text-align: center;
    transition: ease 300ms;
}

button.tab_links_evaluation:before {
    content: '';
    width: 2px;
    height: 131px;
    background: #DCDCEE;
    position: absolute;
    top: 10px;
    right: -2px;
    z-index: 2;
}

button.tab_links_evaluation:last-child:before {
    display: none;
}

button.tab_links_evaluation.active {
    background: var(--blue);
    color: var(--white);
    transition: ease 300ms;
}

button.tab_links_evaluation:hover {
    background: var(--blue);
    color: var(--white);
    transition: ease 300ms;
}

.tab_content_evaluation_text {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;

    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
}

.video {
    position: relative;

    width: 100%;
    max-width: 847px;
    height: auto;
    min-height: 533px;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 105px auto 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.video:before {
    content: '';
    position: absolute;
    width: 176px;
    height: 72px;
    background: var(--blue);
    transform: rotate(-135deg);
    top: -50px;
    left: -100px;
}

.video:after {
    content: '';
    position: absolute;
    width: 176px;
    height: 72px;
    background: var(--blue);
    transform: rotate(135deg);
    top: -50px;
    right: -100px;
}

.tools {
    width: 100%;
    max-width: 623px;
    margin: 118px auto 0;
}

.tools__head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}

.tools__text {
    margin-top: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
}

.experts__head {
    width: 100%;
    max-width: 623px;
    margin: 50px auto 0;
}

.experts__head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 155%;
}

.experts__info {
    width: 100%;
    max-width: 844px;
    margin: 24px auto 0;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.experts__info_cart {
    position: relative;
    width: calc(50% - 20px);
    height: auto;
    min-height: 204px;
    background: var(--light);
    margin-bottom: 30px;
    padding: 15px 20px 15px 35px;

    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 155%;
    box-sizing: border-box;
}

.experts__info_cart::before {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid var(--blue);
    display: block;
    position: absolute;
    top: 24px;
    left: 16px;
    box-sizing: border-box;
}

.result {
    margin: 85px auto 0;
    width: 100%;
    max-width: 623px;
}

.result__head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}

.result__text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin-top: 30px;
    margin-bottom: 170px;
}

.light__block {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;
}

.light__block h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 130%;
}

.light__block_head h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
    margin-top: 60px;
}

.light__block_text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin-top: 25px;
}

.instruction {
    padding: 57px 0;
    background: var(--blue);
    margin: 50px auto 0;
}

.instruction__info {
    width: 100%;
    max-width: 663px;
    margin: 0 auto;
}

.instruction__info_head {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 155%;
    text-align: center;
    color: var(--white);
}

.instruction__info_link {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.instruction__info_link a {
    margin: 0 10px;
}

.light__block_after {
    margin-top: 50px;
}

.light__block_after p {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin-bottom: 15px;
}

.light__block_after p:last-child {
    margin-bottom: 0;
}

.self__assessment {
    margin-top: 60px;
}

.self__assessment_head {
    width: 100%;
    max-width: 623px;
    margin: 0 auto;
}

.self__assessment_head h4 {
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 155%;
}

.self__assessment_info {
    width: 100%;
    max-width: 844px;
    margin: 24px auto 0;
}

.self__assessment_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.self__assessment_info-block {
    position: relative;
    width: 100%;
    max-width: 402px;
    height: auto;
    min-height: 140px;
    background: var(--white);

    padding: 42px 20px;
    margin-bottom: 30px;

    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;

    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 155%;
}

.self__assessment_info-block svg {
    position: absolute;
    top: 10px;
    left: calc(50% - 157px);
}

.result_light {
    margin-top: 60px;
}

.result_light__head h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}

.result_light__text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    margin-top: 30px;
}

.form__head h2 {
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 49px;
}

.form__slag {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 142%;
    color: #6D6D6D;
    text-align: center;
    margin-top: 3px;
}

.form form {
    width: 100%;
    max-width: 844px;
    margin: 40px auto 0;
    border-bottom: 2px solid var(--blue);
    padding-bottom: 80px;
}

.form-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

input.form-control {
    width: 100%;
    min-width: 494px;
    height: auto;
    min-height: 57px;
    border-radius: 57px;
    border: none;
    background: var(--light);
    padding: 0 175px 0px 29px;
    box-sizing: border-box;
}

.form-row {
    position: relative;
}

button.bg__blue {
    position: absolute;
    top: 4px;
    right: 6px;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
}

.share {
    margin-top: 40px;
}

.share__head {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    text-align: center;
}

.share__link {
    display: flex;
    justify-content: center;
    margin-top: 23px;
}

.useful {
    position: relative;
    padding: 100px 0 75px;
    background: var(--blue);
    width: 100%;
    max-width: 1147px;
    margin: 205px auto 0;
}

.useful:before {
    content: '';
    position: absolute;
    width: 176px;
    height: 72px;
    left: -100px;
    top: -50px;
    background: var(--light);
    transform: rotate(-135deg);
}

.useful:after {
    content: '';
    position: absolute;
    width: 176px;
    height: 72px;
    right: -100px;
    top: -50px;
    background: var(--light);
    transform: rotate(135deg);
}

.useful__head {
    width: 100%;
    max-width: 631px;
    margin: 0 auto 45px;
}

.useful__head h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
    color: var(--white);
}

.useful__block {
    width: 100%;
    max-width: 623px;
    margin: 30px auto 0;
}

.useful__block_head {
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 152.8%;
    color: var(--white);
}

.useful__block_text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 155%;
    color: var(--white);
    margin-top: 5px;
}

footer {
    padding: 20px 0 12px;
    border-top: 2px solid #F5F5F9;
    border-bottom: 2px solid #F5F5F9;
    margin-bottom: 65px;
}

.footer__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__info_logo {
    width: 40%;
}

.footer__info_maes {
    width: 100%;
    max-width: 278px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__info_text {
    width: calc(60% - 368px);

    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 152.8%;
}

.footer__copy {
    display: flex;
}

.footer__copy_text {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 142%;
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    margin-right: 50px;
}

.footer__copy_link {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 142%;
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.popup {
    width: 100%;
    height: auto;
    min-height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #181818;

    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2;
    -webkit-animation: fadeEffect 300ms;
    animation: fadeEffect 300ms;
}

.popup.active {
    display: flex;
    -webkit-animation: fadeEffect 300ms;
    animation: fadeEffect 300ms;
}

.popup__video {
    position: relative;
    width: 100%;
    max-width: 1306px;
    height: calc(100% - 280px);
}


.popup__close {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #6D6F72;

    position: absolute;
    right: 0;
    top: -96px;
    cursor: pointer;
}

.popup__close:before {
    content: '';
    width: 33px;
    height: 4px;
    background: #181818;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: 25px;
    left: 10px;
}

.popup__close:after {
    content: '';
    width: 33px;
    height: 4px;
    background: #181818;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 25px;
    left: 10px;
}

.popup__video iframe {
    width: 100%;
    height: 100%;
    min-height: calc(100% - 280px);
    border: none;
}

.top__line_mobi {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
}

.top__line_mobi a span {
    width: 30px;
    height: 4px;
    background: var(--blue);
    display: block;
    margin: 4px 0;
}

.mobile__menu {
    justify-content: center;
    align-items: center;

    width: 100%;
    height: auto;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--blue);
    z-index: 3;

    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.mobile__menu.active {
    display: flex;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.mobile__menu_menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile__menu_menu ul li {
    list-style-type: none;
    margin-bottom: 31px;
}

.mobile__menu_menu ul li:last-child {
    margin-top: 65px;
}

.mobile__menu_menu ul li a {
    position: relative;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 142%;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: var(--white);
}

.mobile__menu_menu ul li a:before {
    content: '';
    width: 0;
    height: 2px;
    background: var(--white);
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: ease 300ms;
}

.mobile__menu_menu ul li a:hover:before {
    width: 100%;
    transition: ease 300ms;
}

.mobile__menu_menu ul li:last-child a:before {
    display: none;
}

.mobile__menu_menu-btn a {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    background: var(--light);

    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 3;

    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile__menu_menu-btn a:before {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    background: #202EE2;
    transform: rotate(45deg);

    position: absolute;
}

.mobile__menu_menu-btn a:after {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    background: #202EE2;
    transform: rotate(-45deg);
    position: absolute;
}


/*Fix style*/
a.line__white:visited {
    color: var(--white);
}

a.line__white:visited:hover {
    color: var(--blue);
}

a.bg__white:visited {
    color: var(--blue);
}

a.bg__white:visited:hover {
    color: var(--white);
}


.top__line_logo a img {
    width: 161px;
    height: auto;
}

@media (max-width: 767px) {
    .top__line_logo a img {
        width: 111px;
    }
}

.become_head {
    color: var(--black);
}

.become_text {
    color: var(--black);
}

.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control.wpcf7-not-valid {
    background: #FFE6E6;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    left: 19px;
    top: 40px;
    color: #AC2C2C;
}

.wpcf7 form .wpcf7-response-output {
    display: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}

.form {
    position: relative;
    width: 100%;
    max-width: 844px;
    margin: 0 auto;
}

.thanks {
    width: 100%;
    height: auto;
    min-height: 293px;
    background: #F3F6FF;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;

    font-style: normal;
    font-weight: 800;
    font-size: 35px;
    line-height: 142%;
    color: #000000;
}

.thanks.active {
    display: flex;
}

#thanks_closed {
    position: absolute;
    top: 20px;
    right: 20px;
}

.footer__info_logo a img {
    width: 100%;
    max-width: 161px;
}

.mobile__menu_menu ul.list-a li:last-child a {
    background: transparent;
    border: 1px solid var(--white);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--white);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

.top__line_menu ul.list-a li:last-child a {
    background: transparent;
    border: 1px solid var(--blue);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 142%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--blue);
    text-decoration: none;
    padding: 12px 29px;
    border-radius: 47px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: ease 300ms;
}

.mobile__menu_menu ul.list-a li:last-child a:hover {
    background: var(--white);
    color: var(--blue);
    transition: ease 300ms;
}

.top__line_menu ul.list-a li:last-child a:hover {
    background: var(--blue);
    color: var(--white);
    transition: ease 300ms;
}

.accustomed__slag {
    margin-bottom: 45px;
}

.accustomed__info {
    padding: 20px 20px 20px 84px;
    min-height: 127px;
    margin-top: 30px;
}

#myths .row .col-md-4:nth-child(3) .accustomed__info .accustomed__info_icon {
    left: -15px;
}

#myths .row .col-md-4:nth-child(7) .accustomed__info .accustomed__info_icon {
    left: -15px;
}

.blue__block {
    background: var(--blue);
    padding: 54px 0 70px;
    margin-bottom: 170px;
    margin-top: 97px;
}

input.form-control {
    font-size: 18px;
}

.form-group {
    position: relative;
}

/*Медиазапросы*/
@media (max-width: 1439px) {

    .blue__block {
        margin-bottom: 170px;
    }

    .container {
        max-width: calc(100% - 80px);
    }

    .school__one {
        min-height: 629px;
    }

    .school__one_image {
        min-height: 629px;
        max-width: 884px;
        right: -40px;
    }

    .school__one_image a img {
        width: 67px;
        height: 67px;
    }

    .accustomed {
        margin-top: 120px;
    }

    .blue__block {
        max-width: 1150px;
        margin: 0 auto;
    }

    .tabs {
        max-width: 668px;
    }

    .instruction {
        max-width: 1150px;
    }

    .useful:before {
        left: 24px;
    }

    .useful:after {
        right: 24px;
    }

    .popup__video {
        height: calc(100% - 240px);
    }

    .popup__video iframe {
        min-height: calc(100% - 240px);
    }

    .popup__close {
        width: 34px;
        height: 34px;
        top: -55px;
    }

    .popup__close::before {
        width: 20px;
        height: 3px;
        top: 16px;
        left: 7px;
    }

    .popup__close::after {
        content: '';
        width: 20px;
        height: 3px;
        top: 16px;
        left: 7px;
    }

    .blue__block {
        margin-bottom: 175px;
    }

    .footer__info_logo {
        width: calc(40% - 40px);
    }

    .footer__info_maes {
        margin-right: 40px;
    }

    .footer__info_text {
        width: calc(60% - 284px);
    }

    footer {
        margin-bottom: 30px;
    }
}

@media (max-width: 1365px) {
    .tab_content_become_head h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .school__one_head {
        max-width: 525px;
    }

    .thanks.active {
        font-size: 30px;
    }

    .school__one_head h1 {
        font-size: 40px;
    }

    .school__one_link {
        margin-top: 40px;
    }

    .school__one {
        min-height: 469px;
    }

    .school__one_image {
        min-height: 469px;
        max-width: 659px;
        right: -40px;
    }

    .accustomed {
        margin-top: 110px;
    }

    .accustomed__info {
        padding: 20px 10px 0 60px;
        min-height: 160px;
        margin-bottom: 24px;
        margin-top: 0;
    }

    .accustomed__slag {
        margin-bottom: 60px;
        font-size: 16px;
    }

    .accustomed__info::before {
        width: 124px;
        height: 124px;
    }

    .accustomed__info_icon {
        left: -10px;
    }

    .accustomed__info_icon img {
        width: 90%;
    }

    .accustomed__info_text {
        font-size: 18px;
    }

    .blue__block {
        margin-top: 125px;
        max-width: 850px;
        margin-bottom: 150px;
    }

    .blue__block_head {
        max-width: 680px;
    }

    .blue__block_text {
        max-width: 680px;
    }

    .tabs {
        max-width: 580px;
    }

    a.tab_links_become {
        padding: 40px;
    }

    .become_num {
        background-size: contain;
        width: 90px;
        height: 80px;
    }

    .become_ico {
        right: 20px;
        top: 30px;
    }

    .become_ico svg {
        width: 55px;
    }

    .tab_content_become {
        margin: 80px auto 0;
    }

    button.tab_links_evaluation {
        font-size: 18px;
        min-height: 112px;
    }

    button.tab_links_evaluation::before {
        height: 92px;
    }

    .video {
        max-width: 780px;
        min-height: 490px;
    }

    .experts__info {
        max-width: 623px;
    }

    .experts__info_cart {
        min-height: 238px;
        padding: 15px 15px 15px 35px;
        font-size: 17px;
    }

    .result__text {
        margin-bottom: 120px;
    }

    .instruction {
        max-width: 842px;
    }

    .self__assessment_info {
        max-width: 623px;
    }

    .self__assessment_info-block {
        max-width: 295px;
        font-size: 16px;
    }

    .self__assessment_info-block svg {
        width: 260px;
        left: calc(50% - 130px);
    }

    .useful {
        max-width: 844px;
    }

    .useful__head h2 {
        font-size: 40px;
        line-height: 47px;
    }

    .useful__block_head {
        font-size: 23px;
    }

    .useful__block_text {
        font-size: 18px;
    }

    .footer__info_logo {
        width: 30%;
    }

    .footer__info_maes {
        max-width: 230px;
    }

    .footer__info_maes a img {
        width: 90%;
    }

    .footer__info_text {
        width: calc(70% - 265px);
    }

    .popup__video {
        padding: 0 15px;
        min-height: 443px;
    }

    .popup__video iframe {
        min-height: 443px;
    }

    .popup__close {
        right: 15px;
    }

    .num svg {
        height: 85px;
    }

    .blue__block {
        margin-bottom: 150px;
    }

    .footer__info_logo {
        width: calc(40% - 50px);
    }

    .footer__info_maes {
        margin-right: 30px;
    }

    .footer__info_maes img {
        width: 43%;
    }

    .footer__info_text {
        width: calc(60% - 214px);
    }

    footer {
        margin-bottom: 30px;
    }

    .school__one_head h1 {
        font-size: 42px;
    }

    .accustomed__info {
        padding: 20px 20px 20px 64px;
        min-height: 127px;
        margin-top: 30px;
    }

    .accustomed__head h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .blue__block_head h2 {
        font-size: 28px;
    }

    .blue__block_text p {
        font-size: 21px;
    }

    .self__assessment_info-block svg {
        width: 315px;
        left: calc(50% - 130px);
    }
}

@media (max-width: 1023px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
        max-width: calc(100% - 60px);
    }
    .row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .col-lg-12, .col-lg-6, .col-md-4 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .tab_content_become_head h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .school__one_head {
        max-width: 380px;
    }

    .thanks.active {
        font-size: 24px;
    }

    .school__one {
        min-height: 365px;
    }

    .school__one_head h1 {
        font-size: 30px;
        line-height: 120%;
    }

    .school__one_link {
        margin-top: 45px;
    }

    .school__one_image {
        min-height: 365px;
        max-width: 514px;
        right: -40px;
        background-size: cover !important;
    }

    a.line__blue {
        padding: 10px 18px;
        border-radius: 44px;
    }

    .accustomed {
        margin-top: 120px;
    }

    .accustomed__head h2 {
        font-size: 27px;
        line-height: 32px;
    }

    .accustomed__slag {
        margin-bottom: 40px;
        font-size: 14px;
    }

    .accustomed__info_icon img {
        width: 52%;
    }

    .accustomed__info::before {
        width: 94px;
        height: 94px;
    }

    .accustomed__info_text {
        font-size: 14px;
    }

    .accustomed__info {
        padding: 20px 10px 0 45px;
        min-height: 120px;
        margin-bottom: 38px;
    }

    .blue__block {
        margin-top: 82px;
        max-width: 850px;
        margin-bottom: 120px;
    }

    .blue__block_head {
        max-width: 586px;
    }

    .blue__block_head h2 {
        font-size: 21px;
    }

    .blue__block_text {
        max-width: 586px;
    }

    .blue__block_text p {
        font-size: 18px;
    }

    button.nav_circle_link span {
        font-size: 16px;
        height: 122px;
    }

    .tab__info_head h2 {
        font-size: 27px;
    }

    .tab__info_text p {
        font-size: 14px;
    }

    .become__better {
        margin: 120px auto 0;
    }

    .become__better_head h2 {
        font-size: 27px;
    }

    .become_num {
        background-size: contain;
        width: 63px;
        height: 58px;
        margin-right: 10px;
    }

    .become_ico svg {
        width: 40px;
    }

    .become_ico {
        right: 5px;
        top: 16px;
    }

    .tabs_become__better ul li {
        width: calc(50% - 10px);
    }

    a.tab_links_become {
        padding: 27px;
        min-height: 174px;
    }

    .become_info {
        width: calc(100% - 75px);
    }

    .become_head {
        font-size: 18px;
    }

    .become_text {
        font-size: 14px;
    }

    .tab_content_become_head h2 {
        font-size: 30px;
    }

    .tab_content_become {
        margin: 50px auto 0;
        max-width: 585px;
    }

    .tab_content_become_text {
        margin-top: 20px;
    }

    .tab_content_become_text p {
        font-size: 14px;
    }

    .areas__evaluation_head h2 {
        font-size: 24px;
        text-align: center;
    }

    button.tab_links_evaluation {
        font-size: 14px;
        min-height: 84px;
    }

    button.tab_links_evaluation::before {
        height: 64px;
    }

    .tab_content_evaluation_text {
        font-size: 14px;
        max-width: 585px;
    }

    .video {
        max-width: 585px;
        min-height: 367px;
    }

    .video::before {
        content: '';
        position: absolute;
        width: 117px;
        height: 48px;
        background: var(--blue);
        transform: rotate(-135deg);
        top: -25px;
        left: -50px;
    }

    .video::before {
        width: 117px;
        height: 48px;
        top: -25px;
        left: -60px;
    }

    .video::after {
        width: 117px;
        height: 48px;
        top: -25px;
        right: -60px;
    }

    .tools {
        max-width: 585px;
    }

    .tools__head h2 {
        font-size: 24px;
    }

    .tools__text {
        margin-top: 20px;
        font-size: 14px;
    }

    .experts__head {
        max-width: 585px;
        margin: 40px auto 0;
    }

    .experts__head h2 {
        font-size: 19px;
    }

    .experts__info {
        max-width: 585px;
    }

    .experts__info_cart {
        min-height: 174px;
        padding: 15px 10px 10px 33px;
        font-size: 14px;
    }

    .result {
        max-width: 585px;
    }

    .result__head h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .result__text {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 130px;
    }

    .light__block {
        max-width: 585px;
    }

    .light__block h2 {
        font-size: 30px;
    }

    .light__block_text {
        font-size: 14px;
        margin-top: 15px;
    }

    .light__block_head h3 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 70px;
    }

    .instruction__info_head {
        font-size: 18px;
    }

    .light__block_after p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .self__assessment_head {
        max-width: 585px;
    }

    .self__assessment_head h4 {
        font-size: 19px;
    }

    .self__assessment {
        margin-top: 30px;
    }

    .self__assessment_info {
        max-width: 585px;
    }

    .self__assessment_info-block {
        max-width: 283px;
        font-size: 14px;
        min-height: 134px;
    }

    .result_light__head h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .result_light__text {
        font-size: 14px;
        margin-top: 20px;
    }

    .form__head h2 {
        font-size: 30px;
        line-height: 35px;
    }

    input.form-control {
        min-width: inherit;
    }

    a.bg__blue {
        top: 4px;
        right: 168px;
    }

    .useful::before {
        width: 97px;
        height: 39px;
        top: -20px;
    }

    .useful::after {
        width: 97px;
        height: 39px;
        top: -20px;
    }

    .useful {
        margin: 155px auto 0;
    }

    .useful__head {
        max-width: 536px;
    }

    .useful__head h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .useful__block {
        max-width: 584px;
        margin: 20px auto 0;
    }

    .useful__block_head {
        font-size: 18px;
    }

    .useful__block_text {
        font-size: 14px;
    }

    .footer__info {
        justify-content: inherit;
    }

    .footer__info_text {
        width: 100%;
        max-width: 100%;
        margin-top: 16px;
        padding-left: 30%;
    }

    .footer__copy {
        margin-top: 15px;
    }

    .top__line_menu {
        display: none;
    }

    .top__line_mobi {
        display: flex;
    }

    .popup__video {
        min-height: 430px;
    }

    .popup__video iframe {
        min-height: 430px;
    }

    .popup__close {
        position: fixed;
        top: 30px;
        right: 20px;
    }

    .num svg {
        height: 60px;
    }

    .blue__block {
        margin-bottom: 120px;
    }

    .footer__info_text {
        width: 100%;
        margin-left: 264px;
        padding-left: 0;
    }

    .footer__info_logo {
        width: calc(40% - 25px);
    }

    footer {
        margin-bottom: 20px;
    }

    .tabs {
        max-width: 624px;
    }

    .experts__info_cart::before {
        top: 18px;
        left: 12px;
    }

    .instruction__info_link {
        margin-top: 43px;
    }

    .form__slag {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .container {
        padding-right: 20px;
        padding-left: 20px;
        max-width: calc(100% - 40px);
    }
    .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    .col-lg-12, .col-lg-6, .col-md-4 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .tab_content_become_head h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .thanks.active {
        font-size: 19px;
    }

    header {
        min-height: 58px;
        border-bottom: none;
    }

    .top__line_logo a img {
        width: 111px;
    }

    .top__line_mobi a span {
        width: 24px;
        height: 3px;
        margin: 3px 0;
    }

    .school__one {
        min-height: auto;
    }

    .school__one_head h1 {
        font-size: 22px;
        margin-top: 30px;
    }

    .school__one_link {
        margin-top: 20px;
    }

    .accustomed {
        margin-top: 90px;
    }

    .accustomed__head h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .col-md-4 {
        width: 100%;
        max-width: 100%;
    }

    .school__one_image {
        position: relative;
        min-height: 227px;
        right: 0;
        margin-top: 50px;
        background-size: cover !important;
        width: calc(100% + 40px);
        left: -20px;
        max-width: calc(100% + 40px);
        background-position: center center !important;
    }

    .accustomed__info {
        padding: 20px 10px 0 45px;
        min-height: 74px;
        margin-bottom: 38px;
    }

    .accustomed__info::before {
        width: 73px;
        height: 73px;
    }

    .accustomed__info_text {
        font-size: 12px;
    }

    .accustomed__info {
        padding: 10px 10px 0 35px;
        min-height: 74px;
        margin-bottom: 26px;
    }

    .blue__block {
        margin-top: 74px;
        margin-bottom: 100px;
        padding: 38px 15px;
    }

    .tab_links.nav_circle_link {
        width: 60px;
        height: 60px;
    }


    .tab_links.nav_circle_link svg {
        height: 60%;
    }

    button.nav_circle_link span {
        font-size: 12px;
        padding-top: 70px;
    }

    .tab_content {
        margin-top: 0;
    }

    .tab__info_head h2 {
        font-size: 20px;
    }

    .tab__info_text p {
        font-size: 12px;
    }

    .become__better {
        margin: 100px auto 0;
    }

    .become__better_head h2 {
        font-size: 20px;
    }

    .tabs_become__better ul li {
        width: 100%;
    }

    a.tab_links_become {
        padding: 15px;
        min-height: auto;
        margin-bottom: 15px;
    }

    .tab_content_become_head h2 {
        font-size: 20px;
    }

    .tab_content_become_text p {
        font-size: 12px;
    }

    .areas__evaluation_head h2 {
        font-size: 18px;
        text-align: center;
        line-height: 21px;
    }

    .tab_evaluation {
        display: flex;
        flex-wrap: wrap;
    }

    button.tab_links_evaluation {
        font-size: 14px;
        min-height: 84px;
        width: 50%;
    }

    .tab_content_evaluation_text {
        font-size: 12px;
    }

    .video {
        max-width: calc(100% - 88px);
        min-height: 145px;
    }

    .video::before {
        width: 46px;
        height: 20px;
        top: -15px;
        left: -25px;
    }

    .video::after {
        width: 46px;
        height: 20px;
        top: -15px;
        right: -25px;
    }

    .tools {
        margin: 70px auto 0;
    }

    .tools__head h2 {
        font-size: 18px;
    }

    .tools__text {
        margin-top: 15px;
        font-size: 12px;
    }

    .experts__info_cart {
        width: 100%;
        min-height: 140px;
        margin-bottom: 15px;
    }

    .experts__info_cart::before {
        top: 16px;
        left: 13px;
    }

    .result {
        margin: 55px auto 0;
    }

    .result__text {
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 100px;
    }

    .light__block h2 {
        font-size: 20px;
    }

    .light__block_text {
        font-size: 12px;
        margin-top: 15px;
    }

    .light__block_head h3 {
        font-size: 18px;
        line-height: 21px;
        margin-top: 50px;
    }

    .instruction__info_link {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .instruction__info_link a {
        margin: 0 0 15px;
    }

    .instruction__info_link a:last-child {
        margin: 0;
    }

    .instruction__info_head {
        font-size: 14px;
        display: flex;
        padding: 0 15px;
    }

    .light__block_after p {
        font-size: 12px;
        margin-bottom: 10px;
    }


    .self__assessment_head h4 {
        font-size: 14px;
    }

    .self__assessment_info-block {
        max-width: 100%;
        font-size: 12px;
        min-height: 132px;
    }

    .result_light__head h3 {
        font-size: 18px;
        line-height: 21px;
    }

    .result_light__text {
        font-size: 12px;
        margin-top: 18px;
    }

    .form__head h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .form__slag {
        font-size: 12px;
    }

    a.bg__blue {
        top: 0;
        right: 0;
        position: relative;
        margin-top: 13px;
    }

    .form-row {
        flex-direction: column;
    }

    input.form-control {
        padding: 0 29px;
    }

    .form form {
        padding-bottom: 47px;
    }

    .share__head {
        font-size: 12px;
    }

    .useful {
        padding: 58px 10px;
        width: calc(100% + 20px);
        margin-left: -20px;
        margin-top: 105px;
    }

    .useful::before {
        width: 43px;
        height: 17px;
        top: -10px;
    }

    .useful::after {
        width: 43px;
        height: 17px;
        top: -10px;
    }

    .useful__head h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .useful__block {
        padding: 0 15px;
        width: calc(100% - 30px);
    }

    .useful__block_head {
        font-size: 16px;
    }

    .useful__block_text {
        font-size: 12px;
    }

    .footer__info_logo {
        width: 100%;
    }

    .footer__info_maes {
        max-width: 188px;
        margin-top: 45px;
    }

    .footer__info_text {
        padding-left: 0;
    }

    .footer__copy_text {
        font-size: 11px;
    }

    .footer__copy_link {
        font-size: 11px;
    }

    a.grey__link {
        font-size: 11px;
    }

    .popup__video {
        min-height: 165px;
    }

    .popup__video iframe {
        min-height: 165px;
    }

    .popup__close {
        top: 20px;
    }

    .blue__block_head h2 {
        font-size: 16px;
    }

    .blue__block_text p {
        font-size: 14px;
    }

    .num svg {
        height: 50px;
        left: -13px;
        position: absolute;
    }

    .become_ico {
        right: 5px;
        top: 3px;
    }

    .become_num {
        margin-right: 18px;
    }

    .become_info {
        width: calc(100% - 85px);
    }

    .tab_content_become {
        margin: 0 auto;
        max-width: 585px;
        padding-top: 28px;
    }

    button.tab_links_evaluation:nth-child(1):after {
        content: '';
        display: block;
        height: 2px;
        width: 54px;
        position: absolute;
        left: calc(50% - 27px);
        top: 84px;
        background: #DCDCEE;
    }

    button.tab_links_evaluation:nth-child(2):before {
        height: 2px;
        width: 54px;
        position: absolute;
        left: calc(50% - 27px);
        top: 84px;
    }

    button.tab_links_evaluation {
        width: calc(50% - 2px);
        margin: 1px;
    }

    button.tab_links_evaluation:before {
        height: 57px;
        top: 14px;
    }

    button.bg__blue {
        position: relative;
        top: 13px;
        right: 0;
    }

    .form-group {
        width: 100%;
    }

    footer {
        margin-bottom: 13px;
    }

    .footer__copy {
        justify-content: space-between;
    }

    .accustomed__slag {
        margin-top: 5px;
    }

    .wpcf7-not-valid-tip {
        top: 6px;
        position: relative;
    }

    .blue__block {
        margin-bottom: 100px;
    }

    .footer__info_text {
        margin-left: 0;
    }

    footer {
        margin-bottom: 15px;
    }

    .instruction__info_link {
        margin-top: 32px;
    }

    #join {
        padding: 120px 0 70px !important;
    }

    input.form-control {
        font-size: 14px;
    }

    .footer__info_logo a img {
        max-width: 111px;
    }

    .form-group {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    button.bg__blue {
        font-size: 14px;
        width: 125px;
    }

    input.form-control {
        min-height: 47px;
        border-radius: 47px;
    }

    .social__link a {
        width: 39px;
        height: 39px;
        border-radius: 39px;
        margin-right: 15px;
    }

    .fb svg {
        height: 21px !important;
    }

    .tw svg {
        height: 15px !important;
    }

    .tl svg {
        height: 18px !important;
    }

    #quality {
        padding: 87px 0 60px !important;
    }

    .contain__tabs {
        width: 100%;
        overflow-x: auto;
        height: 122px;
        overflow-y: hidden;
        margin: 0 auto;
    }

    .tabs {
        width: 433px;
        padding-right: 40px;
    }

    .tab__info_head {
        margin-right: 40px;
    }

    .tab__info_text {
        margin-right: 40px;
    }

    .useful__head {
        max-width: 275px;
    }
}

.tab_img{
	display:none;
}

@media (max-width: 420px){
	.tab_img{
	display:block;
		text-align:center;
		margin-left:62%;
}
	
}