<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header {
    padding-bottom: 62px;
    background: url(../img/header-bg.png) no-repeat left top/ auto 100%;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-weight: 400;
    color: black;
    max-width: 1920px;
    margin: 0 auto;
    font-size: 17px;
}


body a, body input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}
img {
    max-width: 100%;
}

body a:hover {
    text-decoration: none;
    cursor: pointer;
}

body a:focus, a:hover {
    text-decoration: none;
}
input {
    outline: none;
}
section {
    max-width: 1920px;
    margin: 0 auto;
}
.glav_bl1 h1 {
    font-size: 57px;
    font-weight: 100;
    line-height: 1.05;
    margin-top: 110px;
    border-bottom: 1px solid #a6d3ea;
    padding-bottom: 17px;
    max-width: 570px;
    letter-spacing: 6.5px;
    margin-bottom: 37px;
}

h1 span {
    color: #0984c4;
    font-size: 67px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -2px;
}
.text {
    font-size: 17px;
}
.glav_bl1 .text {
    max-width: 460px;
    margin-bottom: 335px;
}
.glav_bl1 .container {
    /*background-image: url(../img/glavn.png);
    background-repeat: no-repeat;
    background-position: right bottom;*/
}
.slogan {
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -1px;
    border-top: 1px solid #f9cea1;
    padding-top: 17px;
}
.slogan span {
    font-weight: 400;
    color: #0984c4;
}
.glav_bl1_img img {
    position: absolute;
    width: 647px;
    max-width: 647px;
    top: 165px;
    left: -40px;

}
.glav_bl2 {
    margin-top: 50px;
}
.glav_bl2 .title {
    max-width: 585px;
    border-bottom: 1px solid #a6d3ea;
    padding-bottom: 17px;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 23px;
}
.glav_bl2 .title span {
    font-weight: 500;
}
.sel_img {
    background: url(../img/sel_img.png);
    background-size: cover;
}
.sel_tit {
    font-size: 25px;
    margin-bottom: 10px;
}
.selection {
    max-width: 500px;
    overflow: hidden;
    position: absolute;
}
.sel_img {
    width: 138px;
    height: 135px;
    float: left;
    margin-right: 5px;
    text-align: center;
    padding-top: 36px;
    padding-right: 9px;
}
.selection&gt;div:last-child {
    float: left;
    width: 357px;
    margin-top: 12px;
}
.glav_bl2 .container {
    background-image: url(../img/bg2.png);
    background-repeat: no-repeat;
    background-position-y: 12px;
}
.selections .selection:nth-child(1) {
    left: -7px;
    top: 55px;
}
.selections .selection:nth-child(2) {
    top: 25px;
    right: 4px;
}
.selections .selection:nth-child(3)  {
    top: 205px;
    left: 345px;
}
.selections .selection:nth-child(4) {
    top: 300px;
    left: 20px;
}
.selections .selection:nth-child(5) {
    top: 365px;
    right: 45px;
}
.selections {
    height: 520px;
}
svg path, svg rect, svg polygon {
    fill: white;
}
.sel_img object {
    height: 47px;
}
.f_tit {
    font-size: 20px;
    margin-bottom: 12px;
}
footer .text {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 12px;
}

