@font-face {
    font-family: 'Solomon-Sans';
    src: url('../font/Solomon-Sans-Light.eot');
    src: url('../font/Solomon-Sans-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/Solomon-Sans-Light.woff') format('woff'),
    url('../font/Solomon-Sans-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon-Sans';
    src: url('../font/Solomon-Sans-Book.eot');
    src: url('../font/Solomon-Sans-Book.eot?#iefix') format('embedded-opentype'),
    url('../font/Solomon-Sans-Book.woff') format('woff'),
    url('../font/Solomon-Sans-Book.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon-Sans';
    src: url('../font/Solomon-Sans-Normal.eot');
    src: url('../font/Solomon-Sans-Normal.eot?#iefix') format('embedded-opentype'),
    url('../font/Solomon-Sans-Normal.woff') format('woff'),
    url('../font/Solomon-Sans-Normal.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon-Sans';
    src: url('../font/Solomon-Sans-SemiBold.eot');
    src: url('../font/Solomon-Sans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../font/Solomon-Sans-SemiBold.woff') format('woff'),
    url('../font/Solomon-Sans-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon-Sans';
    src: url('../font/Solomon-Sans-Bold.eot');
    src: url('../font/Solomon-Sans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/Solomon-Sans-Bold.woff') format('woff'),
    url('../font/Solomon-Sans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Solomon-Sans', sans-serif;
    font-weight: 400;
    background: #fff;
    font-size: 16px;
    margin: 0;
}

header {
    background: #fff;
    padding: 21px 0;
    position: fixed;
    width: 100%;
    z-index: 20;
    border-bottom: 1px solid #e8f1fc;
    top: 0;
    left: 0;
}

header .container {
    position: relative;
    max-width: 1920px;
    padding: 0 25px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 85px;
    margin-left: 47px;
    height: 22px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(../img/logo.svg) no-repeat left center;
    background-size: contain;
}

.logo svg:nth-child(2) {
    width: 32px;
}

header .menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: -100%;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    background: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 31;
    width: 645px;
    max-width: 90%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 11vh 4vw 5vh;
    height: auto;
    overflow: hidden scroll;
}

.open header .menu-block {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
}

header .menu-block .top {
    margin-left: 25px;
}

header .menu-block .logo {
    width: 140px;
    height: 40px;
    margin-left: 0;
}

header .menu-block ul {
    padding-left: 0;
    margin: 0;
    margin-top: 60px;
}

header .menu-block li {
    list-style: none;
    color: #0b88e9;
    font-size: 210%;
    margin-bottom: 40px;
}

header .menu-block li:before {
    display: none;
}

header .menu-block li a {
    text-decoration: none;
    color: #0b88e9;
}

header .menu-block .tel a {
    display: block;
    font-size: 290%;
    font-size: 43px;
    color: #0b88e9;
    text-decoration: none;
    margin-top: 40px;
}

header .menu-block .bottom {
    width: 100%;
    margin-top: 50px;
}

header .menu-block .phone-block {
    margin-left: 25px;
}

header .menu-block .prev {
    color: #1d446f;
    color: #8DA1B8;
    font-size: 140%;
    margin-top: 10px;
}


header .contact-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .contact-block .phone {
    font-size: 135%;
    letter-spacing: 1px;
    margin-right: 20px;
}

header .contact-block .phone a {
    color: #0b88e9;
    text-decoration: none;
}

header .contact-block .en a {
    color: #0b88e9;
    text-decoration: none;
    font-size: 90%;
    display: inline-block;
    border: 2px solid #0b88e9;
    padding: 6px 5px 3px;
    border-radius: 3px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}

header .mob_menu_link {
    width: 50px;
    height: 44px;
    margin-right: -15px;
    margin-left: -11px;
    padding: 11px;
    outline: none;
    position: absolute;
    left: 25px;
    top: -7px;
    /* background: url(../img/menu.svg)no-repeat center; */
}

.open header .mob_menu_link {
    position: fixed;
    left: 25px;
    top: 13px;
    z-index: 33;
}

header .mob_menu_link span {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    /* -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear; */
    background: #0b88e9;
    z-index: 33;
}

header .mob_menu_link span + span {
    margin-top: 5px;
}

header .mob_menu_link.active span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .mob_menu_link.active span:nth-child(2) {
    opacity: 0;
}

header .mob_menu_link.active span:nth-child(3) {
    top: -8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .menu-block .btn2 {
    min-width: 250px;
}

.content-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(29, 68, 111);
    z-index: 30;
    opacity: 0;
    pointer-events: none;
}

.open .content-overlay {
    pointer-events: all;
    opacity: 0.8;
    cursor: pointer;
}


.btn {
    background: #0b88e9;
    background-size: 100%;
    color: #fff;
    display: block;
    font-weight: 500;
    text-decoration: none;
    line-height: 76px;
    width: 270px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: fixed;
    bottom: 0px;
    right: 130px;
    z-index: 9;
    font-size: 21px;
}

.btn2 {
    border-radius: 35px;
    color: #fff;
    padding: 0 40px;
    display: inline-block;
    font-size: 150%;
    text-decoration: none;
    line-height: 70px;
    min-width: 300px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: -webkit-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: -o-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
}

.btn2 span {
    font-weight: 500;
}


.btn3 {
    border-radius: 35px;
    color: #fff;
    padding: 0 40px;
    display: inline-block;
    font-size: 150%;
    text-decoration: none;
    line-height: 70px;
    min-width: 300px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
}

.btn3 span {
    font-weight: 500;
}

.btn2 object,
.btn3 object {
    width: 100%;
}

.btn:hover,
.btn2:hover,
.btn3:hover {
    opacity: 0.8;
}


/*main*/

main {

}

.container {
    max-width: 1620px;
    max-width: 1455px;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form-content .form-title {
    font-family: 'Lato';
    font-weight: 900;
    font-size: 225%;
}

.form-content .form-groups {
    margin-left: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-content .form-group {
    margin-left: 15px;
    margin-top: 15px;
}

.form-content .form-group input,
.form-content .form-group textarea {
    color: #7f7f7f;
    font-size: 80%;
    padding: 23px;
    width: 100%;
}

.form-content .form-group.name,
.form-content .form-group.tel {
    width: calc(50% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
}

.form-content .form-group.text {
    width: 100%;
}

.formbutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

input[type="submit"] {
    width: 250px;
    font-family: 'roboto';
    font-size: 100%;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
    background: #c94d3f;
    border: none;
    -webkit-box-shadow: 0 0 10px 3px #dad7d3;
    box-shadow: 0 0 10px 3px #dad7d3;
    margin-top: 30px;
}

.form-content .after {
    font-size: 11px;
    width: 240px;
    margin-left: auto;
    color: #767676;
    font-family: 'Lato';
    font-weight: 400;
}

h1 {
    font-size: 725%;
    font-weight: 700;
    color: #0b88e9;
}

h1 span {
    font-weight: 300;
}

/*-----fist-block---*/

/* main.home{
  position: relative;
}
main.home:before{
  content: '';
  display: block;
  width: 100%;
} */

.screen-block {
    position: relative;
}

.first-block {
    background: url(../img/front-bg2.jpg) no-repeat bottom;
    background-size: cover;
    min-height: 650px;
    position: relative;
    top: 1px;
}

#first-block:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100vh + 200px);
    background: url(../img/front/1-0.svg) no-repeat right 11vw top -24px;
    background-size: 80%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#first-works .img {
    display: none;
    line-height: 0;
    padding-top: 42px;
}

.first-block .cont-bg {
    /* background: url(../img/front-bg.png)no-repeat left -63px top -115px;
  background: url(../img/front/1-0.svg)no-repeat left -63px top -150px;
  background-size: cover; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: calc(100vh);
    position: relative;
    outline: none;
    z-index: 3;
}

.first-block h1 {
    margin-top: 22vh;
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b88e9;
    letter-spacing: -2px;
    font-size: 130px;
    line-height: 1.1;
}

.first-block h1 span {
    font-size: 90%;
}

.arrow {
    display: block;
    width: 72px;
    height: 29px;
    margin: 0 auto;
    position: absolute;
    bottom: 14vh;
    left: 50%;
    margin-left: -35px;
    background: url(../img/arrow.svg) no-repeat center;
    background-size: contain;
}

.arrow.white {
    background: url(../img/arrow-white.svg) no-repeat center;
    background-size: contain;
}

/* .arrow:before{
  content: '';
  height: 4px;
  width: 39px;
  background: #ffa200;
  display: block;
  border-radius: 2px 0 0 2px;
  transform: rotate(31deg);
  position: absolute;
  left: 0;
  top: 10px;
}
.arrow:after{
  content: '';
  height: 4px;
  width: 38px;
  background: #ffa200;
  display: block;
  border-radius: 0 2px 2px 0;
  transform: rotate(-31deg);
  position: absolute;
  right: 0;
  top: 10px;
} */

.arrow.white:before,
.arrow.white:after {
    background: #fff;
}

/*----second-block-----*/

.second-block {
    background: #e6f3fc url(../img/second-bg.jpg) no-repeat;
    padding: 0;
    background-position: center top -270px;
    background-size: cover;
    /*min-height: 1370px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-top: -50px;
    overflow: hidden;
}


.block-title {
    font-size: 450%;
    font-weight: 700;
    color: #0b88e9;
    text-align: center;
    line-height: 1.2;
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b88e9;
}

.block-title span {
    font-weight: 300;
}

.second-block .block-title {
    text-align: left;
}

.second-block .block-title span {
    font-size: 93%;
}

.second-block .top {
    width: 100%;
    margin-top: 60px;
}

.second-block .top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.second-block .top .container > * {
    width: 50%;
}

.second-block .top .left {
    width: 504px;
}

.second-block .top .right {
    text-align: right;
    margin-top: 15px;
}

.second-block .top .right .img {
    margin-left: auto;
    position: relative;
    right: -112px;
}

.second-block .text {
    font-size: 170%;
    color: #3b507c;
}

.second-block .btn2 {
    margin-top: 65px;
}

.second-block .top .right {

}

.second-block .top .right .prev {
    font-size: 128%;
    font-weight: 300;
    color: #3b507c94;
}

.second-block .bottom {
    background: #fff;
    position: relative;
    padding: 70px 0 110px;
    margin: 0 auto;
    width: 100%;
}

.second-block .bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1490px;
}

#second-block .bottom:before {
    content: '';
    display: block;
    background-image: url(../img/arr-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    position: absolute;
    top: -38px;
    height: 45px;
}

#second-block .bottom .container:before {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    position: absolute;
    top: -108px;
    height: 45px;
    right: 100%;
}

#second-block .bottom .container:after {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    position: absolute;
    top: -108px;
    height: 45px;
    left: 50%;
}

.second-block .bottom .left {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.second-block .bottom .left .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.second-block .bottom .left .icon {
    width: 96px;
    height: 96px;
    display: inline-block;
}

.second-block .bottom .left .icon:first-child {
    background: url(../img/csq_med_icon.svg) no-repeat;
}

.second-block .bottom .left .icon:nth-child(2) {
    background: url(../img/iqnet_icon.svg) no-repeat;
    margin-left: 17px;
}

.second-block .bottom .left span {
    font-size: 175%;
    color: #3b507c;
    margin-left: 104px;
    line-height: 1.5;
}

.second-block .bottom .right {
    width: 40%;
    text-align: right;
    position: relative;
    top: -30px;
}

.second-block .bottom .right a {
    color: #fb8823;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    background: -webkit-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: -o-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f96d20;
}

.second-block .bottom .right object {
    height: 25px;
}


/*----third-block-----*/

.third-block {

}

.third-block .container {
    max-width: 1590px;
    padding: 0 40px;
    margin: 0 auto;
}

.third-block .block-title {
    font-weight: 500;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    background: none;
    -webkit-text-fill-color: #fff;
    line-height: 1.4;
}

.third-block .top {
    background: url(../img/shvabe-bg.jpg) no-repeat top;
    background-size: 100% 1080px;
    background-size: cover;
    min-height: 1070px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.third-block .video {
    width: 100%;
}

.third-block .video a {
    width: 140px;
    height: 140px;
    display: block;
    background: url(../img/play.svg) no-repeat center;
    margin: 140px auto 0;
    outline: none;
}

.third-block .bottom {
    background: #fff;
    padding: 100px 0;
    margin: 0 auto 0;
    position: relative;
}

.third-block .bottom:before {
    content: '';
    display: block;
    background: url(../img/arrow-bg.png) no-repeat center;
    width: 100%;
    position: absolute;
    top: -49px;
    height: 50px;
}

.third-block .bottom .cont {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.third-block .bottom .cont .text {
    font-size: 205%;
    color: #3b507c;
}

.third-block .bottom .block-logo {
    width: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.third-block .bottom .block-logo > * {
    width: 50%;
}

.third-block .bottom .block-logo .icon:nth-child(1),
.third-block .bottom .block-logo object:nth-child(1) {
    width: 40%;
}

.third-block .bottom .block-logo .icon:nth-child(1) {
    background: none; /*url(../img/front/3-3.png) no-repeat center;*/
    background-size: contain;
}

.third-block .bottom .block-logo .icon:nth-child(2) {
    background: url(../img/front/3-2.svg) no-repeat center;
    background-size: contain;
}


/*----four-block-----*/

.four-block {
    background: url(../img/front/4-0.svg) no-repeat center;
    background-size: 52%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 800px;
    max-height: 1080px;
}

.four-block .container {
    text-align: center;
}

.four-block .block-title {
    font-weight: 500;
    font-size: 73px;
}

.four-block .block-title span {
    font-size: 92%;
}

.four-block .btn3 {
    margin-top: 70px;
}

.four-block .btn3 object {
    width: 450px;
}

/*----five-block-----*/

.five-block {
    background-image: url(../img/box.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    min-height: 1360px;
    min-height: 1160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.five-block .container .bg-img {
    display: none;
}

.five-block .left {
    max-width: 480px;
}

.five-block .block-title {
    font-size: 230%;
    font-weight: 400;
    text-align: left;
    margin-bottom: 95px;
}

.five-block .block-title span {
    font-weight: 500;
}

.five-block .left .med-block {
    margin-top: 95px;
}

.five-block .left .med-block:nth-child(2) .icon {
    width: 310px;
    background: url(../img/front/5-1.png) no-repeat left center;
    background-size: contain;
    height: 56px;
}

.five-block .left .med-block:nth-child(3) .icon {
    width: 260px;
    background: url(../img/front/5-2.svg) no-repeat left center;
    background-size: contain;
    height: 125px;
}

.five-block .left .med-block:nth-child(3) .icon object {
    width: 100%;
}

.five-block .med-block .text {
    font-size: 155%;
    line-height: 1.5;
    margin-top: 18px;
    letter-spacing: 0.8px;
}

.five-block .med-block .text a {
    color: #0b88e9;
}

.five-block .med-block .text a:hover {
    text-decoration: none;
}

.five-block .arrow {
    bottom: 72px;
}


/*-----six-block-----*/

.six-block {
    background: url(../img/box-bg.jpg) no-repeat bottom;
    background-size: cover;
    min-height: 1080px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    height: 1080px;
    max-height: 1080px;
}

.six-block .block-title {
    font-size: 67px;
    font-weight: 500;
    color: #fff;
    margin-top: 139px;
    background: none;
    -webkit-text-fill-color: #fff;
}

.six-block .block-title span {
    font-weight: 200;
    font-size: 90%;
}

.six-block .btn2 {
    margin-top: 40px;
}

.six-block .btn2 object {
    width: 435px;
}

.six-block .arrow {
    bottom: 72px;
}


/*-----seven-block-----*/

.seven-block {
    overflow: hidden;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 970px;
    max-height: 1080px;
}

.block-comments {
    text-align: center;
    max-width: 1460px;
    margin: 0 auto;
    position: relative;
}

.comment {
    max-width: 1020px;
    margin: 0 auto;
    text-align: left;
}

 .comment-vr {
    max-width: 1020px;
    margin: 0 auto;
    text-align: left;
}

.comment .com-text {
    font-size: 185%;
    font-weight: 300;
    line-height: 2;
}

.comment .com-text-vr {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}

.comment .com-text-explorers {
        font-size: 26px;
    line-height: 48px;
    }

.comment .com-text-second {
    font-size: 185%;
}

.comment .bottom {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment .bottom .com-icon {
    width: 185px;
    height: 185px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.comment .bottom .com-icon-vr {
    width: 185px;
    height: 185px;
    border-radius: 0%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.comment .bottom .com-icon-explorers {
    border-radius: 0;
	    width: 120px;
    height: 120px;
}

.comment .bottom .com-icon img {
    opacity: 0;
}

.comment .bottom .right {
    margin-left: 160px;
    width: calc(100% - 345px);
}

.comment .bottom .right-next {
    margin-left: 100px;
    width: 100%;
}

.comment .bottom .right-explorers {
    margin-left: 60px;
	    padding-top: 20px;
    width: calc(100% - 345px);
}

.comment .bottom .com-name {
    color: #3b507c;
    font-weight: 500;
    font-size: 220%;
    margin-bottom: 25px;
}

.comment .bottom .com-name-explorers {
    margin-bottom: 0;
}

.comment .bottom .com-name-second {
    color: #3b507c;
    font-weight: 500;
    font-size: 220%;
    margin-bottom: 25px;
}

.comment .bottom .com-desc {
    font-size: 115%;
    font-weight: 300;
    line-height: 1.5;
}

.comment .bottom .com-desc-second {
    font-size: 115%;
}

.slick-arrow {
    width: 27px;
    height: 60px;
    background: url(../img/right.svg) no-repeat;
    border: none;
    text-indent: -99999px;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
    outline: none;
}

.slick-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.seven-block .arrow {
    bottom: 72px;
}


/*----eight-block-----*/

.eight-block {
    background-image: url(../img/box2-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 1080px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.eight-block .container {

}

.eight-block .block-title {
    font-weight: 500;
    font-size: 68px;
    text-align: left;
    margin-top: -40px;
}

.eight-block .block-title span {
    font-weight: 200;
    font-size: 91%;
}

.eight-block .btn3 {
    margin-top: 40px;
}

.eight-block .block-arrow {

}

.eight-block .arrow {
    left: 50%;
    margin-left: -704px;
    bottom: 107px;
}


/*----nine-block-----*/

.nine-block {
    background: url(../img/box3-bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 1280px;
    height: 1080px;
    max-height: 1080px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    margin-top: 15px;
}

.nine-block .block-title {
    font-size: 500%;
    font-weight: 500;
    margin-top: 130px;
}

.nine-block .block-title span {
    font-weight: 300;
}

.nine-block .prev {
    color: #097de0;
    font-size: 290%;
    margin-top: -15px;
}

.nine-block .btn2 {
    margin-top: 50px;
}

.nine-block .arrow {
    bottom: 72px;
}

.home #second-utility,
.home #last-utility {
    display: none;
}


/*---------Для кого------*/

.not-home .container {
    max-width: 1475px;
}

.not-home .container-vr {
    max-width: 1475px;
	position:relative;
	padding-bottom: 200px;
	padding-top: 200px;
}

.container-vr:after {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    width: 80%;
    margin-left: 10%;
    height: 3px;
    margin-top: 270px;
}

.not-home .first-block {
    color: #fff;
    background: none;
}

.not-home .first-block .container {
    position: relative;
}

.not-home .first-block .cont-bg {
    background: url(../img/for/for1.jpg) no-repeat right bottom;
    background-size: cover;
    padding-top: 64px;
}

#first-for .cont-bg > .img {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
}

.not-home .first-block .container {
    position: relative;
    text-align: left;
}

.not-home .first-block h2 {
    font-size: 640%;
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
    text-align: left;
}

.not-home .first-block .prev {
    font-size: 315%;
    font-weight: 300;
    text-align: left;
}

.not-home .first-block .arrow {
    left: 25px;
    margin-left: 0;
}

.not-home .btn2 {
    margin-top: 82px;
}

.director.comment-block {
    background: url(../img/for/2-0.svg) no-repeat bottom;
    background-size: contain;
    /* background-image:
  linear-gradient(to top, rgba(255,255,255,0.9)),
  url(../img/for/2-0.svg); */
    background-position: left -15vw center, left 160px center;

    min-height: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}


.director.comment-block-next {
    min-height: 700px;
	padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}


.director .comment .com-text {
    font-weight: 400;
    line-height: 1.5;
}

.com-text-vr {
    font-weight: 300;
    line-height: 2;
    font-size: 20px;
    color: #3b507c;
}

.director .comment .com-text p {
    margin: 15px 0;
    line-height: 1.5;
}

.director .comment .bottom .com-name {
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    color: #0b88e9;
}

.director .comment .bottom .com-name {
    padding-top: 35px;
    position: relative;
}

.director .comment .bottom .com-name:before {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: #ffa200;
    position: absolute;
    top: 0;
    left: 0;
}

.com-name-vr {
    font-weight: 600;
    font-size: 22px;
    line-height: 42px;
    color: #3b507c;
}


.director .comment .bottom .com-desc {
    font-weight: 400;
	font-size: 16px;
}


.plus-one {
    background: url(../img/for/plus-one-bg.png) no-repeat top right -202px;
    min-height: 1000px;
    top: -40px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.plus-one .container {
    max-width: 1140px;
    position: initial;
    max-width: 100%;
    width: 100%;
}

.plus-one .row {
    width: 100%;
    margin: 200px 0;
    position: relative;
}

.plus-one .row:nth-child(1) {
    margin-left: 390px;
}

.plus-one .row:nth-child(2) {
    padding-right: 350px;
}

.plus-one .row:nth-child(1):before {
    content: '';
    display: block;
    width: 470px;
    height: 670px;
    background: url(../img/for/tablets.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -145px;
    left: -490px;
}

.plus-one:before {
    content: '';
    display: block;
    background: url(../img/for/abp051.png) no-repeat;
    background-size: contain;
    left: inherit;
    right: 0;
    width: 370px;
    height: 730px;
    bottom: 62px;
    top: initial;
    position: absolute;
}

.plus-one .row .title {
    font-size: 250%;
    font-weight: 300;
    color: #1d446f;
    max-width: 535px;
    position: relative;
    padding-top: 50px;
}

.plus-one .row .title:after {
    content: '';
    display: block;
    width: 95px;
    height: 4px;
    background: #ffa200;
    position: absolute;
    top: 0;
    left: 0;
}

.plus-one .row:nth-child(2) .title {
    margin-left: auto;
    text-align: right;
}

.plus-one .row:nth-child(2) .title:after {
    left: inherit;
    right: 0;
}


.forWhom .second-block {
    background: #fff;
    margin-bottom: 100px;
}

.forWhom .second-block .top .container {
    max-width: 1370px;
}

.forWhom .second-block .top .container > * {
    width: 100%;
    text-align: center;
}

.forWhom .second-block .block-title {
    font-size: 400%;
}

.forWhom .second-block .bottom {
    background-image: -webkit-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
}

.bottom-block .container:before,
#works-four .bottom .container:before,
.advantage .bottom .container:before,
.forWhom .second-block .bottom .container:before {
    border: 59px solid transparent;
    border-top-color: #fff;
    border-top-width: 35px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: -75px;
    margin-left: -59px;
}


.advantage .rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1920px;
    margin: 0 auto 140px;;
}

.advantage .rows > * {

}

.advantage .rows .img {
    width: 52%;
    position: relative;
    text-align: left;
}

.advantage .rows:nth-child(even) .img {
    order: 2;
    text-align: right;
}

#advantage-utility .rows:nth-child(even) .img {
    order: inherit;
    text-align: left;
}

#advantage-utility .rows:nth-child(odd) .img {
    order: inherit;
    text-align: right;
}

#advantage-utility .rows:nth-child(even) .text {
    order: 2;
}

.advantage .rows .img.rig {
    text-align: right;
}

.advantage .rows:nth-child(odd) .img:after {
    content: '';
    display: block;
    background-image: url(../img/for/adv_bg_1.png);
    width: 460px;
    height: calc(100% - 20%);
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -370px;
    z-index: -1;
    background-image: -webkit-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);
    background-image: -ms-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);


}

.advantage2 .rows:nth-child(odd) .img:after {
    background-image: url(../img/for/adv_bg_2.png);
    background-image: -webkit-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    opacity: 1;
}

.advantage-utility .rows:nth-child(odd) .img:after,
.advantage .rows:nth-child(even) .img:before {
    content: '';
    display: block;
    background-image: url(../img/for/adv_bg_2.png);
    width: 460px;
    height: calc(100% - 20%);
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: -300px;
    z-index: -1;
    background-image: -webkit-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    opacity: 1;

}

.advantage2 .rows:nth-child(even) .img:before {
    background-image: url(../img/for/adv_bg_1.png);
    background-image: -webkit-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);
    background-image: -ms-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);
}

.advantage-utility .rows:nth-child(even) .img:before {
    content: '';
    display: block;
    background-image: url(../img/for/adv_bg_1.png);
    width: 460px;
    height: calc(100% - 20%);
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -370px;
    left: inherit;
    z-index: -1;
    background-image: -webkit-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);
    background-image: -ms-linear-gradient(167deg, rgba(255, 236, 224, 0) 0%, rgb(255, 236, 224) 100%);

}


.advantage2 .rows:last-child .img:before {
    left: -400px;
    top: 50%;
    height: 55%;
    background-image: -webkit-linear-gradient(-45deg, rgb(255, 237, 226) 0%, rgba(255, 237, 226, 0) 100%);
    background-image: -ms-linear-gradient(-45deg, rgb(255, 237, 226) 0%, rgba(255, 237, 226, 0) 100%);
}


.advantage .text {
    color: #1d446f;
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.advantage .rows:nth-child(odd) .text .body {
    max-width: 650px;
    width: 100%;
    margin-left: 128px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.advantage .rows:nth-child(odd) .text .institution {
    max-width: 650px;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 95px;
}

.institution-icon {
    height: 110px;
	padding-right: 5px;
}

.institution-icon img {
    width: 90%;
    object-fit: cover;
}

/* TODO: institution title*/
.institution__title {
    width: 70%;
    margin-left: 45px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0 !important;
    align-self: center;
}


.advantage .rows:nth-child(even) .text .body {
    max-width: 700px;
    width: 100%;
    margin-left: auto;
    padding: 0 25px;
    padding-right: 166px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

.advantage .rows:nth-child(even) .text .institution {
    max-width: 700px;
    width: 100%;
    margin-left: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 65px;
}

.advantage .rows .body > * {
    max-width: 560px;
}

.advantage .text ul {
    padding-left: 24px;
}

.advantage .text li {
    margin-bottom: 40px;
    font-size: 220%;
    line-height: 1.5;
    position: relative;
}

.advantage .text li:before {
    content: '-';
    position: absolute;
    left: -26px;
}

.advantage .text p {
    margin-bottom: 20px;
    font-size: 155%;
    line-height: 1.5;
}

.advantage .title {
    color: #1d446f;
    font-size: 380%;
    font-weight: 500;
    width: 100%;
    margin-bottom: 70px;
}

.advantage2 > .container {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;

}

.advantage2 .arrow {
    left: 20px;
    margin-left: 0;
    bottom: 20vh;
}

.bottom-block,
#works-four .bottom,
.advantage .bottom {
    background-image: -webkit-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    position: relative;
    padding: 70px 0 0px;
    margin: 50px auto 0;
    width: 100%;
}

.bottom-block .container,
#works-four .bottom .container,
.advantage .bottom .container {
    padding-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1200px;
    font-size: 31px;
    color: #1d446f;
}

.plain {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#plain_second .container {
    position: initial;
}

#plain_second .block-title {
    font-size: 400%;
}

#install_plan {
    background: url(../img/for/interest.svg) no-repeat right center;
    background-size: contain;
    margin-bottom: 100px;
}

#install_plan .block-title {
    text-align: left;
    font-size: 555%;
}

#install_plan .prev {
    font-size: 235%;
    color: #1d446f;
}

#install_plan .btn2 {
    margin-top: 85px;
}


/*-----КАК РАБОТАЕТ------*/

.works .container {
    max-width: 1550px;
}

.works .first-block .cont-bg {
    background: url(../img/works/works1.jpg) no-repeat bottom;
    background-size: cover;
}

.works .first-block h2 {
    font-size: 480%;
}

.works .first-block .prev {
    font-size: 175%;
}

#second-works {
    /* background-image: -webkit-linear-gradient( 90deg, rgb(222,234,249) 0%, rgba(222,234,249,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(222,234,249) 0%, rgba(222,234,249,0) 100%); */
    background: #f5f8fd;
    min-height: 1400px;
    min-height: 1540px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#second-works .bg {
    background: url(../img/works/works-second.jpg) no-repeat bottom;
    background-size: 1760px;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
}

#second-works .block-title {
    font-size: 660%;
    line-height: 1;
    margin-top: 190px;
    position: relative;
    z-index: 2;
}

#second-works .block-title span {
    font-size: 73%;
}

#second-works .left-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 130px;
    position: relative;
    z-index: 2;
}

#second-works .left-right .row {
    max-width: 325px;
}

#second-works .left-right .row:nth-child(2) {
    text-align: right;
}

#second-works .left-right .name {
    color: #ff8b0f;
    font-size: 155%;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

#second-works .left-right .row:nth-child(2) .name {
    color: #1cabf0;
}

#second-works .left-right .text {
    color: #1d446f;
    font-size: 135%;
    font-weight: 200;
}


