html {
     -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
     -ms-text-size-adjust:100%;
     text-size-adjust:100%;
}
 a {
     text-decoration:none;
}
 h1, h2, h3, h4, h5, h6 {
     font-weight: 400;
}
 img{
     border:none;
     max-width: 100%;
     height:auto;
}
 a,button{
     outline: none;
     cursor:pointer;
}
 li{
     list-style:none;
}
 button{
     background:none;
     border:none;
     font-family: 'Montserrat', sans-serif;
}
 b {
     display: inline;
     font-weight: 700;
}
 a, button, input, textarea{
     -webkit-appearance: none;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 *:after, *:before{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 * {
     position: relative;
     margin:0;
     padding:0;
    /*word-wrap: break-word;
    */
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 input, textarea{
     display:block;
}
 a, span, button, i{
     display: inline-block;
}
/******* input,textarea *******/
 textarea{
     resize:none;
     outline:none;
     border:none;
     overflow:auto;
     -webkit-appearance:none;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     border-radius:0;
     background: none;
     font-family: 'Montserrat', sans-serif;
}
 input{
     outline:none;
     border:none;
     -webkit-appearance:none;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     border-radius:0;
     background: none;
     font-family: 'Montserrat', sans-serif;
}
 input[type='number']{
     -moz-appearance:textfield;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{
     -webkit-appearance:none;
}
 input[type="submit"]{
     cursor:pointer;
     -webkit-appearance:none;
}
 input[type="search"]::-webkit-search-cancel-button{
     background:none;
     display:none;
}
 .search-field input::-webkit-input-placeholder {
    color:#888888;
}
 .search-field input::-moz-placeholder {
    color:#888888;
}
 .search-field input:-moz-placeholder {
    color:#888888;
}
 .search-field input:-ms-input-placeholder {
    color:#888888;
}
 .field-input.input-error input::-webkit-input-placeholder {
    color:#f2171e;
}
 .field-input.input-error input::-moz-placeholder {
    color:#f2171e;
}
 .field-input.input-error input:-moz-placeholder {
    color:#f2171e;
}
 .field-input.input-error input:-ms-input-placeholder {
    color:#f2171e;
}
 input::-webkit-input-placeholder {
    color:#000;
}
 input::-moz-placeholder {
    color:#000;
}
 input:-moz-placeholder {
    color:#000;
}
 input:-ms-input-placeholder {
    color:#000;
}
 .field-input.input-error textarea::-webkit-input-placeholder {
    color:#f2171e;
}
 .field-input.input-error textarea::-moz-placeholder {
    color:#f2171e;
}
 .field-input.input-error textarea:-moz-placeholder {
    color:#f2171e;
}
 .field-input.input-error textarea:-ms-input-placeholder {
    color:#f2171e;
}
 textarea::-webkit-input-placeholder {
    color:#000;
}
 textarea::-moz-placeholder {
    color:#000;
}
 textarea :-moz-placeholder {
    color:#000;
}
 textarea:-ms-input-placeholder {
    color:#000;
}
 input:focus::-webkit-input-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 input:focus::-moz-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 input:focus:-moz-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 input:focus:-ms-input-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 textarea:focus::-webkit-input-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 textarea:focus::-moz-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 textarea:focus:-moz-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 textarea:focus:-ms-input-placeholder {
    color: transparent;
     -webkit-transition:all 0.5s ease;
     -o-transition:all 0.5s ease;
     -moz-transition:all 0.5s ease;
     transition: all 0.5s ease;
}
 @font-face{
     src:url(../fonts/ProximaNova-Bold.otf);
     font-family:'ProximaBold';
}
 @font-face{
     src:url(../fonts/Roboto-Black.ttf);
     font-family:'RobotoBlack';
}
 @font-face{
     src:url(../fonts/Roboto-Bold.ttf);
     font-family:'RobotoBold';
}
 @font-face{
     src:url(../fonts/Roboto-Regular.ttf);
     font-family:'RobotoRegular';
}
/*body*/
 body {
     font-style: normal;
     color: #000;
     background: #fff;
     margin: 0;
     padding: 0px;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 a, button{
     color: #000;
}
 a:hover, button:hover{
}
 p, li{
     line-height: 30px;
}
 .wrapper {
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-height: 100vh;
}
 header {
     width: 100%;
}
 main {
     display: block;
}
 footer {
     margin: auto auto 0 auto;
     width: 100%;
}
 .container{
     width: 100%;
     max-width: 1200px;
     min-width: 320px;
     margin: 0 auto;
     padding: 0 15px;
}
 .header {
     background: url(../img/header-bg.png) top center no-repeat;
     background-size: cover;
     padding-bottom: calc(795px - 585px);
}
 .is-fcking-border .top-header {
     border-bottom: 3px solid #fed100;
 }
 .top-header .container {
     max-width: unset;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .left-top-header{
}
 .left-top-header img {
    height: 1em;
    max-width: unset;
    vertical-align: middle;
}
 .menu-header ul{
     display: flex;
     justify-content: space-between;
}
 .left-top-header a{
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .left-top-header a span{
     width: 70px;
     height: 70px;
}
 .left-top-header a p {
     font-size: 26px;
     color:#fff;
     font-family: 'RobotoBold';
     padding-left: 28px;
     text-transform: uppercase;
}
 .menu-header ul li {
     margin-right: 35px;
}
 .menu-header ul li a{
     color:#fff;
     font-size: 16px;
     font-family: 'RobotoBold';
     text-transform: uppercase;
}
 .menu-header ul li.active a{
     color:#fed100;
}
 .menu-header ul li a:before{
     content: '';
     position: absolute;
     width: 100%;
     height: 1px;
     background: #fff;
     right: 0;
     bottom: 0;
     opacity: 0;
     transform: scale(0.5);
     transition: all 0.7s ease;
}
 .menu-header ul li a:hover:before{
     transform: scale(1);
     opacity: 1;
}
 .menu-header ul li.active a:hover:before{
     background:#fed100;
}
 .right-top-header a{
     display: block;
     text-align: right;
}
 .right-top-header a.number{
     display: block;
     font-family: 'RobotoBold';
     font-size: 28px;
     color:#fff;
}
 .right-top-header a.number:hover{
     text-decoration: underline;
}
 .right-top-header a.mail {
     font-size: 18px;
     font-family: 'RobotoRegular';
     color:#51beed;
     text-decoration: underline;
}
 .bot-header .container p {
     font-size: 38px;
     font-family: 'RobotoBlack';
     color: #fff;
     padding-left: 25px;
     margin-top: 570px;
     line-height: 36px;
}
 .bot-header .container p:before{
     content: '';
     position: absolute;
     height: calc(100% + 20px);
     width: 15px;
     background: #fed100;
     left: 0;
     bottom: 0;
}
 .header-main{
     height: 100vh;
}
 .header-out + .Site-content {
     padding-top: 75px;
 }
 .home-catalog {
     background: rgba(0,105,146,1);
     background: -moz-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,105,146,1)), color-stop(62%, rgba(0,105,146,1)), color-stop(62%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
     background: -webkit-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%);
     background: -o-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%);
     background: -ms-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%);
     background: linear-gradient(to bottom, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 62%, rgba(255,255,255,1) 62%, rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006992', endColorstr='#ffffff', GradientType=0 );
     -webkit-box-shadow: 0px 9px 39px -13px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 9px 39px -13px rgba(0,0,0,0.75);
     box-shadow: 0px 9px 39px -13px rgba(0,0,0,0.75);
     padding-bottom: 18px;
}
 .h2 {
     text-align: center;
}
 .h2 span {
     font-size: 40px;
     font-family: 'RobotoBlack';
     color: #fff;
     text-transform: uppercase;
     padding: 0 50px;
}
 .h2 span:before {
     content: '';
     position: absolute;
     width: 50px;
     height: 5px;
     background: #fed100;
     top: calc(50% - 3px);
     left: -15px;
}
 .h2 span:after {
     content: '';
     position: absolute;
     width: 50px;
     height: 5px;
     background:#fed100 ;
     top: calc(50% - 3px);
     right: -15px;
}
 .home-cat-wrap {
}
 .confirm-modal {
     font-family: 'RobotoRegular';
     font-size: 12px;
     text-align: center;
     width: 100%;
}
 .home-cat-wrap .swiper-slide a{
     width: 100%;
     height: 100%;
     text-align: center;
}
 .home-cat-wrap .swiper-slide a span {
     width: 246px;
     height: 246px;
     z-index: auto;
     position: relative;
     border-radius: 50%;
     background-size: cover;
     background-position: center center !important;
}
 .header-main .top-header .container {
     padding-left: 0px;
}
 .home-cat-wrap .swiper-slide a span:before {
     content: '';
     position: absolute;
     z-index: -1;
     width: 270px;
     height: 270px;
     background: #fed100;
     top: calc(50% - 135px);
     left: calc(50% - 135px);
     opacity: 0;
     transition: all 0.5s ease;
     border-radius: 50%;
}
 .home-cat-wrap .swiper-slide a:hover span:before{
     opacity: 1;
}
 .home-cat-wrap .swiper-slide a p {
     font-family: 'ProximaBold';
     color: #000;
     font-size: 16px;
     line-height: 18px;
     text-align: center;
     text-transform: uppercase;
     margin-top: 10px;
}
 .home-cat-wrap .swiper-slide a:hover p {
     text-decoration: underline;
}
 .swiper-button-next-home {
     background: url(../img/next-slide.png) center no-repeat;
     width: 14px;
     height: 25px;
}
 .swiper-button-prev-home {
     background: url(../img/prev-slide.png) center no-repeat;
     width: 14px;
     height: 25px;
}
 .home-catalog .h2 {
    /* margin: 50px 0 20px 0;
     */
     padding-top: 46px;
}
 .home-catalog .swiper-pagination {
     position: initial;
     padding-top: 0px;
     padding-bottom: 26px;
}
 .home-catalog .swiper-pagination-bullet {
     width: 9px;
     height: 9px;
     background: #555;
     margin: 0 4px;
}
 .home-catalog .swiper-pagination-bullet-active {
     opacity: 1;
     background: #e6db3c;
}
 .hidden-benefits-galery {
     display: none;
}
 .benefits {
     margin-top: 59px;
}
 .benefits .h2 span {
     color: #000;
     margin-bottom: 51px;
}
 .item-benefit {
     background:#eeeeee;
}
 .item-benefit .container {
     display: flex;
     justify-content: space-between;
}
 .benefit-photo {
     width: 50%;
     min-height: 396px;
}
 .benefit-photo a {
     position: absolute;
     right: 32px;
     bottom: 32px;
     background: #2c8abe;
     border-radius: 27px;
     transition: all 0.5s ease;
     -webkit-box-shadow: 13px 13px 28px -1px rgba(0,0,0,0.63);
     -moz-box-shadow: 13px 13px 28px -1px rgba(0,0,0,0.63);
     box-shadow: 13px 13px 28px -1px rgba(0,0,0,0.63);
     height: 54px;
}
 .benefit-photo a.hover{
     opacity: 0;
     transition: all 0.5s ease;
     visibility: hidden;
}
 .benefit-photo a.hover.active{
     opacity: 1;
     visibility: initial;
}
 a.non-hover.active {
     box-shadow: none;
}
 a.non-hover {
     height: auto;
     bottom: 32px;
     right: 32px;
     height: 54px;
     text-align: center;
     width: 53px;
    /* box-shadow: none;
     */
     border-radius: 50%;
}
 a.non-hover span {
     background: url(../img/home-content-btn-logo.png) center no-repeat;
     width: 33px;
     height: 26px;
     line-height: -13px;
     position: absolute;
     top: calc(50% - 13px);
     left: calc(50% - 16px);
}
 .benefit-photo a p {
     font-family: 'RobotoRegular';
     text-transform: uppercase;
     font-size: 16px;
     color: #fff;
     padding: 13px 56px 13px 25px;
}
 .benefit-text {
     width: 50%;
     padding: 60px 0px 58px 50px;
}
 .benefit-text span {
     font-family: 'RobotoBlack';
     font-size: 30px;
     padding-bottom: 14px;
     text-transform: uppercase;
}
 .benefit-text p {
     font-family: 'RobotoRegular';
     font-size: 16px;
     line-height: 23px;
}
 .benefit-text p+p {
     padding-top: 20px;
}
 .benefits .wrap-benefits .item-benefit:nth-child(2n) {
     background:#fff;
     flex-direction: row-reverse;
}
 .item-benefit:nth-child(2n) .container {
     flex-direction: row-reverse;
}
 .item-benefit:nth-child(2n) .benefit-text {
     width: 50%;
     padding: 60px 50px 58px 0px;
}
 .item-benefit:nth-child(2n) a.non-hover {
     bottom: 32px;
     left: 32px;
}
 .item-benefit:nth-child(2n) a.hover {
     left: 32px;
     bottom: 32px;
     right: initial;
}
 .item-benefit:nth-child(2n) .benefit-photo a p {
     font-family: 'RobotoRegular';
     text-transform: uppercase;
     font-size: 16px;
     color: #fff;
     padding: 13px 25px 13px 56px;
}
 .home-about-us {
     background: linear-gradient(to bottom, rgba(0,105,146,1) 0%, rgba(0,105,146,0.99) 90%, rgba(255,255,255,0.99) 85%, rgba(255,255,255,0.99) 100%);
}
 .about-us-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .about-text-item {
     width: 68%;
     font-size: 20px;
     margin-bottom: 20px;
}
.about-imgs {
     margin-bottom: 20px;
     margin-top: 30px;
}
.about-imgs img {
     width: calc(100% / 2 - 2px);
}
 .about-us-item {
     width: calc(100% / 3 - 20px);
     max-height: 290px;
     min-height: 220px;
     padding: 45px 5px 39px 39px;
     margin-bottom: 40px;
     box-shadow: 0px 6px 51px 0px rgba(0, 0, 0, 0.32);
}
 .about-us-item.blue-bg:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(55, 155, 210, 0.902);
     opacity: 1;
     transition: all 0.5s ease;
     top: 0;
     left: 0;
     z-index: 1;
}
 .about-us-item.blue-bg:hover:after {
     opacity: 0;
}
.about-us-item.about-us-item-video {
     position: relative;
}
.about-us-item.about-us-item-video iframe {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
.about-us-item.about-us-item-video:after {
     content: none;
}
 .about-text-item span {
     font-family: 'RobotoBold';
     color:#fff;
}
 .about-text-item p {
     font-family: 'RobotoRegular';
     color: #FFF;
     font-size: 20px;
}
 .about-text-item a {
     font-family: 'RobotoBold';
     color: #fed100;
     padding-top: 0;
     text-decoration: underline;
}
 .about-text-item ol li {
     list-style-type: none;
 }
 .about-text-item li {
     position: relative;
     font-family: 'RobotoRegular';
     color: #FFF;
     font-size: 20px;
     padding-left: 30px;
 }
 .about-text-item li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 14px;
     width: 4px;
     height: 3px;
     background-color: #fff;
     border-radius: 50%;
 }
 .about-us-item span {
     font-family: 'RobotoBold';
     font-size: 30px;
     color: #000;
     z-index: 5;
     padding-bottom: 10px;
}
 .about-us-item:hover span{
     color:#fff;
}
 .about-us-item p {
     font-family: 'RobotoRegular';
     font-size: 20px;
     color: #000;
     z-index: 5;
    /* padding-bottom: 51px;
     */
     min-height: 111px;
}
 .about-us-item:hover p {
     color: #fff;
}
 .about-us-item a{
     font-family: 'RobotoBold';
     font-size:18px;
     padding: 10px 25px;
     background:#fed100;
     z-index: 5;
}
 .about-us-item:hover p{
     color:#fff;
}
 .about-us-item a:hover{
     text-decoration: underline;
}
 .home-about-us .h2 {
     text-align: left;
     padding: 73px 0 45px 0;
}
 .home-about-us .h2 span{
     padding: 0;
}
 .home-about-us .h2 span:after{
     display: none;
}
 .home-about-us .h2 span:before{
     display: none;
}
 .home-about-us h3 {
     color: #fff;
     font-family: 'RobotoBold';
     font-size: 21px;
 }
 .about-text-item p+p,
 .about-text-item p+ul,
 .about-text-item p+ol,
 .about-text-item p+h3  {
     padding-top: 18px;
}
 .swiper-container {
     width: 100%;
}
 .swiper-work-home .swiper-slide-container {
     text-align: center;
     font-size: 18px;
     background: #fff;
     height: 100%;
     max-width: 795px;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
 .gallery-top .swiper-slide {
     min-height: 420px;
}
 .gallery-top .swiper-slide-container {
     min-height: 420px;
}
 .gallery-top {
     width: 100%;
}
 .gallery-thumbs {
     max-height: 96px;
     box-sizing: border-box;
     padding: 10px 0;
}
 .gallery-thumbs .swiper-slide {
     height: 100%;
     opacity: 1;
     width: 20%;
}
 .gallery-thumbs .swiper-slide-active {
     opacity: 1;
}
 .swiper-production .gallery-thumbs {
     min-height: 126px;
}
 .swiper-work-home .gallery-top .swiper-slide-container img {
     object-fit: contain !important;
     height: 100%;
    /* max-width: none;
     */
     width: 100%;
     position: absolute;
     min-height: 100%;
     top: 0;
     left: 0;
}
 .swiper-work-wrap {
}
 .swiper-work-wrap .swiper-button-next {
     background: url(../img/thumb-next.png) center no-repeat;
     width: 21px;
     height:37px;
}
 .swiper-work-wrap .swiper-button-prev {
     background: url(../img/thumb-prev.png) center no-repeat;
     width: 21px;
     height:37px;
}
 .swiper-work-home {
     padding-bottom: 63px;
}
 .swiper-button-prev, .swiper-button-next {
     top: 93%;
}
 .gallery-thumbs {
     padding: 0 200px;
     margin-top: 15px;
}
 .swiper-button-next {
     right: 180px;
}
 .swiper-button-prev {
     left: 180px;
}
 .swiper-work-home span{
     color: #000;
}
 .swiper-work-home .h2 {
     margin-top: 23px;
     margin-bottom: 40px;
}
 .header-main .logo-header a {
     width: 38px;
     height: 38px;
     background-color: #fff;
     border-radius: 50%;
     margin-right: 16px;
}
 .header-main .logo-header a:hover {
     background-color: #eade3d;
}
 .header-main .logo-header a {
     text-align: center;
}
 .header-main .logo-header a img {
     margin-top: 8px;
}
 .header-main .logo-header {
     display: flex;
     margin-right: 0px;
}
 .our-value {
     background: url(../img/value-bg.png) top center no-repeat;
     background-size: cover;
     padding-bottom: 100px;
}
 .value-wrap {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
}
 .item-value {
     width: calc(100% / 4 - 20px);
}
 .item-value span {
     font-family: 'RobotoBold';
     font-size: 24px;
     color: #fed100;
     padding-bottom: 10px;
     display: block;
}
 main {
     display: block;
     flex: 1;
}
 .item-value p{
     font-family: 'RobotoRegular';
     font-size: 12px;
     color: #fff;
     line-height: 19px;
}
 .our-value .h2 {
    /* margin-top: 70px;
     */
     padding-top: 50px;
     margin-bottom: 60px;
}
 .item-value p+p {
     padding-top: 14px;
}
 .item-value img {
     margin-bottom: 15px;
}
 .geogr-home {
     background: #f3f3f2;
}
 .geogr-home .h2 span {
     color: #000;
}
 .geogr-home .h2 {
     padding-top: 55px;
     padding-bottom: 30px;
}
 .our-partn .h2 span {
     color:#000;
     padding-top: 55px;
     padding-bottom: 60px;
}
 .partners-wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 70px;
}
 .partner-item {
     width: calc(100% / 5 - 30px);
}
 .partner-item img{
     filter: grayscale(100%);
     transition: all 0.4s ease;
}
 .partner-item:hover img{
     filter: grayscale(0%);
}
 .pre-footer {
     background: url(../img/pre-foot-bg.png) top center no-repeat;
     background-size: cover;
     padding-bottom: 190px;
}
 .footer {
     background: #000000;
}
 .footer .container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 30px 0 30px 0;
}
 .footer .left-top-header a {
     width: 100%;
     height: 100%;
     display: block;
     text-align: center;
}
 .footer .left-top-header a p {
     font-size: 17px;
     color: #fff;
     font-family: 'RobotoBold';
     padding-left: 0;
}
 .footer .container > p {
     font-size: 18px;
     color: #fff;
     font-family: 'RobotoBold';
     max-width: 362px;
}
 .footer .container .right-top-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .footer .right-top-header a.mail {
     color: #fed100;
     margin-right: 61px;
}
 .header-main .top-header {
     position: fixed;
     right: 0;
     left: 0;
     z-index: 9999;
     background: #000;
}
 .header-out {
     padding: 0;
     background: transparent;
}
 .header-out .top-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: fixed;
     background: #000;
     right: 0;
     left: 0;
     z-index: 9999;
     border-bottom: 3px solid #fed100;
}
/*.header-out .top-header .container {
     max-width: 1200px;
}
*/
/*.header-out .right-top-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .header-out .logo-header {
     display: flex;
     margin-right: 45px;
}
 .header-out .logo-header a {
     width: 38px;
     height: 38px;
     background-color: #fff;
}
 .header-out .logo-header a {
     width: 38px;
     height: 38px;
     background-color: #fff;
     border-radius: 50%;
     margin-right: 16px;
}
 .header-out .logo-header a:hover {
     background-color: #eade3d;
}
 .header-out .left-top-header a span {
     width: 84px;
     height: 70px;
}
 .header-out .right-top-header a.number {
     margin-right: 21px;
}
 .header-out .logo-header a img {
     margin-top: 8px;
}
 .header-out .logo-header a {
     text-align: center;
}
*/
 .bread-crumbs {
     padding-top: 15px;
}
 .bread-crumbs a {
     font-family: 'RobotoBold';
     font-size: 12px;
     color: #000;
     padding-left: 15px;
     padding-right: 15px;
}
 .bread-crumbs a:before {
     content: '';
     position: absolute;
     width: 9px;
     height: 9px;
     border-top: 2px solid #000;
     border-left: 2px solid #000;
     top: 2px;
     left: 0px;
     transform: rotate(-45deg);
}
 .h2-out span:before {
     display: none;
}
 .h2-out span:after {
     display: none;
}
 .h2-out span {
     color:#000;
     padding: 0;
     padding-top: 30px;
}
 .h2-out {
     text-align: left;
}
 .open-nav {
     display: none;
}
 .close-nav {
     display: none;
}
 .catalog-wrap .catalog-item a span {
     height: 273px;
     width: 273px;
     overflow: hidden;
     border-radius: 50%;
     margin: 0 auto 15px;
}
 .catalog-wrap .catalog-item a span img {
     object-position: center;
     object-fit: cover;
     max-width: 100%;
     max-height: 100%;
     width: 100%;
     height: 100%;
 }
 .catalog-wrap .catalog-item {
     margin-bottom: 15px;
 }
 .catalog-wrap .catalog-item a p {
     font-family: 'ProximaBold';
     color: #000;
     font-size: 18px;
     line-height: 21px;
     text-align: center;
     text-transform: uppercase;
}
 .catalog-wrap .catalog-item:hover a p {
     text-decoration:underline;
}
 .catalog-wrap .catalog-item a span:before {
     content: '';
     position: absolute;
     z-index: -1;
     width: 227px;
     height: 227px;
     background: #fed100;
     top: calc(50% - 131px);
     left: calc(50% - 114px);
     opacity: 0;
     transition: all 0.5s ease;
     border-radius: 50%;
}
 .catalog-wrap .catalog-item:hover a span:before {
     opacity: 1 
}
 .catalog-wrap {
     display: flex;
     /*justify-content: space-between;*/
     flex-wrap: wrap;
}
 .catalog-item {
     width: calc(100% / 3 );
}
 .catalog-item a {
     width: 100%;
     text-align: center;
}
 .catalog-item img{
     margin: auto;
}
 .catalog-item a span {
     display: flex;
     align-items: flex-end;
     height: 185px;
     width: 100%;
     justify-content: center;
}
 .broke-img {
     padding: 0px 46px 51px 0px;
}
 .bread-crumbs a:hover {
     text-decoration: underline;
}
 .catalog-back-form {
     background: url(../img/catalog/form-bg.png) top left no-repeat;
     background-size: cover;
     margin-top: 40px;
     margin-bottom: 134px;
}
 .catalog-back-form .container {
     display: flex;
    /* align-items: center;
     */
     justify-content: space-between;
}
 .catalog-back-form-text {
     width: calc(50% - 10px);
     padding: 115px 0 140px 0;
}
 .catalog-form-wrap {
     width: calc(50% - 40px);
     background: #fff;
}
 .catalog-back-form-text span {
     font-family: 'RobotoBold';
     font-size: 20px;
     color:#fff;
     padding-bottom: 10px;
}
 .catalog-back-form-text p {
     font-family: 'RobotoRegular';
     font-size: 20px;
     color:#fff;
}
 .contact-wrap .catalog-form-wrap:before {
     display: none;
}
 .contact-wrap .catalog-form-wrap span {
     text-transform: uppercase;
     font-family: 'RobotoBold';
     font-size: 24px;
     padding-bottom: 14px;
     z-index: 2;
     width: 100%;
     text-align: center;
}
 .wpcf7-not-valid-tip,
 .contact-wrap span.wpcf7-not-valid-tip {
    font-size: 12px;
    display: block;
    font-weight: 400;
    text-transform: initial;
    padding-bottom: 5px;
}
 .type-input input {
     border: 1px solid #d7d7d7;
     padding: 10px 20px 10px 20px;
     margin-bottom: 10px;
     width: 100%;
     font-family: 'RobotoRegular';
     font-size: 16px;
}
 .type-input input:active, .type-input input:focus, .type-input textarea:active, .type-input textarea:focus {
     border-color: #eade3d;
}
 .type-input textarea {
     border: 1px solid #d7d7d7;
     padding: 10px 5px 41px 20px;
     margin-bottom: 15px;
     width: 100%;
     font-family: 'RobotoRegular';
     font-size: 16px;
     height: 96px;
}
 .type-input textarea::placeholder {
     font-family: 'RobotoRegular';
     font-size: 16px;
}
 .type-input input::placeholder {
     font-family: 'RobotoRegular';
     font-size: 16px;
}
 .catalog-form-wrap input[type="submit"] {
     background: #eade3d;
     padding: 10px 40px;
     font-family: 'RobotoBold';
     font-size: 16px;
     border: 1px solid transparent;
     transition: all 0.5s ease;
     margin-left: auto;
     margin-right: 0;
     z-index: 2;
}
 .catalog-form-wrap input[type="submit"]:hover{
     border: 1px solid #fff;
}
 .type-input {
     z-index: 2;
}
 .swiper-work-main .swiper-button-next {
     right: 17%;
     left: auto;
     bottom: 32px;
     top: initial;
}
 .swiper-work-main .swiper-button-prev {
     bottom: 32px;
     top: initial;
     left: 17%;
}
 .catalog-form-wrap {
     padding: 50px 0 40px 80px;
     margin-top: 51px;
}
 .catalog-form-wrap:after {
     content: '';
     position: absolute;
     width: 3000px;
     height: 112%;
     background: #fff;
     left: -3px;
     top: -10px;
     z-index: 0;
     box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.21);
}
 .catalog-form-wrap:before {
     content: '';
     position: absolute;
     width: 3000px;
     height: 111%;
     background: #fff;
     left: 210px;
     top: -58px;
     z-index: 0;
}
 .footer-out {
}
 .footer .container .right-top-header + .right-top-header {
     display: block;
}
 .right-top-header .modal-call {
     text-transform: uppercase;
     font-size: 16px;
     font-family: 'RobotoBold';
     color:#fff;
     border: 3px solid #51beed;
     text-align: center;
     margin-top: 10px;
     background: transparent;
     transition: all 0.5s linear;
}
 .right-top-header .modal-call:hover {
     background: #51beed;
}
 .right-top-header a.modal-call {
     padding: 10px 15px;
}
 #hidden-content .h2 span{
     color:#000;
     font-size: 26px;
     padding-bottom: 10px;
     padding-bottom: 10px;
}
 #hidden-content .h2 span:before{
     display: none;
}
 #hidden-content .h2 span:after{
     display: none;
}
 #hidden-content input[type="submit"] {
     background: #eade3d;
     padding: 10px 40px;
     font-family: 'RobotoBold';
     font-size: 16px;
     border: 1px solid transparent;
     transition: all 0.5s ease;
     margin-left: auto;
     margin-right: 0;
     z-index: 2;
     transition: all 0.5s ease;
}
 #hidden-content input[type="submit"]:disabled {
     filter: grayscale(1);
     -o-filter: grayscale(1);
     -moz-filter: grayscale(1);
     -webkit-filter: grayscale(1);
     pointer-events: none;
 }
 #hidden-content input[type="submit"]:hover {
     -webkit-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.13);
     -moz-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.13);
     box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.13);
}
 .dot-hover {
     display: none;
}
 .geography-content {
     background: rgb(0,104,146);
     background: -moz-linear-gradient(top, rgba(0,104,146,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 65%);
     background: -webkit-linear-gradient(top, rgba(0,104,146,1) 65%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 65%);
     background: linear-gradient(to bottom, rgba(0,104,146,1) 65%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 65%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006892', endColorstr='#ffffff',GradientType=0 );
}
 .map iframe {
     width: 100%;
     border: none;
 }
 .map-wrap {
     background: url(../img/geography/map.png) center top no-repeat;
     background-size: contain;
    /* width: 100%;
     */
     min-height: 604px;
}
 .dot-map {
     width: 12px;
     height:12px;
     background:#ebde3d;
     position: absolute;
     border-radius: 50%;
     cursor: pointer;
}
 .dot-map.size-2 {
     width: 16px;
     height: 16px;
     margin-top: -2px;
     margin-left: -2px;
}
 .dot-map.size-2 .dot-hover {
     left: 7px;
 }
 .dot-map.size-3 {
     width: 20px;
     height: 20px;
     margin-top: -4px;
     margin-left: -4px;
}
 .dot-map.size-3 .dot-hover {
     left: 9px;
 }
 .dot-map.size-4 {
     width: 24px;
     height: 24px;
     margin-top: -6px;
     margin-left: -6px;
}
 .dot-map.size-4 .dot-hover {
     left: 11px;
 }
 .dot-hover {
     display: block;
     position: absolute;
     min-height: 123px;
     width: 350px;
     background: #fff;
     transform: translateY(-20px);
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
     z-index: 5;
     bottom: 20px;
     left: 5px;
}
.dot-hover .swiper-wrapper {
     padding-bottom: 10px;
}
.dot-hover .swiper-pagination {
     bottom: 5px;
}
.dot-hover .swiper-pagination-bullet {
     padding: 0px;
     width: 8px;
     height: 8px;
}
.dot-hover .swiper-pagination-bullet:after {
     display: none;
}
.dot-hover .swiper-slide {
     padding: 30px 45px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
     height: auto;
     z-index: 0;
}
.dot-hover .swiper-button-next,
.dot-hover .swiper-button-prev {
     width: 15px;
     height: 20px;
     margin-top: -10px;
     background-size: contain;
}
 .dot-map:hover .dot-hover {
     opacity: 1;
     visibility: visible;
     z-index: 9999;
     transform: translateY(-5px);
}
 .dot-hover:after {
     content: '';
     position: absolute;
     background: url(../img/geography/triangle.png) center no-repeat;
     background-size: contain;
     width: 18px;
     height: 21px;
     bottom: -15px;
     left: 0;
}
 .dot-hover span {
     font-family: 'RobotoBold';
     font-size: 12px;
     padding-bottom: 10px;
}
 .dot-hover span:after{
     width: 20px;
     content: '';
     height: 2px;
     position: absolute;
     background:#006892;
     bottom: 5px;
     left: 0;
}
 .dot-hover p {
     font-family: 'RobotoRegular';
     font-size: 10px;
     line-height: 14px;
     color: #676767;
}
 .dot2, .dot16 {
     display: none;
}
 .dot1 {
    top: 400px;
    left: 127px;
}
 .dot3 {
     top: 485px;
     left: 137px;
}
 .dot4 {
     top: 405px;
     left: 315px;
}
 .dot5 {
     top: 438px;
     left: 510px;
}
 .dot6 {
     top: 418px;
     left: 73px;
}
 .dot7 {
     top: 351px;
     left: 134px;
}
 .dot8 {
     top: 300px;
     left: 157px;
}
 .dot9 {
     top: 290px;
     left: 207px;
}
 .dot10 {
     top: 290px;
     left: 227px;
}
 .dot11 {
     top: 270px;
     left: 257px;
}
 .dot12 {
     left: auto;
     top: 304px;
     right: 78px;
}
 .dot12 .dot-hover {
    left: auto;
    right: 5px;
}
 .dot12 .dot-hover:after {
     left: auto;
     right: 0px;
     transform: scale(-1,1);
}
 .dot13 {
     top: 217px;
     left: 168px;
}
 .dot14 {
    top: 395px;
    left: 182px;
}
 .dot15 {
    top: 375px;
    left: 202px;
}
 .dot17 {
     left: auto;
     top: 277px;
     right: 277px;
}
 .dot18 {
    top: 360px;
    left: 250px;
    right: auto;
}
 .dot19 {
    top: 340px;
    left: 250px;
    right: auto;
}
 .dot20 {
    right: auto;
    top: 277px;
    left: 157px;
}
 .geography-text p {
     color: #352929;
     font-size: 16px;
     font-family: 'RobotoRegular';
     padding-right: 50%;
}
 .geography-text {
     margin-bottom: 45px;
}
 .docs-wrap {
     display: flex;
     flex-wrap: wrap;
}
 .title-docs {
     font-family: 'RobotoBold';
     font-size: 24px;
     color: #fff;
     padding: 25px 0;
}
 .docs-item {
     margin-right: 25px;
     width: calc(100% / 6 - 25px );
     min-height: 253px;
     padding: 2px 2px 0px 2px;
     -webkit-box-shadow: 10px 10px 0px 3px rgba(118,163,185,1);
     -moz-box-shadow: 10px 10px 0px 3px rgba(118,163,185,1);
     box-shadow: 10px 10px 0px 3px rgba(118,163,185,1);
     margin-bottom: 28px;
}
 .docs-wrap .docs-item:nth-child(6) {
     margin-right: 0px;
}
 .docs-item a:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(116, 159, 181, 0);
     transition: all 0.5s ease;
}
 .docs-item:hover a:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(116, 159, 181, 0.92);
     transition: all 0.5s ease;
}
 .docs-item a {
     width: 100%;
     height: 100%;
     display: block;
}
 #video {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     right: 0;
     bottom: 0;
     background-color: #000;
     background-image: url(../img/header-bg.png);
     background-position: center center;
     background-size: contain;
     -o-object-fit: cover;
     object-fit: cover;
     z-index:0;
     /*filter: blur(5px);*/
}
 .docs-item a p {
     position: absolute;
     bottom: 7px;
     font-family: 'RobotoBold';
     font-size: 16px;
     color: transparent;
     visibility: hidden;
     transition: all 0.5s ease;
     right: 14px;
}
 .docs-item:hover a p {
     color: #fff;
     visibility: visible;
}
 .docs-item a:after {
     content: '';
     position: absolute;
     background: url(../img/docs-size.png) center no-repeat;
     width: 46px;
     height: 46px;
     top: calc(50% - 35px);
     left: calc(50% - 23px);
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
}
 .docs-item:hover a:after {
     visibility: visible;
     opacity: 1;
}
 .docs-item span:before {
     content: '';
     position: absolute;
     background: url(../img/rect-doc.png) center no-repeat;
     width: 100%;
     background-size: contain;
     height: 100%;
     top: -3px;
     left: 15px;
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
     z-index: 22;
}
 .docs-item:hover span:before {
     visibility: visible;
     opacity: 1;
}
 .docs.docs-r {
     background: rgba(0,105,146,1);
     background: -moz-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,105,146,1)), color-stop(82%, rgba(0,105,146,1)), color-stop(82%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
     background: -webkit-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
     background: -o-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
     background: -ms-linear-gradient(top, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
     background: linear-gradient(to bottom, rgba(0,105,146,1) 0%, rgba(0,105,146,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006992', endColorstr='#ffffff', GradientType=0 );
     margin-top: 27px;
}
 .docs.docs-iso {
     background: transparent;
     margin-top: 60px;
     margin-bottom: 60px;
}
 .docs.docs-r .container .docs-wrap:after {
     content: '';
     position: absolute;
     width: 100%;
     bottom: -60px;
     left: 0;
     height: 2px;
     background: #eeeeee;
}
 .docs-iso .title-docs {
     color: #000;
     text-transform: uppercase;
}
 .news-article-content .container {
     display: flex;
     justify-content: space-between;
}
 .left-article-content {
     padding-top: 20px;
     width: calc(55% - 52px);
}
 .right-article-content {
     width: calc(45% - 20px);
     background: #f4f4f4;
     padding: 20px 5px 0 42px;
     z-index: 1;
}
 .right-article-content:after {
     content: '';
     position: absolute;
     width: 3000px;
     height: 100%;
     top:0;
     left: 0;
     background:#f4f4f4;
     z-index: 0;
}
 .left-article-content .article-img {
     min-height: 280px;
     width: 100%;
    /* padding: 20px 0;
     */
     margin: 15px 0 20px 0;
}
 .left-article-content .h2-out span {
     font-size: 24px;
}
 .left-article-content .h2-out p {
     font-family: 'RobotoRegular';
     font-size: 14px;
     color: #bcbcbc;
}
 .left-article-content > p {
     color:#352929;
     font-family: 'RobotoRegular';
     font-size: 16px;
     line-height: 22px;
}
 .left-article-content > p + p {
     padding-top: 20px;
}
 .left-article-content > p:last-child{
     padding-bottom: 60px;
}
 .item-right-article .h2-out span {
     font-size: 16px;
}
 .item-right-article .h2-out p {
     font-family: 'RobotoRegular';
     font-size: 14px;
     color: #bcbcbc;
}
 .news-article-content {
     border-top:1px solid #d5d5d5;
     margin-top: 30px;
}
 .item-right-article > p {
     font-family: 'RobotoRegular';
     font-size: 16px;
     color: #352929;
     line-height: 22px;
}
 .item-right-article > a {
     font-family: 'RobotoBold';
     font-size: 16px;
     text-decoration: underline;
     color: #006892;
     margin: 11px 0 36px 0;
}
 .item-right-article {
     border-bottom: 1px solid #d5d5d5;
     z-index: 1;
}
 .right-article-content .item-right-article:last-child {
     border-bottom: none;
     z-index: 1;
}
 .staff-article-top-cont {
     background: #f4f4f4;
}
 .staff-article-top-cont .h2-out{
     padding-bottom: 30px;
}
 .staff-article-content .container {
     display: flex;
     justify-content: space-between;
}
 .left-staff-article {
     width: calc(50% - 10px);
     text-align: center;
}
 .right-staff-article {
     width: calc(50% - 10px);
}
 .left-staff-article > a {
     width: 308px;
     height: 498px;
     margin-top: 20px;
}
 .btns-staff {
     text-align: left;
}
 .btns-staff a{
     color: #fff;
     font-family: "RobotoBold";
     font-size: 18px;
}
 .btns-staff .opros{
     background:#006892;
     padding: 15px 20px 15px 45px;
     transition: all 0.5s ease;
}
 .btns-staff .opros:hover{
     text-decoration: underline;
}
 .btns-staff .opros:before{
     content: '';
     position: absolute;
     background: url(../img/staff-article/opros-list.png) center left no-repeat;
     width: 23px;
     height: 26px;
     top: calc(50% - 13px);
     left: 12px;
}
 .btns-staff .order-staff {
     color: #000;
     background: #ebde3d;
     padding: 15px 20px 15px 45px;
     margin-left: 3px;
}
 .btns-staff .order-staff:before {
     content: '';
     position: absolute;
     background: url(../img/staff-article/order.png) center left no-repeat;
     width: 29px;
     height: 29px;
     top: calc(50% - 15px);
     left: 10px;
}
 .btns-staff .order-staff:hover {
     text-decoration: underline;
}
 #catalog-order .h2 span{
     color:#000;
     font-size: 26px;
     padding-bottom: 10px;
     padding-bottom: 10px;
}
 #catalog-order .h2 span:before{
     display: none;
}
 #catalog-order .h2 span:after{
     display: none;
}
 #catalog-order input[type="submit"] {
     background: #eade3d;
     padding: 10px 40px;
     font-family: 'RobotoBold';
     font-size: 16px;
     border: 1px solid transparent;
     transition: all 0.5s ease;
     margin-left: auto;
     margin-right: 0;
     z-index: 2;
}
 #hidden-content-order .h2 span{
     color:#000;
     font-size: 26px;
     padding-bottom: 10px;
     padding-bottom: 10px;
}
 #hidden-content-order .h2 span:before{
     display: none;
}
 #hidden-content-order .h2 span:after{
     display: none;
}
 #hidden-content-order input[type="submit"] {
     background: #eade3d;
     padding: 10px 40px;
     font-family: 'RobotoBold';
     font-size: 16px;
     border: 1px solid transparent;
     transition: all 0.5s ease;
     margin-left: auto;
     margin-right: 0;
     z-index: 2;
}
 .right-staff-article > span {
     font-size: 24px;
     padding: 25px 0;
     color: #352929;
     font-family: 'RobotoBold';
}
 .staff-art-ben {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .staff-art-ben .item-staff-ben {
     width: calc(50% - 3px);
     background: #ebebeb;
     padding: 20px;
     margin-bottom: 6px;
     min-height: 130px;
}
 .staff-art-ben .item-staff-ben:nth-child(1) , .staff-art-ben .item-staff-ben:nth-child(4n) {
     background: #f4f4f4;
}
 .staff-art-ben .item-staff-ben p {
     font-size: 16px;
     color: #352929;
     width: 100%;
     font-family: 'RobotoBold';
}
 .right-staff-article > p {
     font-size: 16px;
     color: #352929;
     font-family: 'RobotoRegular';
     line-height: 22px;
     margin-top: 20px;
}
 .right-staff-article > p > span {
     font-size: 16px;
     color: #352929;
     font-family: 'RobotoBold';
}
 .staff-article-content {
     padding-bottom: 80px;
     box-shadow: 0px 13px 29px 0px rgba(0, 0, 0, 0.1);
     z-index: 2;
}
.personal {
     padding-bottom: 20px;
     font-size: 19px;
     font-family: 'RobotoRegular';
}
.personal p {
     line-height: 25px;
     margin: 5px 0;
}
.personal ul {
     padding-left: 20px;
}
.personal ul li {
     position: relative;
     line-height: 25px;
}
.personal ul li:before {
     content: '';
     position: absolute;
     width: 6px;
     height: 6px;
     top:9px;
     left:-12px;
     border-radius: 10px;
     background-color: #000;
}
 .descr-wrap {
     -webkit-columns: 2;
    /* Chrome, Safari, Opera */
     -moz-columns: 2;
    /* Firefox */
     columns: 2;
     -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
     -moz-column-gap: 40px;
    /* Firefox */
     column-gap: 40px;
}
 .descr-wrap b {
     font-family: 'RobotoBold';
     font-size: 16px;
     padding: 5px 0;
}
 .descr-wrap p {
     font-family: 'RobotoRegular';
     font-size: 16px;
     padding: 3px 0;
}
 .descr-wrap ul li {
    position: relative;
    padding-left: 16px;
     font-size: 16px;
     font-family: 'RobotoRegular';
 }
 .descr-wrap ul li:before {
    content:'';
    position: absolute;
    top:13px;
    left:0;
    width:5px;
    height:5px;
    border-radius:5px;
    background-color: #000;
 }
 .staff-descr .container > span {
     font-family: 'RobotoBold';
     font-size: 24px;
     padding: 60px 0 40px 0;
     text-transform: uppercase;
}
 .staff-descr {
     background: #f4f4f4;
     padding-bottom: 60px;
}
 .staff-descr .container hr {
     background: #e0e0e0;
    /* padding: 10px;
     */
     margin: 5px 0;
     opacity: 0.5;
}
 .item-staff-ben {
     display: flex;
     align-items: flex-end;
     flex-wrap: wrap;
}
 .staff-back-form .container {
     display: flex;
     justify-content: center;
     align-items: initial;
}
 .staff-back-form .catalog-form-wrap {
     padding: 50px 0 40px 80px;
     margin-top: 0px;
}
 .staff-back-form .catalog-back-form-text {
     width: calc(50% - 10px);
     padding: 133px 36px 140px 0;
}
 .staff-back-form .catalog-form-wrap:after {
     display: none;
}
 .staff-back-form {
     box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.21);
}
 .staff-back-form .catalog-back-form-text p {
     padding-bottom: 20px;
}
 .staff-back-form .catalog-back-form-text p:first-child:before{
     content: '';
     position: absolute;
     width: 12px;
     height: 50px;
     background: #eade3d;
     left: 0;
     top: -90px;
}
 .staff-back-form {
     margin-bottom: 100px;
}
 .gallery-thumbs .swiper-slide-thumb-active:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgba(254, 209, 0, 0.502);
     top: 0;
     left: 0;
}
 .news-wrap {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #f1f1f1;
}
 .news-content .container .news-wrap:last-child {
     border-bottom: none;
}
 .news-wrap:nth-child(n+1) {
     padding-top: 27px;
}
 .item-news {
     min-height: 364px;
     width: calc(100% / 3 - 15px);
}
 .item-news span {
     width: 100%;
     min-height: 174px;
     margin-bottom: 15px;
}
 .item-news a{
     color: #006892;
     text-decoration: underline;
     font-family: 'RobotoBold';
     font-size: 16px;
}
 .item-news a.title-new {
     color:#000;
     text-decoration: none;
}
 .item-news a.title-new:hover {
     color: #006892;
     text-decoration: underline;
}
 .item-news .date-new {
     font-family: 'RoboroRegular';
     font-size: 14px;
     color:#bcbcbc;
}
 .item-news .about-new {
     font-family: 'RoboroRegular';
     font-size: 16px;
     line-height: 22px;
     padding-bottom: 10px;
}
 .site-pag {
     margin-top: 50px;
}
 .site-pag span {
     font-family: 'RobotoRegular';
     font-size: 16px;
     color: #fff;
     background: #006892;
     padding: 4px 6px;
     margin:0 3px;
}
 .site-pag a{
     font-family: 'RobotoRegular';
     font-size: 16px;
     color: #000;
     margin: 0 3px;
}
 .site-pag a:hover{
     text-decoration: underline;
}
 .left-contact {
     width: calc(50% + 10px);
     margin-bottom: 25px;
}
 .contact-wrap {
     display: flex;
    /* justify-content: center;
     */
     align-items: center;
}
 .top-left-contact td span {
     color:#006892;
     font-size: 20px;
     font-family: 'RobotoBold';
}
 .top-left-contact td {
     padding-right: 46px;
     padding-bottom: 10px;
	 color: #000;
	 font-size: 14px;
	 font-family: 'RobotoRegular';
}
 .item-bot-left-contact {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .item-bot-left-contact span {
     width: 73px;
}
 .bot-left-contact td {
     padding-right: 46px;
}
 .bot-left-contact td span {
     color:#006892;
     font-size: 20px;
     font-family: 'RobotoBold';
}
 .bot-left-contact td a {
     color: #000;
     font-size: 19px;
     font-family: 'RobotoBold';
}
 .bot-left-contact td a:hover {
     text-decoration: underline;
     color:#006892;
}
 .bot-left-contact td p {
     color: #000;
     font-size: 14px;
     font-family: 'RobotoRegular';
}
 .bot-left-contact tr:nth-child(2) td {
     /*padding-bottom: 30px;*/
}
 .top-left-contact a{
     font-size: 48px;
     font-family: 'RobotoBold';
     color:#006892;
     padding-bottom: 15px;
}
 .top-left-contact a:hover{
     text-decoration: underline;
}
 .top-left-contact .free-t{
     color:#9b9b9b;
     font-size: 14px;
     font-family: 'RobotoRegular';
     padding-bottom: 30px;
}
 .top-left-contact p+p {
     font-size: 20px;
     font-family: 'RobotoRegular';
     padding-bottom: 29px;
}
 .contact-content {
     background: #f4f4f4;
     margin-top: 25px;
     position: relative;
     z-index: 2;
}
 .contact-content .catalog-form-wrap {
     padding: 50px 80px 40px 80px;
     margin-top: 0px;
}
 .contact-content .catalog-form-wrap:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #fff;
     left: 0;
     top: 0;
     z-index: 0;
     box-shadow: 0px 18px 39px 0px rgba(0, 0, 0, 0.21);
}
 .contact-content .catalog-form-wrap input[type="submit"] {
     background: #eade3d;
     padding: 10px 40px;
     font-family: 'RobotoBold';
     font-size: 16px;
     border: 1px solid transparent;
     transition: all 0.5s ease;
     margin-left: auto;
     margin-right: auto;
     z-index: 2;
     transition: all 0.4s ease;
}
 .swiper-production {
     margin-bottom: 40px;
     margin-top: 55px;
}
 .swiper-production .gallery-thumbs .swiper-slide-thumb-active:after {
     background-color: rgba(116, 159, 181, 0.802);
}
 .swiper-production .gallery-thumbs .swiper-slide img {
     object-fit: cover;
}
 .swiper-production .gallery-top .swiper-slide {
     height: 520px;
}
 .swiper-production .gallery-thumbs .swiper-slide {
     height: 115px;
     opacity: 1;
     width: 20%;
}
 .swiper-production .gallery-thumbs .swiper-slide img {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 .swiper-production .swiper-button-prev, .swiper-production .swiper-button-next {
     top: 53%;
     outline: none;
     width: 19px;
     height: 21px;
     background-size: 10px;
     padding: 15px;
     background-color: #fff;
}
 .swiper-work-wrap .gallery-thumbs {
     padding: 0;
     margin-top: -48px;
     margin-left: 97px;
     width: calc(100% - 97px);
}
 .swiper-work-main .swiper-work-wrap .gallery-thumbs {
     width: calc(100% - 469px);
     margin-left: 236px;
     margin-top: 13px;
}
 .swiper-production .gallery-thumbs .swiper-slide-thumb-active:before {
     position: absolute;
     content: '';
     background: url(../img/rect-doc.png) center no-repeat;
     background-size: contain;
     top: 6px;
     left: -15px;
     width: 99px;
     height: 83px;
     z-index: 35;
}
 .swiper-production .gallery-thumbs .swiper-slide-container span {
     display: none;
}
 .swiper-production .gallery-thumbs .swiper-slide-container {
     border: 1px solid #fff;
}
 .swiper-production .gallery-thumbs .swiper-slide-thumb-active span {
     position: absolute;
     z-index: 5;
     color: #fff;
     font-family: 'RobotoRegular';
     font-size: 14px;
     text-transform: uppercase;
     display: block;
     bottom: 8px;
     right: 12px;
     text-align: right;
}
 .swiper-production .swiper-work-wrap .swiper-button-next {
     background: url(../img/thumb-next.png) center no-repeat;
     width: 19px;
     height: 21px;
     background-size: 9px;
     right: 0px;
     background-color: #fff;
     padding: 15px;
}
 .swiper-production .gallery-top {
     height: 80%;
     margin: 0;
}
 .swiper-work-home.swiper-production .swiper-slide-container {
     max-width: 100%;
}
 .swiper-production .swiper-button-prev {
     left: 0;
}
 .tabs_content {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: -1;
}
 .tabs_content.active {
     opacity: 1;
     position: relative;
     z-index: 3;
}
 .tabs_caption {
     margin-bottom: 20px;
}
 ul.tabs_caption {
     display: flex;
     justify-content: space-between;
}
 ul.tabs_caption li {
     font-family: 'RobotoBold';
     text-transform: uppercase;
     padding: 10px 25px;
}
 ul.tabs_caption li {
     border-bottom: 1px solid #006892;
     font-family: 'RobotoBold';
     text-transform: uppercase;
     padding: 8px 35px;
     cursor: pointer;
}
 ul.tabs_caption li.active {
     background: #006892;
     border: none;
     color: #fff;
     cursor: initial;
}
 ul.tabs_caption li.active {
     color:#fff;
}
 ul.tabs_caption li.active a:hover{
     transform: none;
}
table.special {
     margin: 0 0 40px;
}
table.special td {
     border: 1px solid #000;
     font-family: 'RobotoRegular';
     padding: 10px;
}
table.special thead td {
     text-align: center;
     background-color: #2b84d2;
     color: #fff;
}
table.special tbody tr:nth-of-type(2n) td {
     background-color: #9bb8d2;
}
.table-img-wrapper {
     margin-bottom: 20px;
     text-align: center;
}
.table-img-wrapper img {
     height: 100%;
     max-height: 391px;
}
.after-table-text p {
     font-family: 'RobotoRegular';
     line-height: 26px;
}
.after-table-text p a {
     color: #006892;
}
 @media screen and (max-width: 1928px){
    /*.header-out .left-top-header a p {
         font-size: 16px;
    }
     .header-out .menu-header ul li a {
         font-size: 14px;
    }
     .header-out .right-top-header a.number {
         font-size: 20px;
    }
     .header-out .right-top-header a.mail {
         font-size: 14px;
    }
    */
}
 @media screen and (max-width: 1710px){
     .right-top-header a.number {
         font-size: 22px;
    }
     .header-main .logo-header a {
         width: 36px;
         height: 36px;
    }
    /*.header-out .menu-header ul li {
         margin-right: 25px;
    }
     .header-out .right-top-header a.number {
         font-size: 16px;
    }
     .header-out .logo-header a {
         width: 36px;
         height: 36px;
    }
     .header-out .menu-header ul li a {
         font-size: 13px;
    }
    */
}
 @media screen and (max-width: 1664px){
     .header-main .right-top-header a.number {
         font-size: 17px;
    }
     .header-main .right-top-header a.mail {
         font-size: 16px;
    }
     .left-top-header a p {
         padding-left: 20px;
    }
    /*.header-out .left-top-header a span {
         width: 67px;
         height: 67px;
    }
     .header-out .menu-header ul li a {
         font-size: 12px;
    }
     .header-out .right-top-header a.number {
         font-size: 14px;
    }
     .header-out .left-top-header a p {
         font-size: 14px;
    }
     .header-out .left-top-header a p {
         padding-left: 18px;
    }
    */
     .menu-header ul li a {
         font-size: 14px;
    }
     .menu-header ul li {
         margin-right: 27px;
    }
     .header-main .right-top-header a.number {
         font-size: 22px;
    }
     .header-main .right-top-header a.mail {
         font-size: 16px;
    }
     .left-top-header a p {
         font-size: 20px;
    }
     .left-top-header a span {
         width: 61px;
         height: 61px;
    }
}
 @media screen and (max-width: 1407px){
    /* .header-out .right-top-header a.number {
         margin-right: 0px;
    }
    */
    /*.header-out .right-top-header {
         display: block;
    }
    */
     .header-main .right-top-header a.number {
         font-size: 18px;
    }
     .header-main .right-top-header a.mail {
         font-size: 14px;
    }
     .left-top-header a p {
         font-size: 16px;
    }
     .left-top-header a span {
         width: 56px;
         height: 56px;
    }
}
 @media screen and (max-width: 1339px){
     .bot-left-contact td a {
         font-size: 14px;
    }
     .bot-left-contact td span {
         font-size: 14px;
    }
     .left-top-header a {
        /*display: block;
        */
         text-align: center;
         padding-left: 0px;
    }
     .menu-header ul li a {
         font-size: 10px;
    }
     .left-top-header a p {
         font-size: 15px;
    }
     .header-main .right-top-header a.number {
         font-size: 16px;
    }
     .header-main .right-top-header a.mail {
         font-size: 13px;
    }
}
 @media screen and (max-width: 1187px){
     .item-news {
         width: calc(100% / 3 - 34px);
    }
     .item-news a {
         font-size: 13px;
    }
     .swiper-production .gallery-thumbs .swiper-slide-thumb-active span {
         font-size: 10px;
    }
     ul.tabs_caption li {
         padding: 8px 20px;
         font-size: 12px;
    }
     .swiper-production .gallery-top {
         width: 100%;
    }
     .swiper-production .swiper-work-wrap .swiper-button-next {
         right: 0;
    }
     .swiper-work-wrap .gallery-thumbs {
         padding: 0;
         margin-top: 30px;
         margin-left: 0;
         width: 100%;
    }
     .docs-wrap {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
    }
     .docs-item {
         width: calc(100% / 2 - 80px );
         margin-bottom: 36px;
         margin-right: 0px;
         min-height: 548px;
    }
     .angle {
         display: none;
    }
     .map-wrap {
         display: none;
    }
     .map-text {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
    }
     .map-text .dot-hover {
         padding: 15px;
         opacity: 1;
         visibility: visible;
         position: relative;
         width: calc(100% / 2 - 20px);
         transform: none;
         margin: 15px 0px;
    }
     .dot-hover span {
         display: block;
    }
     .geography-content {
         background: rgba(0,104,146,1);
    }
     .geography-text p {
         padding: 24px 12px 0px 12px;
    }
     .dot-hover:after {
         display: none;
    }
     .left-top-header a {
         display: flex;
         padding-left: 0;
    }
    /*.header-out .left-top-header a p {
         padding-left: 25px;
    }
    */
     .menu-header ul {
         display: block;
         padding: 27px;
         padding-left: 42px;
         text-align: center;
    }
     .close-nav{
         display: block;
         position: absolute;
         z-index: 1;
         top: 15px;
         right: 15px;
         background: url(../img/icons/close.svg) no-repeat center center;
         width: 32px;
         height: 32px;
         -moz-background-size: 18px;
         -o-background-size: 18px;
         -webkit-background-size: 18px 18px;
         background-size: 18px;
    }
     .wrap-nav{
         display: block;
         position: fixed;
         width: 360px;
         max-width: 85%;
         top: 0;
         left: 0;
         bottom: 0;
         z-index: 9999;
         overflow: auto;
         visibility: hidden;
         opacity: 0;
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
         background: #001D2F;
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         transform: translateX(-100%);
         -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         transition: all 0.5s ease;
    }
     .wrap-nav.open{
         visibility: visible;
         opacity: 1;
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0);
         -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.75);
         box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.75);
    }
     nav {
         padding: 50px 20px 20px 20px;
    }
     nav ul{
         display: block;
    }
     nav li {
         margin: 0 0 15px 0;
    }
     nav a {
         font-size: 16px;
         font-weight: 300;
    }
     .open-nav {
         display: inline-block;
         z-index: 1;
         background: url(../img/icons/menu.svg) no-repeat center center;
         width: 36px;
         height: 36px;
         -webkit-background-size: 26px 26px;
         -moz-background-size: 26px;
         -o-background-size: 26px;
         background-size: 26px;
    }
}
 @media screen and (max-width: 1019px){
     .item-news {
         width: calc(100% / 2 - 20px);
    }
     .news-wrap {
         justify-content: space-around;
         flex-wrap: wrap;
    }
     tbody {
         margin: 0 auto;
         margin-top: 0px;
         margin-right: auto;
         margin-bottom: 0px;
         margin-left: auto;
         transform: translateX(5%);
    }
     table.special tbody {
         transform: unset;
     }
     .left-contact {
         width: 100%;
         text-align: center;
         margin: 0 auto;
    }
     .contact-wrap .catalog-form-wrap {
         width: 100%;
         background: #fff;
    }
     tbody {
         margin: 0 auto;
         margin-top: 0px;
         margin-right: auto;
         margin-bottom: 0px;
         margin-left: auto;
    }
     .contact-wrap {
         flex-wrap: wrap;
    }
     .bot-left-contact td {
         padding-right: 20px;
         font-size: 12px;
    }
     .docs-item {
         width: calc(100% / 2 - 40px );
         margin-bottom: 36px;
         margin-right: 0px;
         min-height: 548px;
    }
     .h2 span {
         font-size: 26px;
    }
     .about-text-item p {
         font-size: 16px;
    }
     .about-text-item span {
         font-size: 18px;
    }
     .about-us-item p {
         font-size: 16px;
    }
     .footer .container > p {
         font-size: 14px;
         max-width: 290px;
    }
     .right-top-header .modal-call {
         font-size: 13px;
    }
     .header-main .right-top-header a.number {
         font-size: 14px;
    }
}
 @media screen and (max-width: 905px){
     .swiper-work-wrap .swiper-button-next {
         right: 0;
    }
     .swiper-work-wrap .swiper-button-prev {
         left: 0;
    }
     .staff-art-ben .item-staff-ben p {
         font-size: 13px;
         line-height: 16px;
    }
     .item-staff-ben {
         align-items: flex-start;
    }
     .item-value span {
         font-size: 20px;
    }
     .about-text-item a {
         font-size: 16px;
    }
     .about-us-item a {
         font-size: 13px;
    }
     .about-text-item {
         width: 100%;
         text-align: center;
         margin-bottom: 34px;
    }
     .about-us-wrap {
         justify-content: space-around;
    }
     .swiper-work-home .h2 {
         margin-top: 20px;
    }
     .bot-header .container p {
         margin-top: 300px;
    }
     .about-us-item {
         width: calc(100% / 2 - 50px);
    }
     .value-wrap {
         flex-wrap: wrap;
    }
     .item-value {
         width: calc(100% / 2 - 35px);
         text-align: center;
         padding-bottom: 20px;
    }
     .our-value {
         padding-bottom: 60px;
    }
     .staff-art-ben .item-staff-ben {
         padding: 20px 30px 20px 30px;
    }
}
 @media screen and (max-width: 835px){
     .catalog-form-wrap:after {
         left: -2px;
         top: -10px;
    }
     .swiper-work-main {
         padding-bottom: 10px;
    }
     .catalog-form-wrap:before {
         display: none;
    }
     ul.tabs_caption li {
         padding: 8px 15px;
         font-size: 10px;
    }
     .staff-back-form .catalog-form-wrap {
         padding: 50px 30px 40px 30px;
    }
     .staff-back-form .catalog-back-form-text {
         width: 100%;
         padding: 104px 36px 3px 0;
    }
     .docs-item {
         min-height: 453px;
    }
     .catalog-back-form .container {
         flex-wrap: wrap;
    }
     .catalog-form-wrap {
         width: 100%;
    }
     .catalog-back-form-text {
         width: 100%;
         padding: 74px 20px 0px 20px;
    }
     .catalog-back-form {
         background: #00638b;
    }
     .catalog-wrap {
         justify-content: space-between;
         text-align: center;
    }
     .catalog-item {
         width: calc(100% / 2 );
    }
     .item-benefit:nth-child(2n) .container {
         flex-direction: initial;
    }
     .benefit-photo {
         width: 100%;
         min-height: 274px;
    }
     .item-benefit .container {
         flex-wrap: wrap;
    }
     .benefit-text {
         width: 100%;
         padding: 10px 15px 31px 15px;
         text-align: center;
    }
     .item-benefit:nth-child(2n) .benefit-text {
         width: 100%;
         padding: 10px 15px 31px 15px;
    }
     .home-about-us .h2 {
         padding: 35px 0 30px 0;
         text-align: center;
    }
     .footer .container {
         flex-wrap: wrap;
    }
     .footer .container .right-top-header + .right-top-header {
         width: 100%;
         margin-top: 9px;
    }
     .right-top-header a.number {
         display: inline-block;
    }
     .right-top-header a.modal-call {
         display: block;
         width: 40%;
         margin: 0 auto;
         margin-top: 14px;
    }
     .footer .container .right-top-header + .right-top-header {
         text-align: center;
    }
     .footer .container .right-top-header {
         width: 100%;
        /* text-align: center;
         */
         margin: 0 auto;
         text-align: center;
    }
     .footer .container .right-top-header {
         width: 100%;
         display: block;
         margin-top: 39px;
    }
     .left-top-header {
         width: 50%;
    }
     .footer .right-top-header a.mail {
         color: #fed100;
         margin-right:0px;
         display: inline-block;
    }
     .footer .container > p {
         font-size: 14px;
         width: 50%;
         text-align: left;
    }
     .header .left-top-header {
         width: initial;
    }
}
 @media screen and (max-width: 723px){
     .header-main {
         height: 100%;
    }
     .swiper-work-main .swiper-button-next {
         right: 0%;
         left: auto;
         bottom: 15px;
         top: initial;
    }
     .swiper-work-main .swiper-button-prev {
         left: 0;
         bottom: 15px;
         top: initial;
    }
     .swiper-work-main .swiper-work-wrap .gallery-thumbs {
         visibility: hidden;
         opacity: 0;
         z-index: -9999;
    }
     .swiper-work-main .swiper-work-wrap .gallery-thumbs {
         width: 100%;
         margin-left: 0;
         margin-top: 0;
    }
     .swiper-work-home .swiper-slide-container img {
         height: 100%;
    }
     .swiper-production .gallery-thumbs {
        /* display: none;
         */
         visibility: hidden;
    }
     .swiper-production {
         margin-top: 24px;
    }
     .swiper-production {
         padding: 0;
         margin-bottom: -88px;
    }
     .swiper-work-wrap {
        /* padding: 0 25px;
         */
    }
     .descr-wrap {
         -webkit-columns: 1;
         -moz-columns: 1;
         columns: 1;
    }
     .staff-article-content {
         padding-bottom: 40px;
    }
     .staff-article-content .container {
         flex-wrap: wrap;
    }
     .left-staff-article {
         width: 100%;
         text-align: center;
    }
     .btns-staff {
         text-align: center;
    }
     .right-staff-article {
         width: 100%;
    }
     .news-article-content .container {
         flex-wrap: wrap;
    }
     .left-article-content {
         width: 100%;
    }
     .right-article-content {
         width: 100%;
         padding-top: 0px;
    }
     .docs-item {
         min-height: 410px;
    }
     .partner-item {
         width: calc(100% / 2 - 30px);
    }
     .partners-wrap {
         flex-wrap: wrap;
         justify-content: center;
         text-align: center;
    }
     .h2 span {
         font-size: 21px;
    }
     .benefit-text span {
         padding-bottom: 15px;
    }
     .about-us-item {
         text-align: center;
         width: calc(100% - 141px);
    }
     .about-us-item {
         padding: 45px 5px 39px 5px;
    }
     .home-about-us {
         background: rgba(0,105,146,1);
         padding-bottom: 25px;
    }
}
 @media screen and (max-width: 625px){
     .header-main .logo-header a img {
         margin-top: 6px;
         object-fit: scale-down;
         width: 13px;
         height: 14px;
    }
     .header-main .logo-header a {
         width: 26px;
         height: 26px;
    }
     .footer .container > p {
         font-size: 13px;
    }
     .swiper-production .gallery-top .swiper-slide {
         height: 418px;
    }
     .swiper-production {
         margin-bottom: -130px;
    }
     .news-wrap {
         border-bottom: none;
    }
     .item-news {
         width: calc(100%);
    }
     ul.tabs_caption li {
         border-bottom: none;
    }
     ul.tabs_caption {
         column-count: 2;
         display: block;
    }
     .btns-staff .opros {
         margin-bottom: 10px;
    }
     .docs-item {
         width: calc(100%);
    }
     .docs-item {
         width: calc(100% - 78px);
    }
     .docs-item {
         min-height: 539px;
    }
     .swiper-button-prev, .swiper-button-next {
         top: 48%;
    }
     .h2 span:before {
         display: none;
    }
     .h2 span:after {
         display: none;
    }
     .swiper-work-home .swiper-button-next {
         right: 0;
    }
     .left-article-content > p:last-child {
         padding-bottom: 20px;
    }
     .swiper-work-home .swiper-button-prev {
         left: 0;
    }
     .swiper-button-next {
         right: 10px;
    }
     .swiper-button-prev {
         left: 10px;
    }
     .swiper-work-wrap {
         margin-bottom: 25px;
         padding: 0;
    }
    /*.header-out .right-top-header a.number {
         font-size: 10px;
    }
     .header-out .right-top-header a.mail {
         font-size: 9px;
    }
     .header-out .left-top-header a p {
         font-size: 11px;
    }
     .header-out {
         min-height: 55px;
    }
     .header-out .left-top-header a span {
         width: 55px;
         height: 55px;
    }
     .header-out .logo-header a img {
         margin-top: 6px;
         object-fit: scale-down;
         width: 13px;
         height: 14px;
    }
     .header-out .logo-header a {
         width: 26px;
         height: 26px;
    }
    */
}
 var mainSlider = $('.swiper-container-tab');
 mainSlider .each(function(){
     var mainSwiper = new Swiper(this, {
         loop: true, speed: 500, breakpoints: {
             768: {
                 slidesPerView: 2, spaceBetween: 100, 
            }
            , 550: {
                 slidesPerView: 1, spaceBetween: 0, 
            }
        }
        , spaceBetween: 30, slidesPerView:3, 
    }
    );
}
);
 @media screen and (max-width: 530px){
     .swiper-work-main .gallery-thumbs .swiper-container {
         visibility: hidden;
         z-index: -9999;
         opacity: 0;
    }
    .about-imgs {
          display: flex;
          flex-direction: column;
    }
    .about-imgs img {
          width: 100%;
     }
}
 @media screen and (max-width: 503px){
     .bot-header .container p {
         font-size: 25px;
    }
     .swiper-work-main .swiper-button-next {
         right: 0;
         bottom: -21px;
    }
     .swiper-work-main .swiper-button-prev {
         right: 0;
         bottom: -21px;
    }
     .swiper-production {
         margin-bottom: -142px;
         padding-top: 26px;
    }
     .bot-left-contact td a {
         font-size: 12px;
    }
     .top-left-contact a {
         font-size: 30px;
         padding-top: 12px;
    }
     .bot-left-contact td p {
         font-size: 12px;
    }
     .map-text .dot-hover {
         width: calc(100%);
         margin-bottom: 5px;
    }
     .docs-item {
         min-height: 557px;
    }
     .docs-item {
         width: calc(100% - 31px);
    }
     .map-text {
         padding-bottom: 20px;
    }
}
 @media screen and (max-width: 437px){
     .left-top-header a p {
         padding-left: 12px;
    }
    /* .header-out .left-top-header a p {
         padding-left: 9px;
    }
    */
     .swiper-work-main .swiper-button-next {
         right: 0;
         bottom: 23px;
    }
     .swiper-work-main .swiper-button-prev {
         bottom: 23px;
    }
     .header-main .left-top-header a span {
         width: 42px;
         height: 42px;
    }
     .header-main .logo-header a img {
         width: 10px;
         height: 10px;
    }
     .header-main .logo-header a {
         width: 22px;
         height: 22px;
    }
     .header-main .top-header .container {
         padding: 0;
    }
     .header-main .logo-header a {
         margin-right: 6px;
    }
     .header-main .logo-header {
         margin-right: 0px;
    }
     .swiper-work-main .gallery-thumbs {
         padding: 0 ;
    }
     .footer .container > p {
         font-size: 12px;
    }
     .bot-left-contact td p {
         font-size: 11px;
    }
     .bot-left-contact td a {
         font-size: 11px;
         white-space: nowrap;
    }
     .contact-content .catalog-form-wrap {
         padding: 50px 20px 40px 20px;
         margin-top: 0px;
    }
     .swiper-production .gallery-top .swiper-slide {
         height: initial;
    }
     .swiper-production .swiper-button-prev, .swiper-production .swiper-button-next {
         top: 52%;
    }
     ul.tabs_caption li {
         font-size: 9px;
    }
     .swiper-work-home .swiper-slide-container img {
         height: 200px;
    }
     .docs.docs-iso {
         margin-top: 10px;
    }
     .item-right-article .h2-out span {
         font-size: 14px;
    }
     .docs-item {
         width: calc(100% - 0px);
    }
     .docs-item {
         min-height: 431px;
    }
     .catalog-item {
         text-align: center;
         width: 100%;
    }
    /*.header-out .left-top-header a p {
         font-size: 9px;
    }
     .header-out .open-nav {
         display: inline-block;
         z-index: 1;
         background: url(../img/icons/menu.svg) no-repeat center center;
         width: 31px;
         height: 31px;
         -webkit-background-size: 26px 26px;
         -moz-background-size: 26px;
         -o-background-size: 26px;
         background-size: 21px;
    }
     .header-out .logo-header a {
         margin-right: 6px;
    }
     .header-out .logo-header {
         margin-right: 0px;
    }
    */
     .catalog-back-form-text {
         width: 100%;
         padding: 38px 19px 0px 20px;
    }
     .catalog-form-wrap {
         padding: 50px 0 40px 20px;
         margin-top: 51px;
    }
    /* .header.header-out {
         padding-bottom:0px;
    }
    */
     .bot-header .container p {
         font-size: 28px;
    }
     .item-value {
         width: calc(100% );
    }
     .about-us-item {
         width: calc(100% - 32px);
    }
     .header-main .right-top-header a.number {
         font-size: 10px;
    }
     .header-main .right-top-header a.mail {
         font-size: 9px;
    }
     .left-top-header a p {
         font-size: 12px;
    }
     .left-top-header a span {
         width: 50px;
         height: 50px;
    }
     .bot-header .container p {
         margin-top: 200px;
    }
     .header {
         padding-bottom: 100px;
    }
     .benefit-text span {
         font-size: 20px;
    }
     .geogr-home .h2 {
         padding-top: 20px;
    }
}
 .bread-crumbs .container>span:last-child {
     display: none;
}
 .news-content {
     padding-bottom: 31px;
}
 .swiper-work-main img {
     width: 100%;
}
 .catalog-back-form span.wpcf7-form-control-wrap.your-message{
     display: block;
}
 .catalog-back-form span.wpcf7-form-control-wrap {
     display: block;
}
 .catalog-back-form .catalog-form-wrap span {
     text-transform: uppercase;
     font-family: 'RobotoBold';
     font-size: 24px;
     padding-bottom: 14px;
     z-index: 2;
     width: 100%;
     text-align: left;
}
 .top-hidden span.wpcf7-form-control-wrap {
     display: block;
}
 .about-new p {
     font-family: 'RobotoRegular';
     line-height: 24px;
}
 @media (min-aspect-ratio: 16/9) {
     #video {
         height: 300%;
         top: -100%;
    }
}
 @media (max-aspect-ratio: 16/9) {
     #video {
         width: 300%;
         left: -100%;
    }
}
 @supports ((-o-object-fit: cover) or (object-fit: cover)) {
     #video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
    }
}
 .swiper-button-prev, .swiper-button-next {
     outline: none;
}
 .right-top-header a.mail {
     transition: all 0.2s ease;
}
 .right-top-header a.mail:hover {
     color: #fff;
}
 .contact-content .catalog-form-wrap input[type="submit"]:hover {
     border: 1px solid #fff;
}
 p {
     transition: all 0.3s ease;
}
 .header-main:after {
     z-index: 21;
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
     background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
     top: 0;
     bottom: 0;
}
 .bot-header {
     z-index: 22;
}
/*.header-out .top-header .container {
     max-width: 1824px !important;
}
*/
 .header-main.header-out {
     height: 100%;
}
 span.confirm-modal-text {
     padding-left: 25px;
     padding-bottom: 25px;
}
 span.confirm-modal-text:before {
     content: '';
     position: absolute;
     width: 15px;
     height: 15px;
     border: 1px solid #d7d7d7;
     top: calc(50% - 20px);
     left: 3px;
     cursor: pointer;
}
 .confirm-modal-text a {
     font-size: inherit;
     color: #2833c5;
     text-decoration: underline;
}
 span.wpcf7-form-control-wrap.acceptance-587.wpcf7-acceptance-act + span.confirm-modal-text:before {
     background: #eade3d;
    ;
}