@charset "UTF-8";
body {
    background-color: rgb(0 106 181 / 79%);
    position: relative;
    height: 100%;
    font-family: sans-serif;
}

h1 {
    font-size: 50px;
    color: #fff;
    font-family: "GothamPro-Bold";
    margin-bottom: 0;
    line-height: 1;
}

h2 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";
    margin-bottom: 0;
    line-height: 1;
}

a {
    font-size: 16px;
    color: #fff;
    font-family: "GothamPro";
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
}

a:hover {
    color: #fff;
    border-bottom-color: #fff;
    text-decoration: none;
}

a.link {
    position: relative;
}

a.link span {
    position: absolute;
    right: 0;
    left: auto;
    top: 40%;
    transform: translate(0, -50%);
}

a.link--arrow span {
    width: 2.08vw;
    height: auto;
    right: -2.704vw;
    height: auto;
    line-height: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

a.link--arrow span img {
    width: 100%;
    height: auto;
}

a.link:hover span.arrow {
    right: -3.12vw;
}

p {
    font-size: 14px;
    color: #fff;
    font-family: "GothamPro";
    margin-bottom: 0;
    line-height: 1.4;
}

p.f-medium {
    font-size: 18px;
}

p.s-services {
    font-size: 18px;
    max-width: 600px;
    margin: 15px 0;
    line-height: 1.4;
}

ul, li {
    margin-bottom: 0;
}

.btn,
.wpcf7-submit,
.wpcf7-submit.btn {
    width: auto;
    height: auto;
    display: inline-block;
    text-align: center;
    background-color: rgba(42, 197, 244, 0.15) !important;
    font-size: 18px;
    font-family: "GothamPro";
    color: #fff !important;
    line-height: 1;
    padding: 18px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 40px;
    position: relative;
    border: 1px solid #fff;
}

.btn:hover,
.wpcf7-submit:hover,
.wpcf7-submit.btn:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
    border: 40px;
}

.btn:after,
.wpcf7-submit.btn:after,
.wpcf7-submit:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: -1px;
    /*background: linear-gradient(to right, #2ac5f4, #fff); */
}

.btn:before,
.wpcf7-submit.btn:before,
.wpcf7-submit:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    /*background: linear-gradient(to right, #2ac5f4, #fff); */
}

.btn:hover:after,
.btn:hover:before,
.wpcf7-submit.btn:hover:before,
.wpcf7-submit:hover:before,
.wpcf7-submit.btn:hover:after,
.wpcf7-submit:hover:after {
    /* background: #2ac5f4; */
}

.btn .icon-arrow:before {
    content: "\e986";
    padding-left: 0.8vw;
    font-size: 20px;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.w-100 {
    width: 100%;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.h-100 {
    height: 100%;
}

.h-10 {
    height: 10%;
}

.h-20 {
    height: 20%;
}

.h-80 {
    height: 80%;
}

.h-90 {
    height: 90%;
}

.substrate {
    width: 100%;
    height: 5.83vw;
}

.btn-reset {
    width: fit-content;
    display: flex;
    text-transform: uppercase;
    font-family: "GothamPro";
    font-size: 14px;
    padding: 15px 14px;
    border: 1px solid #f5e897;
    background-color: transparent;
    color: #fff;
}

.btn-reset:hover {
    background-color: #f5e897 !important;
    color: #282936;
    text-decoration: none;
}

.second-main__box a span.icon-arrow,
.third-main__box--btn a span.icon-arrow {
    position: absolute;
    right: 0;
    top: 0;
}

video#background_home {
    position: absolute;
    z-index: 0;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.swiper-slide-contacts:before,
.swiper-slide-main:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(0 106 181 / 79%);
    z-index: 1;
    transition-duration: 0ms;
}

.container.contacts {
    position: relative;
    z-index: 2;
}

@media (min-width: 1200px) {
    .container,
    .lines-box__items {
        max-width: 1170px;
    }

    .lines-box__items {
        width: 1140px;
    }
}

@media (min-width: 1921px) {
    .container,
    .lines-box__items {
        max-width: 1500px;
    }

    .lines-box__items {
        width: 1470px;
    }
}

.position-r {
    position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 0 black !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
}

/* СТИЛИЗАЦИЯ СКРОЛЛА */
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #282936;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(144, 156, 173, 0.39);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #282936;
}

.lines-box {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
}

.lines-box__items {
    position: absolute;
    top: 0;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
    height: 100%;
    pointer-events: none;
}

.lines-box__items--center {
    width: 20%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url("../img/ptl.png");
    border: 1px solid #f4fcfe;
    border-bottom: none;
    border-top: none;
}

.lines-box__items:after,
.lines-box__items:before {
    content: '';
    position: absolute;
    width: 38%;
    height: 100%;
    left: -40%;
    top: 0;
    background-image: url("../img/ptl.png");
    -webkit-background-size: cover;
    background-size: cover;
    /* border-right: 1px solid rgba(244, 252, 254, 0.12);*/
}

.lines-box__items:before {
    left: auto;
    right: -40%;
    border-right: none;
    /*border-left: 1px solid rgba(244, 252, 254, 0.12);*/
}