/* #pulse .br{
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  opacity: 0.302;
  position: absolute;
  left: 0;
  top: 0;
  width: 151px;
  height: 319px;
  z-index: 34;
}
#pulse .br .left {
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-radius: 50%;
  opacity: 0.302;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  z-index: 33;
}
#pulse .br .right{
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-radius: 50%;
  opacity: 0.302;
  position: absolute;
  left: 0;
  top: 0;
  width: 136px;
  height: 136px;
  z-index: 32;
} */


#pulse {
    background: url(../img/works/hand.jpg) no-repeat bottom;
    background: url(../img/works/hand-min.jpg) no-repeat bottom;
    background-size: 100%;
    min-height: 1490px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 150px;
}

#pulse .container {
    position: relative;
}

#pulse .block-title {
    margin-top: 230px;
    font-size: 410%;
}

#pulse .prev {
    font-size: 175%;
    color: #1d446f;
    text-align: center;
    margin-top: 60px;
}

#pulse .left-right {
    position: absolute;
    bottom: 35px;
    width: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#pulse .left-right > * {
    max-width: 325px;
}

#pulse .left-right .row:nth-child(2) {
    text-align: right;
    margin-left: 40px;
}

#pulse .left-right .outline {
    background: url(../img/works/outline.svg) no-repeat bottom;
    background-size: contain;
    width: 290px;
    height: 430px;
    position: relative;
    top: -14px;
    display: none;
}

#pulse .left-right .row:nth-child(2) .outline {
    background: url(../img/works/outline2.svg) no-repeat bottom;
    background-size: contain;
    margin-left: auto;
}

#pulse .left-right .name {
    font-size: 160%;
    color: #fe8a0f;
    font-weight: 500;
    letter-spacing: 5px;
}

#pulse .left-right .row:nth-child(2) .name {
    color: #1cabf0;
}

#pulse .left-right .text {
    color: #1d446f;
    font-size: 130%;
}


#works-four {
    display: block;
}

#works-four .top {
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#works-four .block-title {
    font-size: 445%;
    text-align: left;
    position: relative;
    padding-top: 90px;
}

#works-four .block-title:before {
    content: '';
    display: block;
    width: 215px;
    height: 4px;
    background: #ffa200;
    position: absolute;
    top: 0;
    left: 0;
}

#works-four .block-title span {

}

.mono {
    background: url(../img/works/mono.jpg) no-repeat top;
    background-size: cover;
    min-height: 1370px;
    text-align: center;
    margin-top: 150px;
    margin-top: 50px;
}

.mono .block-title {
    margin-top: 150px;
    font-size: 395%;
    font-weight: 500;
}

.mono .block-title span {
    font-size: 95%;
    font-weight: 200;
}

.mono .btn2 {
    margin-top: 82px;
}


/*-----Полезность-----*/

.utility .container {
    max-width: 1540px;
}

#first-utility .cont-bg {
    background-image: url(../img/utility/01.jpg);
    background-position: center top;
    background-size: cover;
}

#first-utility .cont {
    width: 50%;
    margin-left: auto;
    padding-left: 86px;
    position: relative;
}

#first-utility .block-title {
    font-size: 445%;
    font-weight: 500;
    margin-top: 180px;
}

#first-utility .prev {
    font-size: 250%;
    font-weight: 300;
}

#first-utility .arrow {
    margin-top: 120px;
    position: static;
}

#second-utility {
    background-image: url(../img/utility/02.png);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 1280px;

}

#second-utility .block-title {
    font-size: 485%;
    font-weight: 300;
}

#second-utility .block-title span {
    font-size: 145%;
    font-weight: 700;
}

#second-utility .arrow {
    bottom: 200px;
}


#advantage-utility .rows:nth-child(odd) .text .body {
    max-width: 825px;
    width: 100%;
    margin-left: 170px;
}

#advantage-utility .rows:nth-child(even) .text .body {
    max-width: 825px;
    width: 100%;
    margin-left: auto;
    padding: 0 25px;
}

#advantage-utility .rows .body > * {
    max-width: 625px;
}

.advantage-utility .rows:nth-child(odd) .img:after {
    left: -400px;
}

.advantage-utility .rows:last-child .img:after {
    width: 650px;
}

.advantage-utility .rows:nth-child(even) .img:before {
    right: -370px;
}

.advantage-utility .rows:nth-child(4) .img:before {
    right: -330px;
}


#last-utility {
    /* background-image: url(../img/utility/13.png);
  background-repeat: no-repeat;
  background-position: center top; */
    min-height: 1280px;
    width: 100%;
    display: block;
}

#last-utility .top {
    min-height: 350px;
    background-image: -webkit-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(222, 234, 249, 0) 0%, rgb(222, 234, 249) 100%);

}

.lr-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lr-block > * {
    width: 50%;
    z-index: 2;
    position: relative;
}

#last-utility .block-title {
    text-align: left;
    font-size: 410%;
    font-weight: 500;
    -webkit-text-fill-color: #0b88e9;
    color: #0b88e9;
}

#last-utility .block-title span {
    font-size: 60%;
    font-weight: 400;
    display: block;
    margin-top: 30px;
}

#last-utility .lr-block .left {
    margin-top: -160px;

}


/*-----Сертификаты-----*/

.block-sertif h1 {
    font-size: 570%;
    font-weight: 500;
    text-align: center;
    margin-top: 150px;
}

.prev-block {
    font-size: 240%;
    font-weight: 300;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b88e9;
    color: #3b507c;
    padding: 0 25px;
}

.sertif-news {
    margin-top: 290px;
    position: relative;
}

.sertif-news:before {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    width: 100%;;
    height: 3px;
	margin-top: -190px;
}

.sertif {
    margin-top: 160px;
    position: relative;
    padding-bottom: 50px;
}

.sertif:before {
    content: '';
    background: rgb(33, 155, 249);
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50px;
    width: 24px;
    height: 100%;
}

.sertif:after {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;;
    height: 3px;
}

.sertif .img-abp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.sertif .rows {
    margin-top: 200px;
}

.sertif .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -140px
}

.sertif .row:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sertif .row .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
}

