:root {
	--font-color: #000;
	--h-font: #000;
	--white-text: #fff;
	--orange-color: #F05927;
  --orange-light: #FF591B;
}

html {
  scroll-behavior: smooth;
  max-width: 100vw;
}
body {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    scroll-behavior: smooth;
    line-height: 1.2;
}

body{
	font-family: 'Comfortaa', cursive;
	color:var(--font-color);
  font-size: 16px;
}

img {
  max-width: 100%;
}

.work {
  font-size: 12px;
  line-height: 13px;
  margin: 0px;
  margin-top: 10px;
}
.work .wtime {
  display: inline-block;
  margin-left: 29px;
  color: var(--font-color);
}
header nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
header nav ul li a {
  font-size: 16px;
  line-height: 121%;
  color: var(--font-color);
  text-transform: uppercase;
}
header nav ul li a:hover {
  color: var(--font-color);
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-position: under;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
.btn.blue_btn {
  background: linear-gradient(139.09deg, #00A0E3 0%, #005CB0 100%);
  border-radius: 10px;
  font-size: 13px;
  line-height: 14px;
  color: #fff;
  box-shadow: none !important;
  display: block;
  text-align: center;
  padding: 10px 13px;
  border: 0px;
  text-transform: uppercase;
}
header nav {
  margin-top: 20px;
}
.top_banner {
  background-image: url(../images/topbg.jpg);
  background-size: cover;
  background-position: center;
  padding: 84px 0px;
  margin-top: 55px;
}

.rootpage h1 {
  color: #fff;
}
h1 {
  font-size: 36px;
  line-height: 121%;
  text-align: center;
  text-transform: uppercase;
  width: 720px;
  max-width: 100%;
  margin: 0px auto;
  font-weight: bold;
}
h1 + p {
  font-size: 14px;
  line-height: 121%;
  text-align: center;
  color: #FFFFFF;
  width: 720px;
  max-width: 100%;
  margin: 0px auto;
  margin-top: 9px;
}
h1 + p + p {
  font-weight: bold;
  font-size: 24px;
  line-height: 121%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0px auto;
  margin-top: 113px;
}
h1 + p + p + .btn.blue_btn {
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0px 0px 5px 2px rgba(22, 17, 17, 0.25) !important;
  width: 160px;
  margin: 0px auto;
  margin-top: 19px;
  padding: 13px 0px;
}
h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 121%;
  text-align: center;
  text-transform: uppercase;
  margin: 0px;
}
.popular, .reviews {
  padding: 89px 0px;
}
.popular .item, .reviews .item {
  background: #F9F9F9;
  box-shadow: 0px 0px 5px 2px rgba(22, 17, 17, 0.25);
  border-radius: 10px;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.reviews .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popular .item img{
  width: 100%;
}
.popular .owl-carousel.owl-theme .owl-stage-outer, .reviews .owl-carousel.owl-theme .owl-stage-outer {
  padding: 46px 0px;
  flex: 1 1 auto;
}
.popular .owl-carousel.owl-theme, .reviews .owl-carousel.owl-theme {
  padding: 0px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popular .owl-nav, .popular .owl-dots, .reviews .owl-nav, .reviews .owl-dots {
    margin: 0px 40px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}
.catal_item img {
  display: block;
  margin: 0px auto;
  height: 185px;
}
.catal_item {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 121%;
  margin: 38px 0px;
  display: block;
}
.catal_item span {
  display: block;
  margin-top: 15px;
  color: var(--font-color);
}
.catalog {
  padding: 6px 0px;
}
.preim {
  background-image: url(../images/prebg.jpg);
  background-size: cover;
  background-position: center;
  padding: 20px 0px;
  margin-top: 193px;
}
.preim ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.preim ul li {
  min-height: 160px;
  position: relative;
  padding: 14.5px 0px;
  padding-left: 47px;
}
.preim ul li span {
  font-weight: bold;
  font-size: 14px;
  line-height: 121%;
  display: block;
  min-height: 21px;
  width: 159px;
}
.preim ul li p {
  font-weight: bold;
  font-size: 12px;
  line-height: 121%;
  margin: 0px;
  margin-top: 10px;
}
.preim ul li:nth-child(2) {
  min-height: 135px;
}
.preim ul li:nth-child(3) {
  min-height: 105px;
}
.preim .btn.blue_btn {
  display: inline-block;
  font-size: 12px;
  margin-top: 30px;
}
.preim ul li:before{
  content:'';
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 15px;
  background-image: url(../images/preim/1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.preim ul li:nth-child(2):before{
  background-image: url(../images/preim/2.svg);
}
.preim ul li:nth-child(3):before{
  background-image: url(../images/preim/3.svg);
}

.preim .row .col-md-3:nth-child(3) ul li:nth-child(1):before{
  background-image: url(../images/preim/4.svg);
}
.preim .row .col-md-3:nth-child(3)  ul li:nth-child(2):before{
  background-image: url(../images/preim/5.svg);
}
.preim .row .col-md-3:nth-child(3)  ul li:nth-child(3):before{
  background-image: url(../images/preim/6.svg);
}
.calc_block {
  background-image: url(../images/calcbg.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 0px;
}
.calc_block h2 {
  color: #fff;
  margin-bottom: 21px;
}
#calc > * {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
}
#restable {
  margin-top: 12px;
  min-height: calc(275px + 60px);
}
#calc p {
  border-bottom: 1px #B9B9B9 solid;
  margin: 0px;
  border-left: 1px #B9B9B9 solid;
  padding: 7px;
  text-align: left;
}
.result.row .col-8 {
  padding-right: 0px;
}
.result.row .col-8+.col-2 {
  padding-left: 0px;
  padding-right: 0px;
}
.result.row .col-2 p {
  border-right: 1px #B9B9B9 solid;
}
.result.row .col-8:first-child p {
  border-top-left-radius: 3px;
  border-top: 1px #B9B9B9 solid;
}
.result.row .col-8:first-child + .col-2 p {
  border-top: 1px #B9B9B9 solid;
  border-top-right-radius: 3px;
}
.result.row .col-8:nth-last-child(3) p {
  border-bottom-left-radius: 3px;
}
.result.row .col-8:nth-last-child(3) + .col-2 p {
  border-bottom-right-radius: 3px;
}
.btn.blueflat {
  background: #005CB0;
  border-radius: 5px;
  color: #fff;
  padding: 7px 20px;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  border: 0px;
  box-shadow: none;
}
.result.row .col-2:nth-child(3n) {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#calc form {
  margin: 0px;
}
#calc form div {
  padding-left: 0px;
  padding-right: 0px;
}
#calc form div.col-2 {
  text-align: right;
}
#calc form div.col-10 {
  display: flex;
  justify-content: space-between;
}
#calc form div.col-10 select {
  width: 29%;
  border: 1px solid #B9B9B9;
  border-radius: 5px;
  background: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  padding: 3px 8px;
  font-family: 'Comfortaa', cursive;
  color: var(--font-color);
  cursor: pointer;
}
.reviews {
  background-image: url(../images/revbg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 75px;
  padding-bottom: 380px;
}
footer {
  position: relative;
  z-index: 2;
  padding-top: 57px;
}
footer:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% + 300px);
  background: linear-gradient(296.17deg, #005CB0 -26.25%, #002445 37.38%, #000000 98.32%);
  content: '';
  clip-path: polygon(0 300px, 100% 0, 100% 100%, 0% 100%);
}
.feedback h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 121%;
  margin: 0px;
  margin-top: 57px;
}
.feedbackform input, .feedbackform textarea {
  background: #FFFFFF;
  border-radius: 10px;
  border: 0px;
  padding: 13px 21px;
  width: calc(50% - 10px);
  flex: 1 1 auto;
  margin: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 121%;
}
.feedbackform {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 31px;
}
.contacts h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 121%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 2;
  position: relative;
  margin-bottom: 67px;
}
footer > * {
  position: relative;
  z-index: 2;
}
.feedback h2 {
  font-weight: bold;
  font-size: 36px;
  line-height: 121%;
  text-align: center;
  color: #FFFFFF;
}
.contacts {
  margin-top: 230px;
  color: #fff;
}
.contacts p {
  font-weight: bold;
  font-size: 12px;
  line-height: 121%;
  margin-bottom: 41px;
}
.contacts ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 12px;
  line-height: 13px;
}
.contacts ul a {
  color: #fff;
}
.contacts ul li {
  width: 150px;
  padding-left: 30px;
  margin-bottom: 21px;
  min-height: 26px;
  position: relative;
}
.footer_bottom {
  margin-top: 130px;
  border-top: 1px #fff solid;
  padding-top: 29px;
  padding-bottom: 34px;
}
.footer_bottom img[src^="/bitrix/templates/iservice/images/soc"] {
  filter: invert(1);
}
.footer_bottom .row.justify-content-between > div:last-child {
  text-align: right;
}
.btn.white_btn {
  background: #F2F2F2;
  border-radius: 10px;
  padding: 5px 15px;
  border: 0px;
  font-size: 13px;
  color: var(--font-color);
  display: block;
  margin: 0px auto;
}
.feedbackform > div {
  width: 100%;
}
.feedbackform > div .btn.blue_btn {
  width: 150px;
  margin: 0px auto;
  margin-top: 40px;
}
.contacts ul li:before {
  content: '';
  position: absolute;
  left: 0px;
  top: -3px;
  width: 20px;
  height: 27px;
  background-image: url(../images/contacts/1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.contacts ul li:nth-child(2):before {
  background-image: url(../images/contacts/2.svg);
}
.contacts ul li:nth-child(3):before {
  background-image: url(../images/contacts/3.svg);
}
.contacts .col-md-9 > * {
    height: 250px !important;
}
.popular .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.popular .item a img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.popular .item a span {
  color: var(--font-color);
  padding: 5%;
  display: block;
  text-align: center;
  margin-top: 8%;
}
body:not(.rootpage) footer::before {
    height: 100% !important;
    clip-path:none !important;
}
body:not(.rootpage) footer .feedback{
  display: none !important;
}
body:not(.rootpage) footer .contacts {
    margin-top: 0px !important;
}
.notfound {
    padding: 100px 0px;
    border-top: 1px #ddd solid;
    margin-top: 50px;
}
#restable {
  position: relative;
}
#restable:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '\0412 \044B \0431 \0435 \0440 \0438 \0442 \0435  \0443 \0441 \0442 \0440 \043E \0439 \0441 \0442 \0432 \043E ';
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
  font-size: calc(25vw / 16);
  pointer-events: none;
}
#restable .result.row {
    background: #fff;
    z-index: 2;
    position: relative;
    max-height: 273px;
    transition: 0.5s ease;
    overflow: hidden;
}
.btn.loadfull {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 5px 18px;
    border: 1px solid #B9B9B9;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 28px;
    box-shadow: none;
    color: var(--font-color);
    display: none;
}
#calc {
  position: relative;
}
#calc:after {
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='background: rgba(241, 242, 243, 0) none repeat scroll 0%25 0%25; display: block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23005cb0' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  opacity: 0;
  transition: 0.2s ease;
  pointer-events: none;
}
#calc.load:after{
  opacity: 1;
  pointer-events: all;
}
.top_banner h1{
  color: #fff;
}
section.page {
  padding: 50px 0px;
}
section.page img {
  max-width: 100%;
}
#menuinp, label[for="menuinp"] {
    display: none;
}
.popular .owl-nav button, .reviews .owl-nav button {
  background: #F9F9F9 !important;
  border: 1px solid #C1C1C1 !important;
  width: 25px;
  height: 25px;
  border-radius: 50% !important;
  color:var(--font-color) !important;
}
.popular .owl-dots .owl-dot span, .reviews .owl-dots .owl-dot span{
  width: 13px;
  height: 13px;
  border: 1px solid #005CB0;
  background: transparent;
  margin: 3px;
}
.popular .owl-dots .owl-dot.active span, .reviews .owl-dots .owl-dot.active span, .popular .owl-dots .owl-dot:hover span, .reviews .owl-dots .owl-dot:hover span{
  background: #005CB0;
}
button:hover, .btn:hover{
  filter: brightness(1.1);
}
#feedbackpop label {
  display: block;
}
#feedbackpop input:not([type="checkbox"]) {
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  border: 1px #ddd solid;
}
#feedbackpop .personal input {
  display: inline-block;
  margin-right: 10px;
}
#feedbackpop .personal {
  font-size: 10px;
}
#feedbackpop .btn.blue_btn {
  display: block;
  margin: 15px auto;
}
.result.row .btn.blueflat {
  width: 80%;
}

  






