@import url('fonts.css');

*, *::after, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
}

.mobile {
    display: none;
}

.wrapper {
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0.1px;
    width: 100%;
    padding-top: 80px;
}

a {
    text-decoration: none;
    color: #1570ef;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    font-family: 'Exo2', sans-serif;
}

a:hover {
    color: #267ffc;
}

button, input {
    font-family: 'Ubuntu', sans-serif;
}

button {
    font-size: 20px;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.5s ease;  
    outline: none;
    width: 100%;
    height: 64px;
    font-weight: 500;
    max-width: 255px;
    background-color: #1570EF;
    border: none;
}

button:hover {
    cursor: pointer;
    background-color: #175CD3;
}
button:active {
    background-color: #1849A9;
}

button.light__btn {
    background-color: #fff;
    border: 2px solid #1570EF;
    color: #1570EF;
}

button.light__btn:hover {
    color: #175CD3;
    background: #EFF8FF;
    border: 2px solid #175CD3;
}
button.light__btn:active {
    color: #1570EF;
    color: 2px solid #1849A9;
    background: #D1E9FF;
}

img {
    display: block;
}

h1, h2 {
    font-family: 'Exo2', sans-serif;
    color: inherit;
}

h3, h4, h5 {
    font-family: 'Ubuntu', sans-serif;
}

h1 {
    font-size: 44px;
    line-height: 120%;
    font-weight: 300;
}

h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
}

a.title_h2 {
	font-weight: 500;
    font-size: 40px!important;
    line-height: 120%;
}

h3 {
    font-size: 28px;
    line-height: 110%;
    font-weight: 500;
}

h4 {
    font-size: 24px;
    line-height: 125%;
}

h5 {
    font-size: 20px;
    line-height: 160%;
}

.header__dark {
    color: #344054;
}

.header__blue {
    color: #1570EF;
}

.text {
    font-size: 20px;
    line-height: 160%;
    color: inherit;
    font-weight: 300;
}

.text.small {
    font-size: 16px;
    line-height: 150%;
}

.text.dark {
    color: #1D2939;
}

ul {
    position: relative;
    list-style: none;
}

li {
    padding-left: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    color: inherit;
}

li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #1d2939;
    position: absolute;
    left: 12px;
    top: 14px;
    display: block;
}

.container {
    max-width: 1150px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.mobile {
    display: none;
}

.rub { font-family: "rouble"; }

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,1);
    z-index: 3;
    padding: 12px 0;
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header .header__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header .header__right .header__login a {
    color: #3a6aa6;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.header .header__right .header__login .header__login-img img {
    display: block;
}

.header .header__right .header__login .header__login-img img.mobile {
    display: none;
}

.header .header__right .header__phone .header__phone-num {
    font-size: 32px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-weight: 500;
    color: #575757;
}

.header .header__right .header__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}

.header .header__right .header__phone {
    display: block;
    padding-top: 2px;
    margin-right: 38px;
}

.header .header__right .header__dots {
    cursor: pointer;
    position: relative;
}

.header .header__right .header__dots.active .header__dots-img {
    background-color: #f0f9ff;
}

.header .header__right .header__dots  .header__menu {
    transform: scaleY(0);
    overflow: hidden;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
    transition: 0.5s ease;
    right: 0;
    margin-top: -10px;
    top: -100%;
    padding: 24px;
    width: 272px;
}

.header .header__right .header__dots  .header__menu a {
    display: block;
    text-align: right;
    font-size: 28px;
    font-family: 'Exo2', sans-serif;
    font-weight: 500;
}

.header .header__right .header__dots  .header__menu a:hover {
    color: #53b1fd;
}