.sertif .row:nth-child(odd) .cont {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sertif .row .img-sert {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.sertif .row:nth-child(odd) .img-sert {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sertif .rows .img-sert a {
    display: block;
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 23.037px 20.743px 65px 0px rgba(11, 34, 82, 0.15);
    box-shadow: 23.037px 20.743px 65px 0px rgba(11, 34, 82, 0.15);
    max-width: 420px;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}

.sertif .rows .name {
    color: #3b507c;
    font-size: 160%;
    max-width: 420px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
}

/* .sertif .row:nth-child(odd) .img-sert a:before {
  content: '';
  border-width: 5px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(249, 119, 33);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 107px;
  left: -15px;
  z-index: 2;
} */

.sertif .row:nth-child(odd) .img-sert a:before {
    content: '';
    background: url(../img/sertif/7.png) no-repeat center;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 102px;
    left: -18.5px;
    z-index: 2;
}

/* .sertif .row:nth-child(odd) .img-sert a:after {
  content: '';
  border-width: 8px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(249, 119, 33);
  position: absolute;
  width: 36px;
  height: 36px;
  top: 96px;
  left: -26px;
} */

.sertif .row:nth-child(odd) .img-sert:after {
    content: '';
    display: block;
    background: rgb(33, 155, 249);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 121px;
    left: 0;
}

.sertif .row:nth-child(even) .img-sert:after {
    content: '';
    display: block;
    background: rgb(33, 155, 249);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 121px;
    right: 0;
}

.sertif .row:nth-child(even) .img-sert a:before {
    content: '';
    background: url(../img/sertif/7.png) no-repeat center;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 102px;
    right: -18.5px;
    z-index: 2;
}

/* .sertif .row:nth-child(even) .img-sert a:after {
  content: '';
  border-width: 8px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(249, 119, 33);
  position: absolute;
  width: 36px;
  height: 36px;
  top: 96px;
  right: -26.7px;
} */


.block-text {
    padding-top: 200px;
}

.block-text .block-title {
    font-size: 505%;
    padding: 0 25px;
}

.block-text .cont {
    max-width: 780px;
    margin: 200px auto 0;
}

.materials .row {
    padding-top: 100px;
    margin-top: 100px;
    position: relative;
}

.materials .row:after {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
}

.materials .title {
    color: #3b507c;
    font-size: 255%;
    font-weight: 500;
    margin-bottom: 30px;
}

.materials .text {
    font-size: 120%;
    color: #3b507c;
    font-weight: 300;
    line-height: 1.5;
}

.materials .text a {
    display: block;
    color: #0b88e9;
    position: relative;
}

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

.materials .text a:before {
    content: '';
    width: 40px;
    height: 50px;
    background: url(../img/sertif/file.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -110px;
}

.materials .text div {
    margin-bottom: 35px;
}

#last-sertif {
    display: block;
    text-align: center;
}

#last-sertif > .container {
    max-width: inherit;
    margin-top: 20px;
    padding-bottom: 150px;
}


/*footer*/

footer {
    background: url(../img/bg-last.jpg) no-repeat bottom;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
    overflow: hidden;
}

footer .container {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1620px;
}

footer .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 120px;
}

footer .block-title {
    font-size: 79px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    background: none;
    -webkit-text-fill-color: inherit;
}

footer .block-title span {
    font-weight: 500;
    position: relative;
    z-index: 9;
    vertical-align: top;
    background-image: url(../img/front/10-1.svg);
    background-repeat: no-repeat;
    background-position: left bottom -65px;
    line-height: 108px;
    display: inline-block;
}

footer .top .text {
    font-size: 290%;
    color: #fff;
    max-width: 830px;
    margin-top: 50px;
}

footer .top .text a {
    font-size: 90%;
    color: #fff;
    letter-spacing: 2px;
    margin-left: 3px;
    font-weight: 500;
}

footer .top .text a:hover {
    text-decoration: none;
}

footer .top .right {
    font-size: 175%;
    width: 338px;
    padding-top: 50px;
    border-top: 4px solid #fff;
    border-color: rgba(255, 255, 255, 0.1);
    line-height: 1.5;
    margin-bottom: -15px;
}

footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 90px;
    position: relative;
    border-top: 4px solid #fff;
    border-color: rgba(255, 255, 255, 0.1);
}

footer .bottom:before {
    content: '';
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    width: 2000px;
    position: absolute;
    left: 100%;
    top: -4px;
}

footer .bottom:after {
    content: '';
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    width: 2000px;
    position: absolute;
    right: 100%;
    top: -4px;
}

footer .bottom > * {
    margin-left: 140px;
    width: calc(33% - 140px);
}

footer .bottom .row:nth-child(2) {
    width: calc(39% - 140px);
}

footer .bottom .row:nth-child(3) {
    width: calc(28% - 140px);
}

footer .bottom > * .icon {
    margin-bottom: 32px;
    min-height: 63px;
}

footer .bottom .row:nth-child(2) .icon {
    max-width: 225px;
    background: none; /*url(../img/front/10-4.png) no-repeat center;*/
    background-size: contain;
}

footer .bottom .row:nth-child(1) .icon {
    max-width: 258px;
    background: url(../img/front/10-5.svg) no-repeat center;
    background-size: contain;
}

footer .bottom .row:nth-child(3) .icon {
    max-width: 140px;
}

footer .bottom .row:nth-child(3) .icon > * {
    margin-left: 10px;
    height: 50px;
    width: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

footer .bottom .row:nth-child(3) .vk {
    background-image: url(../img/vk.svg);
}

footer .bottom .row:nth-child(3) .od {
    background-image: url(../img/od.svg);
}


footer .bottom > * .icon object {
    width: 100%;
}

footer .bottom > * p {
    margin: 0;
    font-size: 110%;
}

footer .bottom > * p a {
    color: #fff;
    text-decoration: none;
}

footer .bottom .row:last-child p:first-child {
    margin-bottom: 5px;
}


/*-----modal------*/

.modal {
    display: none;
    width: 1140px;
    max-width: calc(100% - 40px);
    padding: 84px 100px;
    background: #fff;
}

.modal_title {
    font-weight: 900;
    font-size: 375%;
    margin-bottom: 69px;
    line-height: 1.2;
    word-break: break-word;
}

.modal .text {
    color: #2c2c2c;
    font-size: 150%;
    font-weight: 300;
    margin-top: 6px;
    line-height: 1.5;
}

.fancybox-slide {
    overflow: inherit;
}

#myVideo {
    padding: 0;
    line-height: 0;
    overflow: hidden;
}

.w404 {
    background-image: url(../img/404.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0;
    min-height: 880px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.w404 .text {
    font-size: 190%;
    color: #3b507c;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}


/*-----payment-------*/

main.payment {
    padding-top: 35px;
    padding-bottom: 0;
    overflow: hidden;

}

.payment-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* overflow: hidden; */
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.payment-block .left-block {
    width: 55%;
}

.payment-block .left-block {
    padding: 70px 130px;
}

.payment-block .left-block .top {
    padding: 25px 0;
    position: relative;
    margin-bottom: 40px;
    max-width: 875px;
}

.payment-block .left-block .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: 40px;
    margin-bottom: 15px;
    max-width: 875px;
}

.payment-block .left-block .top .tab .active a:before {
    border: 23px solid transparent;
    border-top-color: #fff;
    border-top-width: 9px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    bottom: -88px;
    z-index: 3;
    margin-left: -23px;
}

.payment-block .left-block .top:after {
    content: "";
    background: url(../img/payment/1.png) no-repeat left bottom;
    background-size: cover;
    display: block;
    width: calc(100% + 80px);
    height: 40px;
    position: absolute;
    bottom: -27px;
    left: -53px;
}

.payment-block .left-block .top .tab {
    color: #3b507c;
    font-size: 155%;
    font-size: 24px;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
}

.payment-block .left-block .top .tab a {
    color: #3b507c;
    text-decoration: none;
    z-index: 2;
    position: relative;
    width: 100%;
    display: inline-block;
    line-height: 0;
}

.payment-block .left-block .top .tab.active a {
    color: #fa7e22;
}

.payment-block .left-block .top .tab:before {
    content: '';
    border-width: 3px;
    border-color: rgb(11, 136, 233);
    border-style: solid;
    border-radius: 50%;
    opacity: 0.302;
    position: absolute;
    width: 28px;
    height: 28px;
    left: -45px;
    top: -1px;
}

.payment-block .left-block .top .tab.active:after {
    content: '';
    border-radius: 50%;
    background-color: rgb(255, 162, 0);
    position: absolute;
    left: -38px;
    top: 6px;
    width: 20px;
    height: 20px;
}

.payment-block .left-block .top .tab > div {
    position: relative;
    z-index: 3;
}

/*-----payment-block.delivery-type-------*/

main.payment {
    padding-top: 35px;
    padding-bottom: 0;
    overflow: hidden;

}

.payment-block .delivery-type {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 5;
    width: 100%;
}

.payment-block #delivery-courier {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 5;
    width: 100%;
}

.payment-block #delivery-by-self {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 5;
    width: 100%;
    display: none;
}

.payment-block .left-block .delivery-type {
    padding: 25px 0;
    position: relative;
    max-width: 875px;
}

.payment-block .left-block .delivery-type .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: 40px;
    margin-bottom: 15px;
    max-width: 875px;
}

.payment-block .left-block .delivery-type .tab .active a:before {
    border: 23px solid transparent;
    border-top-color: #fff;
    border-top-width: 9px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    bottom: -88px;
    z-index: 3;
    margin-left: -23px;
}

.payment-block .left-block .delivery-type .tab {
    color: #3b507c;
    font-size: 155%;
    font-size: 24px;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
}

.payment-block .left-block .delivery-type .tab a {
    color: #3b507c;
    text-decoration: none;
    z-index: 2;
    position: relative;
    width: 100%;
    display: inline-block;
    line-height: 0;
}

.payment-block .left-block .delivery-type .tab.active a {
    color: #fa7e22;
}

.payment-block .left-block .delivery-type .tab:before {
    content: '';
    border-width: 3px;
    border-color: rgb(11, 136, 233);
    border-style: solid;
    border-radius: 50%;
    opacity: 0.302;
    position: absolute;
    width: 28px;
    height: 28px;
    left: -45px;
    top: -1px;
}

.payment-block .left-block .delivery-type .tab.active:after {
    content: '';
    border-radius: 50%;
    background-color: rgb(255, 162, 0);
    position: absolute;
    left: -38px;
    top: 6px;
    width: 20px;
    height: 20px;
}

.payment-block .left-block .delivery-type .tab > div {
    position: relative;
    z-index: 3;
}

/*-----payment-block.content-------*/

.payment-block .left-block .content {
    display: none;
}

.payment-block .left-block .content .title {
    font-size: 190%;
    color: #3b507c;
    max-width: 700px;
    margin-bottom: 30px;
}

.payment-block .left-block .content .title br {
    display: none;
}

.payment-block .left-block .content .title span {
    font-weight: 500;
}

.payment-block .left-block .content .left-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.payment-block .left-block .content .left-right > * {

}

.payment-block .left-block .content .left-right .left {
    width: 55%;
}

.payment-block .left-block .content .left-right .right {
    width: 45%;
    padding-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    color: #3b507c;
    position: relative;
}

.payment-block .left-block .content .left-right textarea,
.payment-block .left-block .content .left-right select,
.payment-block .left-block .content .left-right input {
    line-height: 44px;
    height: 70px;
    width: 100%;
    margin: 5px 0;
    border: 2px solid #b5dbf8;
    padding: 13px 17px;
    outline: none;
    color: #3b507c;
    font-size: 115%;
    border-radius: 0;
}

.payment-block .left-block .content .left-right .pvz_code {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    font-size: 14px;
    border-radius: 10px;
    border: 3px solid #b5dbf8;
    background: #b5dbf8 url(../img/payment/map-icon.png);
    background-size: 22px 20px;
    background-position: right 24px center;
    background-repeat: no-repeat;
    text-decoration-color: #3b507c;
}

.notCorrect {
    border: 2px solid red !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form .input:not(.notCorrect).success {
    border-color: #21c506;
}

.payment-block .left-block .content .left-right .select {
    position: relative;
    margin-top: 35px;
}

/* .payment-block .left-block .content .left-right .select:after {
    border: 7px solid transparent;
    border-top-color: #4a698c;
    border-top-width: 11px;
    content: "";
    display: block;
    right: 23px;;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
} */

.payment-block .left-block .content .left-right select {
    padding: 0 17px;
    padding-left: 190px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 4;
    position: relative;
    background: transparent;
    cursor: pointer;
}

.payment-block .left-block .content .left-right select option {
    padding-left: 50px;
}

.payment-block .left-block .content .left-right .select .name {
    line-height: 70px;
    height: 70px;
    color: #3b507c;
    font-size: 115%;
    opacity: 0.6;
    position: absolute;
    left: 23px;
    top: 5px;
    padding-right: 15px;
    margin-right: 15px;
}

.payment-block .left-block .content .left-right .select .name:after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #3b507c;
    opacity: 0.6;
    margin-left: 15px;
}

.payment-block .left-block .content .left-right textarea {
    overflow: hidden;
}

.payment-block .left-block .content .left-right input::-webkit-input-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

.payment-block .left-block .content .left-right input::-moz-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

/* Firefox 19+ */
.payment-block .left-block .content .left-right input:-moz-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

/* Firefox 18- */
.payment-block .left-block .content .left-right input:-ms-input-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

input.hover::-webkit-input-placeholder {
    opacity: 0 !important;
}

input.hover::-moz-placeholder {
    opacity: 0 !important;
}

/* Firefox 19+ */
input.hover:-moz-placeholder {
    opacity: 0 !important;
}

/* Firefox 18- */
input.hover:-ms-input-placeholder {
    opacity: 0 !important;
}

.payment-block .left-block .content .left-right textarea::-webkit-input-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

.payment-block .left-block .content .left-right textarea::-moz-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

/* Firefox 19+ */
.payment-block .left-block .content .left-right textarea:-moz-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

/* Firefox 18- */
.payment-block .left-block .content .left-right textarea:-ms-input-placeholder {
    color: #3b507c;
    opacity: 0.6;
}

textarea.hover::-webkit-input-placeholder {
    opacity: 0 !important;
}

textarea.hover::-moz-placeholder {
    opacity: 0 !important;
}

/* Firefox 19+ */
textarea.hover:-moz-placeholder {
    opacity: 0 !important;
}

/* Firefox 18- */
textarea.hover:-ms-input-placeholder {
    opacity: 0 !important;
}


.payment-block .left-block .content .textarea .title {
    color: #0c88ea;
    font-size: 90%;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 1.5px;
}

.submit .submit_btn {
    border: none;
    width: 350px;
    max-width: 100%;
}

.payment-block .left-block .content .left-right .promo_code {
    position: relative;
    max-width: 275px;
    width: 100%;
}

.payment-block .left-block .content .left-right .promo_code:before {
    content: '';
    background: #b5dbf8;
    width: 2px;
    height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.payment-block .left-block .content .promo_code:after {
    content: '';
    background: #b5dbf8;
    width: 2px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.payment-block .left-block .content input.prom_code {
    border: none;
    border-bottom: 2px solid #b5dbf8;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    padding: 20px 24px;
}

.payment-block .left-block .content .left-right .promo_code .txt {
    position: absolute;
    margin-top: 10px;
    left: 0;
    background: -webkit-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: -o-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 300px;
}

.payment-block .left-block .content .left-right .promo_code .txt.active {
    background: none;
    -webkit-text-fill-color: #429E40;
    color: #429E40;
}

.payment-block .left-block .content .delivery {
    font-size: 100%;
    font-weight: 300;
    color: #3b507c;
    padding-bottom: 50px;
    background: url(../img/payment/cdek.png) no-repeat left bottom;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    line-height: 1.5;
}

.payment-block .left-block .content .delivery br {

}

.payment-block .left-block .content .delivery span {
    color: #3c9f38;
    font-weight: 500;
}

.payment-block .left-block .content .methods {
    font-size: 110%;
}

.payment-block .left-block .content .methods-online {
    width: 95%;
}

.payment-block .left-block .methods-online .pay {
    display: flex;
    margin-left: -5px;
    margin-top: 10px;
}

.payment-block .left-block .methods-online .pay > * {
    width: 20%;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    max-width: 55px;
}

.payment-block .left-block .methods-online .pay span:nth-child(1) {
    background-image: url(../img/payment/mastercard.svg);
}

.payment-block .left-block .methods-online .pay span:nth-child(2) {
    background-image: url(../img/payment/maestro.svg);
}

.payment-block .left-block .methods-online .pay span:nth-child(3) {
    background-image: url(../img/payment/visa.svg);
}

.payment-block .left-block .methods-online .pay span:nth-child(4) {
    background-image: url(../img/payment/mir.svg);
}

.payment-block .left-block .content .prev {
    color: #3b507c;
    margin-top: 45px;
    font-size: 11px;
    max-width: 680px;
    line-height: 1.5;
}

.payment-block .left-block .content .prev a {
    color: #3b507c;
}

.payment-block .left-block .content .prev a:hover {
    text-decoration: none;
}


.payment-block .right-block {
    width: 45%;
    background: #b5dbf8;
    padding: 40px 0 100px;
    position: relative;
}

.payment-block .right-block:after {
    content: '';
    display: block;
    height: 100%;
    width: 2000px;
    position: absolute;
    left: 100%;
    margin-left: -1px;
    top: 0;
    background: #b5dbf8;
}

.payment-block .right-block .img-abp {
    max-width: 570px;
    margin: 0 auto;
}

.payment-block .right-block .img-abp .slick-arrow {
    background-image: url(../img/right-payment.svg);
    top: 50%;
    margin-top: -60px;
}

.payment-block .right-block .img-abp .slick-prev {
    left: -70px;
}

.payment-block .right-block .img-abp .slick-next {
    right: -70px;
}

.payment-block .right-block .block-content {
    max-width: 405px;
    margin: 0 auto;
    color: #3b507c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -160px;
    position: relative;
    z-index: 2;
}

.payment-block .right-block .block-content .prev {
    max-width: 155px;
    font-size: 110%;
}

.payment-block .right-block .block-content .block-count {
    font-size: 225%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 200px;
    background: #0b88e9;
    color: #fff;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payment-block .right-block .block-content .count {
    font-weight: 500;
    border-left: 2px solid #0a7ad1;
    border-right: 2px solid #0a7ad1;
    padding: 0 20px;
    line-height: 70px;
}

.payment-block .right-block .block-content .count span:not([data-counter]) {
    font-size: 50%;
    margin-left: 5px;
}

.payment-block .right-block .block-count .left,
.payment-block .right-block .block-count .right {
    width: 60px;
    text-align: center;
    cursor: pointer;
    line-height: 70px;
}

.payment-block .right-block .block-content .price {
    font-size: 425%;
    font-weight: 500;
    width: 100%;
    margin-top: 50px;
}

.payment-block .right-block .block-content .price.discount {
    color: #429E40;
}


.forms {
    padding: 100px 0;
}

.forms .title {
    color: #45ab53;
    font-size: 250%;
    font-weight: 500;
}

#sorry .title {
    background: -webkit-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: -o-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    background: linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.forms .prev {
    color: #3b507c;
    font-size: 190%;
}

.forms input {
    line-height: 70px;
    height: 70px;
    width: 100%;
    margin: 10px 0;
    border: 2px solid #b5dbf8;
    padding: 0 17px;
    outline: none;
    color: #3b507c;
    font-size: 115%;
    max-width: 415px;
}

.forms .send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 750px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
}

.forms .submit .submit_btn {
    max-width: 270px;
    min-width: 200px;
}

.forms .person {
    font-size: 11px;
    font-weight: 300;
    color: #3b507c;
    opacity: 0.5;
    margin-top: 40px;
}

.forms .person a {
    color: #3b507c;
}

.forms .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 970px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 100px;
}

.forms .result > * {
    margin-top: 20px;
}

