@charset "utf-8";
.innerSabtitle {
    color: rgba(37,37,37,0.75);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
@media screen and (min-width: 1280px){.container{max-width: 1216px!important; margin: 0 auto; width: 100%;}}
body{font-family: 'Roboto', sans-serif;font-size:16px;line-height:1.2;color:#636363;padding:0;margin:0;background:#fff; display: flex; flex-direction: column; min-height: 100vh; justify-content: space-between;}

.eskiz .center a {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog5.grid img {
    width: 100%;
}
.lg-download {
    display: none !important;
}
.disflex{display:flex;} .between{display: flex;justify-content:space-between;} .align-center{ display: flex; align-items:center;} .align-start{display: flex; align-items:flex-start;}
.flexcol{flex-direction:column; display: flex;} .fbc{display:flex;justify-content:space-between;align-items:center;} .posrelative{position:relative;}
.flexwrap{flex-wrap:wrap;} .width24{width: 24%;} .width32{width:32%;} .width49{width:49%} .center-center{align-items:center;justify-content:center;}
.margin30{margin-top:30px;} .margin50{margin-top:50px;} .margin70{margin-top:70px;} .margin100{margin-top:100px;} .margin120{margin-top:120px;}
.marb30{margin-bottom:30px;} .marb50{margin-bottom:50px;} .marb100{margin-bottom:100px;} .marb120{margin-bottom:120px;}
.marl30{margin-left:30px;}
::-webkit-scrollbar{width:5px;background:#fff;} ::-webkit-scrollbar-thumb{background: #383e70;} .hamb{display:none;}
a:focus, input:focus, button:focus, textarea:focus{outline:none; text-dicaration: none;} .margin170{margin-top:170px;}
img{max-width:95%;object-fit:cover;} a:hover{text-decoration:none;} a{text-decoration:none;outline:none;border:0;}
header{position:fixed;width:100%;z-index:9;padding: 15px 0; transition: 0.5s ease; background: #fff; box-shadow: 0 0 15px 0;}
header.fix{background: #fff; transition: 0.5s ease; box-shadow: 0 0 15px 0;}
header.fix .menumain a:before {background: #383E70;}
.intro{width:100%;height:100vh;position:relative}
.navig{width:66%}
.menumain{width:100%;display:flex;justify-content:space-between;margin-right:30px}
.menumain a{text-transform:uppercase;position:relative;color:#fff; transition: 0.5s ease;}
header .menumain a {color: #383E70;font-weight: 400;transition: 0.5s ease;}
header .lang a {color: #383E70;transition: 0.5s ease;}
.menumain a:before{content:"";position:absolute;bottom:-5px;width:0;height:1px;background:#fff;opacity:0;transition:.5s}
.menumain a:hover{text-decoration:none}
.menumain a:hover:before{width:100%;opacity:1}
.lang a{font-weight:700;color:#fff}
.sliders .slick-dots{bottom:unset;top:50%;width:auto;right:30px;transform:translate(0,-50%);display:flex!important;flex-direction:column}
.sliders .slick-dots li{margin-bottom:20px}
.sliders .slick-dots li button:before{font-family:unset;content:"";width:9px;height:9px;border:1px solid #fff;opacity:1}
.sliders .slick-dots li.slick-active button:before{background:#fff}
.sliders{height:80vh}
.sliders .slide-item img{height:72vh; width: 100%;}
.projects{position:absolute;top:50%;transform:translate(0,-50%);width:45%;margin-left:30px}
.buildings{font-family:'Lora',sans-serif;font-size:36px;line-height:50px;color:#fff;margin-bottom:35px;text-transform: uppercase;}
.ourprojects{border:1px solid #fff;padding:15px 50px;font-weight:700;color:#fff;font-size:20px;text-transform:uppercase;transition:.5s}
.ourprojects:hover{border-color:#383e70;background:#383e70;color:#fff}
a:focus {text-decoration: none;}
/*SLIDER=========================================*/
.slick-track{display:flex;justify-content:space-between; align-items: center;}
.slider{position:relative;}
.slider1{position:relative;}
.slider2{position:relative;}
.slider3{position:relative;}
.slick-list{overflow:hidden} 
.slider__item.slick-slide:focus{border:0;outline:0}
.slider1__item.slick-slide:focus{border:0;outline:0}
.slider2__item.slick-slide:focus{border:0;outline:0}
.slider3__item.slick-slide:focus{border:0;outline:0}
.slider__item.slick-slide { display: flex; align-items: center; justify-content: center;}
.slider1__item.slick-slide { display: flex; align-items: center; justify-content: center;}
.slider2__item.slick-slide { display: flex; align-items: center; justify-content: center;}
.slider3__item.slick-slide { display: flex; align-items: center; justify-content: center;}
button.slick-arrow{position:absolute;top:50%;transform:translate(0,-50%)}
button.slick-prev.slick-arrow:before{content:'';position:absolute;border-bottom:4px solid rgba(37,37,37,0.5);border-left:4px solid rgba(37,37,37,0.5);width:28px;height:28px;transform:rotate(45deg) translate(0,0);border-radius:3px;top:0; left: 0;}
button.slick-next.slick-arrow:before{content:'';position:absolute;border-bottom:4px solid rgba(37,37,37,0.5);border-right:4px solid rgba(37,37,37,0.5);width:28px;height:28px;transform:rotate(-45deg) translate(0,0);border-radius:3px;top:0; right: 0;}
.slider__item:hover img{filter:drop-shadow(0px 0 30px rgba(56,62,112,0.36))}
.slider__item img{transition:.8s ease;}
.slider1__item {padding: 0 10px;}
.slider1__inner1 img {margin-right: 15px;}
.slider1__wrap {padding: 50px 45px;border: 1px solid #383E70;}
.slider.slick-initialized.slick-slider {transform: translate(0, 0) !important;}
.slider2 button.slick-next.slick-arrow {top: 30%;}
.slider2 button.slick-prev.slick-arrow {top: 30%;}
.oKompanii-block2__cont.up p:not(:first-child) {
    text-transform: none;
}
/*FOOTER=========================================*/
.footerSvg{display:block;margin-right:10px}
footer{background:#383e70}
.footerBlock__cont a p{font-size:16px;line-height:32px;color:#fff;font-weight:400; display: inline-block; position: relative;}
.footerSvg svg{margin-top:9px}
.footerBlock__cont:nth-child(1){width:28%}
.footerBlock__cont:nth-child(2){width:14%;}
.footerBlock__cont:nth-child(3){width:49%}
.footerBlock__cont:nth-child(2) a {display: block;}
.footerBlock__cont:nth-child(3) a {display: block;}
.footerBlock{padding:55px 0 35px 0;position:relative}
.footerBlock:before{position:absolute;content:'';width:100%;height:1px;background:#fff;left:0;bottom:0}
.footerBlock__cont{position:relative}
.footerBlock__cont:before{position:absolute;content:'';width:100%;height:1px;background:#fff;top:42px;right:0}
.footer-bottom{padding:30px 0}
.footer-bottom p{color:#fff;font-size:14px;line-height:16px;}
.abs{position:absolute}
.footer-top img.abs{bottom:0;right:0}
.footerBlock__cont a p:before {position: absolute;content: '';height: 1px;bottom: -2px;left: 0;background: #fff;width: 0;transition: 0.8s ease;}
.footerBlock__cont a:hover p:before {width: 100%;}
/*GSAP===========================================*/
.intro1{background:#383e70;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center; z-index:30;}
.intro1-tilte{overflow:hidden}
.intro1-title span{transform:translateY(100%);display:inline-block;color:#fff}



/*MY STYLE================================================*/
.introInner_page__img {height: 72vh;}
.oKompanii .introInner_page__title p {width: 64%;}
.introInner_page__img img {height: 100%;width: 100%;}
.bot70{margin-bottom:70px}
.bot50{margin-bottom:50px}
.bot40{margin-bottom:40px}
.bot30{margin-bottom:30px}
.bot35{margin-bottom:35px}
.bot25{margin-bottom:25px !important}
.bot20{margin-bottom:20px}
.bot15{margin-bottom:15px}
.bot10{margin-bottom:10px}
.top125{margin-top: 125px;}
.top50{margin-top: 50px;}
p{margin:0;font-family:'Roboto',sans-serif; font-size: 16px;line-height: 32px;color: #252525; font-weight: 400; text-align: justify;}
.grid3{display:grid;grid-template:auto / repeat(3,1fr);grid-gap:32px}
.grid2{display:grid;grid-template:auto / repeat(2,1fr);grid-gap:32px}
.grid5{display:grid;grid-template:auto / repeat(5,1fr);grid-gap:32px}
.innerTitle{font-weight:700;font-size:20px;line-height:23px;color:#252525}
.block2__cont .innerTitle{text-transform:uppercase}
.block2.grid3{grid-row-gap:60px}
.blockTitle{color:#252525;font-size:42px;line-height:60px;font-weight:400;font-family:'Lora',serif}
.textCenter{text-align:center;}
.innerSabtitle{color:rgba(37,37,37,0.75);font-size:16px;line-height:20px}
.blog{position:relative;transition:.8s ease; overflow: hidden;}
.blog__cont{position:absolute;top:calc(100% - 22%);left:25px;transition:.8s ease}
.blogTitle{color:#fff;font-weight:700;font-size:22px;line-height:29px;font-family:'Roboto',sans-serif;margin: 0px 10px;}
.blockTitle1 {color: #252525;font-size: 42px;line-height: 60px;font-weight: 400;font-family:'Lora',serif;}
.blogTitle a{color:#fff;position:relative;font-family:'Roboto',sans-serif; display: block;}
.blog:before{position:absolute;content:'';width:100%;height:100%;background:linear-gradient(180deg, rgba(56, 62, 112, 0) 0%, rgba(56, 62, 112, 0) 0.01%, rgba(56, 62, 112, 0.86) 100%);transition:.8s ease;opacity:1; top: 0; left: 0;}
.blog:hover .blog__cont{top:25px;display:flex;flex-direction:column;height:86%;justify-content:space-between}
a.blogMore{display:block;font-size:22px;left:29px;font-weight:400;color:#fff;transition:.8s ease;font-family:'Roboto',sans-serif}
.blog:hover .blogMore-wrap{opacity:1}
.blog img{width:100%;height:100%;object-fit:cover}
.blogMore-wrap{opacity: 0;}
.blogTitle a:before {height: 2px;background: #fff;left: 0;bottom: 30px;width: 0;bottom: -30px;position: absolute;content: ''; transition: 0.8s ease;}
.blog:hover .blogTitle a:before {width: 92%;}
.center{display:flex;justify-content:center}
a.btmMore{text-transform:uppercase;color:#383e70;font-weight:700;font-size:20px;left:24px;padding:25px 44px;border:1px solid #383e70;transition:.8s ease}
a.btmMore:hover{background:#383e70;color:#fff}
.grid4{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.grid6 {display: grid;grid-template: auto/ repeat(6, 1fr);grid-gap: 32px;}
.nashiUslugi__cont.blog .blogTitle a:before{bottom:-15px}
.nashiUslugiBlock .blog__cont{top:calc(100% - 32%)}
.introInner_page__img{position:absolute;top:54%;transform:translate(0,-50%); left: 0;}
.introInner_page{position:relative;height:100vh}
.introInner_page__title p{position:absolute;top:52%;margin-left:40px;transform:translate(0,-50%);width:30%}
.introKontakty {position:absolute;top:52%;margin-left:30px;transform:translate(0,-50%);width:30%}
.oKompanii-block2__cont{width:39%}
.oKompanii-block2__img{width:59%}
.input-inner1 {margin-right: 32px;}
.disflex.center input {border: 1px solid #383E70;padding:  22px 15px;}
button.btmVakancii.align-center{padding:0;border:0}
button.btmVakancii.align-center:hover{background:transparent}
button.btmVakancii.align-center:focus{outline:none!important;border:0;background:transparent;box-shadow:none}
input.input-submit{border:1px solid #383e70;padding:25px 30px;background:transparent;transition:.8s ease;color:#383e70;font-weight:700;font-family:'Roboto',sans-serif;font-sixez:20px;line-height:24px;text-transform:uppercase}
input.input-submit:hover{background:#383e70;color:#fff}
section#layout-content{position:relative}
::-webkit-input-placeholder {color:rgba(37, 37, 37, 0.75); font-weight: 400; font-size: 16px; line-height:32px; font-family: 'Roboto', sans-serif;}
::-moz-placeholder          {color:rgba(37, 37, 37, 0.75); font-weight: 400; font-size: 16px; line-height:32px; font-family: 'Roboto', sans-serif;}/* Firefox 19+ */
:-moz-placeholder           {color:rgba(37, 37, 37, 0.75); font-weight: 400; font-size: 16px; line-height:332px; font-family: 'Roboto', sans-serif;}/* Firefox 18- */
:-ms-input-placeholder      {color:rgba(37, 37, 37, 0.75); font-weight: 400; font-size: 16px; line-height:32px; font-family: 'Roboto', sans-serif;}
.rezume{color:#383e70;text-transform:uppercase;font-weight:700;font-size:16px;line-height:18px;text-decoration:underline}
.butfile .align-center{margin-right:5px}
.flexcolumn{display:flex;flex-direction:column;align-items:center}
.blogpage .linkblog{display:none}
a.proekty__wrap{position:relative}
.proekty__inner{position:absolute;top:50%;transform:translate(0,-50%); left: 3%;}
.proekty__inner.proekty__inner_left {left: 10%;}
.proekty__inner p.blockTitle{color:#fff; font-family: 'Roboto', sans-serif;}
.novostiTitle a{color:#252525;font-weight:700;font-size:22px;line-height:29px}
.novostiTitle{margin-bottom:5px}
.novostiSabtitle{color:rgba(37,37,37,0.75);font-weight:400;font-size:16px;line-height:32px;margin-bottom:20px}
.novostiMore-wrap a{color:#383e70;text-transform:uppercase;font-size:16px;line-height:18px;font-weight:700;text-decoration:underline}
.novosti__cont {background: #fff;padding: 10px 5px 15px 15px; min-height: 200px;}
.nivoctiBlock {display: grid;grid-template: auto / repeat(3, 1fr);grid-gap: 32px;}
.vidy__cont{position:relative;transition:.8s ease;overflow: hidden;}
.vidy__inner{position:absolute; top: calc(100% - 17%);margin-left:37px;transition:.8s ease}
.vidyTitle a{font-weight:700;color:#fff;text-transform:uppercase;font-size:20px;line-height:23px}
.vidyTitle {font-weight: 700;color:#fff;text-transform:uppercase;font-size:20px;line-height:23px;}
ul.vidy__ul{list-style:none;padding:0;margin:0}
ul.vidy__ul li{position:relative;padding-left:20px;color:#fff;font-weight:400;font-size:16px;line-height:32px}
ul.vidy__ul li:before{position:absolute;left:0;top:14px;content:'';background:#fff;border-radius:50%;width:5px;height:5px}
.vidySabtitle{transition:.8s ease;opacity:0; min-height: 284px;}
.vidy__cont:hover .vidySabtitle{opacity:1}
.vidy__cont:hover .vidy__inner{top: calc(100% - 50%);transform:translate(0,-50%)}
.vidyTitle{margin-bottom:20px}
.vidy__cont:before{position:absolute;content:'';width:100%;height:100%;background:linear-gradient(0deg,rgba(56,62,112,0.58),rgba(56,62,112,0.58));transition:.8s ease;opacity:0}
.vidy__cont:hover::before{opacity:1}
.introAnim{position:relative;height:100vh}
.nashaKomanda{position:relative; overflow: hidden;}
.nashaKomanda__cont{position:absolute;top: calc(100% - 10%);left:0; padding-left: 20px; padding-right: 5px; transition: 0.8s ease;} 
.nashaKomanda__title a{color:#fff;font-weight:700;font-size:14px;line-height:16px;text-transform:uppercase}
.footerWidth{width:50%}
.kontaktyblock{display:flex;align-items:center;flex-direction:column}
.uslugiPage .linkBlog {display: none;}
.blogIntro1 {height: 100vh;position: relative;}
.blogIntro__title {position: absolute;top: 52%;transform: translate(0, -50%);margin-left: 40px;color: #fff;font-size: 42px;line-height: 60px;font-weight: 400;font-family:'Lora',serif; z-index: 1;}
.wrapBlog-cont {width: 46%;}
.wrapBlog-img {width: 50%;}
.blogIntro1__cont {position: absolute;top: 54%;transform: translate(0, -50%);width: 100%;z-index: -1;height: 72vh;}
.blogIntro1__cont img {width: 100%;height: 100%;}
.blogIntro1__cont:before {top: 0;left: 0;background: linear-gradient(90deg, rgba(56, 62, 112, 0.75) 0%, rgba(56, 62, 112, 0) 100%);width: 100%;height: 100%;position: absolute;content: '';}
.blogUl{padding:0;list-style:none;margin:0}
.blogUl li{position:relative;padding-left:25px}
.blogUl li:not(:last-child){margin-bottom:10px}
.blogUl li:before{position:absolute;content:'';width:10px;height:10px;background:#383e70;transform:rotate(45deg);left:0;top:4px}
.up{text-transform:uppercase}
a.up {text-transform:uppercase}
.nashi-proekty__cont.blog{height:300px}
.nashiUslugi__cont.blog{height:268px}
iframe{position:absolute;top:52%;transform:translate(0,-50%);right:0;width:66%; height: 489px;}
.kontaktyContent{width:88%}
div#galleryId{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
#galleryId div{height:200px;margin:0}
#galleryId div img{height:100%;width:100%;object-fit:cover}
.blog6.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog6.grid a:nth-child(1){grid-column:1/3;grid-row:1/3}
.blog6.grid a:nth-child(2){grid-column:3/4;grid-row:1/2}
.blog6.grid a:nth-child(3){grid-column:4/5;grid-row:1/3}
.blog6.grid a:nth-child(4){grid-column:3/4;grid-row:2/3}
.blog6.grid a img{height:100%;width:100%;object-fit:cover}
.blog5.grid{display:grid;grid-template:auto / repeat(3,1fr);grid-gap:32px}
.blog4.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog4.grid a:nth-child(1){grid-column:1/2;grid-row:1/2}
.blog4.grid a:nth-child(5){grid-column:2/4;grid-row:1/3}
.blog4.grid a:nth-child(2){grid-column:4/5;grid-row:1/2}
.blog4.grid a:nth-child(4){grid-column:4/5;grid-row:2/3}
.blog4.grid a:nth-child(3){grid-row:2/3;grid-column:1/2}
.blog4.grid a img{width:100%;height:100%;object-fit:cover}
.blog2.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog2.grid a:nth-child(5){grid-column:1/2;grid-row:1/3}
.blog2.grid a:nth-child(1){grid-column:2/4;grid-row:1/2}
.blog2.grid a:nth-child(2){grid-column:4/5;grid-row:1/2}
.blog2.grid a:nth-child(3){grid-column:2/3;grid-row:2/3}
.blog2.grid a:nth-child(4){grid-column:3/5;grid-row:2/3}
.blog2.grid a img{width:100%;height:100%;object-fit:cover}
.blog3.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog3.grid a:nth-child(5){grid-column:1/2;grid-row:1/3}
.blog3.grid a:nth-child(1){grid-column:2/4;grid-row:1/2}
.blog3.grid a:nth-child(2){grid-column:4/5;grid-row:1/2}
.blog3.grid a:nth-child(3){grid-column:2/3;grid-row:2/3}
.blog3.grid a:nth-child(4){grid-column:3/5;grid-row:2/3}
.blog3.grid a img{width:100%;height:100%;object-fit:cover}
.blog1.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog1.grid a img{width:100%;height:100%;object-fit:cover}
.blog2-1.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog2-1.grid a:nth-child(1){grid-row:1/3;grid-column:1/2}
.blog2-1.grid a:nth-child(2){grid-column:2/4;grid-row:1/2}
.blog2-1.grid a:nth-child(3){grid-column:4/5;grid-row:1/2}
.blog2-1.grid a:nth-child(4){grid-row:2/3;grid-column:2/5}
.blog2-1.grid a img{width:100%;height:100%;object-fit:cover}
.blog2-2.grid{display:grid;grid-template:auto / repeat(4,1fr);grid-gap:32px}
.blog2-2.grid a:nth-child(4){grid-column:3/5;grid-row:2/3}
.blog2-2.grid a:nth-child(1){grid-column:1/3;grid-row:1/2}
.blog2-2.grid a:nth-child(2){grid-row:1/2;grid-column:3/4}
.blog2-2.grid a:nth-child(3){grid-column:4/5;grid-row:1/2}
.blog2-2.grid a:nth-child(5){grid-column:1/2;grid-row:2/3}
.blog2-2.grid a:nth-child(6){grid-row:2/3;grid-column:2/3}
.blog2-2.grid a img{width:100%;height:100%;object-fit:cover}
.blog2-2.grid a{height:200px}
.introPage .grid a{position:relative}
.introPage .grid a:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,rgba(56,62,112,0) 0,rgba(56,62,112,0) .01%,rgba(56,62,112,0.86) 100%);transition:.8s ease;opacity:0}
.introPage .grid a:hover::after{opacity:1}
.introPage .grid .fancy{cursor:zoom-in}
.nashaKomanda img {width: 100%;height: 100%;object-fit: cover;transition: 1s;filter: grayscale(1);}
.nashaKomanda:hover img {transform: scale(1.2);}
.nashaKomanda:before{background:linear-gradient(180deg,rgba(56,62,112,0) 0,rgba(56,62,112,0.85) 100%);position:absolute;bottom:0;left:0;width:100%;height:100%;content:''; transition: 0.8s ease; opacity: 1;}
.nashaKomanda:hover::before{opacity: 0;}
.nasgaKomands__sabtitle{opacity:0;transition:.8s ease}
.nashaKomanda__title{margin-bottom:20px}
.nashaKomanda__title p{color:#fff;font-weight:700;font-size:14px;line-height:16px;text-transform:uppercase}
.nashaKomanda:hover .nasgaKomands__sabtitle{opacity:1}
.nashaKomanda:hover .nashaKomanda__cont{top:calc(100% - 80%)}
.vidy__cont img{height:100%;width:100%;object-fit:cover}
.burgerMenu {position: relative;width: 40px;height: 20px;display: none;}
div#galleryId>div {position: relative;cursor: zoom-in;}
section.novosti.top125 .novosti__cont {padding: 20px;}
.novostiImg_Wrap {height: 250px;}
.novostiImg_Wrap img {height: 100%;width: 100%;object-fit: cover;}
.nashiUslugi__cont.blog .blogTitle a {text-transform: uppercase;}
.blockCenter{display:flex;justify-content:center}
.footerBlock.between{width:100%}
.footer-top p.blogTitle.bot30{margin-bottom:20px;}
.footerBlock__cont a p{font-size:15px}
.nashiProekty2Sabtitle{color:#fff;font-weight:500;margin-bottom:10px}
.grid4.eskiz a.btmMore.up{padding:15px 25px}
.intr{position:relative;height:100vh}
.intr__iner1{position:absolute;height:72vh;top:54%;transform:translate(0,-50%);width:100%}
img.big{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}
img.small{position:absolute;bottom:20px;left:20px; z-index: 1; }
.intr__iner1:after {background: linear-gradient(90deg, rgba(56, 62, 112, 0.75) 0%, rgba(56, 62, 112, 0) 100%);position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;}
img.small.h {height: 90px;}
img.small.b {width: 200px;}
.eskiz a.btmMore {width: 100%;text-align: center;}
body {background: rgba(232, 232, 232);}
.novostiSabtitle {-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.introInner_page__img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(56, 62, 112, 0.75) 0%, rgba(56, 62, 112, 0) 100%);
}

.oKompanii-block2__img {
    position: relative;
}

.oKompanii-block2__img:before {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, rgba(56, 62, 112, 0.75) 0%, rgba(56, 62, 112, 0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section.partner {
    background: #fff;
    padding-top: 20px;
}

.mails img {height:400px;}

/*MEDIA SCREEN===================*/

@media screen and (max-width:1200px){
.logo {width: 23%;}
.navig {width: 70%;}
.container{ max-width: 1140px; width: 100%; margin: 0 auto;}
button.slick-arrow {display: none !important;}
.introInner_page__title p {width: 50%;}
section#layout-content:before {width: 70%;}
}

@media screen and (max-width:1025px){
.menumain a:last-child {display: none;}
.vidy__cont:hover .vidy__inner {top: calc(100% - 45%);transform: translate(0,-50%);}
.navig{width:67%}
section#layout-content:before{width:70%}
.projects{width:50%}
.nashiUslugiBlock.grid4{grid-template:auto / repeat(3,1fr)}
.nashiUslugi__cont.blog .blogTitle{font-size:18px}
.nashiUslugiBlock .blog__cont{top:calc(100% - 24%)}
.footerBlock.between{display:grid;grid-template:auto / repeat(2,1fr);grid-gap:32px}
.footerBlock__cont:nth-child(1){width:100%; padding-right:30px;}
.footerBlock__cont:nth-child(2){width:86%}
.footerBlock__cont:nth-child(3){display:none}
.introInner_page__title p{width:48%}
.vidy__inner{bottom:calc(100% - 169%);margin:0;padding:0 10px}
.oKompanii-block2__img{width:100%;margin-bottom:30px}
.oKompanii-block2__cont{width:100%;margin-bottom:30px}
.oKompanii-block2 .fbc{display:block}
.oKompanii-block2__img img{width:100%}
.vidy__cont:hover .vidy__inner{bottom:calc(100% - 150%)}
.proekty__inner p.blockTitle{font-size:34px;line-height:40px}
.blogIntro__title{font-size:34px;line-height:40px}
.blogIntro1__cont{height:80vh}
.toyota.fbc{display:block}
.toyota.fbc .wrapBlog-img{width:100%;margin-bottom:30px}
.toyota.fbc .wrapBlog-img img{width:100%}
.toyota.fbc .wrapBlog-cont{width:100%}
.blockTitle{font-size:34px;line-height:40px}
.introInner_page.kontaktyWrap {height: auto;position: relative;margin-top: 125px;}
iframe {position: relative;top: 0;transform: translate(0, 0);width: 100%;height: 400px;display: block;grid-area: map;}
.introKontakty {position: relative;margin: 0;transform: translate(0,0); width: 40%; grid-area: kon;top: 0;margin-bottom: 40px;}
.contaktyMap {display: grid; grid-template-areas:"kon" "map";}
.blockTitle {font-size: 34px;line-height: 40px;}
div#galleryId {grid-template: auto / repeat(3, 1fr);}
.nashaKomandaBlock.grid5 {grid-template: auto / repeat(4, 1fr);}
.grid4.eskiz {grid-template: auto / repeat(3,1fr);}
}

@media screen and (max-width:770px){
.projects{width:76%}
.ourprojects{padding:10px 40px;font-size:16px}
.buildings{font-size:34px;line-height:40px}
.block2.grid3{grid-template:auto / repeat(2,1fr);grid-row-gap:32px}
.block2__cont{display:flex;flex-direction:column;align-items:center}
.nashi-proektyBlock.grid3{grid-template:auto / repeat(2,1fr)}
a.btmMore{padding:15px 30px;font-size:16px}
.nashiUslugiBlock.grid4{grid-template:auto / repeat(2,1fr)}
.vidyBlock.grid3{grid-template:auto / repeat(2,1fr)}
.vidy__inner{bottom:-275px;padding:0 20px}
.vidy__cont:hover .vidy__inner{bottom:-26%}
.proekty__inner p.blockTitle{font-size:27px;line-height:33px}
.blog6.grid a:nth-child(2){grid-column:2/3;grid-row:1/2}
.fbc.wid100{display:block}
.fbc.wid100 .wrapBlog-img{width:100%;margin-bottom:40px}
.fbc.wid100 .wrapBlog-img img{width:100%}
.fbc.wid100 .wrapBlog-cont{width:100%}
.blog6.grid{grid-template:auto / repeat(2,1fr)}
.blog6.grid a:nth-child(1){grid-column:1/2;grid-row:1/2}
.blog6.grid a:nth-child(3){grid-column:1/2;grid-row:2/3}
.blog6.grid a:nth-child(4){grid-column:2/3;grid-row:2/3}
.blog5.grid{grid-template:auto / repeat(2,1fr)}
.blog4.grid{grid-template:auto / repeat(3,1fr)}
.blog4.grid a:nth-child(2){grid-column:2/3;grid-row:1/2}
.blog4.grid a:nth-child(3){grid-column:3/4;grid-row:1/2}
.blog4.grid a:nth-child(4){grid-column:1/2;grid-row:2/3}
.blog4.grid a:nth-child(5){grid-column:2/3;grid-row:2/3}
.blog4.grid a:nth-child(1){grid-column:1/2;grid-row:1/2}
.blog1.grid{grid-template:auto / repeat(3,1fr)}
.nashaKomandaBlock.grid4{grid-template:auto/ repeat(3,1fr)}
.introKontakty{width:73%}
.introKontakty{width:73%}
input.input-submit{padding:10px 20px;font-size:16px}
.disflex.center input{padding:15px 15px}
.nashaKomanda__title p{font-size:16px}
.burgerMenu{ display: block;}
.menumain{position:fixed;width:43%;left:0;height:100%;top:0;background:#000000d1;z-index:0;padding-top:100px;display:block;padding-left:15px;transition:.8s ease;transform:translate(-100%,0);margin:0}
.menumain a{display:block;color:#fff}
header.fix .menumain a{color:#fff;text-transform:uppercase}
header .menumain a:not(:last-child){margin-bottom:15px}
.menumain a:before{display:none}
.burgerMenu.activeBurger:before{transition:.8s ease;transform:translate(0,-50%) rotate(45deg);top:50%}
.burgerMenu.activeBurger:after{transform:translate(0,-50%) rotate(-45deg);top:50%;transition:.8s ease}
.burgerMenu.activeBurger span{transition:.8s ease;opacity:0}
.menumain.activeBurger{transition:.8s ease;transform:translate(0,0)}
.burgerMenu:before{width:100%;height:2px;top:0;transform:translate(0,0);position:absolute;content:'';background:#383e70;left:0;transition:.8s ease}
.fix .burgerMenu:before{background:#383e70;transition:.8s ease}
.fix .burgerMenu:after{background:#383e70;transition:.8s ease}
.fix .burgerMenu span{background:#383e70;transition:.8s ease}
.burgerMenu:after{width:100%;height:2px;bottom:2px;transform:translate(0,0);position:absolute;content:'';background:#383e70;left:0;transition:.8s ease}
.burgerMenu span{width:100%;height:2px;top:51%;transform:translate(0,-50%);left:0;position:absolute;background:#383e70;transition:.8s ease;opacity:1}
.navig{width:auto}
.logo{width:80%}
.logo img{height:45px}
.nivoctiBlock {grid-template: auto /repeat(2,1fr);}
.nashaKomandaBlock.grid5 {grid-template: auto / repeat(3, 1fr);}
header .menumain a {
    color: #fff;
}

@media screen and (max-width:600px){
.nashaKomandaBlock.grid5 {grid-template: auto / repeat(2, 1fr);}
.vidyBlock.grid3{grid-template:auto / repeat(1,1fr)}
.vidy__cont:hover .vidy__inner{bottom:-18%}
section.bot70{margin-bottom:40px}
section#layout-content:before{width:60%}
.menumain.activeBurger{width:51%}
.buildings{font-size:28px;line-height:35px}
.blockTitle{font-size:28px;line-height:35px}
.block2.grid3{grid-template:auto /repeat(1,1fr)}
.nashi-proektyBlock.grid3{grid-template:auto /repeat(1,1fr)}
.nashiUslugiBlock.grid4{grid-template:auto / repeat(1,1fr)}
.oKompanii .introInner_page__img{height:80vh}
.oKompanii .introInner_page__img img{height:100%;width:100%;object-fit:cover}
.proekty__inner p.blockTitle{font-size:23px;line-height:29px;}
.blog6.grid{grid-template:auto / repeat(1,1fr)}
.blog6.grid a:nth-child(1){grid-column:1/1;grid-row:1/2}
.blog6.grid a:nth-child(2){grid-column:1/1;grid-row:2/3}
.blog6.grid a:nth-child(3){grid-column:1/1;grid-row:3/4}
.blog6.grid a:nth-child(4){grid-column:1/1;grid-row:4/5}
.blog5.grid{grid-template:auto / repeat(1,1fr)}
.blog4.grid{grid-template:auto / repeat(1,1fr)}
.blog4.grid a:nth-child(1){grid-column:1/2;grid-row:1/2}
.blog4.grid a:nth-child(2){grid-column:1/2;grid-row:2/3}
.blog4.grid a:nth-child(3){grid-column:1/2;grid-row:3/4}
.blog4.grid a:nth-child(4){grid-column:1/2;grid-row:4/5}
.blog4.grid a:nth-child(5){grid-column:1/2;grid-row:5/6}
.blogIntro__title{font-size:28px;line-height:35px}
.blog2.grid{display:grid;grid-template:auto / repeat(1,1fr)}
.blog2.grid a:nth-child(1){grid-row:1/2;grid-column:1/2}
.blog2.grid a:nth-child(2){grid-row:2/3;grid-column:1/2}
.blog2.grid a:nth-child(3){grid-row:3/4;grid-column:1/2}
.blog2.grid a:nth-child(4){grid-row:4/5;grid-column:1/2}
.blog2.grid a:nth-child(5){grid-row:5/5;grid-column:1/2}
.blog3.grid{display:grid;grid-template:auto / repeat(1,1fr)}
.blog3.grid a:nth-child(1){grid-row:1/2;grid-column:1/2}
.blog3.grid a:nth-child(2){grid-row:2/3;grid-column:1/2}
.blog3.grid a:nth-child(3){grid-row:3/4;grid-column:1/2}
.blog3.grid a:nth-child(4){grid-row:4/5;grid-column:1/2}
.blog3.grid a:nth-child(5){grid-row:5/5;grid-column:1/2}
.blog1.grid{grid-template:auto /repeat(1,1fr)}
.blog2-2.grid{display:grid;grid-template:auto / repeat(1,1fr)}
.blog2-2.grid a:nth-child(1){grid-row:1/2;grid-column:1/2}
.blog2-2.grid a:nth-child(2){grid-row:2/3;grid-column:1/2}
.blog2-2.grid a:nth-child(3){grid-row:3/4;grid-column:1/2}
.blog2-2.grid a:nth-child(4){grid-row:4/5;grid-column:1/2}
.blog2-2.grid a:nth-child(5){grid-row:5/6;grid-column:1/2}
.blog2-2.grid a:nth-child(6){grid-row:6/7;grid-column:1/2}
.nashaKomandaBlock.grid4{grid-template:auto /repeat(2,1fr)}
.blog2-1.grid{display:grid;grid-template:auto / repeat(1,1fr)}
.blog2-1.grid a:nth-child(1){grid-row:1/2;grid-column:1/2}
.blog2-1.grid a:nth-child(2){grid-row:2/3;grid-column:1/2}
.blog2-1.grid a:nth-child(3){grid-row:3/4;grid-column:1/2}
.blog2-1.grid a:nth-child(4){grid-row:4/5;grid-column:1/2}
.footerWidth{width:64%}
div#galleryId {grid-template: auto / repeat(2, 1fr);}
.nivoctiBlock {grid-template: auto /repeat(1,1fr);}
}

@media screen and (max-width:430px){
.logo{width:60%}
.logo img{height:35px}
.buildings{font-size:23px;line-height:25px}
.projects{width:75%}
.blockTitle{font-size:23px;line-height:25px}
.innerTitle{font-size:18px}
.blogTitle a{font-size:16px}
.blog:hover .blogMore-wrap{font-size:14px}
a.blogMore{font-size:16px}
.blogTitle a:before{bottom:-10px}
.footerBlock.between{display:block}
.footerBlock__cont:nth-child(2){display:none}
.footerBlock__cont a:not(:last-child){margin-bottom:10px}
.footerBlock.between{padding:30px 0 10px 0}
.block2__cont p{text-align:center}
.menumain.activeBurger{width:65%}
.introInner_page__title p{width:81%}
p{font-size:14px}
.preokty.grid2{grid-template:auto / repeat(1,1fr)}
.nashaKomandaBlock.grid4{grid-template:auto / repeat(1,1fr)}
.kontaktyblock .disflex.center{display:block;width:100%}
input{width:100%}
.input-inner1{margin:0 0 20px 0}
.footerWidth{width:100%}
.introKontakty{width:100%}
.blockTitle1{font-size:28px;line-height:35px}
div#galleryId{grid-gap:10px}
.nashaKomandaBlock.grid5 {grid-template: auto / repeat(1, 1fr);}
.footerBlock.between{ width: 100%;} 
.intro .top125 {margin-top: 101px;}
img.small.b {width: 125px;}
img.small.h {height: 60px;}
.grid4.eskiz {grid-template: auto / repeat(1,1fr);}
.eskiz a.btmMore {width: inherit;min-height: auto;}
}

@media screen and (max-width:380px){
div#galleryId {grid-template: auto / repeat(1, 1fr);} 
div#galleryId {grid-gap: 25px;}
.menumain.activeBurger {width: 76%;}
}