.page-id-20 .lines-box {
    z-index: 2;
}

.home .lines-box__items:after,
.home .lines-box__items--center,
.home .lines-box__items:before,
.page-id-20 .lines-box__items:after,
.page-id-20 .lines-box__items--center,
.page-id-20 .lines-box__items:before {
    border-color: rgba(255, 255, 255, 0.1);
}

.header {
    width: 100%;
    background-color: transparent;
    position: fixed;
    z-index: 999;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__items {
    width: 100%;
    height: auto;
    padding: 55px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    flex-wrap: nowrap;
}

.header__items--logo {
    position: absolute;
    width: 5.63vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: auto;
    left: 50%;
    top: 18px;
    transform: translate(-50%, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__items--logo a:hover {
    text-decoration: none;
    border-bottom-color: transparent;
}

.header__items--logo img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.header__items--logo span {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    font-family: "GothamPro-Light";
    line-height: 1.1;
    text-align: center;
    margin-top: 18px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__items--burger {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
}

.header__items--burger img {
    width: 2.71vw;
    height: auto;
    margin-right: 0.78vw;
}

.header__items--burger span {
    font-size: 1.3vw;
    color: #fff;
    font-family: "GothamPro-Light";
}

.header__items--info {
    height: 100%;
}

.header__items--info ul {
    width: 230px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.header__items--info ul li {
    line-height: 1;
}

.header__items--info ul li a {
    position: relative;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: "GothamPro-Light";
}

.header__items--info ul li img {
    width: 19px;
    position: absolute;
    left: -28px;
    top: -3px;
}

.home .header.first-pag .header__items--logo {
    width: 11.8vw;
}

.home .header.first-pag .header__items--logo span {
    opacity: 1;
}

.header__items--burger,
.header__items--menu,
.header__items--info {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.header__items--burger.open .burger-box,
.header__items--burger:hover .burger-box {
    height: 22px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__items--burger:hover:before,
.header__items--burger.open:before {
    opacity: 1;
    left: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.burger-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 49%;
    left: 0.38vw;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.open-icon,
.close-icon {
    pointer-events: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__items--burger img.open-icon,
.header__items--burger.open img.close-icon {
    opacity: 1;
}

.header__items--burger.open img.open-icon,
.header__items--burger img.close-icon {
    opacity: 0;
}

.header__items--burger img.close-icon {
    position: absolute;
    width: 1.3vw;
    height: auto;
    left: 0;
    top: 49%;
    transform: translate(0, -50%);
}

.icon-page,
.home .icon-page,
.front-page .icon-page,
.page .icon-home,
.page .header.sub .header__items--logo .icon-page,
.icon-scroll {
    display: none;
}

.page .icon-page,
.page .header.sub .header__items--logo .icon-home {
    display: inline;
}

.page .header__items--burger > span,
.page .header__items--info ul li a {
    color: #20409a;
}

.page .header__items--burger.open > span,
.page .header.sub .header__items--info ul li a,
.home .header__items--burger > span,
.home .header__items--info ul li a {
    color: #fff;
}

.page .header.scroll {
    background-color: #fff;
}

.page .header.scroll .header__items {
    padding: 18px 0 18px;
}

.page .header.scroll .header__items--logo {
    top: 0.22vw;
}

.page .header.scroll-down {
    opacity: 0;
}

.page .header.scroll .icon-scroll {
    display: block;
}

.page .header.scroll .header__items--logo .icon-page {
    display: none;
}

.page--blue .icon-page,
.page--blue .header.sub .header__items--logo .icon-home,
.page--blue .header.scroll .header__items--logo .icon-home {
    display: none;
}

.page--blue .icon-home {
    display: inline;
}

.page--blue .header__items--burger > span,
.page--blue .header__items--info ul li a {
    color: #fff;
}

.page--blue .header.scroll .header__items--burger > span,
.page--blue .header.scroll .header__items--info ul li a {
    color: #20409a;
}

.burger-menu {
    position: fixed;
    top: -100vh;
    left: 0;
    width: 100%;
    height: auto;
    padding-bottom: 5vw;
    z-index: 995;
    opacity: 0;
    /*background-image: url("../img/bg-menu.jpg");*/
    background: rgba(0, 104, 177, 0.98);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: 0 31px 4px 16px rgba(36, 74, 158, 0.19);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.burger-menu__items {
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 58.5%;
    padding-top: 9.36vw;
}

.burger-menu__items ul {
    width: 57%;
    column-count: 2;
}

.burger-menu__items ul li {
    margin-bottom: 18px;
}

.burger-menu__items ul li a {
    font-size: 18px;
    font-family: "GothamPro-Light";
}

.burger-menu-ovh {
    width: 100%;
    height: 100%;
    position: relative;
}

.burger-menu-ovh .container {
    height: 100%;
}

.burger-menu.act {
    top: 0;
    opacity: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.search-box__block {
    padding: 0;
    background: none;
    justify-content: flex-start;
    margin-top: 3.39vw;
}

.search__block {
    width: 100%;
}

.search__block--result {
    margin-top: 22px;
    font-size: 14px;
    color: #fff;
    opacity: .5;
}

.search__block--result a {
    font-size: 14px;
    border-bottom-color: #fff;
}

.search__block--btn {
    background-color: transparent;
    width: 20%;
}

.search__block--btn:hover {
    background-color: transparent;
}

.search__block--btn button {
    font-size: 1.3vw;
    color: #fff;
    font-family: "GothamPro-Light";
    width: 100%;
    text-align: right;
}

.search__block form {
    border-bottom: 1px solid #fff;
}

.search-box__block input#s {
    width: 80%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 0;
}

.search-box__block input#s,
.search-box__block input#s:hover,
.search-box__block input#s:focus,
.search-box__block input#s:-webkit-autofill,
input:focus {
    background-color: transparent !important;
    border: 0;
    color: #fff;
    font-size: 1.3vw;
    font-family: "GothamPro-Light";
}

.search-box__block input#s::placeholder {
    color: #fff;
    opacity: .5;
}

.title {
    margin-bottom: 40px;
}

h3.title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 22px;
    font-family: "GothamPro-Bold";
    text-transform: uppercase;
    padding-top: 0.415vw;
}

.title span {
    font-family: "GothamPro-Light";
    color: #2ac5f4;
}

h1.in-box {
    font-size: 1.35vw;
    font-family: "GothamPro";
    letter-spacing: 5px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 2.08vw;
    position: relative;
    padding: 5px 15px;
}

h1.in-box span {
    position: relative;
    color: #000;
    z-index: 1;
}

h1.in-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 99%;
    height: 3.5vw;
    /*background-image: url("../img/bg-h2-main.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;*/
    background: #fff;
    border-radius: 40px;
    z-index: 0;
}

.first-bl-style {
    padding-top: 35%;
}

.first-bl-style h1 {
    margin-bottom: 22px;
}

.first-bl-style h2 {
    margin-bottom: 40px;
}

.first-bl-style p {
    margin-bottom: 2.08vw;
}

.header-height-block {
    width: 100%;
    height: 170px;
}

.row.second-bl-style {
    height: 75%;
}

.second-bl-style p {
    margin-bottom: 50px;
}

.about-us__box {
    width: 100%;
    height: auto;
}

.about-us__box--bg {
    width: 100%;
    height: 180px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.about-us__box--bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /*background: linear-gradient(to right, #2ac5f4, #20409a);*/
    opacity: .3;
    pointer-events: none;
}
.napravl .page-typo h1{
     color: #fff;
}
.napravl .about-us__box--info{
    background-color: transparent;
}
.third-bl .about-us__box--info,
.about-us__box--info {
    width: 100%;
    height: 67%;
    min-height: 200px;
    max-height: 463px;
    background-color: rgb(255 255 255 / 75%);
    padding: 20px 25px;
}

#background_home1,
#background_home2,
#background_home3 {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.about-us__box--info h3 {
    font-size: 16px;
    font-family: "GothamPro-Bold";
    color: #1A1A18;
    text-transform: uppercase;
}

.about-us__box--info p {
    color: #1A1A18;
    margin-bottom: 10px;
}

.second-bl-style .about-us__box--info p {
    text-indent: 20px;
}

.about-us__box--bg a {
    display: flex;
    width: 100%;
    height: 100%;
}

.swiper-slide-group {
    display: flex;
    flex-wrap: wrap;
}

.swiper-container {
    z-index: inherit;
}

.swiper-container-services .swiper-wrapper .swiper-slide {
    height: auto;
    width: 100%;
    position: relative;
}

.swiper-slide.swiper-slide-group {
    opacity: .3;
    pointer-events: none;
}

.swiper-slide.swiper-slide-group:nth-child(1) .single-box.single-box-zoom:first-child {
    border-top-left-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group:nth-child(1) .single-box.single-box-zoom:last-child {
    border-bottom-left-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group:last-child .single-box.single-box-zoom:first-child {
    border-top-right-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group:last-child .single-box.single-box-zoom:last-child {
    border-bottom-right-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group:nth-child(1) {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group:last-child {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    overflow: hidden;
}

.swiper-slide.swiper-slide-group.swiper-slide-active {
    opacity: 1;
    pointer-events: all;
}

.swiper-container-services .single-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: 24vh;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

/*чтобы не было вибрации на картинках */
.single-box:hover {
    bottom: 0;
    overflow: hidden;
    transform: translateY(0);
}

.swiper-slide-about .about-us__box, .swiper-container-project .single-box {
    border-radius: 40px;
    overflow: hidden;
}

.single-box.single-box-zoom .about-us__box--bg {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 0px;
}

.single-box.single-box-zoom:hover .about-us__box--bg {
    /* transform: scale(1.1);*/
    z-index: 20;
}

.single-box.single-box-zoom .about-us__box--bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /*background: linear-gradient(to right, #2ac5f4, #20409a);*/
    background: linear-gradient(to right, #000000, #171717);
    opacity: .35;
    pointer-events: none;
    border-radius: 0px;
}

.single-box.single-box-zoom .about-us__box--bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    /*background-image: url("../img/img-gradient.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;*/
    background: linear-gradient(to top, #000000, #00000005);
    border-radius: 0px;
    z-index: 2;
    pointer-events: none;
}

.single-box.single-box-zoom:hover {
    bottom: 0;
}

.single-box.single-box-zoom:hover .about-us__box--bg:before {
    background-color: #2ac5f4;
    opacity: .7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single-box.single-box-zoom .about-us__box--info {
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    position: absolute;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single-box.single-box-zoom:hover .about-us__box--info {
    bottom: 0;
}

.single-box.single-box-zoom .about-us__box--info p {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single-box.single-box-zoom:hover .about-us__box--info h4 a {
    color: #fff;
    border-bottom-color: #fff;
    font-family: "GothamPro-Medium";
    text-shadow: 1px 0 11px #fff;
}

.single-box.single-box-zoom:hover .about-us__box--info p {
    visibility: visible;
    opacity: 1;
    position: relative;
    left: 0;
}

.single-box.single-box-zoom h4 {
    height: auto;
}

.single-box.single-box-zoom h4 a {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0.63vw;
}

.single-box.single-box-zoom p {
    margin-bottom: 0;
    color: #fff;
    font-family: "GothamPro";
}

.swiper-container-project,
.swiper-container-services {
    overflow: inherit;
}

.swiper-container-project .swiper-wrapper,
.swiper-container-services .swiper-wrapper {
    overflow: inherit;
}

.single-box .about-us__box--bg {
    height: 24vh;
}

.single-box {
    position: relative;
    bottom: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.single-box h4 {
    height: 2.5vw;
    overflow: hidden;
}

.search__box--title h2 a {
    font-size: 0.99vw;
    color: #fff;
    line-height: 1.3;
    text-transform: none;
}

.search__box--title h2 a:hover {
    color: #fff;
    border-bottom-color: #fff;
}

.single-box h4 a {
    font-size: 0.99vw;
    color: #1A1A18;
    line-height: 1.3;
    text-transform: none;
}

.single-box h4 a:hover {
    color: #1A1A18;
    border-bottom-color: #1A1A18;
}

.single-box p {
    font-size: 14px;
    color: #1A1A18;
    cursor: default;
    margin-bottom: 18px;
}

.single-box a {
    font-size: 0.99vw;
    color: #1A1A18;
}

.single-box a:hover {
    color: #1A1A18;
    border-bottom-color: #1A1A18;
}

.single-box:hover {
    bottom: 8px;
}

.single-box:hover .about-us__box--info h4 a {
    color: #1A1A18;
    border-bottom-color: #1A1A18;
}

.swiper-button-next-project,
.swiper-button-next-services {
    right: -3.12vw !important;
}

.swiper-button-prev-project,
.swiper-button-prev-services {
    left: -3.12vw !important;
}

.swiper-button-next-project:before,
.swiper-button-next-services:before {
    content: "\e900";
    color: #fff;
    font-size: 3.12vw;
    font-family: 'icomoon' !important;
}

.swiper-button-prev-project:before,
.swiper-button-prev-services:before {
    content: "\e901";
    color: #fff;
    font-size: 3.12vw;
    font-family: 'icomoon' !important;
}

.swiper-button-next-project:hover:before,
.swiper-button-prev-project:hover:before,
.swiper-button-next-services:hover:before,
.swiper-button-prev-services:hover:before {
    color: #FFC600;
}

.swiper-container-project .swiper-slide {
    opacity: 0.3;
    pointer-events: none;
}

.swiper-container-project .swiper-slide.swiper-slide-active,
.swiper-container-project .swiper-slide.swiper-slide-next,
.swiper-container-project .swiper-slide.swiper-slide-next + .swiper-slide {
    opacity: 1;
    pointer-events: all;
}

.swiper-pagination.swiper-pagination-pro.swiper-pagination-bullets,
.swiper-pagination.swiper-pagination-single.swiper-pagination-bullets,
.home.page .swiper-pagination.swiper-pagination-pro.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    right: 15px;
    left: auto;
    top: 51%;
    transform: translate(0, -50%);
}

.swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet,
.swiper-pagination.swiper-pagination-single .swiper-pagination-bullet {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 1.3vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet:last-child,
.swiper-pagination.swiper-pagination-single .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-single .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #fff;
    width: 20px;
    height: 20px;
}

.swiper-pagination-main:after,
.swiper-pagination-main.down:after,
.swiper-pagination-main.up:after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 2.4%;
    width: 26px;
    height: 50px;
    background-image: url("../img/svg/mouse_scroll.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0;
}

.swiper-pagination-main.up:after {
    bottom: auto;
    top: 10%;
    opacity: 1;
    right: 2.4%;
    transform: rotate(180deg);
}

.swiper-pagination-main.down:after {
    opacity: 1;
}

.swiper-container-main,
.swiper-container-main .swiper-wrapper {
    width: 100%;
    height: 100%;
    padding: 0;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    top: 50%;
    bottom: auto;
    right: 2.5vw;
    transform: translate(0, -50%);
    z-index: 996;
}

.swiper-pagination-menu ul li:last-child {
    margin-bottom: 0;
}

.swiper-pagination-main .swiper-pagination-bullet {
    width: 10.4vw;
    height: 1.70vw;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    line-height: 1;
    position: relative;
    z-index: 120;
}

.swiper-pagination-main .swiper-pagination-bullet span {
    width: 1.70vw;
    height: 1.70vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../img/bg-swiper.svg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid transparent;
}

.swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    border-color: #fff;
    background-image: none;
}

.swiper-pagination-main .swiper-pagination-bullet:after {
    content: '';
    width: auto;
    height: 100%;
    position: absolute;
    text-transform: uppercase;
    font-size: 0.83vw;
    font-family: "GothamPro";
    left: auto;
    right: 2.2vw;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    line-height: 2;
    color: #fff;
    text-shadow: 1px 0 11px transparent;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.swiper-pagination-main .swiper-pagination-bullet:nth-child(1):after {
    content: 'О нас';
}

.swiper-pagination-main .swiper-pagination-bullet:nth-child(2):after {
    content: 'О компании';
}

.swiper-pagination-main .swiper-pagination-bullet:nth-child(3):after {
    content: 'Услуги';
}

.swiper-pagination-main .swiper-pagination-bullet:nth-child(4):after {
    content: 'Новости';
}

.page-id-20 .swiper-pagination-main .swiper-pagination-bullet:nth-child(1):after {
    content: 'Наши контакты';
}

.page-id-20 .swiper-pagination-main .swiper-pagination-bullet:nth-child(2):after {
    content: 'Мы на карте';
}

.swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.swiper-pagination-main .swiper-pagination-bullet:hover:after {
    font-family: "GothamPro-Bold";
    text-shadow: 1px 0 11px #fff;
}

.swiper-pagination-main .swiper-pagination-bullet:hover:after {
    text-shadow: none;
}

.swiper-pagination-main span.swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination.swiper-pagination-single.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    width: 1.02vw;
    height: 1.02vw;
    left: auto;
    right: 5%;
    top: 38%;
    transform: translate(0, -50%);
    background-color: #FFC600;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination.swiper-pagination-single.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 9vh 0;
    position: relative;
}

.swiper-pagination-main .swiper-pagination-bullet span:before,
.swiper-pagination-main .swiper-pagination-bullet:first-child span:after {
    content: '';
    position: absolute;
    right: 0.7vw;
    width: 2px;
    top: 100%;
    background-color: #fff;
    height: 9vh;
    opacity: .5;
}

.swiper-pagination-main .swiper-pagination-bullet:last-child span:before {
    height: 15vh;
    background: #fff;
}

.swiper-pagination-main .swiper-pagination-bullet:first-child span:after {
    height: 15vh;
    background: #fff;
    top: auto;
    bottom: 100%;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin: 0;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent;
}

.footer {
    width: 100%;
    height: auto;
    padding: 18px 0;
    /*background-color: rgba(32, 65, 154, 0.9);*/
    background-color: #0068B1;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
}

.footer__items {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__items ul {
    display: flex;
    margin-bottom: 0;
    height: 100%;
    align-items: center;
}

.footer__items ul li {
    width: 16px;
    position: relative;
}

.footer__items p {
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 9999;
    line-height: 1;
    cursor: default;
}

.footer__items a {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.footer__items a:hover {
    color: #fff;
}

.footer .footer__items ul li,
.footer .footer__items ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    padding-bottom: 0;
    border-bottom: none;
}

.footer .footer__items ul li a:hover {
    text-decoration: none;
}

.footer .container {
    height: 100%;
}

.social a .icon-fb:before,
.social a .icon-twitter:before {
    font-size: 14px;
    margin: 0 15px;
}

.home .footer {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.home .footer.last {
    pointer-events: all;
    opacity: 1;
}

.social a {
    opacity: 1;
}

.social a:hover {
    opacity: .6;
}

.form__body {
    width: 100%;
    height: 100%;
    position: relative;
}

.form__body--title {
    padding: 0 0 20px;
}

.form__body--title h2 {
    font-size: 16px;
    color: #282936;
    text-transform: uppercase;
    line-height: 1.2;
}

.form__body--box {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 2.92vw 18px 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -47%);
}

body.project-template-default,
body.single-services {
    background: linear-gradient(to bottom, rgb(46 114 214), rgb(0 56 97 / 84%), rgb(0 104 177 / 92%));
}

.single-services .page-typo a, .page-typo p, ul.data-info li, .search__box--text {
    color: #fff !important;
    opacity: 1;
}

.single-services .about-us__box.about-us__boxslider .about-us__box--info,
.single-services span.rpwwt-post-title, .about-us__boxslider .about-us__box--info h4 a {
    background-color: transparent;
}

.home main,
.contacts main,
.page-id-20 main,
.page-id-849 main,
.single-project main,
.page-template-page-equipment main,
.post-type-archive-services main,
.single-services main,
.single-services main,
.error404 main,
.single-activities main {
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
}

.home main .container,
.contacts main .container {
    position: relative;
    z-index: 10;
}

.news main {
    flex-direction: column;
}

.swiper-container {
    padding: 0;
}

.swiper-container .swiper-slide {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
}

.first--title-cont {
    display: none;
}

.cont-mob,
.mob-title,
.swiper-pagination-services,
.btn-close-mob {
    display: none;
}

.page .header-height-block,
.news .header-height-block {
    margin-bottom: 40px;
}

.home .header-height-block {
    margin-bottom: 0;
}

.more-project-block {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 4.68vw;
}

.more-project-block--title {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";
    color: #20409a;
    margin-bottom: 22px;
}

.page-typo {
    font-family: "GothamPro";
}

.page-typo h2 {
    font-size: 22px;
}

.page-typo h3 {
    font-size: 20px;
}

.page-typo h4 {
    font-size: 18px;
}

.page-typo h5 {
    font-size: 16px;
}

.page-typo h6 {
    font-size: 14px;
}

.page-typo p {
    margin-bottom: 18px;
}

.page-typo ul {
    margin: 15px 0 18px;
    padding-left: 20px;
}

.page-typo ul li {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
}

.page-typo img {
    margin-bottom: 18px;
}

.page-typo span img {
    margin-bottom: 0;
}

.page-typo h1,
.page-typo h2,
.page-typo h3,
.page-typo h4,
.page-typo h5,
.page-typo h6,
.page-typo li {
    color: #333;
    margin: 0 0 15px;
}

.page-typo li:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0.4vw;
    width: 7px;
    height: 7px;
    border: 1px solid #2ac5f4;
    border-radius: 50%;
}

.page-typo a,
.page-typo p,
ul.data-info li,
.search__box--text {
    font-size: 0.89vw;
    color: #6d6e70;
}

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

.all-project-title {
    font-size: 50px;
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all 3s;
    transition: all .3s;
}

.all-project-title a {
    font-size: 50px;
    color: #fff;
    font-family: "GothamPro-Bold";
}

.all-project-title a:hover {
    border-bottom-color: #fff;
}

.all-project-title span {
    font-size: 50px;
    color: #fff;
    font-family: "GothamPro";
    cursor: default;
}

.all-project-title h2 {
    margin-bottom: 0;
    line-height: 1;
    font-size: 50px;
    font-family: "GothamPro-Bold";
}

.all-project-title h2 a {
    line-height: 1;
}

.all-project-title--white h2 {
    color: #fff;
}

.single-title {
    margin-bottom: 20px;
}

.single-title h1 {
    font-size: 1.77vw;
    color: #fff;
    font-family: "GothamPro";
    line-height: 1.4;
}

ul.data-info {
    padding-left: 2.5vw;
    margin: 0 0 22px;
}

ul.data-info li {
    color: #1A1A18;
    position: relative;
    margin-bottom: 18px;
    line-height: 1.1;
}

ul.data-info li span {
    position: absolute;
    left: -2.5vw;
    top: 50%;
    transform: translate(0, -50%);
}

ul.data-info li:last-child {
    margin-bottom: 0;
}

ul.data-info span:before {
    font-size: 22px;
}

ul.data-info span.icon-date:before {
    font-size: 1.66vw;
}

.tab-content {
    padding: 22px 22px 22px 0;
    border: 1px solid #fff;
    border-left: 0;
}

.single-nav-pills {
    padding-top: 4.17vw;
    padding-right: 25px;
}

.single-nav-pills .nav-link {
    color: #fff;
    padding: 18px 0;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 18px;
    border: 1px solid #fff;
    border-left-color: transparent;
    position: relative;
}

.single-nav-pills .nav-link:hover {
    color: #fff;
    background-color: rgba(42, 197, 244, 0.05);
}

.single-nav-pills .nav-link:before {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 18px;
    height: 18px;
    /* background-image: url("../img/svg/curves.svg");*/
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
}

.single-nav-pills .nav-link.active {
    color: #fff;
    background: rgb(255 255 255 / 30%);
    border-color: #fff;
}

.single-nav-pills .nav-link.active span:before {
    color: #fff;
}

.single-nav-pills .nav-link.active:before {
    opacity: 1;
}

.single-nav-pills .nav-link span {
    line-height: 0;
    padding-right: 8px;
    position: relative;
    top: 0.4vw;
}

.single-nav-pills .nav-link span:before {
    font-size: 22px;
    color: #fff;
}

.page .swiper-pagination.swiper-pagination-pro.swiper-pagination-bullets {
    right: auto;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: none;
}

.page .swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #fff;
}

.page .swiper-pagination.swiper-pagination-pro .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: #FFC600;
}

.page .swiper-button-next-project::before,
.page .swiper-button-next-services::before,
.page .swiper-button-prev-project:before,
.page .swiper-button-prev-services:before {
    color: #FFC600;
}

.pills-video-tab--box {
    width: 100%;
    height: 22.9vw;
    margin-bottom: 15px;
}

.gallery-box {
    width: 100%;
    height: 17.68vw;
}

.gallery-box-style {
    margin-bottom: 15px;
}

.gallery-box-style:nth-child(even) {
    padding-left: 8px;
}

.gallery-box-style:nth-child(odd) {
    padding-right: 8px;
}

.single-box.gallery-box.single-box-zoom .about-us__box--bg:before,
.single-box.gallery-box.single-box-zoom .about-us__box--bg:after {
    display: none;
}

.single-box.gallery-box.single-box-zoom {
    position: relative;
    /* height: 17.68vw; чтобы галерея была видна*/
}

.about-us__box .single-box .single-box-zoom .gallery-box {
    height: 17.68vw;
}

.single-box.gallery-box.single-box-zoom:after {
    content: "\e90a";
    color: #fff;
    font-family: 'icomoon' !important;
    font-size: 2.08vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all 3s;
    transition: all .3s;
    pointer-events: none;
    z-index: 100;
}

.single-box.gallery-box.single-box-zoom:hover:after {
    opacity: 1;
}

.single-box.gallery-box.single-box-zoom .about-us__box--bg a {
    display: flex;
    width: 100%;
    height: 100%;
}

.news {
    position: relative;
}

.news:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-image: url(../img/bg-news.jpg);*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}

.news .all-project-title {
    pointer-events: none;
}

.all-project-title--scroll {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background-color: rgb(0 106 181 / 95%);
    /*background-image: url(../img/bg-news-2.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;*/
    z-index: 999;
    opacity: 0;
    border-bottom: 1px solid #fff;
    pointer-events: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all 3s;
    transition: all .3s;
}

.all-project-title--scroll .container {
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 8px;
}

.all-project-title--scroll .container h2 a {
    color: #fff;
    font-size: 1.66vw;
    font-family: "GothamPro-Bold";
}

.all-project-title--scroll.scroll {
    opacity: 1;
}

.news .all-project-title h2 {
    color: #fff;
    opacity: 1;
}

.news-items {
    position: relative;
    padding-bottom: 4.16vw;
}

.single-box-news.about-us__box {
    width: 100%;
    height: auto;
}

.single-box.single-box-news h4 {
    height: 60px;
    margin-bottom: 8px;
}

.single-box.single-box-news p {
    font-size: 14px;
}

.news .footer {
    position: fixed;
}

.news .footer:after,
.all-project-title--scroll:after,
.archive.category.category-novosti .footer:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    bottom: 100%;
    width: 100%;
    height: 250%;
    /*background: linear-gradient(0deg, rgba(32, 64, 154, 0.9) 0%, rgba(32, 64, 154, 0) 100%);*/
    pointer-events: none;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all 32s;
    transition: all .3s;
}

.all-project-title--scroll:after {
    height: 70%;
    bottom: auto;
    top: 100%;
    border-top: 1px solid #75b4de;
    /*background: linear-gradient(180deg, #20409a 0%, rgba(32, 64, 154, 0) 100%); */
}

.about-us__box.single-box.single-box-news {
    z-index: 10;
}

.btn_up-box {
    position: fixed;
    width: 100%;
    height: 1px;
    bottom: 6.24vw;
    left: 0;
    right: 0;
    z-index: 999;
    pointer-events: none;
}

.btn_up-box [data-type="scroll"] {
    position: absolute;
    pointer-events: all;
    right: -4.16vw;
    bottom: 0;
    border: none;
    font-size: 16px;
    color: #fff;
}

.btn_up-box [data-type="scroll"]:before {
    content: "\e902";
    font-family: 'icomoon' !important;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: -1.3vw;
    transform: translate(-50%, 0) rotate(-90deg);
    opacity: .5;
}

.btn_up-box [data-type="scroll"]:hover {
    background-color: transparent;
}

.single-box-news .about-us__box--info {
    position: relative;
}

.date-box,
.rpwwt-post-date {
    position: relative;
    padding: 16px 16px 16px 2.49vw;
    background-color: #fff;
    font-size: 0.89vw;
    color: #333;
    line-height: 1;
    z-index: 100;
}

.about-us__box--info .date-box {
    position: absolute;
    top: -2.49vw;
    left: 0;
}

.date-box .icon-date-black,
.date-box .icon-date,
.share-block span.icon-share {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translate(0, -50%);
}

.date-box .icon-date-black:before,
.date-box .icon-date:before,
.share-block span.icon-share:before {
    font-size: 20px;
}

.single-news main {
    padding-bottom: 5.2vw;
}

.single-news-small .about-us__box--info {
    padding: 18px 0.63vw;
}

.single-news-small .about-us__box--info h4 a {
    font-size: 14px;
}

.single-news-small:hover {
    margin-bottom: 0 !important;
    bottom: 0 !important;
}

.more-info {
    padding-top: 22px;
}

.more-info h3 {
    font-size: 18px;
    color: #20409a;
    font-family: "GothamPro-Bold";
    margin-bottom: 0.63vw;
    text-transform: uppercase;
}

.title-more-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0;
}

.share-block ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style: none;
    padding-left: 0;
    align-items: center;
    line-height: 1;
    margin: 0;
}

.share-block ul li {
    list-style: none;
    padding: 0 15px;
    margin-bottom: 0;
    line-height: 1;
}

.share-block ul a {
    padding-bottom: 0;
    font-size: initial;
}

.share-block ul li:before {
    display: none;
}

.share-block span.icon-share {
    left: -20px;
}

.share-block ul li span.icon-twitter:before {
    color: #00acee;
}

.share-block ul li span.icon-fb:before {
    color: #00acee;
}

.share-block ul li a:hover {
    opacity: .6;
}

.line {
    width: 100%;
    height: 1px;
    position: relative;
}

.line--grey {
    background-color: #6d6e70;
    opacity: .2;
}

.contacts-list li {
    margin-bottom: 22px;
    padding-left: 50px;
    position: relative;
}

.contacts-list li img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    transform: translate(0, -50%);
}

.contacts-list li a {
    font-size: 14px;
}

.page-id-20 form {
    padding: 0;
}

.all-forms input,
.all-forms .form-control,
.all-forms .search-box__block input#s,
.all-forms textarea.form-control,
.all-forms .wpcf7-form textarea {
    border: none;
    padding: 0;
    border-bottom: 1px solid #2ac5f4;
    border-radius: 0;
    background: transparent;
    font-size: 1.3vw;
    font-family: "GothamPro";
    margin-bottom: 0;
    color: #fff;
}

.all-forms label {
    margin-bottom: 18px;
}

.all-forms .your-name,
.all-forms .your-email,
.all-forms .your-phone,
.all-forms .your-message {
    position: relative;
}

.all-forms .your-name:before,
.all-forms .your-email:before,
.all-forms .your-phone:before,
.all-forms .your-message:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1.3vw;
    font-family: "GothamPro-Light";
    color: #fff;
    opacity: .6;
}

.all-forms .your-name:before {
    content: 'Представьтесь, пожалуйста*';
}

.all-forms .your-email:before {
    content: 'Ваша электронная почта*';
}

.all-forms .your-phone:before {
    content: 'Телефон';
}

.all-forms .your-message:before {
    content: 'Текст сообщения или вопрос нам*';
    top: 25%;
}

.all-forms .your-name.active:before,
.all-forms .your-email.active:before,
.all-forms .your-phone.active:before,
.all-forms .your-message.active:before {
    top: 0;
    font-size: 0.65vw;
    text-transform: uppercase;
    font-family: "GothamPro-Bold";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all 32s;
    transition: all .3s;
}

.all-forms .your-message .wpcf7-textarea {
    height: 4.16vw;
}

.map-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.map-box:before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #2ac5f4;
    opacity: .1;
    pointer-events: none;
    z-index: 99;
}

.gradients {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    pointer-events: none;
}

.gradients--top {
    position: absolute;
    width: 100%;
    height: 60%;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(54, 83, 162, 0.898197) 0%, rgba(54, 83, 162, 0) 100%);
}

.gradients--right {
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: auto;
    right: 0;
    pointer-events: none;
    background: linear-gradient(274deg, #3653a2 0%, rgba(54, 83, 162, 0) 70%);
}

.gradients--bottom {
    position: absolute;
    width: 100%;
    height: 60%;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(54, 83, 162, 0.898197) 0%, rgba(54, 83, 162, 0) 100%);
}

.ymaps-2-1-75-controls__control,
ymaps.ymaps-2-1-75-controls-pane {
    opacity: 1;
    z-index: 9999;
}

ymaps.ymaps-2-1-69-svg-icon,
ymaps.ymaps-2-1-71-svg-icon,
ymaps.ymaps-2-1-71-image,
ymaps.ymaps-2-1-72-svg-icon,
.ymaps-2-1-74-svg-icon,
ymaps.ymaps-2-1-75-svg-icon,
ymaps.ymaps-2-1-75-image,
.ymaps-2-1-75-svg-icon {
    width: 5.2vw !important;
    height: 7.28vw !important;
    background-image: url(../img/map.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.all-forms .personal-data {
    align-items: center;
}

.all-forms .policy span.wpcf7-form-control.wpcf7-acceptance:after {
    background-color: #267bbe;
}

.all-forms .personal-data .wpcf7-form-control-wrap {
    margin-right: 0.65vw;
}

.all-forms .policy .wpcf7-list-item:before {
    width: 22px;
    height: 22px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border: 1px solid #2ac5f4;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.all-forms .policy .wpcf7-list-item.check:before {
    border-color: #fff;
}

.all-forms .policy input[type=checkbox],
.all-forms .personal-data .wpcf7-form-control-wrap {
    width: 22px;
    height: 22px;
}

.all-forms .policy-text {
    font-size: 14px;
    color: #fff;
    font-family: "GothamPro";
    opacity: .7;
    line-height: 1.4;
}

.all-forms .policy .wpcf7-list-item.check:after {
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    border: 1px solid #fff;
}

.wpcf7-submit, .wpcf7-submit.btn {
    border: 1px solid #2ac5f4;
}

.social-big .share-block ul li span.icon-twitter:before,
.social-big .share-block ul li span.icon-fb:before {
    font-size: 22px;
    color: #fff;
}

.social-big .share-block ul {
    padding-left: 40px;
}

.social-big .share-block ul li {
    padding: 0;
    margin-right: 18px;
}

.social-big .share-block ul li a {
    text-decoration: none;
    padding-bottom: 0;
    border-bottom: 0;
}

.social-big .share-block ul li a:hover span.icon-twitter:before,
.social-big .share-block ul li a:hover span.icon-fb:before {
    opacity: .6;
}