.forms .result .text {
    color: #3b507c;
    font-size: 190%;
    opacity: 0.5;
}

.forms .btn3 {
    max-width: 270px;
    min-width: 200px;
}

#sorry {
    max-width: 790px;
}

.forms .phone a {
    background: -webkit-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: -o-linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    background: linear-gradient(45deg, #097adf 33%, #0b7fe0 66%, #0f90e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b88e9;
    font-size: 295%;
    border-bottom: 2px solid #0b88e9;
    transition: all 0.3s;
}

.forms .phone a:hover {
    border-bottom-color: transparent;
}

.fancybox-bg {
    background-color: rgb(29, 68, 111);
}

@media (max-height: 860px) {

    #first-utility .cont-bg {
        background-position: center;
    }

    #first-utility .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 90%;
    }

    #first-utility .block-title {
        margin-top: 0;
    }

}

@media (min-width: 3000px) {

    header .menu-block {
        padding: 140px 40px 51px;
    }

    main {
        max-width: 1560px;
        margin: 0 auto;
    }

    #first-block .cont-bg {
        align-items: center;
    }

    .first-block h1 {
        margin-top: 100px;
    }

    #first-block .arrow {
        bottom: 40px;
    }

    .six-block,
    .five-block,
    .first-block .cont-bg {
        max-height: 1080px !important;
        background-size: cover !important;
    }

    #first-block:before {
        max-height: 1080px !important;
        background-size: contain;
    }

    #pulse {
        background-size: contain;
    }

    #second-works .bg {
        background-size: auto;
    }

}

@media (min-width: 2300px) {

    /* .plus-one .container {
      max-width: 1500px;
  } */

}

@media (min-width: 1950px) {

    .second-block .bottom .container:before {
        border-top-color: #D6EAF8;
    }

    /* .plus-one .container {
      max-width: 1330px;
  } */
    #pulse {
        min-height: 1850px;
    }

    #pulse .left-right {
        bottom: 115px;
    }


}

@media (max-width: 1919px) {

    body {
        font-size: 15px;
    }

    header .container {
        padding: 0 20px;
    }

    main.not-home {
        font-size: 80%;
    }
	
	.director .comment .bottom .com-desc {
    font-weight: 400;
    font-size: 12px;
}
	


    .second-block .bottom .container,
    .not-home .container,
    .container {
        max-width: 1210px;
    }
	
		.not-home .container-vr {
    max-width: 1475px;
}
	
	.institution-icon {
    height: 90px;
    padding-right: 15px;
}

    .plus-one .container {
        /* max-width: 980px;
  width: 70%; */
        max-width: 100%;
    }

    .plus-one .row:nth-child(1) {
        margin-left: 200px;
    }

    .first-block h1 {
        font-size: 99px;
    }

    .btn {
        width: 200px;
        right: 95px;
        line-height: 55px;
    }

    .btn2 {
        font-size: 18px;
        min-width: 225px;
        line-height: 50px;
    }

    .btn3 {
        padding: 0 30px;
        font-size: 18px;
        line-height: 50px;
    }

    #first-block:before {
        /* background-size: cover; */
    }

    .second-block .block-title {
        font-size: 50px;
    }

    .third-block .block-title {
        font-size: 54px;
    }

    .four-block .block-title {
        font-size: 57px;
    }

    .five-block .block-title {
        font-size: 28px;
    }

    .six-block .block-title {
        font-size: 51px;
        margin-top: 150px;
    }

    .eight-block .block-title {
        font-size: 50px;
    }

    .nine-block .block-title {
        font-size: 57px;
    }

    footer .block-title {
        font-size: 66px;
    }

    .forWhom .second-block {
        margin-bottom: 0;
    }

    .second-block {
        min-height: inherit;
    }

    .second-block .top {
        margin-top: 60px;
    }

    .second-block .text {
        font-size: 20px;
    }

    .second-block .btn2 {
        margin-top: 45px;
        width: 215px;
    }

    .second-block .top .right {
        margin-top: 0;
        width: 48%;
    }

    .second-block .top .right .prev {
        font-size: 15px;
        color: #3b507c94;
    }

    .second-block .bottom {
        padding: 75px 0;
    }

    .second-block .bottom .left .icon {
        width: 60px;
        height: 60px;
    }

    .second-block .bottom .left span {
        font-size: 21px;
        margin-left: 80px;
    }

    .second-block .bottom .right a {
        font-size: 18px;
        background-position: right center;
        background-size: auto;
    }

    .second-block .bottom .container:before {
        border: 40px solid transparent;
        border-top-color: #e6f3fc;
        border-top-width: 25px;
        left: 44px;
        top: -77px;
    }

    .third-block .container {
        padding: 30px 20px;
        max-width: 1210px;
    }

    .third-block .bottom .cont {
        padding: 0;
    }

    .third-block .video a {
        margin-top: 125px;
    }

    .third-block .bottom .cont .text {
        font-size: 25px;
    }

    .third-block .block-logo {
        max-width: 450px;
    }

    .four-block .btn3 {
        margin-top: 60px;
    }

    .five-block {
        min-height: 1030px;
    }

    .five-block .med-block .text {
        font-size: 19px;
    }

    .five-block .left .med-block:nth-child(2) svg {
        width: 230px;
    }

    .five-block .left .med-block:nth-child(3) img {
        width: 200px;
    }

    .six-block {
        min-height: 950px;
    }

    .comment {
        max-width: 750px;
    }

    .comment .bottom {
        margin-top: 90px;
    }

    .comment .com-text {
        font-size: 20px;
    }

	    .comment .com-text-vr {
        font-size: 20px;
    }
	
    .comment .com-text-explorers {
            font-size: 20px;
    		line-height: 34px;
    }

    .comment .bottom .com-name {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .comment .bottom .com-name-second {
        font-size: 26px;
    }

    .comment .bottom .com-desc {
        font-size: 12px;
        line-height: 1.3;
    }

    .comment .bottom .com-desc-second {
        font-size: 13px;
    }
	
	.comment .bottom .com-icon-explorers {
    border-radius: 0;
    width: 100px;
    height: 100px;
}
	
	.comment .bottom .right-explorers {
    margin-left: 40px;
    padding-top: 30px;
    width: calc(100% - 245px);
}
	
.comment-vr {
    max-width: 1020px;
	}

    .eight-block {
        min-height: 1000px;
    }

    .eight-block .arrow {
        left: 50%;
        margin-left: -587px;
    }

    .nine-block {
        min-height: 980px;
    }

    .nine-block .prev {
        font-size: 32px;
    }

    .nine-block .arrow {
        bottom: 70px;
    }


    footer .container {
        max-width: 1210px;
    }

    footer .block-title span {
        background-position: left bottom -49px;
        line-height: 71px;
    }

    footer {
        padding: 80px 0;
    }

    footer .top {
        padding-bottom: 80px;
    }

    footer .top .text {
        font-size: 35px;
    }

    footer .top .right {
        font-size: 21px;
        padding-top: 54px;
        width: calc(28% - 80px);
    }

    footer .bottom {
        padding-top: 80px;
    }

    footer .bottom {
        margin-left: -110px;
    }

    footer .bottom > * {
        margin-left: 110px;
        width: calc(33% - 110px);
    }

    footer .bottom .row:nth-child(2) {
        width: calc(39% - 110px);
    }

    footer .bottom .row:nth-child(3) {
        width: calc(28% - 110px);
    }

    footer .bottom .row:nth-child(1) .icon {
        max-width: 170px;
    }

    footer .bottom .row:nth-child(2) .icon {
        max-width: 200px;
    }

    footer .bottom > * p {
        font-size: 13px;
    }


    .director.comment-block {
        min-height: 0px;
    }

    .plus-one {
        min-height: 0;
        background-size: contain;
        background-position: right -142px bottom;
    }

    .plus-one .row:nth-child(1):before {
        left: -330px;
        width: 326px;
        top: -90px;
    }

    .plus-one:before {
        width: 200px;
        bottom: -183px;
    }

    .plus-one .row:nth-child(2) {
        padding-right: 200px;
    }

    #advantage-utility .rows:nth-child(even) .text .body,
    .advantage .rows:nth-child(odd) .text .body {
        max-width: 450px;
        margin-left: 90px;
    }

    #advantage-utility .rows:nth-child(odd) .text .body,
    .advantage .rows:nth-child(even) .text .body {
        max-width: 575px;
        padding-right: 90px;
    }

    .advantage .rows:nth-child(odd) .img:after {
        right: -191px;
    }

    .advantage .rows:nth-child(even) .img:before {
        left: -180px;
    }

    .advantage-utility .rows:nth-child(even) .img:before {
        right: -200px;
        left: inherit;
    }

    .advantage-utility .rows:last-child .img:after {
        left: -233px;
    }

    .advantage-utility .rows:nth-child(odd) .img:after {
        left: -220px;
    }

    .advantage .title {
        font-size: 280%;
    }

    .advantage .text ul li,
    .advantage .text p {
        font-size: 145%;
		    margin-left: 10px;
    margin-top: 10px;
    }

    #pulse {
        min-height: 1180px;
        min-height: 1120px;
    }

    #pulse .block-title {
        margin-top: 130px;
    }

    #pulse .left-right .outline {
        width: 260px;
    }

    .plain {
        min-height: 600px;
    }

    #plain_second {
        min-height: 250px;
        padding-bottom:0px;
    }

    #plain_second .arrow {
        bottom: 75px;
    }

    #works-four .block-title {
        font-size: 370%;
    }

    .mono {
        min-height: 1170px;
    }

    .mono .btn2,
    .not-home .btn2 {
        margin-top: 40px;
    }

    #second-works {
    }

    #second-works .bg {
        background-image: url(../img/works/works-second-min.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
    }

    #second-works .block-title {
        font-size: 550%;
    }

    .bottom-block, #works-four .bottom, .advantage .bottom,
    .second-block .bottom {
        padding: 35px 0 100px;
    }

    .bottom-block .container:before, #works-four .bottom .container:before, .advantage .bottom .container:before, .forWhom .second-block .bottom .container:before {
        border: 40px solid transparent;
        border-top-color: #fff;
        border-top-width: 25px;
        top: -40px;
        margin-left: -40px;
    }

    .bottom-block .container, #works-four .bottom .container, .advantage .bottom .container {
        font-size: 150%;
        padding-bottom: 30px;
        max-width: 850px;
    }

    #second-block .bottom:before {
        background-position: center top;
        background-size: 1580px;
        height: 35px;
        top: -30px;
    }

    #second-block .bottom .container:before {
        left: -100%;
        border: none;
        top: -65px;
    }

    #second-block .bottom .container:after {
        border: none;
        top: -65px;
    }


    #first-utility .cont {
        padding-left: 0;
    }

    #second-utility {
        min-height: 980px;
        background-size: 50%;
        font-size: 80%;
    }

    #last-utility {
        min-height: 800px;
    }

    #last-utility .lr-block .left {
        margin-top: -100px;
    }

    #last-utility .top {
        min-height: auto;
    }

    .lr-block {
        font-size: 80%;
    }

    .block-text .cont {
        margin: 100px auto 0;
    }

    .materials .row {
        padding-top: 60px;
        margin-top: 60px;
    }

    .materials .text a:before {
        width: 30px;
        height: 50px;
        left: -70px;
    }

    .block-text .cont {
        max-width: 700px;
    }

    #second-works {
        min-height: 1245px;
        min-height: 1360px;
    }

    #second-works .left-right {

    }

    #works-four .top {
        min-height: 510px;
    }


    #pulse .block-title {
        margin-top: 50px;
    }

    #install_plan {
        margin-top: 0;
    }

    #last-sertif > .container {
        margin-top: 0px;
    }

    .block-text {
        padding: 150px 0 20px;
    }

    /*Оплата*/
    /* .payment-block .left-block {
    padding: 50px 25px;
}

.payment-block .left-block .tabs {
  max-width: 590px;
}

.payment-block .left-block .top .tab {
    font-size: 120%;
}
.payment-block .left-block .top .tab:before {
    border-width: 2px;
    width: 20px;
    height: 20px;
    left: -34px;
    top: -3px;
}
.payment-block .left-block .top .tab.active:after {
    content: '';
    left: -28px;
    top: 3.4px;
    width: 12px;
    height: 11px;
}

.payment-block .left-block .top .tab.active a:before {
    bottom: -74px;
}

.payment-block .left-block .content .title {
    font-size: 160%;
}
.payment-block .left-block .content .left-right textarea, .payment-block .left-block .content .left-right select, .payment-block .left-block .content .left-right input,
.payment-block .left-block .content .left-right .select .name {
    line-height: 50px;
    height: 50px;
    margin: 7px 0;
    padding: 0 10px;
}
.payment-block .left-block .content .left-right .select .name{
  margin: 0;
  padding: 0;
  left: 10px;
      top: 9px;
}
.payment-block .left-block .content .left-right .select .name:after{
  margin-left: 10px;
}
.payment-block .left-block .content .left-right select{
  padding-left: 135px;
}

.submit .submit_btn{
  max-width: 100%;
}

.payment-block .left-block .content .methods-online {

}


.payment-block .right-block .img-abp .slick-prev {
    left: -50px;
}
.payment-block .right-block .img-abp .slick-next {
    right: -50px;
}

.payment-block .right-block .block-content,
.payment-block .right-block .img-abp {

}

.payment-block .right-block .block-content .block-count{
  margin-top: 25px;
  height: 50px;
  line-height: 50px;
}
.payment-block .right-block .block-count .left, .payment-block .right-block .block-count .right {
    line-height: 50px;
}
.payment-block .right-block .block-content .count{
  line-height: 50px;
}

.payment-block .right-block .block-content .price {
    font-size: 370%;
    margin-top: 40px;
} */
    .payment-block .left-block {
        max-width: 790px;
        margin: 0 auto;
    }

    .payment-block .left-block .tabs {
        justify-content: flex-start;
        margin-left: -25px;
    }

    .payment-block .left-block .top .tab {
        font-size: 16px;
        margin-left: 70px;
    }

    .payment-block .left-block .top .tab:before {
        top: -7px;
    }

    .payment-block .left-block .top .tab.active:after {
        top: 0;
    }

    .payment-block .left-block .top .tab.active a:before {
        bottom: -77px;
    }

    .payment-block .left-block .delivery-type .tab {
        font-size: 16px;
        margin-left: 0px;
    }

    .payment-block .left-block .delivery-type .tab:before {
        top: -7px;
    }

    .payment-block .left-block .delivery-type .tab.active:after {
        top: 0;
    }

    .payment-block .left-block .delivery-type .tab.active a:before {
        bottom: -77px;
    }

    .payment-block .left-block .methods-online .pay {
        margin-top: 0;
    }

    .payment-block .left-block .content .delivery {
        margin-top: -8px;
    }

    .payment-block .right-block {
        /* padding-left: 47px; */
    }

    .payment-block .right-block:after {
        display: none;
    }

    .payment-block .right-block .img-abp {
        max-width: 500px;
    }


    .payment-block .right-block .img-abp .slick-prev {
        left: -40px;
    }

    .payment-block .right-block .img-abp .slick-next {
        right: -40px;
    }

    .payment-block .right-block .block-content {
        max-width: 360px;
        margin-top: -135px;
    }

    .payment-block .right-block .block-content .block-count {
        line-height: 50px;
        height: 50px;
        max-width: 200px;
        min-width: inherit;
    }

    .payment-block .right-block .block-content .count,
    .payment-block .right-block .block-count .left,
    .payment-block .right-block .block-count .right {
        line-height: 50px;
        height: 50px;
        font-size: 20px;
        width: 55px;
    }

    .payment-block .right-block .block-content .price {
        margin-top: 32px;
    }


    .forms .btn3, .forms .submit .submit_btn {
        font-size: 17px;
        line-height: 70px;
    }


}

@media (max-width: 1800px) {

    .advantage .rows:nth-child(odd) .text .body {
        margin-left: 8vw;
    }

    .advantage .rows.text .body {
        font-size: 90%;
    }

    .advantage .title {
        font-size: 330%;
        margin-bottom: 20px;
    }

    .advantage .text p {
        margin: 7px 0;
    }

    .plus-one:before {
        width: 16vw;
    }

}

@media (max-width: 1799px) {

    #second-works {
        min-height: 1300px;
    }

}

@media (max-width: 1719px) {

    #pulse {
        min-height: 1050px;
    }

}

@media (max-width: 1637px) {

    .eight-block .arrow {
        left: 30px;
        margin-left: 0;
    }

    /* .payment-block .left-block {
    padding: 70px 70px;
} */

}

@media (max-width: 1599px) {

    #second-works {
        min-height: 1200px;
    }

}

@media (max-width: 1560px) {

    #pulse {
        min-height: 950px;
    }

}