@media(min-width: 1024px) and (orientation: landscape){
  .popular .owl-nav button, .reviews .owl-nav button {
    border: calc(1vw / 16) solid #C1C1C1 !important;
    width: calc(25vw / 16);
    height: calc(25vw / 16);
  }
  .popular .owl-dots .owl-dot span, .reviews .owl-dots .owl-dot span{
    width: calc(13vw / 16);
    height: calc(13vw / 16);
    border: calc(1vw / 16) solid #005CB0;
    margin: calc(3vw / 16);
  }
  .btn.loadfull {
      font-size: calc(12vw / 16);
      padding: calc(5vw / 16) calc(18vw / 16);
      border: calc(1vw / 16) solid #B9B9B9;
      border-radius: calc(5vw / 16);
      margin-top: calc(28vw / 16);
  }
  #restable .result.row {
    max-height: calc(273vw / 16);
  }
  body{
    font-size: calc(16vw / 16);
  }
  .work {
    font-size: calc(12vw / 16);
    line-height: calc(13vw / 16);
    margin-top: calc(10vw / 16);
  }
  .work .wtime {
    margin-left: calc(29vw / 16);
  }
  header nav ul li a {
    font-size: calc(16vw / 16);
  }
  header nav ul li a:hover {
    text-underline-offset: calc(3vw / 16);
    text-decoration-thickness: calc(2vw / 16);
  }
  .btn.blue_btn {
    border-radius: calc(10vw / 16);
    font-size: calc(13vw / 16);
    line-height: calc(14vw / 16);
    padding: calc(10vw / 16) calc(13vw / 16);
  }
  header nav {
    margin-top: calc(20vw / 16);
  }
  .container{
    max-width: 71.25vw;
    padding-left: calc(15vw / 16);
    padding-right: calc(15vw / 16);
  }
  .top_banner {
    padding: 5.25vw 0px;
    margin-top: 3.4375vw;
  }
  h1 {
    font-size: 2.25vw;
    width: 45vw;
  }
  h1 + p {
    font-size: calc(14vw / 16);
    width: 45vw;
    margin-top: calc(9vw / 16);
  }
  h1 + p + p {
    font-size: calc(24vw / 16);
    margin-top: calc(113vw / 16);
  }
  h1 + p + p + .btn.blue_btn {
    font-size: calc(14vw / 16);
    box-shadow: 0px 0px calc(5vw / 16) calc(2vw / 16) rgba(22, 17, 17, 0.25) !important;
    width: calc(160vw / 16);
    margin-top: calc(19vw / 16);
    padding: calc(13vw / 16) 0px;
  }
  h2 {
    font-size: calc(24vw / 16);
  }
  .popular, .reviews {
    padding: calc(89vw / 16) 0px;
  }
   .popular .item, .reviews .item {
    box-shadow: 0px 0px calc(5vw / 16) calc(2vw / 16) rgba(22, 17, 17, 0.25);
    border-radius: calc(10vw / 16);
    height: calc(300vw / 16);
  }
  .popular .owl-carousel.owl-theme .owl-stage-outer, .reviews .owl-carousel.owl-theme .owl-stage-outer {
    padding: calc(46vw / 16) 0px;
  }
  .popular .owl-carousel.owl-theme, .reviews .owl-carousel.owl-theme {
    padding: 0px calc(20vw / 16)
  }
  .popular .owl-nav, .popular .owl-dots, .reviews .owl-nav, .reviews .owl-dots {
      margin: 0px calc(40vw / 16);
      margin-top: calc(-30vw / 16);
  }
  header img[src="/bitrix/templates/iservice/images/logo.svg"], footer img[src="/bitrix/templates/iservice/images/logof.svg"]{
    width: calc(125vw / 16);
  }
  header img, footer img{
    width: calc(18vw / 16);
  }
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: calc(15vw / 16);
    padding-right: calc(15vw / 16);
  }
  .row{
    margin-right: calc(-15vw / 16);
    margin-left: calc(-15vw / 16);
  }

  .catal_item img {
    height: calc(185vw / 16);
  }
  .catal_item {
    font-size: calc(13vw / 16);
    margin: calc(38vw / 16) 0px;
  }
  .catal_item span {
    margin-top: calc(15vw / 16);
  }
  .catalog {
    padding: calc(6vw / 16) 0px;
  }
  .preim {
    padding: calc(20vw / 16) 0px;
    /*margin-top: calc(193vw / 16);*/
    margin-top: calc(50vw / 16);
  }
  .preim ul li {
    min-height: calc(160vw / 16);
    padding: calc(14.5vw / 16) 0px;
    padding-left: calc(47vw / 16);
  }
  .preim ul li span {
    font-size: calc(14vw / 16);
    min-height: calc(21vw / 16);
    width: calc(159vw / 16);
  }
  .preim ul li p {
    font-size: calc(12vw / 16);
    margin-top: calc(10vw / 16);
  }
  .preim ul li:nth-child(2) {
    min-height: calc(135vw / 16);
  }
  .preim ul li:nth-child(3) {
    min-height: calc(105vw / 16);
  }
  .preim .btn.blue_btn {
    font-size: calc(12vw / 16);
    margin-top: calc(30vw / 16);
  }
  .preim ul li:before{
    width: calc(30vw / 16);
    height: calc(30vw / 16);
    top: calc(15vw / 16);
  }
  .calc_block {
    padding: calc(50vw / 16) 0px;
  }
  .calc_block h2 {
    margin-bottom: calc(21vw / 16);
  }
  #calc > * {
    border-radius: calc(10vw / 16);
    padding: calc(30vw / 16);
  }
  #restable {
    margin-top: calc(12vw / 16);
    min-height: calc(  calc(275vw / 16) + calc(60vw / 16));
  }
  #calc p {
    border-bottom: calc(1vw / 16) #B9B9B9 solid;
    border-left: calc(1vw / 16) #B9B9B9 solid;
    padding: calc(7vw / 16);
  }
  .result.row .col-2 p {
    border-right: calc(1vw / 16) #B9B9B9 solid;
  }
  .result.row .col-8:first-child p {
    border-top-left-radius: calc(3vw / 16);
    border-top: calc(1vw / 16) #B9B9B9 solid;
  }
  .result.row .col-8:first-child + .col-2 p {
    border-top: calc(1vw / 16) #B9B9B9 solid;
    border-top-right-radius: calc(3vw / 16);
  }
  .result.row .col-8:nth-last-child(3) p {
    border-bottom-left-radius: calc(3vw / 16);
  }
  .result.row .col-8:nth-last-child(3) + .col-2 p {
    border-bottom-right-radius: calc(3vw / 16);
  }
  .btn.blueflat {
    border-radius: calc(5vw / 16);
    padding: calc(7vw / 16)calc(20vw / 16);
    font-size: calc(12vw / 16);
  }
  #calc form div.col-10 select {
    border: calc(1vw / 16) solid #B9B9B9;
    border-radius: calc(5vw / 16);
    font-size: calc(14vw / 16);
    line-height: calc(17vw / 16);
    padding: calc(3vw / 16) calc(8vw / 16);
  }





  .reviews {
    padding-top: calc( 75vw / 16);
    padding-bottom: calc( 380vw / 16);
  }
  footer {
    padding-top: calc( 57vw / 16);
  }
  footer:before {
    height: calc(100% + calc( 300vw / 16));
    clip-path: polygon(0 calc( 300vw / 16), 100% 0, 100% 100%, 0% 100%);
  }
  .feedback h3 {
    font-size: calc( 24vw / 16);
    margin-top: calc( 57vw / 16);
  }
  .feedbackform input, .feedbackform textarea {
    border-radius: calc( 10vw / 16);
    padding: calc( 13vw / 16) calc( 21vw / 16);
    width: calc(50% - calc( 10vw / 16));
    margin: calc( 5vw / 16);
    font-size: calc( 14vw / 16);
  }
  .feedbackform {
    margin-top: calc( 31vw / 16);
  }
  .contacts h2 {
    font-size: calc( 24vw / 16);
    margin-bottom: calc( 67vw / 16);
  }
  .feedback h2 {
    font-size: calc( 36vw / 16);
  }
  .contacts {
    margin-top: calc( 200vw / 16);
  }
  .contacts p {
    font-size: calc( 12vw / 16);
    margin-bottom: calc( 41vw / 16);
  }
  .contacts ul {
    font-size: calc( 12vw / 16);
    line-height: calc( 13vw / 16);
  }
  .contacts ul li {
    width: calc( 150vw / 16);
    padding-left: calc( 30vw / 16);
    margin-bottom: calc( 21vw / 16);
    min-height: calc( 26vw / 16);
  }
  .footer_bottom {
    margin-top: calc( 130vw / 16);
    padding-top: calc( 29vw / 16);
    padding-bottom: calc( 34vw / 16);
  }
  .btn.white_btn {
    border-radius: calc( 10vw / 16);
    padding: calc( 5vw / 16) calc( 15vw / 16);
    font-size: calc( 13vw / 16);
  }
  .feedbackform > div .btn.blue_btn {
    width: calc( 150vw / 16);
    margin-top: calc( 40vw / 16);
  }
  .contacts ul li:before {
    top: -3px;
    width: calc( 20vw / 16);
    height: calc( 27vw / 16);
  }
  .contacts .col-md-9 > * {
      height: calc( 250vw / 16) !important;
  }
}


