body,
html {
    overflow: hidden
}

html,
img {
    max-width: 100%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    width: 100%;
    overflow-y: scroll;
    height: 100%
}

body {
    margin: auto;
    max-width: 1920px;
    position: relative
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

strong {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    display: block
}

a {
    text-decoration: none;
    color: #000
}

.col-xl-auto {
    width: 105%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 80.333333%;
    max-width: 1280px;
    min-width: 1280px
}

input:not([type=checkbox]):not([type=radio]),
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

input {
    max-width: 260px;
    width: 100%;
    outline: none;
    border: 1px solid #c3a9a9
}

@media (max-width: 1255px) {
    .col-xl-auto {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 80.333333%;
        min-width: 100% !important
    }
}

.one-flex-auto {
    max-width: 79px;
    width: 100%;
    flex: 1 0 auto;
    position: relative;
    align-items: center;
    display: flex;
    flex-basis: 68px
}

.opacity-load {
    opacity: .01
}

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

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

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

.s-fon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px
}

@media (min-width: 768px) {
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.but-site {
    position: relative;
    max-width: 226px;
    width: 100%;
    background: linear-gradient(272.16deg, #FEBD48 2.62%, #F7D84A 99.38%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 54px;
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 114.2%;
    color: #222;
    text-align: center;
    cursor: pointer;
    padding: 16px 0;
    transition: .4s
}
.but-site_mod {
    background: linear-gradient(272.16deg, #0055dd 2.62%, #00A7EE 99.38%);
    color: #fff
}
.but-site:hover {
    transform: scale(1.05)
}

.but-site:active {
    box-shadow: unset
}

.logo-s-union {
    margin: auto
}

.logo-s-union h2 {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 112%;
    text-align: center;
    color: #222
}

.logo-s-union h2 span {
    color: #00A7EE
}

.send-form .but-site {
    max-width: 260px;
    width: 100%;
    border: none
}

.send-form .name-input input,
.send-form .phone-input input {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 114.2%;
    color: #564444;
    padding: 17px 23px 17px 46px;
    border: 1px solid #BABABA;
    box-sizing: border-box;
    border-radius: 54px;
    max-width: 260px;
    width: 100%
}

.send-form .wrap-input {
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.send-form .wrap-input:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 100%;
    left: 20px
}

.send-form .name-input:before {
    background: url(/img/form-man.svg) no-repeat center
}

.send-form .phone-input:before {
    background: url(/img/form-phone.svg) no-repeat center
}

.secsus-wrap {
    position: relative;
    cursor: pointer;
    text-align: left;
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 114.2%;
    color: #222;
    display: flex;
    align-items: center;
    max-width: 258px;
    margin-top: 20px;
    justify-content: space-between
}

.secsus-wrap span {
    margin-left: 2px;
    margin-top: 1px;
    border-bottom: .5px solid #c1b1b1
}

.secsus-wrap.true-view .secsus {
    background-image: url(/img/form-vector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.secsus {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #FEBD48;
    border-radius: 3px;
    border: 4px solid #FEBD48;
    margin-right: 5px
}

.nuv-slide {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 225px;
    width: 100%;
    margin: auto;
    justify-content: space-between
}

.but-slide {
    background: linear-gradient(272.16deg, #FEBD48 2.62%, #F7D84A 99.38%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 54px;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    opacity: .5
}

.but-slide.left-slide:before {
    background-image: url(/img/s3-arrow-left.svg)
}

.but-slide.left-slide:before,
.but-slide.right-slide:before {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 100%;
    height: 100%;
    position: absolute
}

.page-slide {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 123.2%;
    color: #222
}

.page-slide .this-slide {
    font-weight: 700
}

.but-slide.active {
    opacity: 1
}

.but-slide {
    background: linear-gradient(272.16deg, #FEBD48 2.62%, #F7D84A 99.38%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 54px;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    opacity: .5
}

.but-slide.right-slide:before {
    background-image: url(/img/s3-arrow-right.svg)
}

.but-slide:hover {
    transform: scale(1.05)
}

.pop-up {
    display: none;
    position: fixed;
    background: rgb(0 0 0 / 58%);
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.wrap-wrap-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.wrap-con-pop {
    position: relative;
    max-width: 412px;
    width: 100%;
    padding: 44px 10px;
    margin: 0 10px;
    background: #FFF;
    border-radius: 20px
}

.close-popup {
    position: absolute;
    top: 8px;
    right: 17px;
    cursor: pointer;
    transition: .3s
}

.close-popup:hover {
    transform: scale(1.2)
}

.logo-pop {
    font-family: "Gotham Pro";
    font-style: normal;
    text-align: center;
    color: #222;
    max-width: 304px;
    width: 100%
}

.pop-up .send-form {
    margin-top: 24px
}

.logo-pop h3 {
    font-weight: 900;
    font-size: 24px;
    line-height: 114%;
    margin-bottom: 6px
}

.logo-pop p {
    font-size: 16px;
    line-height: 112%;
    font-weight: 400
}

.thanks-pop img {
    margin-bottom: 10px
}

.up-page {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 80px;
    height: 80px;
    background: linear-gradient(272.16deg, #FEBD48 2.62%, #F7D84A 99.38%);
    box-shadow: 0 4.84848px 24.2424px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    z-index: 2
}

.up-page:hover {
    transform: scale(1.1)
}

.up-page span {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-image: url(/img/up-row.svg);
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 625px) {
    .logo-s-union h2 {
        font-size: 39px
    }
}

@media (max-width: 480px) {
    .logo-s-union h2 {
        font-size: 35px
    }

    .up-page {
        width: 60px;
        height: 60px
    }
}

@media (max-width: 380px) {
    .logo-s-union h2 {
        font-size: 26px
    }
}

.header-f {
    position: relative;
    min-height: 153px;
    width: 100%;
    z-index: 2
}

.header-f .col-xl-auto {
    background: #fff
}

.wrap-header {
    width: 100%
}

.top-head {
    max-width: 1160px;
    margin: auto;
    padding: 25px 10px 16px
}

.cont-head {
    max-width: 290px;
    width: 100%
}

.cont-head h2 {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 21px;
    text-transform: uppercase;
    color: #00A7EE;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 7px
}

.logo-head .cont-head h2 span {
    color: #222
}

.logo-head .cont-head p {
    max-width: 186px;
    font-size: 12px;
    line-height: 14px
}

.cont-head p {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    color: #222
}

.cont-head h3 {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 114%;
    margin-bottom: 7px;
    color: #222
}

.info-head {
    max-width: 272px
}

.logo-head img,
.info-head img {
    padding-right: 12px
}

.descop-menu {
    background: #00A7EE
}

.descop-menu li {
    cursor: pointer;
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    text-transform: uppercase;
    max-width: 286px;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    color: #FFF
}

.descop-menu li span {
    transition: .5s;
    transform: scale(1);
    display: inline-block
}

.descop-menu li:hover span {
    transform: scale(1.2)
}

.descop-menu li:not(:last-child) div {
    border-right: 1px solid #f1e9e9
}

.wrap-header.set_fixed {
    top: -125px
}

.wrap-header.menu_fixed {
    position: fixed;
    top: 0;
    transition: .5s
}

.wrap-header.menu_fixed .top-head {
    padding-top: 5px;
    padding-bottom: 3px
}

.wrap-header.menu_fixed .descop-menu li {
    padding: 9px 0
}

.wrap-header.menu_fixed .info-head img {
    padding-right: 12px;
    max-width: 46px
}

.wrap-header.menu_fixed .logo-head img {
    padding-right: 12px;
    max-width: 200px
}

.wrap-header.menu_fixed .cont-head h3 {
    font-size: 14px;
    margin-bottom: 1px
}

.wrap-header.menu_fixed .cont-head h2 {
    font-size: 22px;
    margin-bottom: 2px
}

.wrap-header.menu_fixed .but-site {
    max-width: 179px;
    padding: 9px 0 11px;
    height: unset
}

.butter {
    cursor: pointer;
    display: none;
    background: unset;
    padding: 12px 9px
}

.wrap-header.menu_fixed .butter {
    padding: 7px 9px
}

.butter .line-butter:not(:last-child) {
    margin-bottom: 5px
}

.line-butter {
    width: 40px;
    height: 4px;
    background: #FFF;
    transition: .3s;
    border-radius: 4px
}

.mob-menu {
    display: none;
    position: relative
}

.mob-menu ul {
    cursor: pointer;
    background: #00a7ee;
    display: inline-block;
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF
}

.mob-menu ul li span {
    display: inline-block
}

.mob-menu ul li span:hover {
    border-bottom: 1px solid #fff
}

.mob-menu ul li {
    margin-bottom: 13px
}

.wrap-dop-menu {
    position: absolute;
    padding-left: 16px;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #00a7ee;
    transition: .3s
}

.mob-dop-info .info-head {
    display: flex;
    margin-bottom: 8px
}

.mob-dop-info .info-head h3 {
    color: #fff
}

@media (max-width: 1008px) {
    .info-head img {
        max-width: 46px
    }

    .cont-head h3 {
        font-size: 12px;
        margin-bottom: 2px
    }

    .wrap-header .but-site {
        max-width: 179px;
        padding: 9px 0 11px
    }
}

@media (max-width: 898px) {
    .info-head .cont-head p {
        display: none
    }
}

@media (max-width: 790px) {
    .butter {
        display: block
    }

    .descop-menu {
        display: flex;
        justify-content: flex-end
    }

    .descop-menu ul,
    .info-head {
        display: none
    }

    .mob-menu {
        display: block
    }

    .menu-union.active .mob-menu .wrap-dop-menu {
        height: 285px
    }
}

@media (max-width: 597px) {
    .wrap-header.menu_fixed .top-head .but-site {
        width: 50px;
        height: 50px
    }

    .top-head .but-site {
        padding: unset;
        overflow: hidden;
        width: 60px;
        height: 60px;
        color: transparent;
        background: url(/img/h-phone-yellow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media (max-width: 362px) {
    .header-f {
        min-height: 147px
    }

    .logo-head img {
        max-width: 190px
    }

    .cont-head h2 {
        font-size: 19px
    }

    .logo-head .cont-head p {
        max-width: 186px;
        font-size: 9px
    }

    .wrap-header.menu_fixed .cont-head h2 {
        font-size: 19px
    }
}

.section-1 {
    position: relative
}

.wrap-logo-s1 {
    max-width: 1160px;
    width: 100%;
    margin: auto;
    position: relative;
    top: -100%
}
.wrap-logo-s1 .but-site {
    margin-top: 25px
}
.logo-s1 {
    max-width: 515px;
    margin: 55px 0
}

.logo-s1 h2 {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 114%;
    color: #222;
    margin-bottom: 26px
}

.logo-s1 h2 span {
    color: #00A7EE
}

.logo-s1 p {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 122%;
    color: #222
}

.discount {
    position: relative;
    left: -100%;
    background: #F7D84A;
    border-radius: 0 33px 33px 0;
    padding: 13px 0 13px 63px;
    max-width: 514px
}

.discount img {
    margin-right: 20px
}

.discount p {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 122%;
    color: #222;
    max-width: 350px
}

.webp .section-1 .fon-s1 {
    background-image: url(/img/s1-fon.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: inherit;
    padding-bottom: 100px;
    overflow: hidden
}

.no-webp .section-1 .fon-s1 {
    background-image: url(/img/s1-fon.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: inherit;
    padding-bottom: 100px;
    overflow: hidden
}

.active.anim-el .discount {
    left: 0;
    transition: 2s
}

.active.anim-el .wrap-logo-s1 {
    top: 0;
    transition: 1.8s
}

@media (max-width: 1196px) {
    .wrap-logo-s1 {
        padding: 0 15px
    }
}

@media (max-width: 1114px) {
    .no-webp .section-1 .fon-s1 {
        background-size: cover;
        background-position-y: 54px
    }

    .webp .section-1 .fon-s1 {
        background-size: cover;
        background-position-y: 54px
    }

    .logo-s1 {
        margin: 14px 0
    }

    .logo-s1 p {
/*        max-width: 281px*/
    }

    .section-1 {
        background: #eeedf2
    }
}

@media (max-width: 796px) {
    .no-webp .section-1 .fon-s1 {
        background-position-x: 75%
    }

    .webp .section-1 .fon-s1 {
        background-position-x: 75%
    }

    .discount {
/*        top: 71px;*/
        position: relative
    }

    .logo-s1 p {
        color: #f1eded;
        text-shadow: 0 0 4px #000
    }
}

@media (max-width: 522px) {
    .logo-s1 h2 {
        font-size: 40px
    }
}

@media (max-width: 480px) {
    .logo-s1 h2 {
        font-size: 40px;
        color: #fff
    }
    
    .head-cont {
        background: rgba(0, 0, 0, 0.5)
    }
    .head-cont .but-site {
        margin: 20px auto 0
    }
    .webp .section-1 .fon-s1 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url(/img/s1-fon-mob.webp);
        background-position-y: 104px;
        text-align: center
    }

    .discount {
        padding: 6px 0 6px 10px;
        max-width: 85%
    }

    .discount p {
        font-size: 15px
    }

    .discount img {
        max-width: 42px;
        margin-right: 8px
    }
}

@media (max-width: 400px) {
    .logo-s1 h2 {
        font-size: 31px
    }

    .logo-s1 p {
        font-size: 21px
    }

    .discount p {
        font-size: 14px
    }

    .webp .section-1 .fon-s1 {
        padding-bottom: 75px
    }

    .no-webp .section-1 .fon-s1 {
        padding-bottom: 75px
    }

    .discount {
        top: 33px
    }
}

.section-2 {
    margin-top: 70px;
    position: relative
}

.section-2 .col-xl-auto {
    position: relative
}

.section-2 .logo-s-union {
    max-width: 443px
}

.wrap-cont-s2 {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto 100px
}

.wrap-cont-s2 div {
    position: relative;
    max-width: 170px;
    opacity: 0
}

.wrap-cont-s2 img {
    margin-bottom: 20px
}

.wrap-cont-s2 div p {
    font-family: "Gotham Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 122.5%;
    text-align: center;
    color: #222
}

.wrap-cont-s2 div:nth-child(1) {
    transform: translateY(-53px);
    transition: .3s;
    transition-delay: 0
}

.wrap-cont-s2 div:nth-child(2) {
    transform: translateY(25px);
    transition: .3s;
    transition-delay: .3s
}

.wrap-cont-s2 div:nth-child(3) {
    transform: translateY(98px);
    transition: .3s;
    transition-delay: .4s
}

.wrap-cont-s2 div:nth-child(4) {
    transform: translateY(25px);
    transition: .3s;
    transition-delay: .5s
}

.wrap-cont-s2 div:nth-child(5) {
    transform: translateY(-53px);
    transition: .3s;
    transition-delay: .6s
}

.s2-fon1 {
    position: absolute;
    left: -125px;
    bottom: -175px;
    z-index: -1
}

.s2-fon2 {
    position: absolute;
    right: -114px;
    bottom: -275px;
    z-index: -1
}

.anim-el.active .wrap-cont-s2 div {
    opacity: 1
}

@media (max-width: 1280px) {
    .s2-fon1 {
        left: 0
    }

    .s2-fon2 {
        right: 0
    }
}

@media (max-width: 827px) {
    .s2-fon2 {
        bottom: -31%;
        width: 20%
    }

    .s2-fon1 {
        bottom: -25%;
        width: 20%
    }
}

@media (max-width: 625px) {
    .section-2 {
        margin-top: 56px
    }

    .section-2 .wrap-cont-s2 {
        flex-wrap: wrap;
        justify-content: center
    }

    .section-2 .wrap-cont-s2 div {
        transform: translateY(0)
    }

    .wrap-cont-s2 div:nth-child(1) {
        padding-top: 16px
    }

    .wrap-cont-s2 div {
        margin-bottom: 45px
    }

    .wrap-logo-s2 {
        margin-bottom: 21px
    }

    .wrap-cont-s2 {
        margin: 0 auto
    }

    .s2-fon2 {
        bottom: 6%
    }

    .s2-fon1 {
        bottom: 8%
    }
}

.section-3 {
    max-height: 724px
}

.section-4 {
    max-height: 1100px
}

@media (max-width: 369px) {
    .section-4 {
        max-height: 2050px
    }
}

.section-5 {
    max-height: 696px
}

@media (max-width: 750px) {
    .section-5 {
        max-height: 902px
    }
}

.section-6 {
    max-height: 620px
}

.section-7 {
    max-height: 600px
}

.section-8 {
    max-height: 950px
}

@media (max-width: 365px) {
    .section-8 {
        max-height: 1600px
    }
}

@media (max-width: 365px) {
    .section-5 {
        max-height: 1500px
    }
}

.section-9 {
    max-height: 600px
}

.section-10 {
    max-height: 1000px
}

.section-11 {
    max-height: 1000px
}

.section-12 {
    max-height: 600px
}

.section-13 {
    max-height: 900px
}

.descop-menu_tab {
    margin: 0 auto 30px;
    max-width: 980px
}
.descop-menu_tab ul {
    align-items: stretch
}
.descop-menu_tab li {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}
.descop-menu_tab li.active {
    background: #fff;
    color: #00A7EE;
    border: 1px solid #00A7EE
}
@media (max-width: 790px){
    .descop-menu_tab {
        max-width: 100%;
    }
    .descop-menu_tab ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%
    }
    .descop-menu_tab li {
        border-bottom: 1px solid #fff !important;
        max-width: 100%;
    }
}