@media (max-width: 1439px) {
	

    body {
        font-size: 14px;
    }

    header .menu-block {
        width: 445px;
    }

    header .menu-block .logo {
        width: 100px;
    }

    header .menu-block li {
        font-size: 14px;
        width: 100%;
        margin: 0;
    }

    header .menu-block li a {
        display: block;
        width: 100%;
        padding: 15px 0;
    }

    header .menu-block .bottom {
        font-size: 86%;
    }

    header .menu-block .tel a {
        font-size: 24px;
    }
	
	.comment .bottom .right-explorers {
    margin-left: 25px;
    padding-top: 5px;
    width: calc(100% - 245px);
	}
	
	.sertif-news {
    margin-top: 60px;
    position: relative;
    /* padding-bottom: 50px; */
	}
	.sertif-news:before {
    margin-top: -100px;
}
	.container-vr:after {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    width: 100%;
    margin-left: 0%;
    height: 3px;
    margin-top: 200px;
}
	.not-home .container-vr {
	padding-bottom: 80px;
	}

    .payment-block .left-block .delivery-type {
        padding: 25px 0 0 0;
    }

    .second-block .bottom .container, .not-home .container, .container {
        max-width: 870px;
    }

    .first-block .cont-bg {
        height: auto;
        min-height: 600px;
        align-items: center;
    }

    .not-home .first-block .cont-bg {
        align-items: initial;
    }

    #first-block:before {
        height: calc(100% + 100px);
        background-size: auto 100%;
    }

    .first-block h1 {
        font-size: 70px;
        margin-top: 0;
    }
	
	.institution-icon img {
    width: 80%;
    object-fit: cover;
}
	
	.advantage .text li {
		margin-bottom: 20px;
	}
	
		
    .btn {
        width: 145px;
        right: 65px;
        line-height: 40px;
        font-size: 11px;
    }

    #first-works {
        min-height: 600px;
    }

    .btn2 {
        font-size: 13px;
        min-width: 160px;
        line-height: 40px;
        background-size: contain !important;
    }

    .btn3 {
        font-size: 13px;
        line-height: 40px;
        background-size: contain;
    }

    .arrow {
        width: 40px;
        height: 17px;
        margin-left: -20px;
    }

    .arrow:after, .arrow:before {
        height: 2px;
        width: 22px;
    }

    .second-block .block-title {
        font-size: 34px;
    }

    .second-block .bottom .right {
        top: -11px;
    }

    .third-block .block-title {
        font-size: 40px;
    }

    .four-block .block-title {
        font-size: 40px;
    }

    .five-block .block-title {
        font-size: 21px;
        margin-bottom: 50px;
    }

    .six-block .block-title {
        font-size: 36px;
        margin-top: 130px;
    }

    .eight-block .block-title {
        font-size: 36px;
    }

    .nine-block .block-title {
        font-size: 36px;
        margin-top: 45px;
    }

    .second-block {
        background-size: inherit;
    }

    .second-block .top {
        margin-top: 100px;
    }

    .second-block .text {
        font-size: 14px;
    }

    .second-block .btn2 {
        margin-top: 35px;
    }

    .second-block .top .right {
        margin-top: 0;
        width: 54%;
    }

    .second-block .top .right .img {
        right: -70px;
    }

    .second-block .top .right .prev {
        font-size: 11px;
        color: #3b507c94;
    }

    .second-block .bottom {
        padding: 45px 0;
    }

    .second-block .bottom .left .icon {
        width: 45px;
        height: 45px;
    }

    .second-block .bottom .left .icon:nth-child(2) {
        margin-left: 10px;
    }

    .second-block .bottom .left span {
        font-size: 15px;
        margin-left: 55px;
    }

    .second-block .bottom .right a {
        font-size: 20px;
        font-weight: bold;
        border: 2px solid #f5b57c;
        padding: 10px;
    }

    .second-block .bottom .container:before {
        border: 30px solid transparent;
        border-top-color: #d0e7f7;
        border-top-width: 20px;
        left: 35px;
        top: -47px;
    }

    #second-block .bottom:before {
        background-size: 1100px;
        top: -20px;
    }

    .third-block .container {
        max-width: 775px;
    }

    .third-block .top {
        min-height: 590px;
        background-size: cover;
    }

    .third-block .video a {
        margin-top: 70px;
        width: 75px;
        height: 75px;
    }

    .third-block .bottom {
        padding: 10px 0;
    }

    .third-block .bottom .cont .text {
        font-size: 18px;
    }

    .third-block .block-logo {
        max-width: 350px;
    }

    .third-block .bottom:before {
        background-size: 100% 30px;
        background-position: bottom;
    }

    .four-block {
        height: auto;
        min-height: 500px;
    }

    .four-block .btn3 {
        margin-top: 35px;
    }

    .five-block {
        min-height: 890px;
    }

    .five-block .med-block .text {
        font-size: 14px;
    }

    .five-block .left .med-block {
        margin-top: 50px;
    }

    .five-block .left .med-block:nth-child(2) svg {
        width: 170px;
    }

    .five-block .left .med-block:nth-child(3) img {
        width: 150px;
    }

    .six-block {
        min-height: 768px;
        height: auto;
    }

    .five-block .left .med-block {
        margin-top: 30px;
    }

    .seven-block {
        height: auto;
        min-height: 550px;
    }

    .comment .bottom {
        margin-top: 50px;
    }

    .director .comment .bottom {
        margin-top: 50px;
    }

    .comment .com-text {
            font-size: 14px;
    		line-height: 26px;
    }

    .director .comment .com-text {
        font-size: 20px;
    }

    .director .comment .com-text-second {
        font-size: 19px;
    }

    .comment .bottom .com-name {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .comment .bottom .com-name-explorers {
        margin-bottom: 0;
    }

    .director .comment .bottom .com-name {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .director .comment .bottom .com-name-second {
        font-size: 26px;
    }

    .comment .bottom .com-desc {
        font-size: 10px;
        line-height: 1.3;
    }

    .director .comment .bottom .com-desc {
        font-size: 12px;
    }

    .director .comment .bottom .com-desc-second {
        font-size: 13px;
    }

    .comment .bottom .com-icon {
        width: 85px;
        height: 85px;
    }

    .director .comment .bottom .com-icon {
        width: 185px;
        height: 185px;
    }

    .comment .bottom .right {
        margin-left: 80px;
        width: calc(100% - 165px);
    }

    .slick-arrow {
        width: 16px;
        height: 32px;
        background-size: contain;
        top: 40px;
    }

    .comment {
        padding: 0 40px;
        max-width: 650px;
    }

    .director .comment {
        padding: 0;
        max-width: 750px;
    }
	
	    .director .comment-vr {
        padding: 0;
        max-width: 1050px;
    }

    .eight-block {
        min-height: 780px;
        background-position: right bottom;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .eight-block .container {
        position: relative;
        min-height: 520px;
    }

    .eight-block .btn3 {
        margin-top: 30px;
    }

    .eight-block .arrow {
        bottom: 85px;
        margin-left: -416px;
    }

    .nine-block {
        min-height: 768px;
        height: auto;
    }

    .nine-block .prev {
        font-size: 22px;
        font-weight: 200;
        padding-top: 5px;
    }

    footer {
        padding: 70px 0;
    }

    footer .container {
        max-width: 870px;
    }

    footer .block-title {
        font-size: 47px;
    }

    footer .block-title span {
        background-size: 100% 10px;
        background-position: left bottom 5px;
        line-height: 50px;
    }

    footer .top {
        padding-bottom: 60px;
    }

    footer .top .text {
        font-size: 25px;
    }

    footer .top .right {
        font-size: 15px;
        padding-top: 38px;
        width: calc(27% - 48px);
    }

    footer .bottom {
        padding-top: 60px;
    }

    footer .bottom {
        margin-left: -65px;
    }

    footer .bottom > * {
        margin-left: 65px;
        width: calc(33% - 65px);
    }

    footer .bottom .row:nth-child(2) {
        width: calc(33% - 65px);
    }

    footer .bottom .row:nth-child(3) {
        width: calc(33% - 65px);
    }

    footer .bottom > * .icon {
        margin-bottom: 15px;
        min-height: 37px;
    }

    footer .bottom .row:nth-child(1) .icon {
        max-width: 140px;
    }

    footer .bottom .row:nth-child(2) .icon {
        max-width: 140px;
    }

    footer .bottom .row:nth-child(3) .icon > * {
        height: 35px;
        width: 35px;
    }

    footer .bottom > * p {
        font-size: 10px;
    }

    .arrow {
        bottom: 40px;
    }

    .comment .bottom .right {
        margin-left: 40px;
    }

    .director .comment .bottom .right {
        margin-left: 160px;
    }

    .plus-one {
        min-height: 716px;
        background-position: right -33px bottom;
        overflow: hidden;
    }

    .plus-one .container {
        max-width: 650px;
        max-width: 100%;
        width: 100%;
    }

    .plus-one .row:nth-child(1) {
        margin-left: 175px;
    }

    .plus-one .row:nth-child(2) {
        padding-right: 235px;
    }

    .plus-one .row:nth-child(1):before {
        left: -139px;
        width: 240px;
        top: -93px;
    }

    .plus-one:before {
        width: 200px;
        bottom: -66px;
        height: 446px;
    }

    .plus-one .row .title {
        max-width: 330px;
        font-size: 200%;
        margin-left: 100px;
    }


    .plain {
        min-height: 400px;
    }

    .advantage .rows {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .advantage .title {
        font-size: 235%;
    }

    #advantage-utility .rows:nth-child(even) .text .body, .advantage .rows:nth-child(odd) .text .body, .advantage .rows:nth-child(odd) .text .institution {
        max-width: 320px;
        margin-left: 100px;
        padding-right: 25px;
    }

    #advantage-utility .rows:nth-child(odd) .text .body, .advantage .rows:nth-child(even) .text .body {
        max-width: 520px;
        margin-left: 0;
        padding: 0 90px 0 25px;
        margin-left: auto;
    }

    .advantage .rows:nth-child(odd) .text .institution, .advantage .rows:nth-child(even) .text .institution {
        max-width: 520px
    }

    .advantage .text .institution__title {
        width: 60%;
        margin-left: 0px;
    }

    .advantage .rows:nth-child(odd) .text .institution {
        margin-left: 0;
        padding: 0 0 0 0px;
		 margin-top: 30px;
    }

    .advantage .rows:nth-child(even) .text .institution {
        margin-left: auto;
        padding: 0 0 0 0px;
    }

    .bottom-block, #works-four .bottom, .advantage .bottom, .second-block .bottom {
        padding: 45px 0;
    }

    .bottom-block .container:before, #works-four .bottom .container:before, .advantage .bottom .container:before, .forWhom .second-block .bottom .container:before {
        border: 40px solid transparent;
        border-top-color: #fff;
        border-top-width: 25px;
        top: -50px;
    }

    .forWhom .second-block .block-title {
        font-size: 300%;
    }

    .second-block .top {
        margin-top: 35px;
    }

    .bottom-block .container, #works-four .bottom .container, .advantage .bottom .container {
        max-width: 870px;
        padding-bottom: 30px;
    }


    #install_plan {
        min-height: 0px;
    }

    #install_plan .block-title {
        font-size: 420%;
    }

    #pulse {
        min-height: 858px;
        background: url(../img/works/hand-min.jpg) no-repeat bottom;
        background-size: 100%;
    }

    #pulse .left-right {
        bottom: -30px;
    }

    #pulse .left-right > * {
        max-width: 185px;
    }

    #pulse .left-right .outline {
        width: 175px;
        margin-bottom: 70px;
        display: none;
    }

    #first-utility .block-title {
        font-size: 350%;
    }

    #first-utility .cont {
        width: 56%;
    }

    #second-utility {
        min-height: 640px;
        background-size: 45%;
        font-size: 60%;
    }

    #last-utility {
        min-height: 700px;
    }

    #last-utility .block-title {
        font-size: 360%;
    }

    #second-works {
        min-height: 850px;
    }

    #second-works .block-title {
        font-size: 400%;
        margin-top: 55px;
    }

    #second-works .left-right {
        margin-top: 50px;
    }

    .sertif-page .block-text {
        position: relative;
        margin-top: 63px;
    }

    .block-text {
        padding: 100px 0 0;
        font-size: 95%;
    }

    .block-text .block-title {
        font-size: 400%;
    }

    .block-text .prev-block {
        font-size: 255%;
    }

    .materials .text {
        margin-left: 50px;
    }

    .materials .text a:before {
        width: 20px;
        height: 30px;
        left: -40px;
    }

    #last-sertif > .container {
        padding-top: 0;
        font-size: 80%;
    }

    .mono {
        margin-top: 0;
    }

    /*оплата*/
    .payment-block .left-block {
        padding: 50px 25px;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .payment-block .left-block .top .tab {
        margin-left: 60px;
    }

    .payment-block .left-block .top .tab:before {
        border-width: 2px;
        width: 20px;
        height: 20px;
        left: -34px;
        top: -3px;
    }

    .payment-block .left-block .top .tab.active:after {
        content: '';
        left: -28px;
        top: 3.4px;
        width: 12px;
        height: 12px;
    }

    .payment-block .left-block .delivery-type .tab {
        margin-left: 0px;
    }

    .payment-block .left-block .delivery-type .tab:before {
        border-width: 2px;
        width: 20px;
        height: 20px;
        left: -34px;
        top: -3px;
    }

    .payment-block .left-block .delivery-type .tab.active:after {
        content: '';
        left: -28px;
        top: 3.4px;
        width: 12px;
        height: 12px;
    }

    .payment-block .left-block .content .title br {
        display: block;
    }

    .payment-block .left-block .content .left-right textarea, .payment-block .left-block .content .left-right select, .payment-block .left-block .content .left-right input,
    .payment-block .left-block .content .left-right .select .name {
        line-height: 50px;
        height: 50px;
        margin: 7px 0;
        padding: 0 10px;
    }

    .payment-block .left-block .content .left-right .select .name {
        margin: 0;
        padding: 0;
        left: 10px;
        top: 9px;
    }

    .payment-block .left-block .content .left-right .select .name:after {
        margin-left: 10px;
    }

    .payment-block .left-block .content .left-right select {
        padding-left: 135px;
    }

    .payment-block .left-block .content .delivery {
        margin-top: -18px;
    }

    .payment-block .right-block {
        padding: 34px 0 100px;
    }

    .payment-block .right-block .cont {
        margin: 0 15px;
    }

    .payment-block .right-block .block-content, .payment-block .right-block .img-abp {
        padding: 0 30px;
        max-width: 430px;
    }

    .payment-block .right-block .block-content {
        max-width: 333px;
        margin-top: -70px;
    }

    .payment-block .right-block .img-abp .slick-prev {
        left: 0;
    }

    .payment-block .right-block .img-abp .slick-next {
        right: 0;
    }

    .payment-block .right-block .block-content .prev {
        /* width: 100%;
  margin-right: 20px; */
        font-size: 12px;
        margin-right: 0;
        max-width: 108px;
    }

    .payment-block .right-block .block-count .left, .payment-block .right-block .block-count .right {
        font-size: 15px;
        min-width: inherit;
        width: 100%;
        line-height: 40px;
        height: 40px;
        max-width: 122px;
    }

    .payment-block .right-block .block-content .block-count {
        min-width: inherit;
        width: 100%;
        line-height: 40px;
        height: 40px;
        min-width: inherit;
        width: 100%;
        line-height: 40px;
        height: 40px;
        max-width: 122px;
    }

    .payment-block .right-block .block-content .count {
        line-height: 40px;
        height: 40px;
    }

    .payment-block .right-block .block-content .price {
        font-size: 300%;
        margin-top: 35px;
    }


    .submit .submit_btn {
        line-height: 50px;
        font-size: 16px;
    }

    .forms .prev {
        margin-top: 15px;
    }

    .forms .btn3,
    .forms .submit .submit_btn {
        font-size: 17px;
        line-height: 70px;
    }


}

@media (max-width: 1228px) {

    .w404 {
        background-size: 90%;
        background-position: center top 100px;
        min-height: 780px;
    }

}

@media (max-width: 1200px) {

    #second-works {
        min-height: 770px;
    }

}

@media (max-width: 1100px) {

    #pulse {
        min-height: 830px;
    }

    #pulse .left-right {
        padding: 0 7%;
        bottom: -66px;
    }

    #pulse .left-right .text {
        max-width: 230px;
    }


}

@media (max-width: 1060px) {

    #pulse {
        min-height: 858px;
    }

}

@media (min-width: 1024px) {

    .block-sertif .container {
        max-width: 1210px;
    }

}

