@import "libs/prefixer.less";
.w1400 {
  .block{min-height: 785px;}
  .block h1{font-size: 30px;}
  .block h1 img{height: 42px;}
  .block h3{font-size: 24px;}
  //.block__bottom{display: none;}
  .block .button{margin-top: 75px;}

  .scheme{margin-top: 100px;}
  .scheme__img{width: 70px; height: 70px;}
  .scheme__bg2{display: inline-block; height: 270px;}
  .scheme__bg1{display: none;}
  .scheme__comp{top: 77px; width: 213px; height: 135px; margin-left: -98px;}
  .scheme__text{bottom: -65px; font-size: 16px;}
  .scheme__item--1794{margin-left: -345px; bottom: 55px;}
  .scheme__item--1795{margin-left: -225px; top: -20px;}
  .scheme__item--1796{margin-left: -30px; top: -80px;}
  .scheme__item--1797{margin-left: 112px; top: -30px;}
  .scheme__item--1798{margin-left: 245px; bottom: 65px;}

  .about .wrapper{padding: 60px 30px;}
  
  .projects__list{min-height: 420px;}
  .project--solution{
    .button__container{left: auto; right: 10px; margin-left: 0;}
    .button__container.active{right: auto; left: 100%; margin-left: -30px;}
  }
}

.w1250 {
  .project--solution{
    .button__container{right: auto; left: 50%; margin-left: 133px;}
    .button__container.active{left: auto; right: 0; margin-left: 0;}
  }
}