.header .header__dots-img {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .header__right .header__dots.active  .header__menu {
    top: 0;
    margin-top: calc(100% + 24px);
    transform: scaleY(100%);
}

.header .header__right .header__phone .header__phone-text {
    width: 100%;
    text-align: right;
    color: #1570EF;
    font-size: 20px;
    margin-top: 6px;
    cursor: pointer;
}

.hero {
    background: url('../img/hero_pict.jpg') top center/cover no-repeat;
}

.hero__right {
    margin-left: auto;
    margin-right: 0;
    padding-top: 145px;
    padding-bottom: 145px;
    max-width: 540px;
    background-color: #1570ef;
    color: #fff;
}

.hero__money {
    font-size: 44px;
    line-height: 120%;
    letter-spacing: -0.1px;
    margin-top: 10px;
    font-family: 'Exo2', sans-serif;
    font-weight: 300;
}

.hero .text {
    margin-top: 10px;
}

.hero .rectangle {
    padding: 30px 20px 40px 60px;
    border: 4px solid #FFFFFF;
    margin-left: -30px;
    margin-right: 30px;
}

.second {
    padding-top: 55px;
    padding-bottom: 22px;
}

.second__information {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.second .container:first-child {
    position: relative;
}

.second .container:last-child {
    position: relative;
}

.second .container:first-child::after {
    position: absolute;
    content: '';
    right: 78px;
    bottom: -85px;
    height: 176px;
    width: 28px;
    background: url('../img/icons/blue__line.svg') center center/cover no-repeat;
}

.second .container:last-child:before {
    position: absolute;
    content: '';
    left: 30px;
    bottom: -30px;
    height: 120px;
    width: 12px;
    background: url('../img/icons/white-blue__line.svg') center center/cover no-repeat;
}

.information__left {
    margin-right: 30px;
}

.information__left .text {
    margin-top: 24px;
    font-weight: 400;
}

.information__left h3 { 
    font-weight: 500;
    margin-top: 12px;
}

.information__left .information__list {
    color: #1d2939;
    margin-top: 25px;
}

.information__bot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
}

.information__bot > * {
    flex-shrink: 0;
}

.information__bot .text {
    margin-left: 40px;
    margin-top: 0;
}

.information__cards {
    display: flex;
    justify-content: space-between;
    height: 350px;
    margin-top: 80px;
}

.information__cards-item {
    max-width: 350px;
    width: 100%;
    padding: 55px 30px;
}

.information__cards-item.blue {
    background-color: #1570EF;
}

.information__cards-item.blue {
    color: #fff;
}

.information__cards-item .information__card-title {
    margin-top: 15px;
}

.training {
    position: relative;
    padding-top: 80px;
}

.training::after {
    content: '';
    display: block;
    width: calc((100% - 1150px) / 2 + 350px);
    height: 4px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #1570ef;
}

.training .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.training__links {
    margin-top: 12px;
    padding-left: 30px;
}

.training__links a {
    text-decoration: underline;
}

.training__links a:last-child {
    margin-left: 25px;
}

.training__header {
    /*color: #344054;*/
	color: #1570EF;
}

.training__list {
    margin-top: 12px;
}

.training__list.small li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #1d2939;
}

.training__list.small li::before {
    top: 10px;
    width: 4px;
    height: 4px;
}

.training__list.small .text {
    font-weight: 400;
}

.training__right {
    /*margin-left: 30px;*/
    margin-left: 40px;
}

.training__right h3 {
    margin-top: 32px;
}

.videos {
    padding: 80px 0;
}

.edu {
    padding: 20px 0;
}



.videos__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.videos .video__item {
    position: relative;
    cursor: pointer;
}

.videos .video__item img {
    display: block;
}

.videos .video__preview img {
    width: 100%;
}

.video__item .video__gradient {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.video__item .video__play {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.help {
    background: linear-gradient(90deg, rgba(21,112,239,1) 50%, rgba(87,87,87,1) 50%, rgba(87,87,87,1) 100%);
    padding: 105px 0 120px;
}

.help .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.help__right {
    flex-shrink: 0;
    text-align: right;
    margin-left: 30px;
}

.help h4 {
    font-weight: 300;
    margin-top: 10px;
}

.help .rectangle {
    padding: 65px 60px 75px 90px;
    border: 4px solid #fff;
    max-width: 630px;
    width: 100%;
}

.help__left {
    max-width: 480px;
    flex-shrink: 0;
}

.help__list li::before {
    background-color: #fff;
}

.provide {
    padding: 105px 0 120px;
}

.provide .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

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

.provide__left {
    flex-shrink: 0;
    max-width: 540px;
}

.provide__img:nth-child(-n+2) {
    margin-bottom: 30px;
}

.provide__right {
    /*margin-left: 30px;*/
    margin-left: 40px;
}

.provide__header {
    /*color: #344054;*/
	color: #1570EF;
}

.provide__right .provide__list:nth-child(2) {
    margin-top: 25px;
}

.provide__right .provide__list:nth-child(3) {
    margin-top: 30px;
}

.provide__list.small li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #1d2939;
}

.provide__list.small li::before {
    width: 4px;
    height: 4px;
    top: 11px;
}

.provide__list.small li a {
    font-size: 16px;
}

.provide .container::before {
    position: absolute;
    content: '';
    left: 30px;
    bottom: -28px;
    height: 60px;
    width: 24px;
    background: url(../img/icons/blue__line.svg) top center/100% no-repeat;
}

.team {
    background-color: #575757;
    padding: 55px 0 0;
    color: #fff;
    position: relative;
}

.team .container {
    padding-bottom: 105px;
    position: relative;
}

.team::before {
    content: '';
    width: calc(calc(100% - 1150px) / 2 + 400px);
    height: 4px;
    background-color: #1570ef;
    display: block;
    position: absolute;
    left: 0;
    top: 130px;
}

.team .container::after {
    position: absolute;
    content: '';
    right: 15px;
    bottom: -30px;
    height: 120px;
    width: 12px;
    background: url(../img/icons/white-blue__line.svg) center center/cover no-repeat;
}

.team .light__btn {
    border: none;
    max-width: 350px;
}

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

.team__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
}