@media (max-width: 1023px) {

    #last-sertif > .container {
        margin-top: 50px;
    }

    #second-utility {
        min-height: 540px;
    }

    body {
        font-size: 13px;
    }

    .logo {
        margin-left: 40px
    }

    header .menu-block ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    header .menu-block li {
        width: 100%;
        margin: 0;
    }

    header .menu-block li a {
        display: block;
        width: 100%;
        padding: 15px 0;
    }

    .container {
        max-width: 600px;
    }

    header .mob_menu_link {
        width: 42px;
        height: 37px;
        top: -9px;
        left: 20px;
    }

    /* .logo{max-width: 60px;margin-left: 13px;} */
    header .contact-block .phone {
        line-height: 20px;
    }

    header .contact-block .phone a {
        font-size: 15px;
    }

    main.payment {
        padding-top: 50px;
    }

    .first-block {
        min-height: 530px;
    }

    #first-works {
        min-height: auto;
    }
	
	.institution-icon img {
    width: 50%;
    object-fit: cover;
}
	
	.comment .com-text-vr {
    font-size: 16px;
    line-height: 26px;
}
	.com-name-vr {
    font-size: 16px;
    line-height: 32px;
	}
	
	.container-vr:after {
    margin-top: 120px;
}
	
	.container-vr:before {
    content: '';
    background: #219bf9;
    position: absolute;
    left: 0;
    width: 100%;
    margin-left: 0%;
    height: 3px;
    margin-top: -120px;
}

	
.institution-icon {
    height: 60px;
    padding-right: 15px;
}
	
	.director.comment-block-next {
    min-height: 0px;
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
	
	.comment .bottom .right-next {
    margin-left: 50px;
    width: 100%;
}

    .first-block .cont-bg {
        background-size: 180%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 730px;
        height: auto;
    }

    #first-block:before {
        /* background-position: right top; */
    }

    .first-block h1 {
        font-size: 60px;
        margin-top: 0;
    }

    .first-block .arrow {
        bottom: 160px;
    }

    .btn {
        top: 13px;
        bottom: initial;
        right: 170px;
        color: #0b88e9;
        background: #fff;
        text-transform: uppercase;
    }

    .btn2 {
        padding: 0 20px;
        min-width: 230px;
    }

    .btn3 {
        padding: 0 20px;
        min-width: 230px;
    }

    .four-block .block-title {
        font-size: 37px;
    }

    .six-block .block-title {
        font-size: 32px;
        margin-top: 85px;
    }

    .eight-block .block-title {
        font-size: 22px;
    }

    .nine-block .block-title {
        font-size: 22px;
        margin-top: 110px;
    }

    .second-block .top .left {
        width: 250px;
    }

    .second-block .top .right .prev {
        font-size: 64%;
        color: #3b507c;
    }

    .second-block .bottom .left span {
        margin-left: 35px;
        font-size: 14px;
    }

    .second-block .bottom .left {
        width: 80%;
    }

    #second-block .bottom:before {
        background-size: 700px;
        height: 20px;
        top: -14px;
    }

    #second-block .bottom .container:before,
    #second-block .bottom .container:after {
        top: -59px;
    }

    .third-block .container {
        max-width: 680px;
    }

    .third-block .bottom .cont .text {
        max-width: 197px;
    }

    .third-block .bottom .cont .text br {
        display: none;
    }

    .third-block .block-logo {
        max-width: 350px;
    }

    .third-block .bottom:before {
        background-size: 100% 20px;
    }

    .four-block {
        min-height: 700px;
        height: auto;
        background-size: 80%;
    }

    .four-block .btn3 {
        margin-top: 20px;
    }

    .four-block .arrow {
        display: none;
    }

    .five-block {
        min-height: 660px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .five-block .left {
        max-width: inherit;
    }

    .five-block .block-title {
        text-align: center;
        margin-bottom: 80px;
        font-size: 34px;
        font-weight: 300;
    }

    .five-block .left .med-block {
        margin-top: 40px;
    }

    .five-block .left .med-block:nth-child(2) svg {
        width: 170px;
    }

    .five-block .left .med-block:nth-child(3) img {
        width: 150px;
    }

    .five-block .arrow {
        bottom: 48px;
        display: none;
    }

    .five-block .left .med-block:nth-child(2) .icon {
        width: 205px;
    }

    .five-block .left .med-block:nth-child(3) .icon {
        width: 190px;
    }

    .six-block {
        min-height: 580px;
        height: auto;
    }

    .six-block .btn2 {
        margin-top: 20px;
    }

    .six-block .arrow {
        bottom: 38px;
        display: none;
    }

    .seven-block {
        min-height: 550px;
    }

    .slick-prev {
        left: -20px;
    }

    .slick-next {
        right: -20px;
    }

    .seven-block .arrow {
        bottom: 40px;
        display: none;
    }

    .comment {
        max-width: 600px;
    }

    .director.comment-block {
        min-height: 600px;
    }

    .director .comment .com-text {
        font-size: 14px;
    }

    .director .comment .bottom {
        margin-top: 50px;
    }

    .director .comment .bottom .com-icon {
        width: 85px;
        height: 85px;
    }

    .director .comment .bottom .right {
        margin-left: 40px;
    }

    .director .comment .bottom .com-name {
        padding-top: 15px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .director .comment .bottom .com-name-second {
        font-size: 15px;
    }

    .director .comment .bottom .com-desc {
        font-size: 10px;
    }

    .director .comment .bottom .com-desc-second {
        font-size: 9px;
    }

    .eight-block {
        min-height: 768px;
    }

    .eight-block .container {
        min-height: 480px;
    }

    .eight-block .btn3 {
        margin-top: 30px;
        position: relative;
    }

    .eight-block .arrow {
        bottom: 40px;
        left: 25px;
        margin-left: 0;
        display: none;
    }

    .nine-block {
        min-height: 768px;
    }

    .nine-block .container {
        max-width: 640px;
    }

    .nine-block .btn2 {
        margin-top: 20px;
    }

    .nine-block .arrow {
        display: none;
    }

    footer {
        padding: 65px 0;
    }

    footer .container {
        max-width: 600px;
    }

    footer .top {
        padding-bottom: 50px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .top .right {
        border: none;
        position: relative;
        width: 100%;
        padding-top: 0;
        margin-top: 80px;
    }

    footer .top .right:before {
        content: '';
        height: 2px;
        background: rgba(255, 255, 255, 0.1);
        width: 2000px;
        position: absolute;
        left: 50%;
        top: 5px;
    }

    footer .bottom {
        padding-top: 50px;
        border-top-width: 2px;
    }

    footer .bottom:before, footer .bottom:after {
        height: 2px;
        top: -2px;
    }

    footer .bottom > * {
        width: calc(50% - 65px) !important;
    }

    footer .bottom .row:nth-child(3) {
        margin-top: 45px;
    }


    main.not-home {
        font-size: 70%;
    }

    .second-block .bottom .container, .not-home .container, .container {
        max-width: 600px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
 
	    .second-block .bottom .container, .not-home .container-vr {
        max-width: 600px;
        padding-bottom: 140px;
        padding-top: 200px;
    }


    .plus-one {
        min-height: 587px;
        background-position: right -60px bottom;
    }

    .plus-one .container {
        max-width: 400px;
        max-width: 100%;
        width: 75%;
    }

    .plus-one:before {
        width: 120px;
        bottom: -260px;
        height: 530px;
    }

    .plus-one .row:nth-child(1) {
        margin-left: 0;
    }

    .plus-one .row:nth-child(2) {
        padding-right: 0;
    }

    .plus-one .row .title {
        padding-top: 30px;
    }

    .forWhom .second-block {
            margin-bottom: 50px;
    margin-top: 50px;
		
    }

    .bottom-block .container, #works-four .bottom .container, .advantage .bottom .container {
        max-width: 600px;
        padding-bottom: 25px;
    }

    .advantage .rows .text .body {
        font-size: 90%;
    }

    #advantage-utility .rows:nth-child(even) .text .body, .advantage .rows:nth-child(odd) .text .body {
        max-width: 250px;
        margin-left: 45px;
    }

    #advantage-utility .rows:nth-child(odd) .text .body, .advantage .rows:nth-child(even) .text .body {
        max-width: 289px;
        padding-right: 45px;
        margin-left: auto;
    }

    .advantage .text li {
        margin-bottom: 10px;
    }

    .plain {
        min-height: 300px;
    }

    #install_plan {
        min-height: 430px;
    }

    #install_plan .block-title {
        font-size: 400%;
    }

    #pulse {
        background: url(../img/works/hand-min.jpg) no-repeat bottom;
        background-size: 100%;
    }

    #pulse .left-right {
        bottom: -6vw;
        width: 600px;
        left: 50%;
        margin-left: -300px;
        padding: 0 25px;
    }

    #pulse .left-right .outline {
        width: 20vw;
        display: none;
    }

    #second-works {
        min-height: 715px;
        min-height: 710px;
    }

    #second-works .left-right .row {
        max-width: 190px;
    }

    .mono {
        min-height: 730px;
    }

    .mono .block-title {
        margin-top: 50px;
    }


    #pulse {
        min-height: 670px;
    }

    #pulse .container {
        max-width: 100%;
    }

    #pulse .left-right > * {
        max-width: 160px;
    }

    #last-utility {
        min-height: 540px;
    }

    #last-utility .lr-block .left {
        margin-top: -50px;
    }


    .sertif {
        margin-top: 60px;
    }

    .sertif:before {
        display: none;
    }

    .sertif .img-abp {
        overflow: hidden;
    }

    .sertif .img-abp:before {
        content: '';
        background: rgb(33, 155, 249);
        position: absolute;
        left: 50%;
        margin-left: -12px;
        top: 50px;
        width: 24px;
        height: 100%;
        z-index: -1;
    }

    .sertif .rows {
        position: relative;
    }

    .sertif .rows:before {
        content: '';
        background: rgb(33, 155, 249);
        position: absolute;
        left: 50%;
        margin-left: -290px;
        top: -86px;
        width: 302px;
        height: 24px;
    }

    .sertif .rows:after {
        content: '';
        background: rgb(33, 155, 249);
        position: absolute;
        left: 50%;
        margin-left: -290px;
        top: -86px;
        width: 24px;
        height: calc(100% + 256px);
    }

    .sertif .img-abp {
        display: block;
        max-width: 60%;
        margin: 0 auto;
    }

    .sertif .rows {
        margin-top: 82px;
    }

    .sertif .row,
    .sertif .row:nth-child(odd) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 50px;
    }

    .sertif .row:nth-child(even) .img-sert a:before {
        content: '';
        background: url(../img/sertif/7.png) no-repeat center;
        background-size: contain;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 102px;
        left: -18.5px;
        z-index: 2;
    }

    .sertif .row:nth-child(even) .img-sert:after,
    .sertif .row:nth-child(odd) .img-sert:after {
        left: -80px;
        right: inherit;
    }

    .sertif .rows .name {
        z-index: 2;
    }

    .block-sertif .container {
        position: relative;
    }

    .block-sertif .container::before {
        content: '';
        background: rgb(33, 155, 249);
        position: absolute;
        left: 50%;
        margin-left: -12px;
        bottom: -66px;
        width: 24px;
        height: 150px;
    }

    .sertif:after {
        bottom: 30px;
        height: 24px;
        width: 290px;
        left: inherit;
        right: 50%;
    }


    .block-sertif h1 {
        font-size: 480%;
        margin-top: 90px;
    }

    .sertif .img-abp {
        max-width: 70%;
    }

    .sertif:after {
        height: 16px;
        width: 220px;
    }

    .block-sertif .container::before {
        width: 16px;
        height: 142px;
    }

    .sertif-page .block-text:before {
        content: '';
        background: #219bf9;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 40px);
        height: 3px;
        margin-left: 20px;
    }

    .materials .text {
        font-size: 14px;
    }

    .block-text .block-title {
        padding: 0 25px;
        font-size: 350%;
    }

    .block-text .prev-block {
        padding: 0 25px;
        font-size: 230%;
    }


    .sertif .img-abp:before {
        width: 18px;
    }

    .sertif .rows:before {
        margin-left: -221px;
        top: -86px;
        width: 227px;
        height: 16px;
    }

    .sertif .rows:after {
        margin-left: -221px;
        top: -86px;
        width: 16px;
    }


    .block-sertif .container {
        max-width: 870px;
    }

    .sertif .img-abp {
        display: block;
        max-width: 50%;
    }

    .sertif-page .block-text:before,
    .block-sertif .container::before,
    .sertif:after,
    .sertif .row:nth-child(even) .img-sert a:before,
    .sertif .row:nth-child(odd) .img-sert a:before,
    .sertif .row:nth-child(even) .img-sert:after,
    .sertif .row:nth-child(odd) .img-sert:after,
    .sertif .rows:after,
    .sertif .rows:before,
    .sertif .img-abp:before {
        display: none;
    }

    .sertif-page .block-text {
        margin-top: 0;
        padding-top: 0;
    }


    .w404 {
        min-height: 580px;
    }


    /*оплата*/
    .payment-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .payment-block .left-block .top .tab {
        font-size: 13px;
    }

    .payment-block .left-block .delivery-type .tab {
        font-size: 13px;
    }

    .payment-block .left-block .content .left-right .right {
        padding-left: 30px;
    }


    .payment-block .right-block {
        padding: 28px 0 50px;
    }

    .payment-block .right-block .cont {
    }

    .payment-block .right-block .img-abp {
        max-width: 500px;
    }

    .payment-block .right-block .cont .block-content {
        max-width: 400px;
    }

    .payment-block .right-block .block-content .prev {
        font-size: 14px;
        margin-top: 15px;
    }

    .payment-block .right-block .block-content .block-count {
        min-width: auto;
        margin-top: 15px;
    }

    .payment-block .right-block .block-content .price {
        /* -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; */
    }

    .payment-block .right-block .block-count .left,
    .payment-block .right-block .block-count .right {
        width: 45px;
    }

    .payment-block .left-block {
        padding: 30px 25px 50px;
    }

    .payment-block .left-block .content .right .delivery {
        font-size: 12px;
    }

    .payment-block .left-block .content .left-right .promo_code {
        width: 100%;
        max-width: 200px;
    }

    .payment-block .left-block .content .textarea .title {
        font-size: 14px;
    }

    .payment-block .left-block .content .left-right .select,
    .submit .submit_btn,
    .payment-block .left-block .content .left-right textarea,
    .payment-block .left-block .content .left-right select,
    .payment-block .left-block .content .left-right input {
        max-width: 300px;
        min-width: inherit;
        width: 100%;
    }

    .payment-block .left-block .content .left-right .select:after {
        border: 4px solid transparent;
        border-top-color: #4a698c;
        border-top-width: 7px;
        right: 13px;
        top: 50%;
        margin-top: -3.5px;
    }

    .payment-block .left-block .content .left-right select {
        padding-left: 105px;
    }

    .payment-block .left-block .content .left-right textarea, .payment-block .left-block .content .left-right select, .payment-block .left-block .content .left-right input,
    .payment-block .left-block .content .left-right .select .name {
        line-height: 50px;
        height: 50px;
        margin: 7px 0;
        padding: 0 10px;
    }

    .payment-block .left-block .content .left-right .select .name {
        margin: 0;
        padding: 0;
        left: 10px;
        top: 9px;
    }

    .payment-block .left-block .content .left-right .select .name:after {
        margin-left: 10px;
    }

    .payment-block .left-block .content .left-right select {
        padding-left: 135px;
    }


    .payment-block .left-block {
        max-width: 320px;
        margin: 0 auto;
    }

    .payment-block .right-block .img-abp {
        padding: 0 25px;
        max-width: 360px;
    }

    .payment-block .right-block .block-content .prev {
        font-size: 12px;
        margin-right: 0;
        max-width: 108px;
    }

    .payment-block .right-block .block-content .price {
        font-size: 300%;
        margin-top: 20px;
    }

    .payment-block .right-block .cont .block-content {
        padding: 0 25px;
        max-width: 290px;
    }

    .payment-block .right-block .block-content .block-count {
        min-width: inherit;
        width: 100%;
        line-height: 40px;
        height: 40px;
        max-width: 122px;
    }

    .payment-block .right-block .block-count .left,
    .payment-block .right-block .block-count .right {
        width: 40px;
        line-height: 40px;
        height: 40px;
    }

    .payment-block .right-block .block-content .count {
        padding: 0 10px;
        width: calc(100% - 80px);
        text-align: center;
        line-height: 40px;
        height: 40px;
    }

    .payment-block .right-block .img-abp .slick-prev {
        left: 0;
    }

    .payment-block .right-block .img-abp .slick-next {
        right: 0;
    }

    .payment-block .left-block .top {
        margin: 0;
        padding-bottom: 7px;
    }

    .payment-block .left-block .top .tab.active a:before,
    .payment-block .left-block .top:after {
        display: none;
    }

    .payment-block .left-block .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }

    .payment-block .left-block .top .tab {
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 500;
        margin-left: 50px;
    }

    .payment-block .left-block .delivery-type .tab {
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 500;
        margin-left: 0px;
    }

    .payment-block .left-block .top .tab:before {
        border-width: 2px;
        width: 20px;
        height: 20px;
        left: -34px;
        top: -3px;
    }

    .payment-block .left-block .top .tab.active:after {
        content: '';
        left: -28px;
        top: 3.4px;
        width: 12px;
        height: 12px;
    }

    .payment-block .left-block .delivery-type .tab {
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 500;
        margin-left: 0px;
    }

    .payment-block .left-block .delivery-type .tab:before {
        border-width: 2px;
        width: 20px;
        height: 20px;
        left: -34px;
        top: -3px;
    }

    .payment-block .left-block .delivery-type .tab.active:after {
        content: '';
        left: -28px;
        top: 3.4px;
        width: 12px;
        height: 12px;
    }

    .payment-block .left-block .content > .title {
        display: none;
    }

    .payment-block .left-block .content .left-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .payment-block .left-block .content .methods {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }

    .payment-block .left-block .content .left-right .right,
    .payment-block .left-block .content .left-right .left {
        width: 100%;
    }

    .payment-block .left-block .content .left-right .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .payment-block .left-block .content .left-right .right {
        padding-left: 0;
    }

    .payment-block .left-block .content .left-right .name,
    .payment-block .left-block .content .left-right .phone {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
    }

    .payment-block .left-block .content .left-right .select,
    .submit .submit_btn, .payment-block .left-block .content .left-right textarea,
    .payment-block .left-block .content .left-right select,
    .payment-block .left-block .content .left-right input {
        max-width: 100%;
        font-size: 14px;
    }

    .payment-block .left-block .content .left-right .select .name {
        font-size: 14px;
        top: 0;
    }

    .payment-block .left-block .content .left-right select {
        padding-left: 133px;
        margin: 0;
    }

    .payment-block .left-block .content .left-right .promo_code,
    .payment-block .left-block .content .left-right .delivery {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 12px;
        margin-top: 26px;
    }

    .payment-block .left-block .content .left-right .promo_code {
        margin-top: 0;
    }

    .payment-block .left-block .content .left-right .delivery {
        width: 100%;
        max-width: 100%;
        padding-bottom: 32px;
        padding-right: 28%;
        position: inherit;
        background: url(../img/payment/cdek.png) no-repeat right top 8px;
        font-size: 12px;
        background-size: 80px;
        margin-top: 40px;
        padding-bottom: 10px;
    }

    .payment-block .left-block .content .left-right .select {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-top: 0;
    }

    .payment-block .left-block .content .left-right .adres {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        font-size: 14px;
    }

    .payment-block .textarea {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
    }

    .payment-block .submit {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%;
    }

    .submit .submit_btn {
        line-height: 40px;
        font-size: 13px;
    }

    .forms .btn3, .forms .submit .submit_btn {
        margin-top: 20px;
    }


}

@media (max-width: 900px) {

    #pulse .left-right {
        bottom: -114px;
    }

}

@media (max-width: 880px) {

    #second-works {
        min-height: 640px;
    }

}