@media(max-width: 1024px){
  .reviews .item img {
      object-fit: contain;
  }
  .reviews .item img {
    object-fit: contain;
  }
  .popular .item img {
    max-height: 75%;
    object-fit: contain;
  }
  .popular .item a span {
    margin: 0px;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .reviews .item img {
    object-fit: contain;
  }
  .popular .item img {
    max-height: 75%;
    object-fit: contain;
  }
  .popular .item a span {
    margin: 0px;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .catalog .container {
    max-width: 100%;
  }
  .catalog .container .row {
    overflow-x: scroll;
    display: block;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .catalog .container .row .col-md-3 {
    width: 60%;
    display: inline-block;
    max-width: unset;
    max-width: 250px;
  }
  .row.notsend {
    display: block;
  }
  .row.notsend > div {
    display: flex;
    justify-content: center !important;
    max-width: 100%;
    margin: 15px 0px;
    flex-wrap: wrap;
  }
  .row.notsend > div select {
    min-width: 150px;
    margin: 5px;
  }
  header > .container > .row {
    display: flex;
    flex-wrap: nowrap;
  }
  header > .container > .row .col-md-5 {
    max-width: 100%;
    flex: 100%;
  }
  nav .btn.blue_btn {
    font-size: 10px;
  }
  footer:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    height: 100%;
  }
  .reviews {
    padding-bottom: 50px;
  }
  .contacts {
    margin-top: 100px;
  }
  .preim {
    margin-top: 50px;
  }
  nav .btn.blue_btn {
    max-width: 150px;
    margin: 0px auto;
    margin-top: 15px;
  }
  .top_banner {
    margin-top: 15px;
  }
  header nav {
    margin-top: 15px;
  }
}

@media(max-width: 991px){
    #menuinp {
    display: none;
  }
  #menuinp:checked + .d-none.d-lg-block.col-lg-6 {
      display: flex !important;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 999;
      width: 100%;
      height: 100%;
      background: #fff;
      justify-content: center;
      align-items: center;
  }
  label[for="menuinp"] {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' width='40' height='40'%3E%3Crect width='100' height='15' rx='8'%3E%3C/rect%3E%3Crect y='30' width='100' height='15' rx='8'%3E%3C/rect%3E%3Crect y='60' width='100' height='15' rx='8'%3E%3C/rect%3E%3C/svg%3E ");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
    margin-left: auto;
    margin-bottom: 0px;
    margin-right: 0px;
    display: block;
  }
  label[for="menuinp"]~a {
    display: none;
  }
  #menuinp:checked + .d-none.d-lg-block.col-lg-6 ul.d-flex.justify-content-around.align-items-center {
    display: block !important;
    text-align: center;
  }
  #menuinp:checked + .d-none.d-lg-block.col-lg-6 ul.d-flex.justify-content-around.align-items-center li {
    margin: 30px 0px;
  }
  label.closemen[for="menuinp"] {
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
  }
  #restable::before{
    font-size: 18px;
  }
  #calc p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .result.row .btn.blueflat {
    font-size: 0px;
    padding: 0px;
    width: 100%;
    height: 90%;
  }
}