.team__body .team__left {
    margin-right: 30px;
    width: 100%;
}

.team__right {
    max-width: 730px;
    flex-shrink: 0;
}

.leader {
    padding: 55px 0 120px;
}

.leader__header {
    text-align: center;
    letter-spacing: -0.1px;
}

.leader__cards {
    margin-top: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.leader__card-item {
    width: 100%;
    max-width: calc(25% - 23px);
}

.leader .card__item-title {
    font-size: 96px;
    line-height: 115%;
    color: #1570ef;
    font-weight: 400;
}

.leader .card__item-title span {
    font-family: 'Exo2', sans-serif;
    margin-left: 8px;
    font-weight: 300;
    font-size: 48px;
    line-height: 165%;
}

.leader .card__item-text {
    margin-top: 18px;
    color: #1d2939;
    font-weight: 400;
}

.objects {
    padding: 100px 0;
    background: linear-gradient(90deg, rgba(126,126,126,1) 0%, rgba(126,126,126,1) 50%, rgba(21,112,239,1) 50%, rgba(21,112,239,1) 100%);
}

.objects .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.objects .rectangle {
    max-width: 590px;
    border: 4px solid #fff;
    padding: 30px 30px 40px 90px;
    color: #fff;
}

.objects h4 {
    font-weight: 300;
}

.objects .rectangle .text {
    margin-top: 8px;
    font-weight: 400;
}

.objects .rectangle .text p:not(:first-child) {
    margin-top: 24px;
}

.objects__left {
    color: #fff;
    margin-right: 30px;
}

.objects__tables .table__title {
    text-align: left;
    font-size: 16px;
    line-height: 200%;
    font-weight: 500;
}

.objects__tables .table__field {
    max-width: 150px;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
}

.objects__tables .table__value {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    max-width: 65px;
    width: 100%;
    text-align: right;
}

.objects__tables .table__row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    color: #fff;
}

.objects__tables .table__row:hover .table__field {
    color: #D0D5DD;
    text-decoration: underline;
}

.table__total {
    margin-top: 25px;
}

.table__total a {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
}

.table__total a:hover {
    color: #D0D5DD;
    text-decoration: underline;
}

.objects__tables {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 10px;
}

.objects__tables .table {
    flex-shrink: 0;
    max-width: 210px;
    width: 100%;
}

.objects__tables .table:nth-child(2) {
    margin-left: 60px;
}

.sale {
    background: url('../img/sale__bg.jpg') bottom center/cover no-repeat;
    background-attachment: fixed;
    padding: 55px 0 120px;
    color: #fff;
    position: relative;
}

.sale__header-right {
    text-align: right;
}

.sale .rectangle {
    margin-top: 30px;
    background-color: rgba(255,255,255,0.2);
    padding: 30px;
    max-width: 600px;
}

.sale .rectangle .sale__header {
    font-weight: 500;
}

.sale::after {
    content: '';
    position: absolute;
    right: 0;
    top: 182px;
    background-color: #fff;
    width: calc(calc(100% - 1150px) / 2 + 480px);
    height: 4px;
    display: block;
}


.footer {
    background: url('../img/footer.jpg') top center/auto no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 95px;
}

.footer .container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer .footer__center {
    margin-left: 100px;
    margin-top: -5px;
}

.footer .footer__center-title {
    color: #1D2939;
    font-size: 14px;
    line-height: 21px;
}