@media (max-width: 767px) {

    body {
        font-size: 12px;
    }

    header {
        padding: 12px 0;
    }

    .logo {
        width: 70px;
        margin-left: 0px;
    }

    header .container {
        padding: 0 20px;
    }

    header .menu-block {
        padding: 11vh 20px 5vh;
    }

    .open header .mob_menu_link {
        left: 20px;
        top: 4px;
    }

    .btn {
        display: none;
    }

    .btn3 {
        font-size: 12px;
    }

    .arrow {

    }

    .container {
        padding: 0 20px;
        max-width: 320px;
    }
	
	.comment .bottom .right-next {
    margin-left: 0px;
    width: 100%;
}
	
	.comment .com-text-vr {
    font-size: 14px;
    line-height: 20px;
}
	
	.com-name-vr {
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 20px;
    padding-top: 20px;
	}
		
	.director.comment-block-next {
    min-height: 0px;
    padding-bottom: 00px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bottom-block .container, #works-four .bottom .container, .advantage .bottom .container,
    .second-block .bottom .container, .not-home .container {
        padding: 0 20px;
        max-width: 320px;
    }
		    .second-block .bottom .container, .not-home .container-vr {
        padding-bottom: 70px;
        padding-top: 50px;
    }
	
	.container-vr:before {
    margin-top: -60px;
}

    .bottom-block .container, #works-four .bottom .container, .advantage .bottom .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .bottom-block .container > *, #works-four .bottom .container > *, .advantage .bottom .container > * {
        margin-bottom: 20px;
        margin: 0 10px 20px;
    }
	


    header .contact-block .phone {
        padding: 0;
        border: none;
    }

    .first-block {
        min-height: 430px;
    }

    .first-block .cont-bg {
        background-size: 180%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 430px;
        height: auto;
    }

    #first-block:before {
        height: 450px;
        /* background-size: 600px; */
    }

    .first-block h1 {
        font-size: 35px;
        margin-top: -45px;
    }

    .first-block .arrow {
        bottom: 40px;
    }

    #first-for .arrow {
        bottom: 40px;
    }

    .second-block {
        padding-bottom: 0;
    }

    .second-block .top {
        margin-top: 60px;
    }

    #second-block .top {
        margin-bottom: 17px;
    }

    .second-block .top .container {
        /* display: grid;
      grid-template-areas: "second-title" "second-right" "second-text" "second-btn"; */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .second-block .block-title {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .second-block .top .container > * {
        width: 100%;
    }

    .second-block .top .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .second-block .top .right .img {
        right: -30px;
    }

    .second-block .text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
    }

    .second-block .btn2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 160px;
        min-width: auto;
    }

    .second-block .top .right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0 30px;
        width: 100%;
    }

    .second-block .top .right .prev {
        font-size: 9px;
        color: #3b507c;
        letter-spacing: -0.3px;
        text-align: center;
    }

    #second-block .bottom {
        margin-top: 40px;
    }

    #second-block .bottom:before {
        background-image: url(../img/arr-bg-min.png);
        background-position: center;
        top: -17px;
        background-size: contain;
    }

    #second-block .bottom .container:before {
        content: '';
        display: block;
        background: #fff;
        width: 100%;
        position: absolute;
        top: -62px;
        height: 20px;
        left: -62%;
        border: none;
        margin-right: 20px;
    }

    #second-block .bottom .container:after {
        content: '';
        display: block;
        background: #fff;
        width: 100%;
        position: absolute;
        top: -62px;
        height: 20px;
        right: 50%;
        left: 62%;
        border: none;
        margin-left: 50px;
    }

    .second-block .bottom {
        margin-top: 60px;
    }

    .second-block .bottom .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        text-align: center;
    }

    .second-block .bottom .container:before {
        left: 50%;
        margin-left: -30px;
    }

    .second-block .bottom .left {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .second-block .bottom .left .icons {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .second-block .bottom .left .icon {
        width: 55px;
        height: 55px;
    }

    .second-block .bottom .left span {
        margin: 20px 0;
        max-width: 300px;
    }

    .second-block .bottom .right {
        width: 100%;
        text-align: center;
        top: 0;
    }

    #second-works {
        min-height: 485px;
        min-height: 490px;
        /* background-image: -webkit-linear-gradient( 90deg, rgb(236, 243, 253) 0%, rgba(222,234,249,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(222,234,249) 0%, rgba(222,234,249,0) 100%); */
    }

    #second-works .container {
        max-width: 600px;
    }

    #second-works .block-title {
        font-size: 330%;
        margin-top: 40px;
    }

    #second-works .left-right .row {
        max-width: 170px;
    }

    #second-works .left-right .name {
        font-size: 120%;
        letter-spacing: 1px;
    }

    #second-works .left-right .text {
        font-size: 8px;
    }

    #second-works .arrow {
        bottom: 18px;
        display: none;
    }


    .third-block .top {
        padding: 0 30px;
        min-height: 320px;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .third-block .block-title {
        font-size: 18px;
        max-width: 290px;
    }

    .third-block .block-title br {
        display: none;
    }

    .third-block .video a {
        margin-top: 70px;
        margin-bottom: -38px;
        z-index: 2;
        position: relative;
    }

    .third-block .bottom:before {
        display: none;
    }

    .third-block .bottom {
        padding: 50px 0;
    }

    .third-block .bottom .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        flex-direction: column;
    }

    .third-block .bottom .cont .text {
        text-align: center;
        margin: 0 auto 40px;
        width: 100%;
    }

    .third-block .bottom .block-logo {
        width: 100%;
        height: 50px;
        max-width: 270px;
        margin: 0 auto;
    }

    .four-block {
        height: auto;
        background-size: 390px;
        min-height: 384px;
        padding-top: 70px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-position: center top;
    }

    .four-block .block-title {
        font-size: 18px;
    }

    .four-block .arrow {
        bottom: 55px;
        display: none;
    }


    .five-block {
        overflow: hidden;
        min-height: 450px;
    }

    .five-block .left {
        max-width: inherit;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .five-block .block-title {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 50px;
    }

    .five-block .arrow {
        display: none;
    }
	
	.container-vr:after {
    margin-top: 30px;
}

    .five-block .container .bg-img {

        width: calc(100% + 40px);
        width: 675px;
        margin-right: -47px;
        position: absolute;
        bottom: 0;
        line-height: 0;
        right: 0;
    }

    .five-block .left .med-block {
        margin-top: 20px;
    }

    .five-block .left .med-block .icon {

    }

    .five-block .left .med-block:nth-child(2) .icon {
        width: 170px;
    }

    .five-block .left .med-block:nth-child(3) .icon {
        width: 160px;
        height: 80px;
    }

    .five-block .med-block .text {
        text-align: left;
    }

    .five-block .left .med-block:nth-child(2) .icon {
        width: 93px;
        height: 25px;
        margin-left: 0;
    }

    .five-block .left .med-block:nth-child(3) .icon {
        width: 105px;
        height: 50px;
        margin-left: 0;
    }

    .five-block .med-block .text {
        max-width: 157px;
        text-align: left;
        margin: 3px 0 0;
        font-size: 8px;
    }


    .six-block {
        min-height: 400px;
    }

    .six-block .block-title {
        font-size: 16px;
        margin-top: 68px;
    }

    .six-block .arrow {
        display: none;
    }

    .seven-block {
        padding: 50px 0;
    }

    .seven-block .comment {
        padding: 0 20px;
        max-width: 90%;
    }

    .comment .bottom {
        margin-top: 25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .comment .bottom .right {
        margin: 0;
        width: 100%;
    }

    .comment .com-text {
        font-size: 12px;
		line-height: 20px;
    }
	
	.comment .com-text-explorers {
    font-size: 11px;
    line-height: 18px;
}
	.block-title {
    	font-size: 23px;
		font-weight: 500;}
	

    .comment .bottom .com-name {
        width: 60%;
        margin-left: 100px;
        margin-top: -53px;
        min-height: 60px;
    }
	
	.comment .bottom .com-name-explorers {
    width: 200px;
    font-size: 12px;
	margin-left: 0px;
    margin-top: 0px;
    min-height: 0px;
}

    .comment .bottom .com-desc {
        margin-top: 0px;
    }

    .director .comment .com-text {
        font-size: 12px;
    }

    .director .comment .com-text-second {
        font-size: 13px;
    }
    .director .comment .bottom {
        margin-top: 25px;
    }

    .director .comment .bottom .right {
        margin: 0;
        width: 100%;
    }

    .slick-arrow {
        top: 50%;
        margin-top: -16px;
    }

    .slick-prev {
        left: -8px;
    }

    .slick-next {
        right: -8px;
    }


    .seven-block .arrow {
        bottom: 28px;
    }


    .eight-block {
        min-height: 480px;
        background-position: right -55px bottom;
        position: relative;
        background-size: 825px;
        margin-top: -50px;
    }

    .eight-block:before {
        content: '';
        display: block;
        height: 82px;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .eight-block .container {
        min-height: 340px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .eight-block .block-title {
        font-size: 17px;
        margin-top: 0px;
        max-width: 173px;
    }

    .eight-block .btn3 {
        height: 40px;
        margin: 40px auto;
        background: -webkit-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
        background: -o-linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
        background: linear-gradient(45deg, #fb8e24 33%, #fa7d22 66%, #f96d20);
    }

    .eight-block .arrow {
        bottom: -76px;
        left: 50%;
        margin-left: -20px;
        display: none;
    }


    .nine-block {
        background-position: center top 230px;
        min-height: 757px;
        height: auto;
        background-size: 767px;
    }

    .nine-block .block-title {
        font-size: 20px;
        margin-top: 110px;
    }

    .nine-block .prev {
        font-size: 16px;
        font-weight: 300;
        color: #087cdf;
        margin: 8px 0;
        max-width: 100%;
    }

    .nine-block .btn2 {
        margin-top: 54px;
        display: none;
    }

    /*Дополнительные блоки на главной*/
    .nine-block {
        min-height: 550px;
        background-size: 767px;
        background-position: center;
        margin-top: 0;
    }

    .nine-block .block-title {
        margin-top: 0;
        margin-top: 70px;
        font-size: 17px;
    }

    .home #second-utility,
    .home #last-utility {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .home #last-utility {
        min-height: auto;
        margin-top: 30px;
    }

    .home #second-utility .block-title {
        padding-top: 20px;
        font-size: 200%;
    }

    /*-------Дополнительные блоки на главной-----*/
    footer {
        padding: 40px 0;
    }

    footer .container {
        max-width: 320px;
    }

    footer .block-title {
        font-size: 24px;
    }

    footer .block-title span {
        background-size: 100% 7px;
        background-position: left bottom 2px;
        line-height: 27px;
    }

    footer .top .text {
        font-size: 14px;
        margin-top: 18px;
    }

    footer .top .text a {
        letter-spacing: 1px;
    }

    footer .top {
        padding-bottom: 40px;
    }

    footer .top .right {
        margin-top: 40px;
    }

    footer .top .right:before {
        left: 75%;
    }

    footer .bottom {
        padding-top: 40px;
    }

    footer .bottom > * {
        width: calc(100% - 65px) !important;
    }

    footer .bottom .row:first-child {
        margin-bottom: 40px;
    }


    .not-home .first-block {
        min-height: auto;
    }

    #first-works .container {
        max-width: 50vw;
    }

    #first-works .img {
        display: block;
    }

    #first-works .cont-bg {
        height: auto;
        min-height: auto;
        background: none;
        position: absolute;
        top: 0px;
        left: 0;
    }

    #first-works .block-title {
        font-size: 4vw;
    }

    #first-works .prev {
        font-size: 3vw;
    }

    #first-works .arrow {
        display: none;
    }

    .not-home .first-block .cont-bg {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        min-height: 440px;
        height: auto;
        background-position: top right
    }

    .not-home .first-block .cont-bg .container {
        position: relative;
        z-index: 2;
        max-width: 320px;
    }

    .not-home .first-block h2 {
        font-size: 22px;
    }

    .not-home .first-block .prev {
        font-size: 11px;
    }


    .director.comment-block {
        min-height: 500px;
        background-size: 80%;
    }

    .director .comment {
        max-width: 320px;
    }

    .director .comment .bottom .com-name {
        max-width: 200px;
    }

    .plus-one {
        min-height: 420px;
        background-position: right -90px bottom;
    }

    .plus-one .row {
        margin: 70px 0;
    }

    .plus-one:before {
        width: 93px;
        bottom: -30px;
        height: 230px;
    }

    .plus-one .row:nth-child(1):before {
        left: -206px;
        width: 180px;
        top: -91px;
        height: 364px;
    }

    .plus-one .row .title {
        max-width: 180px;
        font-size: 155%;
    }

    .plus-one {
        min-height: 551px;
        background-position: right -132px bottom;
        background-size: 150%;
        background-position: center bottom;
        background-size: 769px;
        top: 40px;
        padding-bottom: 64px;
        overflow: hidden;
    }

    .plus-one .container {
        width: 100%;
        max-width: inherit;
    }

    .plus-one:before {
        width: 130px;
        bottom: 50px;
        height: 204px;
        right: -14px;
    }

    .plus-one .rows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        min-height: 370px;
        justify-content: center;
    }

    .plus-one .row {
        margin: 30px auto;
    }

    .plus-one .row:nth-child(1) {
        padding-left: 42px;
    }

    .plus-one .row:nth-child(2) {
        padding-right: 100px;
    }

    .plus-one .row .title {
        padding-top: 19px;
        max-width: 190px;
        margin-left: 100px;
        width: 100%;
        /* margin: 0 auto; */
        margin-right: 15px;
    }

    .plus-one .row .title br {
        display: none;

    }

    .plus-one .row .title:after {
        width: 72px;
        height: 2px;
    }

    .plus-one .row:nth-child(1):before {
        left: 0px;
        width: 140px;
        top: -25px;
    }

    .plus-one .arrow {
        display: none;
    }

    .forWhom .second-block .block-title {
        font-size: 200%;
    }

    .forWhom .second-block .block-title span {
        font-size: 80%
    }


    .advantage .rows {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        padding: 0 25px;
    }

    .advantage .text {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .advantage .rows .img {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .advantage .rows .text .body {
        margin: 15px 0 0 !important;
        padding: 0 !important;
        max-width: inherit !important;
        width: 100% !important;
    }

    .advantage .rows .text .institution {
        width: 100%;
        padding: 0 !important;
    }

    .advantage .text ul li, .advantage .text p {
        font-size: 14px;
    }

    .advantage2 .arrow {
        left: 50%;
        margin-left: -20px;
        bottom: 0;
        display: none;
    }

    #plain_second .block-title,
    .plain .block-title {
        font-size: 270%;
    }

    #plain_second {
        min-height: 215px;
        padding-bottom: 20px;
    }

    #plain_second .arrow {
        display: none;
    }

    #install_plan {
        text-align: center;
        margin-top: -20px;
        background-position: right bottom;
    }

    #install_plan .block-title {
        text-align: center;
        font-size: 300%;
    }

    #install_plan .prev {
        color: #1d446f;
    }


    #pulse {
        min-height: 570px;
        min-height: 430px;
        margin-bottom: 70px;
    }

    #pulse .block-title {
        font-size: 240%;
        margin-top: 30px;
    }

    #pulse .prev {
        margin-top: 20px;
    }

    #pulse .left-right {
        /* bottom: -9vw;
  width: 280px;
  padding: 0;
  margin-left: -140px; */
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    #pulse .left-right .row:nth-child(2) {
        margin-left: 25px;
    }

    #pulse .left-right .outline {
        width: 17vw;
        height: 180px;
        margin-bottom: 19px;
    }

    #pulse .left-right .text {
        max-width: 130px;
        font-size: 10px;
    }


    #works-four {
        min-height: 440px;
    }

    #works-four .top {
        min-height: 280px;
    }

    #works-four .block-title {
        font-size: 240%;
        padding-top: 50px;
        margin-bottom: -13px;
        text-align: center;
    }

    #works-four .block-title:before {
        left: 50%;
        margin-left: -107.5px;
    }

    .bottom-block, #works-four .bottom, .advantage .bottom {
        margin: 20px auto 0;
    }

    #works-four .bottom {
        padding-bottom: 0;
    }

    .mono {
        margin-top: 0;
        font-size: 75%;
        background-position: center top 95px;
        background-size: 767px;
        min-height: 460px;
    }

    .mono .block-title {
        margin-top: 50px;
        font-size: 290%;
    }

    .mono .btn2 {
        margin-top: 67px;
    }


    #first-utility .cont-bg {
        min-height: 340px;
        background-size: cover;
    }

    #first-utility .cont-bg .container {
        max-width: inherit;
        align-items: flex-start;
    }

    #first-utility .cont {
        margin-left: 44%;
        min-height: 216px;
    }

    #first-utility .block-title {
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: 45px;
    }

    #second-utility {
        min-height: 250px;
        background-size: 160px;
    }

    #second-utility .block-title {
        font-size: 285%;
    }

    #first-utility .prev {
        font-size: 11px;
    }

    #first-utility .arrow {
        margin-top: 80px;
        display: none;
    }

    #second-utility .arrow {
        bottom: 40px;
    }


    .lr-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .lr-block > * {
        width: 100%;
    }

    .lr-block .left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        padding-left: 37px;
    }

    .lr-block .left img {
        max-width: 80%;
    }

    .lr-block .right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-bottom: 80px;
    }

    #last-utility .block-title {
        text-align: center;
    }

    #last-utility .top .container {
        padding: 0;
    }

    #last-utility .block-title span {
        margin-top: 10px;
    }

    #last-utility .btn2 {
        margin-top: 30px;
    }


    .block-sertif h1 {
        font-size: 360%;
    }

    .prev-block {
        font-size: 240%;
    }


    .sertif {
        padding-bottom: 129px;
    }

    .sertif .img-abp {
        max-width: 100%;
        display: block;
    }

    .sertif:before {
        margin-left: -6px;
        width: 12px;
    }

    .sertif .rows {
        margin-top: 40px;
    }

    .sertif .rows:after {
        height: calc(100% + 184px);
    }

    .sertif .rows .name {
        text-align: center;

    }

    .sertif .img-abp:before {
        width: 18px;
        height: 200px;
        bottom: 22px;
        top: initial;
    }

    .sertif .row:nth-child(even) .img-sert:after, .sertif .row:nth-child(odd) .img-sert:after {
        width: 50%;
    }

    .block-text {
        padding: 60px 0 0;
    }

    .block-text .block-title {
        font-size: 235%;
    }

    .block-text .prev-block {
        padding: 0 25px;
        font-size: 170%;
    }

    .block-text .cont {
        margin: 34px auto 0;
    }

    #last-sertif {
        min-height: 215px;
    }

    #last-sertif .top {
        padding-bottom: 46px;
    }

    #last-sertif .top .container {
        padding: 0;
    }

    #last-sertif > .container {
        padding-bottom: 50px;
        max-width: 320px;
        margin-top: 0px;
    }

    .sertif {
        overflow: hidden;
        padding-bottom: 20px;
    }


    .block-sertif .container {
        position: relative;
    }

    .block-sertif .container::before {
        content: '';
        background: rgb(33, 155, 249);
        position: absolute;
        left: 50%;
        margin-left: -5px;
        bottom: -60px;
        width: 10px;
        height: 100px;
    }

    .sertif:after {
        bottom: 30px;
        height: 10px;
        width: 50%;
    }

    .sertif-page .block-text {
        position: relative;
        /* margin-top: 60px; */
    }

    .sertif-page .block-text:before {
        content: '';
        background: #219bf9;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 40px);
        height: 3px;
        margin-left: 20px;
    }

    .sertif .row, .sertif .row:nth-child(odd) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        margin-top: 0;
    }

    .sertif .row .cont {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 70%;
    }

    .sertif .row:nth-child(even) .img-sert:after, .sertif .row:nth-child(odd) .img-sert:after {
        left: -150px;
        width: 100%;
    }

    .sertif .rows .img-sert a {
        padding: 10px;
        margin: 0 10px 67px 0;
        -webkit-box-shadow: 5.937px -4.257px 20px 0 rgba(11, 34, 82, 0.15);
        box-shadow: 5.937px -4.257px 20px 0 rgba(11, 34, 82, 0.15);
    }

    .sertif .img-abp:before {
        width: 10px;
        bottom: 7px;
        height: 200px;
    }

    .sertif .rows:before {
        margin-left: 0;
        top: -50px;
        margin-right: 2px;
        width: 220px;
        height: 10px;
        right: 50%;
        left: initial;
    }

    .sertif .rows:after {
        margin-left: 0;
        width: 10px;
        left: 0;
        top: -50px;
        height: calc(100% + 70px);
    }

    .materials .row {
        margin-top: 40px;
    }


    .payment-block .left-block {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    .payment-block .right-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .payment-block .right-block .img-abp {
        padding: 0 25px;
        max-width: 290px;
        max-width: 360px;
    }

    .payment-block .right-block .block-content .prev {
        font-size: 12px;
        margin-right: 0;
        max-width: 108px;
    }

    .payment-block .right-block .block-content .price {
        font-size: 300%;
        margin-top: 20px;
    }

    .payment-block .right-block .cont .block-content {
        padding: 0 25px;
        max-width: 290px;
    }

    .payment-block .right-block .block-content .block-count {
        min-width: inherit;
        width: 100%;
        line-height: 40px;
        height: 40px;
        max-width: 122px;
    }

    .payment-block .right-block .block-count .left,
    .payment-block .right-block .block-count .right {
        width: 40px;
        line-height: 40px;
        height: 40px;
    }

    .payment-block .right-block .block-content .count {
        padding: 0 10px;
        width: calc(100% - 80px);
        text-align: center;
        line-height: 40px;
        height: 40px;
    }

    .payment-block .right-block .img-abp .slick-prev {
        left: 0;
    }

    .payment-block .right-block .img-abp .slick-next {
        right: 0;
    }

    .payment-block .left-block .top {
        margin: 0;
        padding-bottom: 7px;
    }

    .payment-block .left-block .top .tab.active a:before,
    .payment-block .left-block .top:after {
        display: none;
    }

    .payment-block .left-block .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }

    .payment-block .left-block .top .tab {
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 500;
    }

    .payment-block .left-block .delivery-type .tab {
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 500;
    }

    .payment-block .left-block .content > .title {
        display: none;
    }

    .payment-block .left-block .content .left-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .payment-block .left-block .content .methods-online {
        margin-top: 20px;
    }

    .payment-block .left-block .content .left-right .right,
    .payment-block .left-block .content .left-right .left {
        width: 100%;
    }

    .payment-block .left-block .content .left-right .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .payment-block .left-block .content .left-right .right {
        padding-left: 0;
    }

    .payment-block .left-block .content .left-right .name,
    .payment-block .left-block .content .left-right .phone {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
    }

    .payment-block .left-block .content .left-right .select,
    .submit .submit_btn, .payment-block .left-block .content .left-right textarea,
    .payment-block .left-block .content .left-right select,
    .payment-block .left-block .content .left-right input {
        max-width: 100%;
        font-size: 14px;
    }

    .payment-block .left-block .content .left-right .select .name {
        font-size: 14px;
        top: 0;
    }

    .payment-block .left-block .content .left-right select {
        padding-left: 133px;
        margin: 0;
    }

    .payment-block .left-block .content .left-right .promo_code,
    .payment-block .left-block .content .left-right .delivery {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 12px;
        margin-top: 26px;
    }

    .payment-block .left-block .content .left-right .promo_code {
        margin-top: 0;
    }

    .payment-block .left-block .content .left-right .delivery {
        width: 100%;
        max-width: 100%;
        padding-bottom: 32px;
        padding-right: 28%;
        position: inherit;
        background: url(../img/payment/cdek.png) no-repeat right top 8px;
        font-size: 12px;
        background-size: 80px;
        margin-top: 40px;
        padding-bottom: 10px;
    }

    .payment-block .left-block .content .left-right .select {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-top: 0;
    }

    .payment-block .left-block .content .left-right .adres {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        font-size: 14px;
    }

    .payment-block .textarea {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
    }

    .payment-block .submit {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%;
    }


    .forms .title {
        font-size: 250%;
    }

    .forms .prev {
        font-size: 130%;
    }

    .forms .result,
    .forms .send {
        margin-top: 50px;
    }

    .forms .btn3, .forms .submit .submit_btn {
        margin-top: 20px;
    }

    .forms .phone a {
        font-size: 225%;
    }

    .forms input {
        line-height: 50px;
        height: 50px;
    }

    .forms .submit, .forms .btn3, .forms .submit .submit_btn {
        line-height: 50px;
    }


}