.button {
    font-size: 17px;
    background: linear-gradient(to right, #f51d55, #fb6f76);
    height: 65px;
    width: 282px;
    display: block;
    margin: 60px auto 70px;
    position: relative;
    border-radius: 12px;
    color: white;
    text-align: center;
    padding-top: 20px;

}
.button:hover {
    color: white;
}
.lev_am_bl1 .button:after {
    display: inline-block;
    content: '';
    background: url(../img/button_after.png);
    width: 350px;
    height: 348px;
    position: absolute;
    left: -33px;
    top: 0;

}
.button:before {
    display: inline-block;
    content: '';
    height: 100%;
    border-radius: 12px;
    width: 100%;
    opacity: .23;
    background: linear-gradient(to right, #ff65a6, #f28f94);
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 6px;
}
.lev_am_bl1 h1, .lev_garage_bl1 h1 {
    font-size: 67px;
    color: #0984c4;
    border-bottom: 1px solid #9ccee8;
    text-align: center;
    max-width: 570px;
    font-weight: 400;
    padding-bottom: 18px;
    margin: 25px auto 17px;
}
.lev_garage_bl1 h1 {
    padding-bottom: 8px;
}
.lev_garage_bl1 .text {
    text-align: center;
    margin-bottom: 130px;
}
.lev_am_bl1 .text {
    text-align: center;
    margin-bottom: 50px;
}
.mouse_slogan .slogan {
    border-top: 0;
}
.mouse_slogan .mouse {
    margin-left: 35px;
    float: left;
    margin-right: 10px;
    display: inline-block;
}
.lev_am_bl1 .mouse_slogan .mouse {

    margin-left: 46px;
}
.mouse_slogan .slogan {
    float: left;
    max-width: 330px;
    padding-top: 0;
}
.lev_am_bl2 {
    padding-top: 103px;
}
.border_dashed {
    border: 1px dashed #e0d5d8
}
.whom .border_dashed {
    margin-top: 44px;
    padding-top: 60px;
    padding-bottom: 47px;
    margin-bottom: 48px;
}
.whom1 .border_dashed {
    padding-left: 310px;
}
.whom2 .border_dashed {
    padding-right: 290px;
}
.whom .border_dashed&gt;div:last-child {
    margin-bottom: 0;
}
.whom_title {
    color: #515151;
    font-size: 35px;
    margin-bottom: 23px;
}
.whom_subtitle {
    font-size: 20px;
    margin-bottom: 23px;
}
.lev_am_bl3 .text {
    font-size: 17px;
    color: #515151;
    margin-bottom: 30px;
}
.whom1 {
    background: url(../img/prod.png) no-repeat;
}
.whom2 {
    background: url(../img/prod1.png) no-repeat right;
    padding: 10px 0;
}
.lev_am_bl3 {
    padding-bottom: 80px;
}
.lev_am_bl4_title {
    font-size: 45px;
    font-weight: 300;
    max-width: 585px;
    padding-bottom: 17px;
    margin: 0 auto 30px;
    border-bottom: 1px solid #a6d3ea;
    text-align: center;
}
.lev_am_bl4_title span {
    font-weight: 400;
}
.lev_am_bl4 .text {
    text-align: center;
    margin-bottom: 80px;
}
.package_title {
    font-size: 32px;
    color: white;
    border-bottom: 1px solid white;
    text-transform: uppercase;
    text-align: center;
    max-width: 245px;
    margin: 0 auto;
}
.package_title span {
    font-size: 17px;
    font-weight: 300;
    display: block;
}
.package_top {
    padding-top: 20px;
    text-align: center;
    height: 230px;
    position: relative;
}
.package_top_blue {
    background: url(../img/pak1.png) no-repeat;
}
.package_top&gt;span {
    color: #fefefe;
    opacity: .25;
    font-size: 140px;
    position: absolute;
    top: 52px;
    left: calc(50% - 43px);
}
.package_price span {
    font-weight: 400;
}
.package_price {
    font-weight: 300;
    font-size: 15px;
    text-align: center;
}
.package_price div {
    font-size: 45px;
    color: #83d6fc;
    line-height: 1;
    margin-top: 10px;
}
.package_cont {
    max-width: 283px;
    margin: 25px auto 0;
    /*border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;*/
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.package_cont:before {
    display: inline-block;
    content: '';
    background: #cdcdcd;
    width: 244px;
    height: 1px;
    position: absolute;
    top: 0;
    left: calc(50% - 122px);
}
.package_cont:after {
    display: inline-block;
    content: '';
    background: #cdcdcd;
    width: 244px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 122px);
}
.package_cont span {
    font-weight: 500;
    width: 75px;
    display: inline-block;
    text-align: right;
    margin-right: 12px;
}
.package_button {
    width: 228px;
    color: #36a6da;
    border: 1px solid #83d6fc;
    border-radius: 12px;
    display: block;
    height: 65px;
    text-align: center;
    padding-top: 20px;
    margin: 32px auto 0;
}
.package_button:hover {
    color: #36a6da;
}
.package {
    border: 1px solid #c9e5f3;
    border-radius: 22px;
    max-width: 330px;
    padding-bottom: 34px;
}
.package_center {
    margin: 0 auto;
}
.package_right {
    margin-left: auto;
}
.package_top_pink {
    background: url(../img/pak2.png) no-repeat;
}
.package_center .package_button {
    color: #da365c;
    border: 1px solid #fc839a;
}
.lev_am_bl5_title {
    font-size: 45px;
    font-weight: 300;
    padding-bottom: 13px;
    border-bottom: 1px solid #a6d3ea;
    max-width: 587px;
    margin-bottom: 25px;
}
.lev_am_bl5_title span {
    font-weight: 400;
}
.lev_am_bl5 .button, .lev_am_bl5 .package_button {
    display: inline-block;
    float: left;
    margin-top: 37px;
    margin-bottom: 45px;
}
.lev_am_bl5 .package_button {
    margin-left: 30px;
    width: 282px;
    color: #da365c;
    border: 1px solid #f62e5c;
}
.lev_am_bl4 {
    margin-bottom: 80px;
}
.lev_am_bl5 img {
    margin-left: 30px;
}
.document_button {
    color: #0984c4;
    font-size: 17px;
    position: relative;
    padding-right: 24px;
}
.clear {
    clear: both;
}
.document_button:after {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: '';
    background: url(../img/arrow.png);
    margin-top: 5px;
    position: absolute;
    right: 0;
}

footer {
    padding-bottom: 30px;
    margin-top: 150px;
}
.logo_footer {
    margin-top: 17px;
    display: inline-block;
    width: 160px;
}
.lev_am_bl2_bg {
    background: url(../img/levam_bg3.png);
    max-width: 1496px;
    height: 741px;
    margin: 0 auto;
    background-position-x: center;
}

.preim_abs_text1 {
    width: 190px;
    top: 270px;
    left: -28px;
}
.preim_abs_text {
    font-size: 17px;
    text-align: center;
    position: absolute;
}
.preim_abs_text2 {
    top: 336px;
    width: 195px;
    left: 117px;
}
.preim_abs_text3 {
    top: 501px;
    width: 168px;
    left: 183px;
}
.preim_abs_text4 {
    top: 65px;
    width: 180px;
    left: 350px;
}
.preim_abs_text6 {
    top: 126px;
    right: 185px;
    width: 185px;
}
.preim_abs_text7 {
    right: 240px;
    top: 274px;
    width: 160px;
}
.preim_abs_text8 {
    width: 138px;
    top: 447px;
    right: 204px;
}
.preim_abs_text9 {
    top: 377px;
    right: 37px;
    width: 158px;
}
.preim_abs_text10 {
    color: #0984c4;
    font-size: 45px;
    top: 238px;
    left: 286px;
}
.preim_abs_text10 span {
    font-size: 25px;
    margin-top: 7px;
    position: absolute;
}
.preim_abs_img {
    position: absolute;
}
.preim_abs_img1 {
    width: 35px;
    top: 426px;
    left: 85px;
}
.preim_abs_img2 {
    top: 40px;
    left: 285px;
    width: 41px;
}
.preim_abs_img3 {
    top: 602px;
    left: 365px;
    width: 44px;
}
.preim_abs_img4 {
    right: 370px;
    width: 40px;
    top: 75px;
}
.preim_abs_img5 {
    right: 190px;
    top: 243px;
    width: 36px;
}
.preim_abs_img6 {
    width: 36px;
    right: 50px;
    top: 294px;
}
.preim_abs_img7 {
    width: 62px;
    top: 556px;
    right: 342px;
}
.preim_abs_text5_tit {
    color: #4b4b4b;
    font-size: 45px;
    padding-bottom: 12px;
    border-bottom: 1px solid #9ecfe8;
    max-width: 395px;
    margin: 0 auto 23px;
}
.preim_abs_text5 {
    width: 430px;
    top: 325px;
    left: 330px;

}
.lev_7zap_bl1 .text {
    font-size: 15px;
    padding-top: 25px;
    border-top: 1px solid #a6d3ea;
    margin-top: 17px;
}
.lev_7zap_bl1 {
    padding-top: 25px;
    margin-top: 62px;
}
.text-center {
    text-align: center;
}
.lev_7zap_bl1_top {
    margin-top: 50px;
}
.lev_7zap_bl1 .button {
    margin-top: 100px;
    margin-left: 0;
}
.lev_7zap_bl3_title {
    font-size: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #0984c4;
    text-align: center;
    max-width: 763px;
    margin: 0 auto 25px;
}
.lev_7zap_bl3 .text {
    text-align: center;
}
.lev_7zap_bl2 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.lev7zap_map_item_title {
    font-size: 25px;
    margin-bottom: 25px;
}
.lev7zap_map_item_text {
    font-size: 15px;
}
.lev7zap_map_item1 {
    top: 93px;
    width: 308px;
    text-align: left;
    left: 190px;
}
.lev7zap_map_item {
    text-align: left;
    position: absolute;
}
.lev7zap_map_item2 {
    width: 400px;
    top: 17px;
    left: 530px;
}
.lev7zap_map_item2 .lev7zap_map_item_text {
    padding-right: 120px;
}
.lev7zap_map_item3 {
    top: 90px;
    right: 0;
    width: 260px;
}
.pr0 {
    padding-right: 0!important;
}
.kont_bl2 .title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 70px;
}
.kont_bl1 h1 {
    font-size: 67px;
    color: #0984c4;
    padding-bottom: 10px;
    border-bottom: 1px solid #a6d3ea;
    margin-bottom: 50px;
}
.adress, .kont_phone {
    padding-left: 50px;
    position: relative;
}
.adress {
    margin-bottom: 50px;
}
.adress:before {
    display: inline-block;
    content: '';
    background: url(../img/k1.svg);
    width: 15px;
    height: 25px;
    position: absolute;
    left: 4px;
    top: 6px;
}
.kont_phone:before {
    display: inline-block;
    content: '';
    background: url(../img/k2.svg);
    width: 22px;
    height: 21px;
    position: absolute;
    left: 4px;
    top: 6px;
}
.adress_title {
    font-size: 25px;
    margin-bottom: 10px;
}
.adress_text {
    font-size: 15px;
    margin-bottom: 10px;
}
.kont_bl1_after:after {
    display: inline-block;
    content: '';
    border: 1px solid #bfbfbf;
    border-right: 0;
    height: 405px;
    width: 515px;
    position: absolute;
    top: 0;
    left: -52px;
}
.kont_bl1_after {
    padding-bottom: 22px;
    padding-top: 18px;
    margin-top: 30px;
    max-width: 360px;
    margin-left: auto;
    margin-right: 195px;
    position: relative;
}
.kont_bl1 {
    padding-top: 100px;
    padding-bottom: 90px;
    overflow: hidden;
}
.map {
    margin-left: -137px;
}
.map:after {
    display: inline-block;
    content: '';
    border-right: 0;
    height: 605px;
    width: 376px;
    position: absolute;
    top: -56px;
    background: #f52056;
    opacity: .1;
    left: 570px;

}
.kont_bl2 {
    padding-top: 90px;
}

form input[type="submit"] {
    border: none;
    padding-top: 3px;
    margin-top: 0;
}
.submit_before {
    position: relative;
    width: 282px;
}
.submit_before:before {
    display: inline-block;
    content: '';
    height: 100%;
    border-radius: 12px;
    width: 100%;
    opacity: .23;
    background: linear-gradient(to right, #ff65a6, #f28f94);
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 6px;
}
.kont_input, form textarea {
    border: 1px solid #c9c9c9;
    border-radius: 12px;
    height: 72px;
    max-width: 488px;
    width: 100%;
    margin-bottom: 33px;
    font-size: 15px;
    color: #5d5d5d;
    padding-left: 25px;
}
form textarea {
    height: 218px;
    padding-top: 28px;
}
.lev_garage_vin_title {
    font-size: 35px;
    margin-bottom: 28px;
    position: relative;
}
.lev_garage_vin_title:before {
    content: '';
    display: inline-block;
    border: 3px solid #f1f1f1;
    height: 78px;
    width: 78px;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    top: -12px;
}
.lev_garage_vin_ul {
    font-size: 17px;
    padding-left: 8px;
}
.lev_garage_vin_ul li {
    list-style: none;
    position: relative;
    padding-bottom: 33px;
    padding-left: 18px;
}
.lev_garage_vin_ul li:before {
    height: 21px;
    content: '';
    display: inline-block;
    width: 5px;
    background: #0984c4;
    position: absolute;
    left: 0;
    top: 1px;
}
.lev_garage_vin:before {
    border: 1px dashed #cfcfcf;
    content: '';
    display: inline-block;
    height: 342px;
    width: 655px;
    border-radius: 12px;
    position: absolute;
    position: absolute;
    top: 86px;
    left: 15px;
}
.lev_garage_vin {
    margin-top: 86px;
    padding-top: 45px;
    padding-left: 65px;
}
.lev_garage_bl1 {
    padding-bottom: 165px;
}
.lev_garage_bl2 .lev_garage_vin_title:before {
    display: none;
}
.lev_garage_garage {
    padding-top: 62px;
}
.lev_garage_garage:before {
    border: 1px dashed #cfcfcf;
    content: '';
    display: inline-block;
    height: 340px;
    width: 750px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 15px;
}
.garage_slider ul li {
    width: 32px;
    height: 32px;
    background: #d4d4d4;
    border-radius: 4px;
    display: inline-block;
    margin-right: 9px;
    padding: 3px 0;
    text-align: center;
}
.garage_slider ul li:last-child {
    margin-right:0;
}
.garage_slider {
    text-align: center;
    margin-top: 20px;
    max-width: 360px;
    position: relative;
}
.garage_slider ul li object {
    height: 24px;
}
.garage_slider ul {
    padding-left: 0;
}
.garage_slider .swiper-slide-active ul li {
    background: #7fbfe1;
}
.garage_slider .swiper-slide-active {
    background: #eaf5fb;
}
.garage_slider_slider {
    border: 1px dashed #d4d4d4;
    border-radius: 12px;
}
.garage_slider .swiper-slide {
    padding: 12px;
    border-radius: 12px;
    width: 360px;
    background: #f8f8f8;
}
.garage_slider img.chb {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    margin-bottom: 24px;
}
.swiper-slide-active img.chb {
    filter: none;
}
.garage_slider_title {
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 26px;
    margin-bottom: 8px;
}
.garage_slider_text {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
}
.lev_garage_bl3_title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 70px;
}
.lev_garage_bl3_text {
    font-size: 17px;
    padding-bottom: 15px;
    position: relative;
    max-width: 250px;
    margin: 0 auto 30px;;
}
.lev_garage_bl3_text:after {
    content: '';
    display: inline-block;
    background: #0984c4;
    width: 195px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 97px);
}