@media(max-width: 768px){
  h2 {
    font-size: 18px !important;
  }
  h1 {
    font-size: 22px;
  }
  h1 + p + p {
    font-size: 16px;
  }
  .feedback h3 {
    font-size: 18px;
  }
  .contacts ul li {
    width: 100%;
  }
  .btn.white_btn {
    display: none;
  }
  .work{
    display: none;
  }
  #calc p {
    font-size: 10px;
  }
  .result.row .col-8 + .col-2 p {
    font-size: 0px !important;
  }
  #calc p {
    font-size: 10px;
    white-space: unset;
    overflow: visible;
    text-overflow: unset;
  }
  
  .result.row .col-8 {
    width: 80%;
    max-width: 80%;
    flex: 0 0 80%;
    border-right: 1px #B9B9B9 solid;
  }
  .result.row .col-2 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
  }
  .result.row .col-8 + .col-2{
    display: none;
  }
  .popular .owl-nav, .popular .owl-dots, .reviews .owl-nav, .reviews .owl-dots {
    margin-left: 10px;
    margin-right: 10px;
  }
	#restable {
	  padding: 10px;
	  overflow: hidden;
	}
	#restable .col-8 {
	  width: 65%;
	  max-width: 65%;
	  flex: 0 0 65%;
	}
	.result.row .col-2 {
	  width: 35%;
	  max-width: 35%;
	  flex: 0 0 35%;
	}
	.result.row .btn.blueflat {
	  font-size: 10px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
}
.col-12.col-md-4.company_data {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  line-height: 1.5;
}