.w1100 {
  h1, .h1{font-size: 36px;}
  h2, .h2{font-size: 30px;}
  h3, .h3{font-size: 24px;}

  .block__bottom{display: block;}
  .block__bottom{margin-top: 15px;}

  .wrapper{width: 750px;}

  .header__menu{display: none;}
  .header__menu-phone{float: right; display: block; margin-top: 7px;}

  .about .wrapper{padding: 60px 0 25px;}
  .about__container{margin: 0;}
  .about__title{top: 30px;}
  .about__item{width: 230px; margin-left: 20px;}

  .services__item{width: 225px;}
  .services__list{left: 0;}
  .services__list .services__item{width: 290px;}
  .services__img{max-width: 225px;}
  .services__point img{top: 3px;}
  .services__string li{padding-left: 20px;}
  .services__string{font-size: 16px;}
  .services__item .h2{margin-bottom: 10px;}

  .slider{width: 570px;}
  .slider .h1{margin-bottom: 45px;}
  .slider img{float: none;}
  .slider__text{width: 100%;}
  .slider__button{width: 750px; margin-left: -375px;}

  .mprojects{height: 430px;}
  .mprojects h1{margin-top: 28px;}
  .mprojects__comp{width: 470px; height: 260px; margin-left: -235px; margin-top: -130px;}
  .mprojects__logo{margin-top: 25px; margin-bottom: 15px;}
  .mprojects__logo img{height: 80px;}
  .mprojects__comp p{width: 240px; margin: 0 auto 10px;}
  .mprojects__comp .button{bottom: 40px;}
  .mprojects__img{top: 13px; left: 54px; width: 361px; height: 226px;}

  .contacts__string{width: 735px; font-size: 18px;}

  .rent__table{width: 615px; margin: 20px auto 0;}
  .rent__list{margin-left: -10px;}
  .rent__item{width: 180px; margin-left: 10px;}

  .partners__list{margin-left: -15px;}
  .partners__item{margin-left: 15px; width: 240px;}
  .partners__block{width: 100%;}
  /*.partners__block p{width: 440px;}*/

  .footer{border-top: 2px solid #3cafcd;}
  .footer .wrapper{border: none;}
  .projects__list{width: 100%;}
  
  .code_blocks{display: none;}

  .company__slider_buttons{display: none;}
}
.w900{
  .process__top{width: 90%;}

  .project{width: 100%; padding: 0 10px; .box-sizing(border-box);}
  .project__image img{width: 100%;}
  .project--solution .button__container{left: auto; right: 10px; margin-left: 0;}
}
.w760{
  h2, .h2{font-size: 24px}

  .wrapper{width: 580px; .box-sizing(border-box);}

  .scheme{display: none;}

  .block{min-height: 675px;}
  .block h1{font-size: 28px;}
  .block h1 img{height: 35px;}
  .block h3{font-size: 24px;}
  .block__slider{display: block;}
  .block .button{margin-top: 25px;}
  
  .bslider__text{width: 500px;}

  .about .wrapper{padding-top: 40px;}
  .about__item{width: 405px; margin: 0 auto 35px; float: none;}
  .about__item:nth-child(3){margin-bottom: 0;}
  .about__text p{text-align: center;}
  .about__ttitle{margin-bottom: 5px; font-size: 16px;}

  /*.services__string{padding-bottom: 50px;}
  .services__string:last-child{padding-top: 80px;}
  .services__string:last-child .services__header{position: absolute; top: 0; left: 0;}
  .services__header{float: none; width: 100%; margin-bottom: 40px; margin-left: 0; text-align: center;}
  .services__header{
    .h2,.h3{margin-bottom: 5px;}
  }
  .services__item:nth-child(3){float: right;}
  .services__string:last-child .services__item:first-child{float: right;}
  .services__string .button{position: absolute; left: 50%; bottom: 0; margin-left: -123px;}
  .services__img{position: relative;}
  .services__img3{top: -20px; left: -5px;}
  .services__rectangle1, .services__rectangle3, .services__rectangle5{height: 27px;}
  .services__rectangle2, .services__rectangle4{height: 60px;}*/
  .services__list{position: static;}
  .services__string{padding-top: 80px; padding-bottom: 65px;}
  .services__item.fl{position: absolute; left: 0; top: 0; float: none; width: 100%; text-align: center;}
  .services__string{
    .h2,.h3{margin-bottom: 5px;}
    .services__button{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
  }

  .slider{width: 420px; margin-top: 50px;}
  .slider__button{width: 580px; margin-left: -290px;}

  .mprojects{background: url(/images/tpl/projects-bg2.jpg); background-size: auto 100%;}
  .mprojects__comp{margin-top: -105px;}

  .contacts h1{margin-bottom: 35px;}
  .contacts__top{top: -42px; width: 85px; height: 85px; margin-left: -42px;}
  .contacts__top img{height: 50px; margin-top: 15px;}
  .contacts__form{width: 550px; padding: 15px;}
  .contacts__string{width: 370px;}
  .contacts__form .fl{width: 260px;}
  .contacts__form .fr{width: 260px;}
  .partners__bottom .center{width: 100%;}

  .rent__item{float: none; margin: 0 auto;}
  .rent__list{margin-left: 0;}
  .rent__rectangle{display: block;}
  .rent__table{width: 410px;}

  .partners__list{margin-left: 0;}
  .partners__item{float: none; margin: 0 auto 15px;}
  .partners__block .fl{float: none; text-align: center;}
  .partners__block .fr p{width: 100%; text-align: center;}
  .partners__block{
	.fl, .fr{display: block; width: 100%; padding: 0;}
	.fr{margin-top: 10px;}
  }

  .projects__list{width: 500px; margin: 20px auto 0;}

  .process__line{bottom: 182px;}

  .project{margin-top: 80px;}
  .project__block .fl, .project__block .fr{float: none; width: 400px; margin: 0 auto 30px;}
  .project__block{margin-bottom: 40px;}
  .project__content_left{float: none; line-height: normal;}
  .project__content_right{float: none; margin-top: 15px;}
  .project__content_right{
    span{display: block;}
    .button{margin-left: 0; margin-top: 15px;}
  }

  .vacancies, .partner{margin-top: 85px;}
  .vacancies__content, .partner__content{width: 100%;}
  .vacancies__content p:last-child{text-align: center;}
  .partner__logo{float: none; margin: 15px 0 0; text-align: center;}
  
  .preloader--mod{position: absolute; min-height: 460px;}
  .preloader--mod .preloader__center{left: 0; top: 100px; width: 100%; height: auto; margin: 0;}
  .preloader--mod .preloader__top img{height: 30px;}
  
  .footer .wrapper{padding: 5px 0; line-height: 25px;}
  .footer .fl, .footer .fr{float: none; text-align: center;}
}

.w580{
  h1, .h1{font-size: 22px;}

  .wrapper{width: 460px;}

  .block h1{font-size: 22px;}
  .block h1 img{height: 33px;}
  .block h3{font-size: 20px;}
  .block__bottom{display: none;}

  .bslider__img{top: -292px; left: 101px;}
  .bslider__img img{height: 167px;}
  .bslider__pc1{display: none;}
  .bslider__pc2{display: inline-block;}
  .bslider__text{width: 400px;}

  .about__title{top: 20px; width: 165px;}

  /*.services__string1{padding-top: 260px;}
  .services__string1 .services__item:nth-child(3){top: 35px;}
  .services__string2{padding-top: 190px;}
  .services__string2 .services__item:nth-child(3){top: 10px;}
  .services__string3 .services__item:nth-child(3){top: 10px;}
  .services__string .services__header, .services__string:last-child .services__header{left: 50%; width: 265px; margin-left: -132px;}
  .services__string:last-child{padding-top: 295px;}
  .services__item{float: none; width: 300px; margin: 0 auto;}
  .services__list{width: 240px!important;}
  .services__item:nth-child(3){position: absolute; top: 20px; width: 100%; float: none; text-align: center;}
  .services__string:last-child .services__item:first-child{position: absolute; top: 20px; left: 100px; text-align: center;}
  .services__string:last-child .services__header{position: absolute; top: 170px;}
  .services__header{width: 100%; margin: 0 0 15px 0;}
  .services__rectangle1, .services__rectangle3, .services__rectangle5{height: 13px;}
  .services__rectangle2, .services__rectangle4{height: 44px;}*/
  .services__string{padding: 0;}
  .services__item{width: 100%; margin-bottom: 10px; text-align: center;}
  .services__list .services__item{width: 100%; text-align: left;}
  .services__item{float: none; text-align: center;}
  .services__item.fl{position: static;}
  .services__string .services__button{position: static; margin-top: 10px;}

  .slider{width: 400px;}
  .slider__button{display: none;}
  .slider__text{margin-top: 40px; text-align: center;}
  .owl-controls{position: absolute; top: 260px; left: 50%; display: block!important; width: 322px; margin-left: -160px;}
  

  .mprojects__comp{width: 455px; height: 255px; margin-left: -227px; margin-top: -100px;}
  .mprojects__img{top: 13px; left: 52px; width: 352px; height: 219px;}

  .contacts h1, .contacts .h1{margin-bottom: 20px;}
  .contacts__string{width: 290px;}
  .contacts__viber{width: 220px;}
  .contacts__form{width: 410px; padding: 25px;}
  .contacts__form h3{font-size: 16px; margin-bottom: 10px;}
  .contacts__form p{width: 220px; margin: 0 auto;}
  .contacts__form .fl, .contacts__form .fr{float: none; width: 285px; margin: 0 auto;}
  .contacts__form textarea{margin-top: 20px;}
  .contacts__container--mod{margin-left: -36px;}

  .projects__list{width: 250px; margin: 20px auto 0;}
  .projects__container.hover .projects__back{.transform(rotateY(0deg)); .transition(1s); transform-style: preserve-3d; z-index: 2;}
  .projects__container.hover .projects__front{.transform(rotateY(180deg)); .transition(1s); transform-style: preserve-3d; z-index: 2;}
  .project--solution{
    .button__container{left: 0; right: 0; bottom: 0; width: 100%; padding-bottom: 5px;}
    .button__container.active{left: 0; right: 0; bottom: 0; width: 100%;}
    .button__container_outer{top: -65px; height: 50px; margin-top: 50px;}
  }

  .process h1, .process .h1{width: 90%;}
  .wrapper--process{width: 260px;}
  .process__bottom{background-position-x: -80px;}
  .process__content{padding: 35px 15px 0;}
  .process__line{bottom: 208px;}

  .project__arrows{width: 90%;}

  .vacancies__title, .partner__title{font-size: 16px;}
  
  .popup{width: 190px; margin-left: -150px;}
  .popup input{width: 100%; height: 35px;}
  .popup button{width: 100%; height: 35px; background-size: cover; line-height: 35px;}
  
  .error{min-height: 455px;}
  .error .preloader__top{margin-bottom: 40px; font-size: 18px;}
  .error .preloader__top img{height: 30px;}
  .error .preloader__h3{font-size: 18px;}
  .error__center{height: 455px; margin-top: -227px;}
}

.w465{
  .wrapper{width: 300px;}

  .header__phone{display: none;}

  .block{min-height: 600px;}
  .block h1{font-size: 14px; line-height: 45px;}
  .block h1 img{height: 20px;}
  .block h3{font-size: 16px; margin: 0;}
  .block .button{display: none;}

  .bslider__text{width: 270px;}
  .bslider__img{left: 22px;}
  .bslider__button{top: 34px; margin-top: 0; z-index: 1;}

  .about__item{width: 275px;}

  //.services__string:last-child .services__item:first-child{left: 20px;}
  
  .slider{width: 320px;}
  .slider__img{height: 225px;}
  .slider img{width: 320px;}
  .owl-controls{top: 217px;}

  .mprojects{height: 290px; background-size: auto; background-position-y: 88%;}
  .mprojects__comp{width: 300px; height: 170px; margin-left: -150px; margin-top: -75px;}
  .mprojects__comp .button{width: 160px; height: 26px; padding-left: 10px; line-height: 26px; font-size: 14px; text-align: left; .box-sizing(border-box);}
  .mprojects__comp .button img{top: 8px; right: 10px; width: 5px; height: 10px;}
  .mprojects__logo{margin-top: 15px; margin-bottom: 0;}
  .mprojects__logo img{height: 50px;}
  .mprojects__comp p{margin-bottom: 5px;}
  .mprojects__img{top: 9px; left: 35px; width: 234px; height: 146px;}
  .mprojects__comp .button{bottom: 25px; margin-left: -80px;}

  .contacts h1, .contacts .h1{margin-bottom: 15px;}
  .contacts__top{top: -35px; width: 70px; height: 70px; margin-left: -35px;}
  .contacts__top img{height: 42px;}

  .contacts__form{width: 285px; padding: 30px 10px;}
  .contacts__form p{width: 225px;}
  .contacts__form .fl, .contacts__form .fr{width: 260px;}

  .pmenu__item{margin-left: -3px;}

  .rent__table{width: 100%;}
  .rtable__item{width: 100%; .box-sizing(border-box);}

  .partners__form{position: relative; width: 100%; padding: 30px 15px; .box-sizing(border-box); margin: 0; margin-top: 100px; left: 0;}
  .partners__form .popup__title{font-size: 16px;}
  .partners__form input, .partners__form textarea{width: 100%;}
  .partners__italic{font-size: 16px;}

  .projects .wrapper{width: 100%;}
  .projects__menu{width: 300px; margin: 0 auto;}
  .projects__mitem{margin-left: 0; padding: 4px 10px;}
  .projects__mitem:nth-child(even){float: right;}
  .projects__mitem:nth-child(odd){float: left;}
  .projects__list{width: 320px; min-height: 320px;}
  .projects__container{width: 100%; height: 320px;}
  .projects__front, .projects__back{width: 100%; height: 100%;}
  .projects__container img{width: 100%;}

  .project__arrows{width: 100%;}
  .project__block .fl, .project__block .fr{width: 100%;}
  .project__center{width: 300px;}
  .project__center p{width: 240px;}
  /*.project__arrows .fl, .project__arrows .fr{height: 20px; overflow: hidden;}*/
  /*.project__arrows .fl span{float: left; width: 100px;}*/
  /*.project__arrows .fr span{float: left; width: 85px;}*/
  .project__arrows .fl img{/*float: left;*/ margin-right: 10px;}
  
  //.process__number{}

  .process__title{width: 90%; margin: 5px auto 0;}
  .process__line{right: -27px;}

  .footer .wrapper{padding: 5px 0; line-height: 25px;}
  .footer .fl, .footer .fr{float: none; text-align: center;}
  
  .error{min-height: 490px;}
  .error__center{height: 490px; margin-top: -245px;}
  .error .preloader__top{width: 300px; margin: 20px auto 30px;}
  .error__img{left: -10px;}
}