.footer .footer__center-phone {
    color: #1D2939;
    font-size: 32px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 10px;
}

.footer__logo {
    margin-top: 40px;
}



.footer .footer__icons {
    margin-top: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer .footer__icons .footer__icon-link {
    margin-right: 32px;
}

.footer .footer__text {
    margin-top: 16px;
    color: #1D2939;
    letter-spacing: 0.1px;
    font-size: 16px;
    line-height: 150%;
    max-width: 285px;
}

.popup {
    display: none;
}

.popup.show {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background: #fff;
}

.popup .popup__close {
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 45px;
}

.popup .popup__body {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    display: none;
}

.popup .popup__body.price {
    justify-content: flex-start;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow-y: scroll;
}

.popup .popup__body.price h2 {
    max-width: 720px;
    color: #344054;
}

.popup .popup__body.show {
    display: flex;
}

.popup .popup__body select {
    background: #f3f6fa;
    border-radius: 4px;
    font-size: 20px;
    color: #575757;
    width: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 11px 20px;
    margin-top: 5px;
}

.popup .checkbox__pseudo {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px solid #175CD3;
    display: block;
    z-index: -1;
}

.popup .form__elem-check {
    opacity: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.popup .form__elem-check:checked ~ .checkbox__pseudo {
    border: none;
    background: url('../img/icons/checked.svg') center center/auto no-repeat, #1570ef;
}

.popup .form__order.form__price .form__check-elem {
    flex-direction: row;
    align-items: center;
    position: relative;
}

.popup .form__order.form__price .form__check-elem label {
    margin-left: 16px;
    font-size: 20px;
    line-height: 120%;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: #1d2939;
}


.social-block {
    text-align: center;
    font-size: 16px;
    font-family: 'Exo2', sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
}

.social__list-item {
    margin: 0 15px;
}

.popup .form__price {
    margin-top: 32px;
    max-width: 720px;
    width: 100%;
}

.popup .form__order {
    margin-top: 32px;
}

.popup .callback .form__order .light__btn {
    max-width: 100%;
}


.popup .form__order .form__elem {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 32px;
}

.popup .form__order .form__elem .form__elem-label {
    font-family: 'Exo2', sans-serif;
    color: #575757;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.popup .form__order .form__elem .form__elem-input {
    width: 100%;
    background: #f3f6fa;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 20px;
    line-height: 32px;
    color: #575757;
    border: none;
    outline: none;
    margin-top: 5px;
}

.popup .form__order .form__elem .form__elem-input::placeholder {
    color: #575757;
    font-size: 20px;
    line-height: 32px;
}

.popup .form__order .form__elem .form__elem-textarea {
    background: #f3f6fa;
    border-radius: 4px;
    padding: 8px 20px;
    color: #575757;
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    border: none;
    resize: none;
    outline: none;
    margin-top: 5px;
    font-family: 'Ubuntu', sans-serif;
    min-height: 240px;
}

.popup .form__order .form__elem .form__elem-textarea::placeholder {
    font-family: 'Ubuntu', sans-serif;
    color: #575757;
    font-size: 16px;
    line-height: 28px;
}

.popup .howmuch__input::-webkit-outer-spin-button,
.popup .howmuch__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.popup .form__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup .form__row .form__elem:nth-child(2) {
    margin-left: 30px;
}

.popup .form__order .green__btn {
    margin: 0 auto;
    display: block;
}

@media(max-width: 1365px) {

    .footer {
        padding-top: 170px;
    }
    .footer .footer__text {
        font-size: 11px;
        margin-top: 5px;
    }
}

@media(max-width: 1199px) {
    .videos__list {
        position: relative;
    }
    .videos .video__item {
        max-width: calc(25% - 8px);
    }
    .container {
        max-width: 960px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 18px;
    }
    li {
        font-size: 18px;
    }
    .text {
        font-size: 18px;
    }
    .information__bot .text {
        margin-left: 12px;
    }
    .information__bot button {
        margin-top: 10px;
    }
    .information__bot {
        flex-direction: column;
        align-items: flex-start
    }
    .information__img {
        max-width: 50%;
        width: 100%;
        flex-shrink: 0;
    }
    .information__img img {
        width: 100%;
    }
    .training .container {
        align-items: unset;
    }
    .training__img {
        width: 100%;
        flex-shrink: 0;
        height: 100%;
    }
    .training__img img {
        width: 100%;
        height: 100%;
    }
    .training__left {
        max-width: 50%;
        width: 100%;
    }
    .training::after {
        width: calc((100% - 960px) / 2 + 320px);
    }
    .help .rectangle {
        padding: 55px 30px 75px 30px;
        max-width: 430px;
    }
    .help__right {
        margin-left: 20px;
    }
    .provide__right {
        flex-shrink: 0;
        max-width: 50%;
    }
    .provide__left {
        flex-shrink: 0;
        max-width: 50%;
    }
    .provide__img {
        max-width: calc(50% - 10px);
    }
    .provide__img img {
        width: 100%;
    }
    .provide__img:nth-child(2n - 1) {
        margin-right: 20px;
    }
    .provide__imgs {
        position: relative;
    }
    .provide__img:nth-child(-n+2) {
        margin-bottom: 20px;
    }
    .provide .container::before {
        z-index: 5;
    }
    .team__header {
        font-size: 34px;
    }
    .team__body .team__left {
        flex-shrink: 0;
        max-width: 300px;
    }
    .team__right {
        flex-shrink: 1;
    }
    .team::before {
        width: calc(calc(100% - 960px) / 2 + 340px);
    }
    .objects__tables .table:nth-child(2) {
        margin-left: 30px;
    }
    .objects .rectangle {
        padding: 30px;
    }
    .objects__right {
        max-width: 45%;
    }
    .sale::after {
        top: 172px;
        width: calc(calc(100% - 1150px) / 2 + 540px);
    }
    .sale .rectangle {
        max-width: 450px;
    }
}

@media(max-width: 1023px) {
    .hero {
        background: linear-gradient(90deg, rgba(126,126,126,0) 0%, rgba(126,126,126,0) 50%, rgba(21,112,239,1) 50%, rgba(21,112,239,1) 100%), url(../img/hero__bg.jpg) top left/cover no-repeat;
    }
    .container {
        max-width: 720px;
    }
    .information__img {
        order: 1;
        width: 100%;
        max-width: 100%;
    }
    .information__left {
        order: 2;
        margin-top: 15px;
    }
    .second__information {
        flex-direction: column;
        align-items: flex-start;
    }
    .information__left {
        margin-right: 0;
    }
    .second .container:first-child::after {
        display: none;
    }
    .information__left .text {
        margin-top: 10px;
    }
    .information__cards {
        flex-direction: column;
        height: unset;
    }
    .information__cards-item {
        max-width: 100%;
        padding: 35px 30px;
    }
    .second .container:last-child:before {
        display: none;
    }
    .training .container {
        flex-direction: column;
    }
    .training__left {
        max-width: 100%;
    }
    .training::after {
        width: 50%;
    }
    .training__right {
        margin-left: 0;
        margin-top: 25px;
    }
    .videos__list {
        flex-wrap: wrap;
    }
    .videos .video__item {
        max-width: calc(50% - 10px);
        width: 100%;
        margin-bottom: 20px;
    }
    .help__right {
        max-width: 50%;
    }
    .help__left {
        max-width: 50%;
        padding-right: 15px;
    }
    .help .container {
        align-items: unset;
    }
    .help .rectangle {
        height: 100%;
    }
    .help li {
        padding-left: 0;
    }
    li::before {
        left: -15px;
    }
    .provide .container {
        flex-wrap: wrap;
    }
    .provide__left {
        max-width: 100%;
    }
    .provide__img {
        width: 100%;
    }
    .provide__right {
        margin-top: 30px;
        max-width: 100%;
    }
    .provide .container::before {
        display: none;
    }
    .team__header {
        font-size: 36px;
    }
    .team::before {
        top: 165px;
        width: calc(calc(100% - 700px) / 2 + 340px);
    }
    .team__right .text {
        text-align: right;
    }
    .leader__cards {
        flex-wrap: wrap;
    }
    .leader__card-item {
        max-width: calc(50% - 15px);
    }
    .leader__card-item:nth-child(-n+2) {
        margin-bottom: 20px;
    }
    .objects {
        background: linear-gradient(
            180deg, rgba(21,112,239,1) 0%, rgba(21,112,239,1) 50%, rgba(126,126,126,1) 50%, rgba(126,126,126,1) 100%);
            height: 1000px;
    }
    .objects .container {
        flex-direction: column;
        align-items: unset;
    }
    .objects__left {
        order: 2;
        margin-right: 0;
        margin-top: 50px;
        height: 50%;
    }
    .objects__right {
        order: 1;
        max-width: 100%;
    }
    .objects .rectangle {
        max-width: 100%;
    }
    .sale {
        background-size: cover;
    }
    .sale::after {
        width: calc(calc(100% - 1150px) / 2 + 420px);
    }
    .footer {
        padding: 50px 0;
    }
}


@media(max-width: 767px) {
    .mobile {
        display: block;
    }
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header .header__right .header__login img:not(.mobile) {
        display: none;
    }
    .wrapper {
        overflow-x: hidden;
    }
    .header .container-fluid {
        align-items: center;
    }
    .header .header__right .header__login-text {
        display: none;
    }
    .header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header .header__right .header__login .header__login-img img.mobile {
        display: block;
    }
    .header .header__logo img {
        max-width: 130px;
    }
    .header .header__right .header__phone .header__phone-num {
        font-size: 16px;
        line-height: 20px;
    }
    .header .header__right .header__phone {
        margin-right: 0;
    }
    .header .header__right .header__phone .header__phone-text {
        font-size: 11px;
        line-height: 12px;
        margin-top: 0;
    }
    .header {
        padding: 17px 0;
    }
    .hero .container {
        padding-top: 100vw;
        padding-left: 0;
        padding-right: 0;
    }
    .hero__right {
        padding: 15px;
        max-width: unset;
    }
    .hero {
        background: url(../img/hero__bg.jpg) top left/auto 100vw no-repeat;
    }
    .hero .rectangle {
        margin-left: 0; 
        margin-right: 0;
        padding: 20px;
    }
    .wrapper {
        padding-top: 65px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        padding-left: 15px;
        padding-right: 15px;
    }
    h3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul {
        padding-left: 30px;
        padding-right: 15px;
    }
    .hero .container {
        max-width: 100%;
    }
    .hero__money {
        font-size: 32px;
    }
    .second {
        padding-top: 30px;
    }
    .second .container:first-child {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .second .information__left {
        padding-left: 15px;
        padding-right: 15px;
    }
    .information__cards-item {
        padding: 24px;
    }
    .information__left .information__list li span {
        /*display: block;   */
    }
    .information__cards-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .information__left .text {
        padding-left: 15px;
    }
    .information__left .text.small {
        padding-left: 0;
    }
    .information__bot {
        padding-left: 15px;
        padding-right: 15px;
    }
    .information__cards-item.blue {
        padding-bottom: 70px;
        position: relative;
    }
    .information__cards-item.blue::before {
        content: '';
        width: 12px;
        height: 30px;
        display: block;
        background-color: #fff;
        position: absolute;
        left: 24px;
        bottom: 32px;
    }
    h2 {
        font-size: 32px;
    }
    h4 {
        font-size: 18px;
    }
    li {
        padding-left: 15px;
    }
    li::before {
        left: 0;
        top: 11px;
    }
    .information__bot button {
        max-width: 100%;
    }
    .information__cards {
        margin-top: 55px;
    }
    .information__bot .text {
        margin-left: 0;
    }
    .training {
        padding-top: 35px;
    }

    .training__img {
        display: none;
    }

    .training__links {
        padding-left: 45px;
    }

    .mobile.training__thumb {
       height: 308px; 
       overflow: hidden;
       width: 100%;
       margin-top: 25px;
    }

    .mobile.training__thumb img {
        width: 100%;
        height: 100%;
    }

    .help {
        background: linear-gradient(180deg,rgba(87,87,87,1)  38%, rgba(21,112,239,1) 38%, rgba(21,112,239,1) 100%);
    }

    .help .rectangle {
        padding: 25px 25px 40px;
        text-align: left;
    }

    .help__right {
        order: 1;
        padding: 30px 15px;
        margin-left: 0;
        max-width: 100%;
        background-color: #575757;
    }

    .help li {
        padding-left: 15px;
    }

    .help__left {
        order: 2;
        max-width: 100%;
        padding: 30px 15px;
        background-color: #1570EF;
    }

    .help .container {
        flex-direction: column;
        max-width: 100%;
    }

    .help {
        padding: 0;
        background: none;
    }

    .help .rectangle {
        max-width: 100%;
    }

    .help .rectangle h3 {
        padding-left: 0;
        padding-right: 0;
    }

    .provide {
        padding: 32px 0;
    }

    .provide__img {
        max-width: calc(50% - 8px);
    }

    .provide__img:nth-child(2n - 1) {
        margin-right: 15px;
    }

    .provide__right {
        margin-left: 0;
    }

    .team .team__header {
        font-size: 32px;
        text-align: left;
    }

    .team {
        padding-top: 32px;
        padding-bottom: 64px;
    }

    .team__right {
        order: 1;
        padding-left: 15px;
        padding-right: 15px;
    }

    .team__body .team__left {
        order: 2;
    }

    .team__body {
        flex-direction: column;
    }

    .team::before {
        top: 210px;
        width: 50%;
    }

    .team__right .text {
        text-align: left;
    }

    .team__body .team__left {
        margin-right: 0;
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }

    .team .light__btn {
        max-width: 100%;
    }

    .team .container::after {
        background: url('../img/icons/white-blue__line.svg') center bottom/100% no-repeat;
        height: 60px;
        bottom: -93px;
    }

    .team .container{        
        padding-bottom: 0;
    }

    .videos {
        padding-top: 64px;
        padding-bottom: 32px;
    }

    .videos__list {
        flex-wrap: unset;
        justify-content: unset;
    }

    .videos .video__item {
        max-width: 100%;
        margin-bottom: 25px;
    }

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

    .leader__card-item {
        max-width: 100%;
    }

    .leader__header {
        text-align: left;
    }

    .leader {
        padding: 32px 0 16px;
    }

    .leader__cards {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .leader__card-item:nth-child(1n) {
        margin-bottom: 32px;
    }

    .objects {
        padding: 0;
        height: unset;
        background: none;
    }

    .objects .container {
        padding-left: 0;
        padding-right: 0;
    }

    .objects__right {
        width: 100%;
        background-color: #1570EF;
    }

    .objects__left {
        background-color: #7E7E7E;
        margin-top: 0;
    }
    .objects__left > * {
        padding: 0 16px;
    }

    .objects__tables .table:nth-child(2) {
        margin-top: 30px;
    }

    .objects .rectangle {
        border: none;
    }

    .objects__tables {
        flex-wrap: wrap;
    }

    .objects .rectangle {
        padding: 24px;
        border: 4px solid #FFFFFF;
    }

    .objects__header {
        font-size: 28px;
    }

    .objects h4 {
        margin-top: 10px;
    }

    .objects .rectangle .text p:not(:first-child) {
        margin-top: 16px;
    }

    .objects__tables .table:nth-child(2) {
        margin-left: 0;
    }

    .objects .container > * {
        padding: 32px 16px;
    }

    .objects__tables {
        width: 100%;
    }

    .objects__tables .table {
        max-width: 100%;
    }

    .objects__tables .table__row {
        justify-content: space-between;
    }

    .sale {
        padding: 50px 0 60px;
    }

    .sale__header-right {
        text-align: left;
    }

    .sale::after {
        display: none;
    }

    .sale .rectangle {
        padding: 16px;
    }

    .sale__header-right {
        margin-top: 16px;
    }

    .header .header__right .header__dots.active .header__menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 0;
        padding-top: 72px;
        width: 100%;
    }

    .header .header__right .header__dots.active .header__dots-img img {
        display: none;
    }
    .close__menu {
        display: none;
    }
    
    .header__logo {
        z-index: 10;
    }

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

    .header .header__right .header__dots.active .header__dots-img .close__menu {
        display: block;
        z-index: 5;
    }

    .header .header__right .header__dots .header__menu {
        bottom: 0;
    }

    .popup .form__row .form__elem:nth-child(2) {
        margin-left: 0;
    }

    .popup .form__row {
        flex-wrap: wrap;
    }

    .popup .popup__body.price h2 {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 24px;
    }

    .popup .callback h2 {
        color: #344054;
    }

    .popup .form__order.form__price .form__check-elem label {
        font-size: 16px;
    }

    .header .header__right .header__dots .header__menu a {
        text-align: left;
    }

    .footer {
        padding-top: 72px;
        padding-bottom: 415px;
        background-image: url('../img/footer_mob.jpg');
        background-size: 100%;
        background-position: 90%;
    }

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

    .footer .container {
        flex-wrap: wrap;
    }

    .footer .footer__center {
        margin-left: 0;
        margin-top: 45px;
    }

    .popup .popup__close {
        right: 25px;
        top: 25px;
    }

    .popup .form__order {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }

    .popup .form__order .green__btn {
        max-width: 100%;
    }

    .social__list-item {
        margin: 0 10px;
    }
    
}