.lev_garage_bl3 .border_shad {
    position: relative;
}
.lev_garage_bl3 .border_shad:before {
    content: '';
    display: inline-block;
    width: 950px;
    height: 228px;
    border: 1px dashed #cfcfcf;
    position: absolute;
    bottom: 60px;
    left: calc(50% - 475px);
    border-radius: 12px;
}
.lev_garage_mess_title {
    font-size: 35px;
    margin-bottom: 30px;
}
.lev_garage_mess {
    text-align: left;
    margin-top: 80px;
}
.lev_garage_mess li:before {
    height: 40px;
    top: 4px;
}
.lev_garage_mess:before {
    content: '';
    display: inline-block;
    width: 708px;
    height: 340px;
    border: 1px dashed #cfcfcf;
    position: absolute;
    top: 24px;
    right: 0;
    border-radius: 12px;
    z-index: -1;
}
.lev_garage_bl4_img img {
    margin-right: 67px;
}
.lev_garage_bl4_img {
    text-align: right;
}
.lev_garage_bl2 {
    padding-bottom: 100px;
    background: url(../img/lev_garage_bl2.png) no-repeat;
    padding-top: 70px;
}
.lev_garage_bl3 {
    padding-bottom: 95px;
    background: url(../img/lev_garage_bl3.png) no-repeat;
    background-position-x: center;
    background-size: contain;
    padding-top: 20px;

}
.lev_garage_bl4 {
    background: url(../img/lev_garage_bl4.png) no-repeat;
    padding-top: 55px;
}
.lev_garage_bl5 {
    background: url(../img/lev_garage_bl5.png) no-repeat;
    padding-bottom: 180px;
    padding-top: 70px;
}
.lev_garage_bl6 {
    background: url(../img/lev_garage_bl6.png) no-repeat;
    background-position-x: center;
}
.lev_garage_integr:before {
    content: '';
    display: inline-block;
    width: 750px;
    height: 340px;
    border: 1px dashed #cfcfcf;
    position: absolute;
    top: 24px;
    left: 0;
    border-radius: 12px;
    z-index: -1;
}

.lev_garage_bl6 {
    padding-top: 116px;
}
.lev_garage_integr {
    margin-top: 110px;
    margin-left: 64px;
}
.lev_garage_bl5_img img {
    margin-top: 50px;
}
.lev_garage_bl4 {
    padding-bottom: 140px;
}
.lev_garage_bl6_title {
    font-size: 30px;
    margin-bottom: 12px;
}
.lev_garage_bl6_text {
    font-size: 20px;
}
.lev_garage_bl6_item {
    margin-left: 25px;
    padding-left: 115px;
    margin-bottom: 60px;
    position: relative;
}
.lev_garage_bl6_items .lev_garage_bl6_item:before {
    position: absolute;
    left: 0;
    top: 6px;
    content: '';
    display: inline-block;
}
.lev_garage_bl6_items .lev_garage_bl6_item:nth-child(1):before {
    width: 75px;
    height: 65px;
    background: url(../img/bl6_1.svg);
}
.lev_garage_bl6_items .lev_garage_bl6_item:nth-child(2):before {
    width: 63px;
    height: 80px;
    left: 10px;
    background: url(../img/bl6_2.svg);
}
.lev_garage_bl6_items .lev_garage_bl6_item:nth-child(3):before {
    width: 96px;
    height: 61px;
    background: url(../img/bl6_3.svg);
}
.lev_garage_bl6_items {
    margin-top: 17px;
}
.lev_garage_bl6 {
    padding-bottom: 180px;
}
.lev_oem_bl1 .container {
    background: url(../img/oem_bg1.png) no-repeat;
}
.lev_oem_bl1 h1 {
    color: #0984c4;
    font-size: 67px;
    margin-bottom: 25px;
    margin-top: 50px;
}
.lev_oem_bl1 .text {
    font-size: 17px;
    max-width: 570px;
    padding-bottom: 12px;
    border-bottom: 1px solid #a6d3ea;
    margin: 0 auto;
}
.lev_oem_bl1 .button {
    margin-top: 358px;
}
.lev_oem_bl2 .container {
    background: url(../img/oem_bg2.png) no-repeat center;
    height: 538px;
    background-position-x: 217px;
}
.lev_oem_bl2 .container {
    padding-top: 120px;
}
.lev_oem_bl2_title {
    font-size: 25px;
}
.lev_oem_bl2_text {
    font-size: 17px;
}
.lev_oem_bl2_item1 {
    margin-bottom: 77px;
    margin-top: 56px;
    margin-right: 48px;
}
.lev_oem_bl2_item2 {
    margin-right: 151px;
}
.lev_oem_bl2_item3 {
    margin-left: 94px;
    margin-bottom: 112px;
}
.lev_oem_bl2_item4 {
    margin-left: 145px;
}
.lev_oem_bl3 .container {
    background: url(../img/oem_bg3.png) no-repeat center;
    height: 645px;
    background-position-y: 210px;
}
.lev_oem_bl3_item1 {
    margin-bottom: 103px;
    margin-top: 25px;
    margin-right: 53px;
}
.lev_oem_bl3_item3 {
    margin-bottom: 35px;
}
.lev_oem_bl3_item4 {
    margin-left: 60px;
    margin-bottom: 42px;
}
.lev_oem_bl3_item5 {
    margin-left: 22px;
}
.lev_oem_bl3 {
    padding-bottom: 60px;
}
.lev_oem_bl2_item, .lev_oem_bl3_item {
    position: relative;
}
.lev_oem_bl2_item1:after {
    background: url(../img/oem_bl2_1.svg) no-repeat;
    position: absolute;
    right: -78px;
    top: 33px;
    content: '';
    display: inline-block;
    width: 49px;
    height: 52px;
}
.lev_oem_bl2_item2:after {
    background: url(../img/oem_bl2_2.svg) no-repeat;
    position: absolute;
    right: -77px;
    top: 25px;
    content: '';
    display: inline-block;
    width: 49px;
    height: 38px;
}
.lev_oem_bl2_item3:after {
    background: url(../img/oem_bl2_3.svg) no-repeat;
    position: absolute;
    left: -114px;
    top: 29px;
    content: '';
    display: inline-block;
    width: 68px;
    height: 47px;
}
.lev_oem_bl2_item4:after {
    background: url(../img/oem_bl2_4.svg) no-repeat;
    position: absolute;
    left: -100px;
    top: 26px;
    content: '';
    display: inline-block;
    width: 43px;
    height: 43px;
}

.lev_oem_bl3_item1:after {
    background: url(../img/oem_bl3_1.svg) no-repeat;
    position: absolute;
    right: -92px;
    top: 51px;
    content: '';
    display: inline-block;
    width: 60px;
    height: 42px;
}
.lev_oem_bl3_item2:after {
    background: url(../img/oem_bl3_2.svg) no-repeat;
    position: absolute;
    right: -113px;
    top: 34px;
    content: '';
    display: inline-block;
    width: 56px;
    height: 42px;
}
.lev_oem_bl3_item3:after {
    background: url(../img/oem_bl3_3.svg) no-repeat;
    position: absolute;
    left: -98px;
    top: 35px;
    content: '';
    display: inline-block;
    width: 62px;
    height: 66px;
}
.lev_oem_bl3_item4:after {
    background: url(../img/oem_bl3_4.svg) no-repeat;
    position: absolute;
    left: -90px;
    top: 28px;
    content: '';
    display: inline-block;
    width: 54px;
    height: 44px;
}
.lev_oem_bl3_item5:after {
    background: url(../img/oem_bl3_5.svg) no-repeat;
    position: absolute;
    left: -93px;
    top: 31px;
    content: '';
    display: inline-block;
    width: 59px;
    height: 45px;
}
.suppl_slider .swiper-slide {
    height: 81px;
    width: 166px;
    border: 1px dashed #9dcee7;
    border-radius: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.group_ul1 li {
    display: inline-block;
    margin-top: 24px;
}
.group_ul1 li:nth-child(1) {
    margin-left: 62px;
    margin-right: 126px;
}
.group_ul1 li:nth-child(2) {
    margin-right: 134px;
}
.group_ul1 li:nth-child(3) {
    margin-right: 173px;
}
.group_ul1 li:nth-child(4) {
    margin-right: 127px;
}
.group_ul1 li:nth-child(5) {
    margin-right: 131px;
}
.group ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
}
.group_ul1 li:last-child {
    margin-right: 0;
}
.group_ul1 li object {
    width: 47px;
    height: 39px;
}
.group {
    background: url(../img/suppl_bg1.png) no-repeat center;
    height: 305px;
    margin-top: 14px;
    margin-bottom: 24px;
}
.prodavec object {
    width: 53px;
    height: 33px;
    margin-left: 5px;
}
.prodavec {
    margin-top: 84px;
}
ul.klient {
    max-width: 510px;
    margin: 61px auto 0;
    position: relative;
}
ul.klient li {
    display: inline-block;
}
ul.klient li:nth-child(1) {
    margin-left: 15px;
    margin-right: 79px;
}
ul.klient li:nth-child(2) {
    margin-right: 202px;
}
ul.klient li:nth-child(3) {
    margin-right: 79px;
}
ul.klient object {
    width: 29px;
    height: 32px;
}
.tag {
    color: #4b4b4b;
    font-size: 15px;
    padding: 4px 10px;
    border-radius: 4px;
    background: #eeeeee;
    margin-right: 6px;
    margin-bottom: 6px;
    display: inline-block;
}
.tags {
    padding-top: 17px;
    border-top: 1px solid #eeeeee;
}