@media (max-width: 630px) {

    #second-works {
        min-height: 435px;
    }

}

@media (max-width: 521px) {

    .five-block {
        min-height: 350px;
    }

}

@media (max-width: 480px) {

    header .menu-block .tel a {
        font-size: 240%;
    }


    .five-block {

    }

    .eight-block .arrow {
        bottom: -62px;
    }


    .nine-block {
        /* background-position: center top 147px;
  background-size: 480px;
  min-height: 490px;
  height: auto;
  margin-top: 50px; */
        background-size: 480px;
        min-height: 345px;
    }

    .nine-block .block-title {
        margin-top: 43px;
    }

    .nine-block .prev {
        font-weight: 200;
        font-size: 16px;
        margin: 8px auto;
        color: #087bdf;
    }

    .nine-block .btn2 {
        margin-top: 80px;
    }

    .nine-block .arrow {
        display: none;
    }

    .not-home .first-block .cont-bg {
        min-height: 290px;
        background-size: 480px;
    }

    #first-works .cont-bg {
        min-height: 223px;
    }

    .director.comment-block {
        min-height: 380px;
        background-size: 100%;
        background-position-x: -96px;
    }

    .forWhom .second-block {
        margin-bottom: 30px;
    }

    .advantage .title.none {
        display: none;
    }

    .second-block .top {

    }

    .forWhom .second-block .top {
        margin: 40px 0;
    }

    .second-block .bottom {
        margin-top: 0;
    }

    .plain {
        min-height: 215px;
    }

    #pulse .block-title {
        font-size: 240%;
        margin-top: 30px;
    }

    #pulse {
        min-height: 380px;
    }

    #pulse .left-right .outline {
        margin-bottom: -3px;
    }

    /* #pulse .left-right .row:nth-child(1) .outline {
    top: -13px;
    left: -125px;
}
#pulse .left-right .row:nth-child(2) .outline{
    top: -240px;
    right: -67px;
} */
    #pulse .left-right {
        bottom: -15vw;
    }


    .mono {
        font-size: 75%;
        min-height: 680px;
    }

    .mono {
        background-size: 550px;
        min-height: 462px;
    }

    .forWhom .first-block {
        min-height: 392px;
    }

    #first-for .cont-bg {
        background: none;
        min-height: auto;
    }

    #first-for .cont-bg > .img {
        display: block;
        margin-bottom: 15px;
    }

    #first-for .arrow,
    .forWhom .first-block .arrow {
        background: url(../img/arrow.svg) no-repeat center;
        background-size: contain;
        left: 50%;
        margin-left: -20px;
        bottom: -48vw;
    }

    #first-for .arrow {
        display: none;
    }

    #second-works {
        min-height: 380px;
    }

    #second-works .left-right .row:nth-child(2) {
        margin-left: 15px;
    }

    #first-utility .cont-bg {
        background-position: left -90px top;
        min-height: 340px;
        /* background-size: 668px; */
    }

    #first-utility .block-title {
        margin-top: 13px;
    }


    .w404 {
        min-height: 450px;
    }


}

@media (max-width: 400px) {

    .logo {
        width: 60px;
        margin-left: 0px;
    }

    header .contact-block .phone {
        margin-right: 10px;
    }

    header .contact-block .phone a {
        font-size: 13px;
    }

    .not-home .first-block .cont-bg {
        background-size: 400px;
        padding-top: 64px;
    }

    #first-works .cont-bg {
        padding-top: 64px;
    }


    /* #pulse {
      min-height: 490px;
  }

#pulse .left-right .row:nth-child(2) .outline, #pulse .left-right .row:nth-child(1) .outline {
    width: 80px;
}
#pulse .left-right {
    min-height: 426px;
} */
    #pulse {
        background-size: 400px;
    }

    #pulse .left-right {
        /* padding: 0;
  bottom: -65px; */
    }

    #pulse .left-right .text {
        max-width: 130px;
        font-size: 10px;
    }

    #pulse .left-right .outline {
        margin-bottom: 35px;
    }

    #pulse .left-right .row:nth-child(2) {
        margin-left: 25px;
    }

    .forWhom .first-block {
        min-height: 83vw;
    }

    #first-for .arrow,
    .forWhom .first-block .arrow {
        bottom: -46vw;
    }


    #first-utility {

    }

    #first-utility .cont-bg {
        background-position: left -55px center;
        min-height: 200px;
    }


    .forms .submit,
    .forms .btn3,
    .forms .submit .submit_btn {
        width: 100%;
        max-width: inherit;
    }


}

/*========= TODO: news styles beginning ===============*/
.container-arch {
    max-width: 1455px;
    padding: 70px 25px;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1439px) {
    .container-arch {
        max-width: 870px;
    }
	
	.comment .bottom .com-icon {
    width: 55px;
    height: 55px;
}
}

@media (max-width: 1023px) {
    .container-arch {
        max-width: 600px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .container-arch {
        padding: 0 20px;
        max-width: 320px;
    }
	.institution-icon img {
    width: 60px;
    object-fit: cover;
}
	.institution-icon {
    height: 60px;
    width: 60px;
    padding-right: 15px;
}
	.advantage .text .institution__title {
    width: 60%;
    margin-left: 0px;
    margin-top: -10px;
}
}

.container-news {
    max-width: 870px;
    margin: 0 auto;
    padding: 70px 25px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1023px) {
    .container-news {
        max-width: 600px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
	
	
}

@media (max-width: 767px) {
    .container-news {
        padding: 0 20px;
        max-width: 320px;
    }
	
	
}

.main-news {
    padding-top: 60px;
}

@media (max-width: 1439px) {
    .main-news {
        padding-top: 25px;
    }
}

@media (max-width: 1023px) {
    .main-news {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .main-news {
        padding-top: 63px;
    }
}

.news-line {
    width: 100%;
    border-bottom: 4px solid #219bf9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 28px;
    margin-top: 85px;
}

.news-line span, .news-date {
    display: inline-block;
    font-family: 'Solomon-Sans', sans-serif;
    font-size: 17px;
	line-height: 20px;
    font-weight: 500;
    color: #219bf9;
    position: relative;
    bottom: 0;
    align-self: flex-end;
    padding-left: 25px;
    opacity: .6;
}

.news-line span:before, .news-date:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../img/calendar.svg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.st1 {
    fill: #219bf9;;
}

.news-line a {
    font-family: 'Solomon-Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #4691dc;
    text-decoration: none;
    text-transform: uppercase;
}

.news-title {
    font-size: 42px;
    font-weight: 500;
	line-height: 54px;
    color: #3b507c;
    margin-top: 80px;
}

.news-item {
    width: 100%;
}

.news-list-img {
    width: 100%;
    height: 246px;
    overflow: hidden;
}

.news-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-list:first-child .news-list-img {
    height: 554px;
}

.news-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-slider > .slick-arrow {
    top: 50%;
}

.news-slider > .slick-prev {
    left: -35px;
}

.news-slider > .slick-next {
    right: -35px;
}

.news-descripton {
    font-size: 28px;
    font-weight: 400;
	line-height: 38px;
    color: #3b507c;
    margin-top: 85px;
}

.news-post {
    font-size: 21px;
    font-weight: 300;
	line-height: 30px;
    color: #3b507c;
    margin-top: 66px;
}

.news-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 85px;
    margin-bottom: 150px;
}

.news-link {
    width: 45%;
    max-width: 369px;
    text-decoration: none;
}

.news-date {
    margin-top: 35px;
}

.news-thumb-title {
    font-size: 20px;
	line-height: 28px;
    font-weight: 400;
    color: #3b507c;
    margin-top: 20px;
}

.news-cat-title {
    font-size: 86px;
    font-weight: 700;
    color: #137adf;
    text-align: center;
    padding-top: 118px;
    padding-left: 0;
}

.news-wrap {
    margin-top: 158px;
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    text-align: start;
    box-sizing: border-box;
    position: relative;

}

.news-wrap:after {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    vertical-align: top;
    content: '';
}

.news-list {
    position: relative;
    width: 372px;
    display: inline-block;
    margin-bottom: 80px;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 9%;
}

.news-list:nth-child(2), .news-list:nth-child(3) {
    margin-right: 0;
}

.news-list:nth-child(3n + 6) {
    margin-right: 0;
}

.news-list:first-child {
    margin-right: 13%;
}

.news-list:first-child .news-date {
    margin-top: 60px;
}

.news-list:first-child .news-arch-title {
    margin-top: 44px;
}

.news-arch-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #3b507c;
    margin-top: 17px;
}

@media (max-width: 1439px) {
	.news-cat-title {
    padding-top: 50px;
	}
    .news-list {
        margin-right: 2%;
    margin-bottom: 40px;
    }

    .news-list:first-child {
        margin-right: 4%;
    }

    .news-date {
        margin-top: 16px;
    font-size: 14px;
    line-height: 23px;
    }
	.news-list:first-child .news-date {
    margin-top: 40px;
}

    .news-list:first-child .news-arch-title {
        margin-top: 20px;
    }

    .news-arch-title {
        margin-top: 12px;
		font-size: 14px;
    	line-height: 20px;
    }
}

@media (max-width: 1023px) {
	.news-list {
    margin-bottom: 50px; 
	}
    .news-list:first-child {
        margin-right: 0;
    }

    .news-list:nth-child(2n + 2){
        margin-right: 2.85%;
    }

    .news-list:first-child .news-arch-title {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .news-list {
        margin-right: 0;
    }

    .news-list:first-child {
        margin-right: 0;
    }

    .news-list:nth-child(2n + 2) {
        margin-right: 0;
    }

    .news-list:first-child .news-date {
        margin-top: 28px;
    }

    .news-list:first-child .news-arch-title {
        margin-top: 12px;
    }
}

.clear {
    clear: both;
}

.news-list:first-child {
    width: 830px;
    float: left;
    margin-bottom: 140px;
}

.news-list:first-child > a >.news-arch-title {
    font-size: 42px;
    line-height: 56px;
}

@media (max-width: 767px) {
    .news-list:first-child {
        margin-bottom: 50px;
    }

    .news-list:first-child > a >.news-arch-title {
        line-height: 20px;
    }
	.news-list {
	margin-bottom: 50px;
	}
}

.news-list a {
    text-decoration: none;
}

.main-news-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 95px;
}

.news-main-item {
    display: inline-block;
    max-width: 372px;
    text-decoration: none;
}

.news-main-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #3b507c;
    margin-top: 20px;
}

.news-main-button {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 92px;
    margin-bottom: 122px;
}

@media (max-width: 1439px) {
	.news-list:first-child > a >.news-arch-title {
    font-size: 38px;
    line-height: 48px; 
	margin-bottom: 24px;
	}
    .news-main-button {
        margin-bottom: 81px;
    }

    .news-list:first-child .news-list-img {
        height: 325px;
    }

    .news-list-img {
        height: 172px;
    }

    .new-link  {
        height: 246px;
    }

    .news-main-button {
        margin-top: 58px;
    }
}


.news-pag-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 160px;
}

.news-pag {
    display: inline-block;
    text-align: left;
}

.inactive, .current {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 68px;
    font-size: 24px;
    font-weight: 700;
    margin-right: 15px;
}

.inactive {
    text-decoration: none;
    color: #1c8ae6;
}

.inactive:last-child {
    margin-right: 0;
}

.current {
    background: #1c8ae6;
    color: #ffffff;
}

@media (max-width: 1439px) {
    .news-main-item {
        max-width: 250px;
    }

    .news-main-title {
        font-size: 17px;
    }

    .news-list {
        width: 260px;
    }

    .news-list:first-child {
        width: 520px;
		margin-bottom: 40px;
    }

    .news-wrap {
        margin-top: 75px;
    }
}

@media (max-width: 1023px) {
	.news-pag-wrap {
    margin-bottom: 90px; 
	}
	.news-list:first-child > a >.news-arch-title {
    font-size: 30px;
		line-height: 40px; 
	}
    .news-item {
        height: 365px;
    }

    .news-title {
        font-size: 32px;
		line-height: 40px;
        margin-top: 57px;
    }

    .news-links {
        margin-top: 50px;
    }

    .new-link  {
        height: 172px;
    }

    .news-descripton {
        font-size: 22px;
        margin-top: 50px;
		line-height: 34px;
    }

    .news-post {
        font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		margin-top: 60px;
    }

    .news-thumb-title {
        font-size: 14px;
		line-height: 20px;
		font-weight: 500;
    }

    .news-main-item:last-child {
        display: none;
    }

    .news-wrap {
        margin-top: 66px;
    }
	.news-list:first-child {
		margin-bottom: 90px;
	}
	.news-list:first-child .news-date {
    margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.news-links {
        margin-bottom: 50px;
}
    .news-line {
        padding-bottom: 17px;
    }

    .news-line span {
        font-size: 12px;
        line-height: 19px;
        padding-left: 20px;
    }

    .news-line span:before {
        width: 16px;
        height: 16px;
    }

    .news-date:before {
        width: 16px;
        height: 16px;
    }

    .news-list:first-child .news-list-img {
        height: 172px;
    }

    .news-line a {
        font-size: 16px;
    }

    .news-title {
		line-height: 24px;
        font-size: 18px;
        margin-top: 35px;
    }

    .news-item {
        height: 187px;
    }

    .news-descripton {
        font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
    }

    .news-post {
        font-size: 14px;
		margin-top: 30px;
		line-height: 22px;
    }

    .news-link {
        width: 100%;
        margin-bottom: 50px;
    }

    .news-date {
        font-size: 14px;
		line-height: 19px;
        padding-left: 20px;
    }

    .news-list {
        width: 100%;
    }

    .news-list:first-child {
        width: 100%;
    }
	.news-list:first-child {
    margin-bottom: 50px;
	}

    .news-list:first-child > a >.news-arch-title {
        font-size: 14px;
		line-height: 20px;
    }

    .news-arch-title {
        font-size: 14px;
    }

    .inactive, .current {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 52px;
    }

    .news-pag-wrap {
        margin-bottom: 80px;
    }

    .news-main-item {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .news-main-title {
        font-size: 22px;
    }

    .news-main-btn {
        font-size: 14px;
        padding: 15px 28px;
    }

    .news-cat-title {
            font-size: 23px;
    	font-weight: 500;
    	padding-top: 60px;
    }

    .news-wrap {
        margin-top: 35px;
    }

    .news-main-button {
        margin-top: 0;
    }
	
	.main-news-wrapper { 
		   margin-top: 45px;
	}
	.news-list:first-child .news-date {
    margin-top: 16px;
	}
}

.suggestions-promo, .suggestions-addon {
	display: none !important;
}