.lev_supp_bl1 h1 {
    font-size: 67px;
    color: #0984c4;
    margin-bottom: 15px;
    max-width: 570px;
    margin: 0 auto 15px;
    border-bottom: 1px solid #a6d3ea;
    padding-bottom: 15px;
}
.lev_supp_bl1 .text {
    margin-bottom: 30px;
}
.lev_supp_bl2_title {
    font-size: 35px;
    margin-bottom: 17px;
}
.lev_supp_bl2_text {
    font-size: 17px;
}
.lev_supp_bl2 .row {
    justify-content: center;
    align-items: center;
}
.lev_supp_item, .lev_supp_item2 {
    min-height: 330px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.lev_supp_item {
    border-left: 1px solid #f52056;
}
.lev_supp_item2 {
    border-right: 1px solid #0984c4;
}
.lev_supp_item2&gt;div {
    border-right: 3px solid #0984c4;
    padding-right: 23px;
}
.lev_supp_item&gt;div {
    border-left: 3px solid #f52056;
    padding-left: 23px;
}
.lev_supp_bl3_title {
    font-size: 45px;
    max-width: 750px;
    border-bottom: 1px solid #a6d3ea;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    text-align: center;
}
.lev_supp_bl3_text {
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
}
.suppl3_title {
    font-size: 25px;
}
.suppl3_text {
    font-size: 15px;
}
.suppl3_img {
    height: 127px;
    width: 127px;
    border-radius: 50%;
    background: linear-gradient(to bottom, rgba(15, 117, 212, 0.64), rgba(138, 220, 255, 0.64));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.suppl3_grad_pink {
    background: linear-gradient(to bottom, rgba(245, 29, 85, 0.64), rgba(251, 111, 118, 0.64));
}

.suppl3_img:before {
    display: block;
    content: '';
    position: absolute;
}

.suppl3_img1 img {
    width: 42px;
    height: 58px;
}
.suppl3_img1:before {
    width: 172px;
    height: 172px;
    background: url(../img/suppl3_img1.png) no-repeat;
}

.suppl3_img2 {
    height: 138px;
    width: 138px;
    margin-top: 52px;
}
.suppl3_img2 img {
    width: 58px;
    height: 58px;
}
.suppl3_img2:before {
    width: 172px;
    height: 172px;
    background: url(../img/suppl3_img2.png) no-repeat;
}

.suppl3_img3 {
    height: 134px;
    width: 134px;
}
.suppl3_img3 img {
    width: 38px;
    height: 57px;
}
.suppl3_img3:before {
    width: 172px;
    height: 170px;
    background: url(../img/suppl3_img3.png) no-repeat center;
}

.suppl3_img4 {
    height: 108px;
    width: 108px;
}
.suppl3_img4 img {
    width: 48px;
    height: 50px;
}
.suppl3_img4:before {
    width: 160px;
    height: 157px;
    background: url(../img/suppl3_img4.png) no-repeat;
}

.suppl3_img5 {
    height: 101px;
    width: 101px;
}
.suppl3_img5 img {
    width: 42px;
    height: 71px;
}
.suppl3_img5:before {
    width: 145px;
    height: 145px;
    background: url(../img/suppl3_img5.png) no-repeat;
}

.suppl3_img6 {
    height: 142px;
    width: 142px;
}
.suppl3_img6 img {
    width: 52px;
    height: 44px;
}
.suppl3_img6:before {
    width: 175px;
    height: 175px;
    background: url(../img/suppl3_img6.png) no-repeat;
}

.suppl3_img7 {
    height: 126px;
    width: 126px;
}
.suppl3_img7 img {
    width: 51px;
    height: 46px;
}
.suppl3_img7:before {
    width: 169px;
    height: 163px;
    background: url(../img/suppl3_img7.png) no-repeat;
}

.suppl3_img8 {
    height: 137px;
    width: 137px;
}
.suppl3_img8 img {
    width: 69px;
    height: 67px;
}
.suppl3_img8:before {
    width: 177px;
    height: 177px;
    background: url(../img/suppl3_img8.png) no-repeat;
}

.suppl3_img9 {
    height: 154px;
    width: 154px;
}
.suppl3_img9 img {
    width: 74px;
    height: 50px;
}
.suppl3_img9:before {
    width: 189px;
    height: 192px;
    background: url(../img/suppl3_img9.png) no-repeat;
}

.suppl3_img10 {
    height: 108px;
    width: 108px;
}
.suppl3_img10 img {
    width: 48px;
    height: 52px;
}
.suppl3_img10:before {
    width: 163px;
    height: 163px;
    background: url(../img/suppl3_img10.png) no-repeat;
}

.suppl3_img11 {
    height: 138px;
    width: 138px;
}
.suppl3_img11 img {
    width: 70px;
    height: 62px;
}
.suppl3_img11:before {
    width: 176px;
    height: 173px;
    background: url(../img/suppl3_img11.png) no-repeat;
}
.lev_supp_bl3 .col-md-4, .lev_supp_bl3 .col-md-2 {
    margin-bottom: 50px;
    align-items: center;
    display: flex;
}
.lev_supp_bl3 .col-md-4&gt;div {
    padding-left: 10px;
}
.lev_supp_bl3 .text-right&gt;div {
    padding-right: 10px;
    padding-left: 0;
}
.suppl3_img2, .suppl3_img4, .suppl3_img6, .suppl3_img8, .suppl3_img10 {
    margin-left: auto;
}
.lev_supp_bl3 {
    padding-bottom: 100px;
}
.lev_supp_bl5 img {
    margin-top: 130px;
}
.suppl_slider_glav {
    position: relative;
}
.suppl_slider {
    max-width: 1071px;
    margin: 0 auto;
}
.suppl_slider_glav .swiper-button-prev {
    background: url(../img/supl_arrow_left.png) no-repeat center;
    left: -15px;
    width: 10px;
    outline: none;
}
.suppl_slider_glav .swiper-button-prev:before, .suppl_slider_glav .swiper-button-next:after {
    display: inline-block;
    content: '';
    height: 114px;
    width: 1px;
    background: #f52056;
}
.suppl_slider_glav .swiper-button-prev:before {
    position: absolute;
    right: -12px;
    top: -33px;

}
.suppl_slider_glav .swiper-button-next:after {
    position: absolute;
    left: -12px;
    top: -33px;
}
.suppl_slider_glav .swiper-button-next {
    background: url(../img/supl_arrow_right.png) no-repeat center;
    right: -15px;
    width: 10px;
    outline: none;
}
.lev_supp_bl2_mt {
    margin-top: -100px;
}
.lev_supp_bl2 {
    padding-bottom: 70px;
    padding-top: 33px;
}
.lev_supp_bl1 .container {
    background: url(../img/suppl_bg2.png) no-repeat;
    background-position-x: center;
    background-position-y: 136px;
}
#supplaers {
    background: url(../img/supplaers.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}
/*

#index, #index_no7 {
	background: url(../img/index.png) no-repeat;
	background-position-x: center;
	background-size: cover;
}

*/

#index_no7 .glav_bl2 .container {
    background-image: url(../img/bg2_no7.png);
}
#index_no7 .selections .selection:nth-child(3) {
    display: none;
}
#kontakty {
    background: url(../img/kontakty.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}
#zap7 {
    background: url(../img/bg_7zap.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}
#am {
    background: url(../img/am.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}
#garage {
    background: url(../img/garage.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}
#oem {
    background: url(../img/oem.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}

.lev_7zap_bl1 .mouse_slogan {
    margin-top: 100px;
}
.lev_garage_bl1 .mouse_slogan {
    margin-top: 20px;
}
.lev_oem_bl3 .lev_am_bl4_title {
    max-width: 400px;
}
.lev_oem_bl3 .text {
    max-width: 615px;
}
h1 {
    font-weight: 400;
}
.klienty_abs {
    position: absolute;
    font-size: 15px;
    left: calc(50% - 31px);
    margin-right: 0;
    bottom: 0;
}
.klienty_abs:before {
    background: url(../img/text_after.png);
    display: inline-block;
    content: '';
    width: 135px;
    height: 56px;
    position: absolute;
    top: -56px;
    left: -37px;
}
.klienty_abs2 {
    position: absolute;
    font-size: 15px;
    right: 8px;
    bottom: 112px;
    margin-right: 0;
}
.klienty_abs2:before {
    background: url(../img/text_after2.png);
    display: inline-block;
    content: '';
    width: 126px;
    height: 26px;
    position: absolute;
    top: -1px;
    left: -134px;
}
.suppl_slider .swiper-slide img {
    max-height: 100%;
}
.suppl_slider .swiper-slide {
    padding: 5px;
}
.garage_slider_glav .swiper-button-next {
    background: url(../img/arrow_right.svg);
    width: 52px;
    height: 52px;
    right: 35px;
    margin-top: -70px;
    outline: none;
}
.garage_slider_glav .swiper-button-prev {
    background: url(../img/arrow_left.svg);
    width: 52px;
    height: 52px;
    right: 35px;
    left: auto;
    margin-top: 0px;
    outline: none;
}
.garage_slider_glav {
    position: relative;
}


@media only screen and (max-width: 1199px) {
    .selections .selection:nth-child(3) {
        top: 176px;
        left: 387px;
    }
    .sel_img {
        padding-top: 22px;
        padding-right: 7px;
        width: 92px;
        height: 90px;
    }
    .sel_img object {
        height: 35px;
    }
    .selections .selection:nth-child(2) {
        top: -2px;
        right: 80px;
        max-width: 219px;
    }
    .selections .selection:nth-child(2)&gt;div:last-child {
        width: auto;
    }
    .selections .selection:nth-child(5) {
        max-width: 292px;
    }
    .selections .selection:nth-child(5)&gt;div:last-child {
        width: auto;
    }
}
@media only screen and (max-width: 991px) {
    .selection&gt;div:last-child {
        width: 270px;
    }
    .selections .selection:nth-child(1) {
        left: -7px;
        top: 38px;
    }
    .selections .selection:nth-child(2) {
        right: -152px;
    }
    .selections .selection:nth-child(3) {
        top: 147px;
        left: 390px;
    }
    .selections .selection:nth-child(4) {
        top: 264px;
        left: 58px;
    }
    .selections .selection:nth-child(5) {
        top: 329px;
        right: -211px;
    }
}


@media only screen and (max-width: 767px) {

    .settings {
        display: flex;
        justify-content: space-around;
    }

    .phone object {
        margin-right: 0px;
        margin-left: 0px;
    }
    .conv object {
        margin-right: 0px;
        margin-left: 0px;
    }
    .lang_eng {
        border-left: none;
        border-top: 1px solid #4c4c4c;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 0;

    }
    .lang_rus {
        margin-top: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    h1 span {
        font-size: 60px;
    }
    .pr0 {
        padding-right: 15px!important;
    }
    .glav_bl1 h1 {
        font-size: 51px;
    }
    .glav_bl1 .text {
        text-align: center;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .hidden_mob {
        display: none;
    }
    .glav_bl1_img img {
        position: initial;
        width: 100%;
        max-width: 100%;
        padding-bottom: 20px;
        padding-top: 20px;
        border-top: 1px dashed #e1e1e1;
        border-bottom: 1px dashed #e1e1e1;
    }
    .glav_bl2 .title {
        text-align: center;
        max-width: 100%;
    }
    .text {
        text-align: center;
    }
    .glav_bl2 .container {
        background: none;
    }
    .selection {
        position: initial;
        max-width: 100%!important;
    }
    .selection&gt;div:last-child, .selections .selection:nth-child(5)&gt;div:last-child {
        margin-top: 0;
        width: 76%!important;
    }
    .sel_img {
        margin-right: 10px;
    }
    .selection .text {
        text-align: left;
    }
    .selections .selection:nth-child(2n) .sel_img {
        float: right;
    }
    .selections .selection:nth-child(2n)&gt;div:last-child {
        text-align: right;
    }
    .selections .selection:nth-child(2n) .text {
        text-align: right;
    }
    .selections {
        margin-top: 50px;
        height: auto;
    }
    .selections .selection {
        margin-bottom: 30px;
    }
    footer {
        margin-top: 0;
        padding-top: 50px;
    }
    .logo_footer {
        margin: 17px auto 30px;
        display: block;
    }
    .f_tit {
        /*text-align: center;*/
    }
}





/* Specification */

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h1, h2 {
    font-family: 'Ubuntu', sans-serif;
}

h2 {
    font-size: 40px;
}

h2 span {
    font-size: 40px;
}

h4 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #3273BA;
}

.new-button {
    display: inline-block;
    background-color: #F26E76;
    background-image: url(../img/btn-bg.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    box-shadow: 0px 20px 40px rgba(242, 110, 118, 0.3);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 20px;
    color: #fff;
    padding: 0px;
    font-weight: 700;
    text-decoration: none;
    outline: none;
    border: 0px;
}

.new-button:hover {
    outline: none;
    border: 0px;
    color: #fff;
    text-decoration: none;
    background-color: #EE2556;
    box-shadow: 0px 20px 40px rgba(242, 110, 118, 0.3);
    transition: all 0.3s ease-in-out;
}

.new-button:focus, .new-button:active {
    outline: none;
    border: 0px;
    color: #fff;
    text-decoration: none;
}

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

.ref {
    transition: all 0.3s ease-in-out;
}

.ref:hover {
    color: #EE2556;
    transition: all 0.3s ease-in-out;
}




@media (max-width: 1199px) {

    h2 {
        font-size: 32px;
    }

    h2 span {
        font-size: 32px;
    }


}

@media (max-width: 991px) {


}

@media (max-width: 767px) {


}

@media (max-width: 575px) {

    h2 {
        font-size: 27px;
    }

    h2 span {
        font-size: 27px;
    }

    h4 {
        font-size: 18px;
        line-height: 1.65em;
    }

    .new-button {
        font-size: 16px;
    }



}

/* Section-main */

.section-main {
    padding-top: 101px;
    padding-bottom: 140px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.main-info {
    display: block;
    width: calc(100% + 58px);
}

.main-info__title {
    display: block;
    line-height: 1.15em;
    color: #0A2E56;
}

.main-info__title span {
    color: #3273BA;
    text-transform: none;
    letter-spacing: 0em;
}

.main-info__sub {
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-top: 38px;
    color: #3273BA;
}

.main-info__list {
    display: block;
    margin-top: 35px;
    padding-left: 30px;
    max-width: 430px;
}

.main-info__item {
    padding-left: 34px;
    display: block;
    position: relative;
    margin-top: 18px;
}

.main-info__item::before {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0px;
    top: 9px;
    background: #90D8F8;
    box-shadow: 0px 0px 10px #90D8F8;
}

.main-info__item p {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    font-weight: 500;
    color: #333333;
}

.main-info__action {
    display: inline-flex;
    flex-direction: column;
    margin-right: auto;
    max-width: 100%;
}

.main-info__new-button {
    display: block;
    width: 416px;
    max-width: 100%;
    height: 90px;
    line-height: 90px;
    background-position: calc(100% - 59px) center;
    padding-right: 45px;
    margin-top: 32px;
}

.main-info__demo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31px;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    border-bottom: 1.4px dashed #3273BA;
    color: #3273BA;
    padding-bottom: 2px;
    padding-top: 2px;
}

.main-info__demo:hover {
    border-bottom: 1.4px dashed #F26E76;
}


.main-image {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 100%;
    flex-direction: column;
}

.main-image__image {
    display: inline-block;
    max-width: 100%;
    margin-left: auto;
    margin-right: -6px;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
}




@media (max-width: 1199px) {

    .section-main {
        padding-top: 80px;
        padding-bottom: 110px;
    }

    .main-info {
        width: calc(100% + 18px);
    }

    .main-info__sub {
        margin-top: 28px;
    }

    .main-info__list {
        margin-top: 26px;
        padding-left: 20px;
        max-width: 400px;
    }

    .main-info__item {
        padding-left: 26px;
    }

    .main-info__new-button {
        margin-top: 26px;
        background-position: calc(100% - 46px) center;
        padding-right: 50px;
    }

    .main-info__demo {
        margin-top: 26px;
    }


}

@media (max-width: 991px) {

    .section-main {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .main-image {
        min-height: auto;
        flex-direction: row;
        display: block;
    }

    .main-image__image {
        max-width: 360px;
        margin-left: 0px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        margin-top: 0px;
    }

    .main-info {
        width: 600px;
        position: relative;
        padding-top: 30px;
    }

    .main-info__title, .main-info__sub {
        margin-top: 12px;
    }




}

@media (max-width: 767px) {

    .section-main {
        padding-top: 20px;
    }

    .main-info {
        padding-top: 20px;
        width: 100%;
    }

    .main-image__image {
        max-width: 345px;
        width: 100%;
    }

    .main-info__list {
        margin-top: 20px;
        padding-left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .main-info__action {
        max-width: 100%;
        width: 390px;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: inline-flex;
    }

    .main-info__new-button {
        width: 100%;
        max-width: 100%;
        margin-top: 42px;
    }


}

@media (max-width: 575px) {

    .section-main {
        padding-top: 0px;
        padding-bottom: 72px;
    }

    .main-info {
        padding-top: 26px;
        padding-left: 0px;
        max-width: 346px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .main-info__title {
        max-width: calc(100% + 2px);
    }

    .main-info__sub {
        font-size: 18px;
        line-height: 1.6em;
        margin-top: 25px;
    }

    .main-info__list {
        margin-top: 41px;
        max-width: 100%;
        width: 100%;
        padding-left: 17px;
        padding-right: 10px;
    }

    .main-info__item {
        padding-left: 21px;
        margin-top: 19px;
    }

    .main-info__item::before {
        width: 6px;
        height: 6px;
        top: 7px;
    }

    .main-info__item p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .main-info__action {
        width: 100%;
    }

    .main-info__demo {
        margin-top: 38px;
    }

    .main-info__new-button {
        background-position: calc(50% + 108px) center;
    }

}


/* section-whom */

.section-whom {
    display: block;
    padding-top: 107px;
    padding-bottom: 77px;
    background: url(../img/whom-bg.png) no-repeat center center/ cover;
}

.whom-image {
    display: flex;
    width: calc(100% + 30px);
    margin-left: -30px;
    height: auto;
    min-height: 100%;
    flex-direction: column;
}

.whom-image__image {
    display: inline-block;
    max-width: 100%;
    margin-left: 0px;
    margin-right: auto;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.whom-info {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 70px;
}

.whom-info__content {
    display: inline-block;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.whom-info__title {
    display: block;
    color: #0A2E56;
}

.whom-info__sub {
    margin-top: 18px;
}

.whom-info__text {
    display: block;
    margin-top: 4px;
}

.whom-info__text p {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 1.3em;
    margin-top: 8px;
}

.whom-info__icons {
    margin-top: 35px;
    display: flex;
    max-width: 100%;
}

.whom-info__icon {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 35px;
}

.whom-info__icon img {
    display: block;
    width: 40px;
    height: auto
}



@media (max-width: 1199px) {

    .section-whom {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .whom-info {
        padding-bottom: 50px;
        padding-left: 0px;
    }

    .whom-info__icons {
        margin-top: 28px;
    }


}

@media (max-width: 991px) {

    .section-whom {
        padding-top: 65px;
        padding-bottom: 90px;
        background: rgba(144, 216, 248, 0.05);
    }

    .whom-image {
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
    }

    .whom-image__image {
        margin-left: auto;
        max-width: 400px;
        margin-right: auto;
    }

    .whom-info {
        padding-top: 35px;
        padding-bottom: 0px;
    }

    .whom-info__sub {
        margin-top: 12px;
    }

}

@media (max-width: 767px) {


}

@media (max-width: 575px) {

    .section-whom {
        padding-top: 56px;
        padding-bottom: 70px;
    }

    .whom-image__image {
        width: 100%;
        max-width: 308px;
    }

    .whom-info {
        padding-top: 39px;
    }

    .whom-info__sub {
        margin-top: 25px;
    }

    .whom-info__text {
        margin-top: 25px;
    }

    .whom-info__text p {
        font-size: 14px;
        line-height: 1.2em;
        margin-top: 5px;
    }

    .whom-info__icons {
        margin-top: 25px;
        width: 100%;
        max-width: 265px;
        justify-content: space-between;
    }

    .whom-info__icon {
        margin-top: 20px;
        margin-right: 0px;
    }



}



/* Section-capabilities */

.section-capabilities {
    padding-top: 144px;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;


}

.capabilities-title {
    width: 100%;
    text-align: center;
    display: block;
    color: #0A2E56;
}

.capabilities-controls {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: 72px;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    margin-bottom: 30px;
}

.capabilities-control {
    display: inline-flex;
    height: 60px;
    width: calc(100% / 5);
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 2px;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #EAF8FF;
    transition: all 0.3s ease;
}

.capabilities-control:nth-child(1) {
    border-radius: 10px 0px 0px 0px;
}

.capabilities-control:nth-child(5) {
    border-radius: 0px 10px 0px 0px;
}

.capabilities-control:nth-child(6) {
    border-radius: 0px 0px 0px 10px;
    width: calc(100% / 4);
    padding-left: 18px;
    padding-right: 18px;
}

.capabilities-control:nth-child(7) {
    width: calc(100% / 4);
    padding-left: 18px;
    padding-right: 18px;
}

.capabilities-control:nth-child(8) {
    width: calc(100% / 4);
    padding-left: 18px;
    padding-right: 18px;
}

.capabilities-control:nth-child(9) {
    width: calc(100% / 4);
    border-radius: 0px 0px 10px 0px;
    padding-left: 29px;
    padding-right: 29px;
}

.capabilities-control:hover {
    background: #3273BA;
    border-color: #3273BA;
    transition: all 0.3s ease;
}

.capabilities-control_active {
    background: #3273BA;
    border-color: #3273BA;
    transition: all 0.3s ease;
}

.capabilities-control_active.capabilities-control:nth-child(6),
.capabilities-control_active.capabilities-control:nth-child(7),
.capabilities-control_active.capabilities-control:nth-child(8) {
    padding-left: 17px;
    padding-right: 17px;
}

.capabilities-control_active.capabilities-control:nth-child(9) {
    padding-left: 28px;
    padding-right: 28px;
}

.capabilities-control p {
    display: inline-block;
    margin: auto;
    max-width: 100%;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 500;
    color: #3273BA;

}

.capabilities-control:hover p {
    transition: all 0.3s ease;
    color: #fff;
}

.capabilities-control_active p {
    transition: all 0.3s ease;
    color: #fff;
    font-weight: 700;
}



.capabilities-info {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 381px;
    margin-top: 8px;
    margin-bottom: 20px;

    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.capabilities-info_active {
    transition: all 0.3s ease;
    opacity: 1;
    position: relative;
    left: auto;
}

.capabilities-info__text {
    display: block;
    width: 100%;
    margin-top: 0px;
}

.capabilities-info__text p {
    display: block;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #333333;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 0px;
    margin-top: 0px;
}

.capabilities-info__text p b {
    font-weight: 700;
}

.capabilities-info__new-button {
    padding-left: 30px;
    padding-right: 75px;
    width: auto;
    max-width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: 23px;
    text-align: left;
    background-position: calc(100% - 29px) center;
    margin-right: auto;
}

.capabilities-image {
    display: flex;
    flex-direction: column;
    width: calc(100% + 40px);
    min-height: 100%;
    margin-top: 24px;
}

.capabilities-image__image {
    display: inline-block;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: auto;
    margin-top: auto;

    opacity: 0;
    position: absolute;
    left: -9999px;
}

.capabilities-image__image_active {
    transition: all 0.3s ease;
    opacity: 1;
    position: relative;
    left: auto;
    top: -21px;
}








@media (max-width: 1199px) {

    .section-capabilities {
        padding-top: 114px;
    }

    .capabilities-controls {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .capabilities-control {
        width: calc(100% / 3)!Important;
        height: 54px;
    }

    .capabilities-control p {
        font-size: 15px;
        line-height: 1.2em;
    }

    .capabilities-image {
        width: calc(100% + 10px);
    }

}

@media (max-width: 991px) {

    .section-capabilities {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .capabilities-title {
        padding-bottom: 120px;
    }

    .section-capabilities .container, .section-capabilities .row, .section-capabilities .col-12 {
        position: unset;
    }

    .capabilities-controls {
        position: absolute;
        left: 0px;

        width: 100%;
        overflow: scroll;
        height: 60px;
        margin-top: -70px;
        flex-wrap: nowrap;
        justify-content: left;
    }

    .capabilities-control {
        height: 60px;
        display: flex;
        min-width: 222px!Important;
        max-width: 222px!Important;
        width: 222px!Important;
        margin: 0px!Important;
        border-radius: 0px!Important;
        padding-left: 24px!Important;
        padding-right: 24px!Important;
    }

    .capabilities-control:nth-child(6), .capabilities-control:nth-child(7), .capabilities-control:nth-child(8) {
        min-width: 278px!Important;
        max-width: 278px!Important;
        width: 278px!Important;
        padding-left: 18px!Important;
        padding-right: 18px!Important;
    }

    .capabilities-control p {
        font-size: 16px;
        line-height: 1.25em;
    }


    .capabilities-image {
        display: block;
        width: 100%;
        min-height: auto;
        margin-top: 70px;
        height: 300px;
    }

    .capabilities-image__image {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        max-height: 100%;
    }

    .capabilities-image__image_active {
        position: relative;
    }

    .capabilities-info {
        max-width: 540px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .capabilities-info__text p {
        line-height: 1.6em;
    }


    .capabilities-info__new-button {
        width: 341px;
        max-width: 100%;
        text-align: center;
        padding-left: 24px;
        background-position: calc(100% - 95px) center;
    }




}

@media (max-width: 767px) {

    .section-capabilities {
        padding-top: 70px;
    }

    .capabilities-title {
        padding-bottom: 110px;
    }

}

@media (max-width: 575px) {

    .section-capabilities {
        padding-top: 55px;
    }

    .capabilities-image {
        margin-top: 60px;
        min-height: auto;
        height: auto;
        max-height: none;
    }

    .capabilities-image__image {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        min-height: auto;
        height: auto;
        max-height: auto;
    }

    .capabilities-image__image_05, .capabilities-image__image_09 {
        width: calc(100% - 60px);
        margin-left: auto;
    }

    .capabilities-title {
        font-size: 24px;
        padding-bottom: 106px;
    }

    .capabilities-info {
        max-width: 100%;
        width: 100%;
        margin-top: 22px;
    }

    .capabilities-info__text p {
        line-height: 1.45em;
        font-size: 14px;
    }

    .capabilities-info__new-button {
        margin-top: 28px;
    }

    .capabilities-info__new-button {
        padding-left: 28px;
        background-position: calc(50% + 48px) center;
    }



}

@media (max-width: 340px) {

    .capabilities-info {
        margin-top: 5px;
    }


}



/* Section-unique */

.section-unique {
    margin-top: 296px;
    padding-bottom: 124px;
    background: rgba(144, 216, 248, 0.05) url(../img/unique-bg.png) no-repeat center center/ cover;
}

.unique {
    display: flex;
    justify-content: space-between;
    margin-top: -252px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EAF8FF;
    box-sizing: border-box;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    border-radius: 10px;

    padding-left: 28px;
    padding-right: 31px;
    padding-bottom: 38px;
    padding-top: 38px;

}

.unique__items {
    width: calc(50% - 37px);
    margin-top: 16px;
}

.unique__title {
    font-size: 36px;
    color: #0A2E56;
}

.unique__row {
    width: 100%;
    display: flex;

}

.unique__item {
    display: block;
    width: 100%;

    opacity: 0;
    position: absolute;
    z-index: -100;
    left: -999px;
}

.unique__item_active {
    opacity: 1;
    position: relative;
    z-index: 5;
    transition: opacity 0.3s ease;
    left: auto;
}

.unique__sub {
    display: none;
}

.unique__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em;
    margin-top: 18px;
    color: #333333;
    padding-right: 30px;
}

.unique__media {
    width: 100%;
    height: 320px;
    position: relative;
    background-position: center;
    border-radius: 10px;
    margin-top: 38px;
    cursor: pointer;
    overflow: hidden;
    left: 0px;
    z-index: 4;
}

.unique__media-overlay {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 12;
    left: 0px;
    top: 0px;
    border-radius: 10px;
    pointer-events: none;
    transition: all 0.3s ease;
    opacity: 1;
}

.unique__media:hover .unique__media-overlay {
    transition: all 0.3s ease;
    background: #E1F4FD;
    opacity: 0.7;
}

.unique__media-overlay div {
    display: inline-flex;
    margin: auto;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background: #fff;

}

.unique__media:hover .unique__media-overlay div {
    transition: all 0.3s ease;
    box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.05);
}

.unique__media-overlay img {
    display: inline-block;
    margin: auto;
    width: 21px;
    position: relative;
    right: -2px;
    height: auto;

}


.unique__media video {
    display: inline-block;
    margin: auto;
    border-radius: 10px!Important;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    position: relative;
    z-index: 10;
    margin: 0px;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #E1F4FD;
}

.unique__media video:focus {
    outline: none;
}

.unique__media_active .unique__media-overlay {
    transition: all 0.3s ease;
    opacity: 0;
    cursor: auto;
}

.unique__media_active video {
    pointer-events: auto;
}

.unique__controls {
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 0px);
}

.unique__control {
    display: inline-flex;
    width: 100%;
    padding-left: 16px;
    padding-right: 62px;
    height: calc(100% / 6);
    background: #fff;
    cursor: pointer;
}

.unique__control:nth-child(2n + 2) {
    background: #F9FCFE;
    transition: all 0.3s ease;
}

.unique__control_active {
    padding-right: 58px;
    background: #3273BA!Important;
    transition: all 0.3s ease;
}

.unique__control:hover {
    background: #3273BA;
    transition: all 0.3s ease;
}

.unique__control p {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    letter-spacing: 0.01em;
    font-size: 18px;
    line-height: 1.7em;
    color: #3273BA;
    font-weight: 600;

}

.unique__control_active p {
    color: #fff;
    transition: all 0.3s ease;
    font-weight: 700;
}

.unique__control:hover p {
    color: #fff;
    transition: all 0.3s ease;
}



.additional-title {
    width: 100%;
    display: block;
    text-align: center;
    color: #0A2E56;
    margin-top: 94px;
}

.additional-item {
    display: flex;
    min-height: 177px;
    width: 100%;
    justify-content: space-between;
    background: #fff;
    padding: 26px;
    margin-top: 30px;
    border: 1px solid #EAF8FF;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    border-radius: 10px;

}

.col-12:nth-child(1) .additional-item {
    margin-top: 76px;
}

.additional-item__image {
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 40px);
    min-height: 100%;

}

.col-12:nth-child(1) .additional-item .additional-item__image {
    padding-right: 58px;
}

.col-12:nth-child(3) .additional-item .additional-item__image {
    padding-left: 10px;
}

.additional-item__image img {
    display: inline-block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.additional-item__info {
    display: inline-flex;
    flex-direction: column;
    min-height: 100%;
    width: calc(50% - 15px);
}

.additional-item__info p {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 500;
}




@media (max-width: 1199px) {

    .section-unique {
        margin-top: 285px;
        padding-bottom: 110px;
    }

    .unique__title {
        font-size: 30px;
    }

    .unique__text {
        margin-top: 14px;
        padding-right: 10px;
    }

    .unique__media {
        height: 280px;
        margin-top: 28px;
    }

    .unique__control p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .additional-title {
        margin-top: 85px;
    }

    .additional-item {
        padding: 22px;
        margin-top: 20px;
    }

    .col-12:nth-child(1) .additional-item {
        margin-top: 58px;
    }

    .additional-item__info {
        width: calc(50% + 20px);
    }


}

@media (max-width: 991px) {

    .section-unique {
        margin-top: 0px;
        padding-top: 30px;
        position: relative;
        overflow: hidden;
        background: transparent;
    }

    .unique {
        margin-top: 0px;
        width: 100%;
        background: transparent;
        border: 1px solid transparent;
        box-shadow: 0px 0px 0px rgba(50, 115, 186, 0.03);
        border-radius: 0px;

        padding: 0px;

    }

    .unique__title {
        width: 100%;
        text-align: center;
        font-size: 26px;
    }

    .unique__controls {
        display: none;
    }

    .unique__items {
        width: 100%;
    }

    .unique__row {
        width: 100%;
        margin-top: 56px;
        display: flex;
        position: relative;
        overflow: scroll;
    }


    .unique__item {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-width: 281px;
        min-width: 281px;
        min-width: 281px;
        min-height: 100%;
        margin-right: 30px;

        opacity: 1;
        position: relative;
        z-index: 5;
        left: auto;
    }

    .unique__media {
        height: 180px;
        margin-top: 18px;
        margin-top: auto;
    }

    .unique__media-overlay div {
        width: 34px;
        height: 34px;
    }

    .unique__media-overlay img {
        width: 11px;
        right: -1px;
    }



    .unique__sub {
        display: block;
        letter-spacing: 0.01em;
        color: #3273BA;
        font-size: 16px;
        font-weight: 600;
    }

    .unique__text {
        font-size: 14px;
        margin-top: 12px;
        padding-right: 10px;
        padding-bottom: 4px;
    }


    .additional-title {
        position: relative;
        margin-top: 150px;
        font-size: 28px;
    }

    .additional-title::after {
        content: '';
        display: block;
        position: absolute;
        width: 10000px;
        left: -5000px;
        height: 10000px;
        top: -78px;
        background: rgba(144, 216, 248, 0.05);
        z-index: -1;
    }

    .additional-item {
        flex-wrap: wrap;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
        padding-top: 40px;
        min-height: 320px;
        margin-top: 25px;
    }

    .additional-item__image {
        display: block;
        width: 100%;
        min-height: auto;
        padding-left: 0px!Important;
        padding-right: 0px!Important;
        margin-bottom: 0px;
        max-height: 115px;
    }

    .additional-item__image img {
        margin-top: 0px!Important;
        margin-bottom: 0px!Important;
        max-height: none;
        min-height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .additional-item__info {
        width: 100%;
        flex-direction: row;
        margin-top: 20px;
    }

    .additional-item__info p {
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }





}

@media (max-width: 767px) {

    .section-unique {
        padding-bottom: 95px;
    }

    .additional-item {
        min-height: 340px;
    }

    .additional-item__info {
        margin-top: 30px;
    }

}

@media (max-width: 575px) {

    .section-unique {
        padding-top: 32px;
        padding-bottom: 88px;
    }

    .unique__title {
        font-size: 20px;
    }

    .unique__row {
        margin-top: 39px;
    }

    .unique__sub {
        line-height: 1.2em;
    }

    .unique__text {
        padding-bottom: 2px;
        margin-top: 14px;
    }

    .additional-title {
        position: relative;
        font-size: 24px;
        margin-top: 108px;
    }

    .additional-title::after {
        top: -65px;
    }

    .additional-item {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 30px;
        padding-top: 22px;
        min-height: 312px;
    }

    .col-12:nth-child(1) .additional-item {
        margin-top: 38px;
    }

    .col-12:nth-child(3) .additional-item {
        padding-top: 30px;
    }

    .col-12:nth-child(2) .additional-item .additional-item__image img {
        position: relative;
        right: -10px;
    }

    .additional-item__info {
        margin-top: 34px;
    }

    .col-12:nth-child(1) .additional-item .additional-item__info {
        margin-top: 44px;
    }

    .additional-item__info p {
        font-size: 14px;
        line-height: 1.25em;
    }

    .col-12:nth-child(3) .additional-item .additional-item__info p {
        font-size: 16px;
    }

    .unique__media-overlay {
        pointer-events: none;
    }

}


@media (max-width: 340px) {

    .section-unique {
        padding-top: 22px;
    }


}


/* Section-statistics */

.section-statistics {
    padding-top: 164px;
    padding-bottom: 156px;
}

.statistics-title {
    display: block;
    width: 100%;
    color: #0A2E56;
}

.statistics {
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
}

.statistics__controls {
    display: inline-flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
    width: 394px;
}

.statistics__control {
    width: 100%;
    min-height: 70px;
    display: inline-flex;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(50, 115, 186, 0.04);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.statistics__control_active {
    background: #3273BA!Important;
    transition: all 0.3s ease;
}

.statistics__control:hover {
    background: #3273BA;
    transition: all 0.3s ease;
}

.statistics__control p {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 16px;
    line-height: 1.3em;
    color: #3273BA;
    font-weight: 500;

}

.statistics__control_active p {
    color: #fff;
    transition: all 0.3s ease;
}

.statistics__control:hover p {
    color: #fff;
    transition: all 0.3s ease;
}

.statistics__control p b {
    font-weight: 700;
    display: block;
    margin: 0px;
}

.statistics__media {
    display: inline-flex;
    width: 644px;
    height: 495px;
}

.statistics__bg {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #EAF8FF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    border-radius: 10px;

    position: absolute;
    z-index: -100;
    opacity: 0;
    left: -9999px;
    transition: opacity: 0.3s ease;
}

.statistics__bg_active {
    position: relative;
    z-index: 5;
    opacity: 1;
    left: auto;
    transition: opacity 0.3s ease;
}



@media (max-width: 1199px) {

    .section-statistics {
        padding-top: 130px;
        padding-bottom: 120px;
    }

    .statistics__controls {
        width: 330px;
    }

    .statistics__control {
        min-height: 65px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .statistics__media {
        display: inline-flex;
        width: 560px;
        height: 440px;
    }

    .statistics__bg {
        background-size: 510px auto;
    }


}

@media (max-width: 991px) {

    .section-statistics {
        position: relative;
        padding-top: 90px;
        padding-bottom: 100px;

        overflow: hidden;
    }

    .statistics-title {
        text-align: center;
        font-size: 28px;
    }

    .statistics {
        display: block;
        margin-top: 52px;
    }

    .section-statistics .container, .section-statistics .row, .section-statistics .col-12 {
        position: unset;
    }

    .statistics__controls {
        position: absolute;
        flex-direction: row;
        left: 0px;
        height: 70px;
        justify-content: flex-start;
        flex-direction: row;
        width: 100%;
        overflow: scroll;
    }

    .statistics__control {
        min-height: 80px;
        height: 80px;
        width: 223px;
        min-width: 223px;
        max-width: 223px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0px;
        border: 1px solid #EAF8FF;
    }

    .statistics__control:hover {
        border-color: #3273BA!Important;
    }

    .statistics__control_active {
        border-color: #3273BA!Important;
    }

    .statistics__control p {
        font-size: 14px;
        line-height: 1.25em;
        font-weight: 700;
        transition: 0s!Important;
    }

    .statistics__control_active p {
        font-size: 16px;
        font-weight: 700;
        transition: 0s!Important;
    }

    .statistics__control p b {
        display: inline;
    }

    .statistics__media {
        margin-top: 135px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }



}

@media (max-width: 767px) {

    .section-statistics {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .statistics {
        margin-top: 45px;
    }

    .statistics__media {
        margin-top: 130px;
        width: 100%;
        max-width: 346px;
        height: 266px;
    }

    .statistics__bg {
        background-size: 96% auto;
    }

}

@media (max-width: 575px) {

    .section-statistics {
        padding-top: 62px;
        padding-bottom: 71px;
    }

    .statistics-title {
        font-size: 24px;
    }

    .statistics {
        margin-top: 43px;
    }

    .statistics__media {
        margin-top: 122px;
        width: 100%;
        max-width: 346px;
        height: 266px;
    }


}



/* Section-connection */

.section-connection {
    background-color: rgba(144, 216, 248, 0.05);
    background-image: url(../img/connection-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 104px;
    padding-bottom: 64px;
}

.connection-title {
    width: 100%;
    color: #0A2E56;
    text-align: center;
}

.connection-sub {
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #231F20;
    font-weight: 500;
    margin-top: 14px;
}

.connection-sub span {
    color: #EE2556;
    font-weight: 700;
}

.connection {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 64px;
}

.connection__items {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.connection__item {
    display: inline-flex;
    justify-content: space-between;
    width: calc(50% - 15px);
    min-height: 178px;
    background: #FFFFFF;
    border: 1px solid #EAF8FF;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    border-radius: 10px;
    padding-left: 35px;
    padding-right: 32px;
    padding-top: 22px;
    padding-bottom: 28px;
}

.connection__image {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 162px;
}

.connection__text {
    display: inline-block;
    width: 280px;
    margin: 0px;
    padding: 0px;
    padding-top: 4px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 16px;
    line-height: 1.25em;
    letter-spacing: 0.01em;
    color: #0A2E56;
    font-weight: 500;
}

.connection__text span {
    font-weight: 700;
}

.connection__new-button {
    margin-top: 42px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 270px;
    height: 52px;
    line-height: 49px;
    padding: 0px;
    background: transparent;
    border: 2px solid #3273BA;
    font-size: 18px;
    font-weight: 600;
    color: #3273BA;
    box-shadow: none;
}

.connection__new-button:hover {
    height: 52px;
    line-height: 49px;
    background: transparent;
    border: 2px solid #3273BA;
    background: #3273BA;
    font-size: 18px;
    color: #fff;
    box-shadow: none;
}


.tariffs-info {
    display: flex;
    width: 100%;

}




@media (max-width: 1199px) {

    .section-connection {
        padding-top: 90px;
    }

    .connection {
        margin-top: 55px;
    }

    .connection__item {
        width: calc(50% - 5px);
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 18px;
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .connection__image {
        max-width: 140px;
    }


    .connection__text {
        width: 255px;
    }

}

@media (max-width: 991px) {

    .section-connection {
        padding-bottom: 72px;
    }

    .connection {
        margin-top: 20px;
    }

    .connection__items {
        flex-direction: column;
        justify-content: flex-start;
    }

    .connection__item {
        flex-direction: column;
        justify-content: space-between;
        min-height: 290px;
        width: 500px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;


        padding-left: 50px;
        padding-right: 50px;
        padding-top: 44px;
        padding-bottom: 40px;
    }

    .connection__image {
        max-width: 162px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .connection__text {
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }


}

@media (max-width: 767px) {

    .section-connection {
        padding-top: 75px;
    }

    .connection-sub {
        margin-top: 8px;
    }

    .connection {
        margin-top: 10px;
    }

    .connection__item {
        width: 100%;
    }

    .connection__new-button {
        margin-top: 36px;
    }


}

@media (max-width: 575px) {

    .section-connection {
        padding-top: 64px;
    }

    .connection-title {
        font-size: 24px;
    }

    .connection-sub {
        margin-top: 6px;
        font-size: 18px;
    }

    .connection {
        margin-top: 6px;
    }

    .connection__item {
        min-height: auto;
        width: 346px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 50px;
        padding-bottom: 34px;
    }

    .connection__text {
        margin-top: 56px;
        margin-bottom: 0px;
    }


    .connection__new-button {
        margin-top: 34px;
    }



}



/* Section-tariffs */

.section-tariffs {
    padding-top: 95px;
    padding-bottom: 82px;
    background: #FEFEFE;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.tariffs-title {
    width: 100%;
    text-align: center;
    color: #0A2E56;
}

.tariffs-info {
    display: flex;
    justify-content: space-between;
    margin-top: 72px;
}

.tariffs-info__item {
    width: 508px;
    display: inline-block;
    padding-left: 18px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}

.tariffs-info__item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: calc(100% - 11px);
    background: #F26E76;
    border-radius: 2px;
}

.tariffs-info__item p {
    display: block;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 1.45em;
    color: #0A2E56;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}


.tariffs {
    width: 100%;
    display: block;
    margin-top: 124px;
    min-height: 580px;
}

.tariffs__items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tariffs__item {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 3 - 10px);
    min-height: 470px;
    background: #FAFDFF;
    border: 1px solid #EAF8FF;
    border-radius: 10px;
    padding-top: 38px;
    padding-left: 36px;
    padding-right: 36px;
    padding-bottom: 35px;
    transition: all 0.4s ease;
    margin-bottom: auto;
}

.tariffs__item:hover {
    margin-left: -44px;
    margin-right: -44px;
    z-index: 10;
    width: calc(100% / 3 + 88px);
    min-height: 506px;
    margin-top: -23px;
    background: #FFFFFF;
    border: 1px solid #EAF8FF;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);

    padding-top: 47px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 54px;


    transition: all 0.4s ease;
}

.tariffs__item_advanced::before {
    content: 'HIT';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 55px;
    height: 30px;
    background: #F26E76;
    border-radius: 10px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    line-height: 31px;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    font-weight: 700;

    opacity: 0;
    transition: opacity 0.3s ease;
}

.tariffs__item:hover::before {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.tariffs__title {
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #3273BA;
    line-height: 1.3em;
}

.tariffs .data {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 18px;
    border-top: 1px solid #D7F3FF;
    border-bottom: 1px solid #D7F3FF;
}

.tariffs__item:hover .data {
    padding-top: 20px;
    padding-bottom: 19px;
    padding-left: 18px;
    padding-right: 18px;
    transition: all 0.4s ease;
}


.data__item {
    display: inline-block;
    width: 130px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.data__name {
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #5B8CA5;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
}

.data__value {
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #0A2E56;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 4px;
}

.tariffs__price {
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 0.01em;
    color: #5B8CA5;
    font-size: 20px;
    font-weight: 600;
    padding-top: 2px;
}

.tariffs__item:hover .tariffs__price {
    color: #231F20;
    font-weight: 700;
    padding-top: 8px;
    transition: all 0.4s ease, font-weight 0s;
}


.tariffs__new-button {
    background: #3273BA;
    box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.2);
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    height: 64px;
    line-height: 64px;
}





@media (max-width: 1199px) {

    .section-tariffs {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .tariffs-info {
        margin-top: 48px;
    }

    .tariffs-info__item {
        width: 400px;
    }

    .tariffs {
        margin-top: 98px;
    }

    .tariffs__item {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        width: calc(100% / 3 - 10px);
        min-height: 478px;
        background: #FAFDFF;
        border: 1px solid #EAF8FF;
        border-radius: 10px;
        padding-top: 61px!Important;
        padding-left: 18px!Important;
        padding-right: 18px!Important;
        padding-bottom: 31px!Important;
    }

    .tariffs__item:hover {
        margin-left: -22px;
        margin-right: -22px;
        width: calc(100% / 3 + 44px);
        min-height: 506px;
        margin-top: -23px;
    }

    .tariffs__title {
        font-size: 20px;
    }

    .data__item {
        width: 120px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .data {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 16px;
        padding-top: 16px;
    }

    .data__name {
        font-size: 12px;
    }

    .data__value {
        font-size: 16px;
        margin-top: 8px;
    }

    .tariffs__price {
        font-size: 18px;
    }

    .tariffs__new-button {
        box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.2);
        font-size: 16px;
        height: 60px;
        line-height: 60px;
        margin-top: -15px;
    }



}

@media (max-width: 991px) {

    .section-tariffs {
        padding-bottom: 50px;
        overflow: visible;
    }

    .section-tariffs .container, .section-tariffs .row, .section-tariffs .col-12 {
        position: unset;
    }

    .tariffs-info {
        flex-wrap: wrap;
        margin-top: 5px;
    }

    .tariffs-info__item {
        width: 100%;
        margin-top: 35px;
    }

    .tariffs {
        min-height: 530px;
        margin-top: 40px;

    }

    .tariffs__items {
        flex-wrap: nowrap;
        position: absolute;
        left: 0px;
        width: 100%;
        display: flex;
        overflow: scroll;
        padding-top: 40px;
        padding-bottom: 40px;
        justify-content: space-between;
    }

    .tariffs__item {
        width: 292px;
        min-width: 292px;
        max-width: 292px;
        margin-right: 20px;
        min-height: 478px;
        box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    }

    .tariffs__item:hover {
        width: 292px;
        min-width: 292px;
        max-width: 292px;
        margin-left: 0px;
        margin-right: 20px;
        min-height: 478px;
        margin-top: 0px;
        box-shadow: 0px 10px 30px rgba(50, 115, 186, 0.03);
    }

    .tariffs__title {
        padding-bottom: 2px;
    }

    .data {
        padding-left: 5px!Important;
        padding-right: 5px!Important;
        padding-bottom: 16px!Important;
        padding-top: 16px!Important;
    }

    .tariffs__item:hover .tariffs__price {
        padding-top: 2px;
    }

    .tariffs__new-button {
        margin-top: -20px;
    }



}

@media (max-width: 767px) {

    .section-tariffs {
        padding-top: 65px;
    }

    .tariffs-title {
        font-size: 24px;
    }

    .tariffs {
        margin-top: 30px;
    }

    .tariffs-info__item p {
        font-size: 16px;
        line-height: 1.45em;
    }

    .tariffs-info__item::before {
        height: calc(100% - 7px);
    }

}

@media (max-width: 575px) {

    .section-tariffs {
        padding-top: 62px;
    }

    .tariffs-info {
        margin-top: -10px;
    }

    .tariffs-info__item {
        margin-top: 42px;
    }

    .tariffs-info__item p {
        font-size: 14px;
        line-height: 1.25em;
    }

    .tariffs-info__item::before {
        height: 100%;
    }

    .tariffs {
        margin-top: 20px;
    }



}


/* Footer */

footer {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    padding-top: 74px;
    background: url(../img/footer-bg.png) no-repeat calc(50% - 540px) bottom/ auto 104%;
}

footer a {
    color: #000;
}

footer .mail_supp {
    color: #007bff;
}

footer a:hover {
    color: #EE2556;
    transition: all 0.3s ease-in-out;
}

.f_tit {
    font-weight: 500;
}


@media (max-width: 1600px) {

    footer {
        background: url(../img/footer-bg.png) no-repeat calc(18vw - 270px) bottom/ 34vw 100%;
    }

}

@media (max-width: 1199px) {

    footer {
        background: url(../img/footer-bg.png) no-repeat calc(50vw - 710px) bottom/ 540px auto;
    }

}

@media (max-width: 991px) {

    footer {
        background: transparent;
    }

    footer {
        margin-top: 0;
        padding-top: 50px;
    }

    .logo_footer {
        margin: 17px auto 30px;
        display: block;
    }

    .f_tit {
        /*text-align: center;*/
    }

    .footer-ref {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        text-align: center;
    }

    .socset {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    footer .text {
        text-align: center;
    }



}

@media (max-width: 767px) {



}

@media (max-width: 575px) {


}
</pre></body></html>