@charset "UTF-8";
*,::after,::before {
    box-sizing: border-box
}
@font-face {
font-family: "Gilroy-Regular"; 
src: url("/fonts/Gilroy-Regular.ttf"); 

}
@font-face {
font-family: "BebasNeueBold"; 
src: url("/fonts/BebasNeueBold.ttf"); 

}
@font-face {
font-family: "Raleway"; 
src: url("/fonts/Raleway.ttf"); 
}

@font-face {
    font-family: 'BebasNeue';
    src: url("/fonts/BebasNeue.ttf") ;
}
@font-face {
    font-family: 'BebasNeueLight';
    src: url("/fonts/BebasNeueLight.ttf") ;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}
img,svg {
    vertical-align: middle
}
 @font-face{
    font-family: "pobeda-bold";
    src: url("/fonts/pobeda-bold.ttf");
  }
  @font-face{
    font-family: "pobeda-regular";
    src: url("/fonts/pobeda-regular.ttf");
  }
   @font-face{
    font-family: "Montserrat-Bold";
    src: url("/fonts/Montserrat-Bold.ttf");
  }
   @font-face{
    font-family: "Montserrat-BoldItalic";
    src: url("/fonts/Montserrat-BoldItalic.ttf");
  }
   @font-face{
    font-family: "Montserrat-SemiBold";
    src: url("/fonts/Montserrat-SemiBold.ttf");
  }
  @font-face{
    font-family: "Montserrat-Regular";
    src: url("/fonts/Montserrat-Regular.ttf");
  }
  .knopka-forma{
background:#ff8400;color: #fff;cursor:pointer; 
  }
  .knopka-forma:hover{
background:#ff9c33;color: #fff;transition: 0.3s;
  }
  .sliderse{
    position: absolute;width: 60%;height: 500px;top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  }
  .otziv{
  position: absolute;width: 60%;height: 300px;top: 0;bottom: 0;right: 0;left: 0;margin: auto;animation-name: fade;animation-duration: 1.5s;
  }
  @keyframes fade {
    from {
        opacity: 0.4
    }
    to {
        opacity: 1
    }
} 
 .u-or{
  width: 190px;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  height: 35px;
  border-radius: 10px;
  border-color: transparent;
 }
 .u-ors{
 position: absolute;
 margin: 0 auto;
 top: 0;
 width: 600px;
 height: 100px;
 margin-top: 70px;
 border-radius: 10px;
 border-color: transparent;
 text-align: center;
 }
 .uor-1{
  left: 0;
 }
 .uor-2{
  right: 0;
 }
 .uor-3{
  left: 0;
  right: 0;
 }
 .ub-o{
  width: 600px;
  position: absolute;
  margin: 0 auto;
  top: 0;
  margin-top: 190px;
  text-align: center;
  font-family: 'Montserrat-Regular';
  font-size: 13px
 }
 .ub-o1{
  position:absolute;
  width: 600px;
  margin:0 auto;
  margin-top: 250px;
 }
 .ub-o2{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right:0;
  width: 320px;
  height: 40px;
  border-radius: 10px;
  border-color: transparent;
  cursor: pointer;
  background: #ff8400;
  font-family: 'BebasNeueBold';
  font-size: 23px;
  color: #fff
 }
 .rt-1p{
  width: 600px;position: absolute;margin:0 auto;left: 0;right: 0;height: 320px;bottom: 0;
 }
.foot-text-hed{
  font-family: 'pobeda-bold', sans-serif;font-size: 20px;color: #fff;position: absolute;right: 0;left: 0;bottom: 0;margin: auto;margin-bottom:40px;text-align: center;
}
.qr-cont-rt{
    position: absolute;margin: 0 auto;left: 0;right: 0;top: 0;margin-top: 190px;
  }
.knopka-nachalo{
    position: absolute;bottom: 0;right: 0;left: 0;width:200px;height:60px;margin: auto;font-family: 'BebasNeueBold', sans-serif;font-size: 20px;color: #fff;text-align: center;border-radius: 25px;background: rgb(255, 11, 11);border:0;z-index: 1
  }
  .knopka-nachalo:before{
   position: absolute;content: '';bottom: 0;right: 0;left: 0;width:200px;height:60px;margin: auto;background: rgb(255, 11, 11);z-index: -1; cursor: pointer;transition: transform .3s ease;border-radius: 25px;

  }
  .knopka-nachalo:hover:before{
    transform: scale(1.1)
  }
  .text-nachalo{
     position: absolute;bottom: 0;top: 0;right: 0;left: 0;width:70%;height:150px;margin: auto;font-family: 'BebasNeueBold', sans-serif;font-size: 30px;color: #5D5C61;text-align: center
  }
  .shadow-imgs{
  filter: drop-shadow(0px 0px 25px );
     }
  .shadow-img{
  filter: drop-shadow(20px 20px 25px );
     }
     .shadow-img1{
  filter: drop-shadow(-20px 20px 25px );
     }

  .marker-practice{
color: #91cdff;font-size: 40px
  }
.marker-practice-text{
color: #fff;font-size: 40px
  }
.casesItem__info{
  background: #ffffff;
  height: 260px
}
    .preim {
  
  position: relative;
width: 100%;
height: 550px;
color: #5D5C61

}

.preim .img-1{
  z-index: 0;
position: absolute;
left: 0;
top: 0;
 width: 40%;
 height: auto;
-webkit-clip-path: polygon(35% 0, 70% 0, 100% 26%, 100% 88%, 78% 100%, 57% 94%, 21% 100%, 0 78%, 0% 35%, 19% 24%);
clip-path: polygon(35% 0, 70% 0, 100% 26%, 100% 88%, 78% 100%, 57% 94%, 21% 100%, 0 78%, 0% 35%, 19% 24%);
}
.preim .img-2 {
  z-index: 0;
position: absolute;
right: 0;
top: 0;
 width: 40%;
 height: auto;
-webkit-clip-path: polygon(53% 0, 86% 0, 99% 12%, 100% 94%, 93% 100%, 74% 95%, 20% 100%, 0 46%, 18% 33%, 26% 11%);
clip-path: polygon(53% 0, 86% 0, 99% 12%, 100% 94%, 93% 100%, 74% 95%, 20% 100%, 0 46%, 18% 33%, 26% 11%);
}
.preim .img-3 {
  z-index: 0;
position: absolute;
left: 0;
top: 0;
 width: 40%;
 height: auto;
-webkit-clip-path: polygon(39% 0, 73% 0, 92% 17%, 100% 45%, 82% 78%, 51% 83%, 20% 100%, 0 83%, 0 33%, 19% 27%);
clip-path: polygon(39% 0, 73% 0, 92% 17%, 100% 45%, 82% 78%, 51% 83%, 20% 100%, 0 83%, 0 33%, 19% 27%);
}
.qpwoei{
display: none;width: 100%;height: 560px;position: absolute;right: 0;left: 0;top: 0;margin: auto;    animation-name: fade;
    animation-duration: 1.5s;
}
.blocki-kon-osn{
  position: absolute;width: 1200px;height: 150px;left: 0;right: 0;top: 0;margin: auto;border-bottom: 1px solid #fff
}
.blocki-kin-osn{
  position: absolute;width: 360px;height: 150px;left: 0;right: 0;top: 0;margin: auto;border-bottom: 1px solid #fff;border:0px
}
.pred-knopka{
  display: block;position: relative;width: 100%;height: 100%;object-fit: cover;
}
.right-knopki{
position:relative;width: 60px;height: 1000px;float: left;margin-left: 20% 
}
.left-knopki{
  position:relative;width: 60px;height: 1000px;float: right;margin-right: 20% 
}
.osnova-knopok{
  position: relative;width: 60px;height:60px;margin-bottom: 20px 
}
.sliderses{
display: block;width: 40%;height: 560px;position: absolute;right: 0;top: 0;margin: auto;margin-right: 100px;
}

.sliderses .previous, .sliderses .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}
.sliderses .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.why-texts:before{
    display: block;
    content: '';
    height: .16em;
    width: 1.1em;
    background-color: #FDBB6D;
    position: absolute;
    top: 104px;
    left: 0;
    transform: translate(-130%, 0);
    border-radius: 4px;
}
.sliderses .previous:hover,
.sliderses .next:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.sliderse .previous, .sliderse .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}
.text-blocki-kon{
  color: #fff;font-size: 54px;width: 100%;text-align: center;font-family:'BebasNeueBold'
}
.texti-blocki-kon{
  color: #fff;font-size: 49px;width: 100%;text-align: center;font-family:'BebasNeueBold'
}
.sliderse .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.pre-heros{
  position: relative;width: 100%;height: 800px;
}
.sliderse .previous:hover,
.sliderse .next:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.right-imgs{
  position: absolute;right: 0;top: 0;bottom:0;margin:auto;width: 50%;height: 400px;
}
.left-imgs{
position: absolute;left: 0;top: 0;bottom:0;margin:auto;width: 50%;height: 400px;margin-left: 200px;text-align: right;
}
.knopka-ur{
position: relative;float: left;border:0;width: 420px;;padding: 0;height: 70px;cursor: pointer;background: #1a6589;border-radius: 10px
}
.knopka-fiz{
position: relative;float: right;border: 0;width: 420px;height: 70px;cursor: pointer;background:#1a6589;border-radius: 10px
}
.knopka-fiz:hover{
background: #ff8400; transition: 0.7s;
}
.knopka-ur:hover{
background: #ff8400; transition: 0.7s;
}
.why-text{
  font-family:'pobeda-bold', sans-serif;font-size: 57px;color: #111;font-weight: 400
}

.why-texts{
  font-family:'pobeda-bold', sans-serif;font-size: 70px
}
.foot-hed{
  position: absolute;width: 100%;height: 300px;background: #0b2b3a;bottom: 0;margin: auto; 
}

.smej{
text-align: center;position: absolute;bottom: 0;right: 0;left: 0;height: 60px;margin: auto;margin-bottom: 50px;width: 1200px
}
.input-smej{
  width: 300px !important; 
  border-radius: 30px  !important;
  margin-right: 60px !important
}
.knopka-sviz{
  position: absolute;bottom: 0;right: 0;left: 0;margin:auto;width: 300px;height: 43px;z-index: 3;margin-bottom: 20px;background: transparent;border:3px solid #ff8400;color: #ff8400;font-size: 25px;font-family: 'BebasNeueBold';border-radius: 10px;cursor: pointer;    margin-left:36px;
}
.knopka-sviz:hover{
  border-color: #91cdff;
  color: #91cdff;
  transition: 0.3s;

}
.blocki-kon{
  position: relative;width: 100%;height: 300px;background: url(/img/foner.png);
}
.img-left-txt{
   position: relative;float: left;width: 80px;height: 80px
}
.knopka-svizz{
  position: absolute;bottom: 0;left: 0;margin:auto;width: 400px;height: 60px;z-index: 3;background: transparent;border:3px solid #ff8400;color: #ff8400;font-size: 30px;font-family: 'BebasNeueBold';border-radius: 10px;cursor: pointer;margin-bottom: 105px;margin-left: 173px;
}
.knopka-svizz:hover{
  border-color: #91cdff;
  color: #91cdff;
  transition: 0.3s;

}
.knopka-svizzs{
  position: absolute;bottom: 0;left: 0;right: 0;margin:auto;width: 400px;height: 60px;z-index: 3;background: transparent;border:3px solid #ff8400;color: #ff8400;font-size: 30px;font-family: 'BebasNeueBold';border-radius: 10px;cursor: pointer;margin-bottom: 50px;
}
.knopka-svizzs:hover{
  border-color: #e7b987;
  color: #e7b987;
  transition: 0.3s;

}
.foot-hed-block{
  position: relative;float: left;width:500px;height: 250px; 
}
.left-txt-niz{
  font-size: 25px;font-family: 'pobeda-bold', sans-serif;margin: 0
}
.lt-qwe{
  position: relative;float: right;height: 80px;width: 500px;
}
.left-qwe{
  position: relative;width: 100%;height: 100%
}
.razmer-trey{
  position: relative;float: left;width: 450px;height: 150px;
}
.trey-osn{
   position: absolute;top: 0;width: 100%;height:900px;-webkit-clip-path: polygon(100% 0, 100% 100%, 0% 70%, 0 0);clip-path: polygon(100% 0, 100% 100%, 0% 70%, 0 0);margin: auto;margin-top: 390px;background: #0b2b3a 
}
.trey-block{
   position: absolute;bottom: 0;right: 0;margin: auto;width: 1350px;height: 150px;margin-bottom: 1415px;z-index: 3;margin-right: 6%
}
.text-trey{
   position: absolute;margin: auto;left: 0;width: 100%;text-align: right;font-family:'pobeda-regular', sans-serif;font-size: 35px;color: #fff;margin-top: 70px;
}
.title-trey{
  position: absolute;margin: auto;left: 0;width: 100%;text-align: right;font-size: 60px;color: #fff;font-family:'pobeda-bold', sans-serif 
}
.hores{
  height: 800px;background: url(/img/foner.png);background-size: cover;
}
.hede-blocks{position: absolute;left: 0;top: 0;margin: auto;width: 520px;height: 430px;margin-top: 260px;margin-left: 150px;
}

.left-text-hed-mini{
  position: absolute;top: 0;right: 0;left:0;margin: auto;margin-top: 186px;text-align:left;color: #FFFFFF;font-family:'Raleway', sans-serif;font-size: 21px
}
.left-text-hed{
  position: absolute;top: 0;right: 0;left:0;margin: auto;margin-top: 20px;text-align: left;color: #FFFFFF;font-family:'BebasNeueBold', sans-serif;font-size: 54px 
}
.img-red-oval{
  width: 80px;height: 80px
}
.knop-smej{
  background: #ff8400;
 color: #fff;
 cursor: pointer;
}
.knop-smej:hover{
 background: #ff9c33
}
.primai{
position: absolute;top: 0;width: 100%;height:330px;z-index: 1;background: #0b2b3a;margin: auto;margin-top: 630px
}
.h-1-hed{
  position: absolute;bottom: 0;left: 0;margin: auto;margin-bottom: 800px;width: 700px;height: 150px;margin-left: 200px;color: #fff
}
.left-hed-txt{
  position: absolute;bottom: 0;left: 0;width: 600px;height: 560px;margin:auto;margin-bottom: 100px;margin-left: 150px;color: #111
}
.qwe-left{
  position: relative;float: left;width: 600px;height: 80px;margin-bottom: 20px
}
.num-txt-red{
position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;color: #cc1513;font-size: 36px;font-weight: 700;text-align: center;width: 50px;height: 50px;font-family: 'BebasNeueBold';
}
.foot-ged-1{
position: relative;width: 100%;height: 100%;
}
.foot-hed-2{
  position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 1500px;height: 250px;margin: auto;
}
.img-foot-hed{
  position: absolute;left: 0;right: 0;top: 0;margin: auto;
}
.title-hed-foot{
   font-family: 'pobeda-bold', sans-serif;font-size: 40px;color: #fff;position: absolute;right: 0;left: 0;bottom: 0;margin: auto;margin-bottom: 120px;text-align: center;
}
#burger-menu {
  cursor: pointer;
  height: 40px;
  width: 40px;
  overflow: visible;
  position: absolute;
  top: 40px;
  right: 57px

}

#burger-menu span,
#burger-menu span:before {
  display: block;
  margin-bottom: 6px;
  width: 33px;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

#burger-menu span:before
 {
  content: ""
}

#burger-menu span {
  right: 0;
  z-index: 13;
  width: 40px;
  height: 40px;
  background: url(/img/icon-mau.png);
  background-size: contain;
}
#burger-menu span:hover{
background: url(/img/icon-mua.png);
background-size: contain;
}
#burger-menu span:before {
  left: 0;
  top: -10px;
  width: 0px
}


#burger-menu.close span {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 33px;
  right: 33px;
  width: 33px;
  position: fixed;
  height: 4px;
  background: #fff
}

#burger-menu.close span:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 33px;
  position: fixed;
}

#burger-menu.close span:after {
  top: 0;
  left: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
  position: fixed
}
.qt-ma{
  margin-top: 200px
}
.pod-1{
  text-align: center;position: absolute;bottom: 0;margin-bottom: 50px
}
#menu {
  z-index: 12;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding-top: 20px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

#menu.overlay {
  visibility: visible;
  opacity: 1;
  background: #1a6589
}

#menu li {
  list-style: none
}

#menu ul {
  padding-left: 0;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

#menu a {
  color: #fff;
  font-family: 'BebasNeueBold';
  display: block;
  font-size: 35px;
  margin-bottom: 30px;
  text-decoration: none;
  cursor: pointer;
}
#menu a:after {
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #fff;
    content: "";
    transition: width 0.6s ease-out;
}

#menu a:hover:after,
#menu a:focus:after {
  width: 100%;
}
.sh-1{
  position: absolute;top: 0;right: 0;width: 100%;height: 60px;z-index: 1;margin-top: 30px;background: rgba(255, 255, 255, 0.2)
}
.sh-11{
  position:relative;width: 100%;height: 100% 
}
.logo-hd{
position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 40px;height: 40px;background: url(/img/logo-tip.png);background-size: contain;cursor: pointer;margin-left: 150px;
}
.logo-ht{
position: absolute;left: 0;top: 0;;bottom: 0;height: 46px;font-size: 30px;font-family: 'BebasNeueBold';margin: auto;margin-left: 200px;color: #fff;cursor: pointer;
}
.sh-12{
  position: absolute;right: 0;top: 0;;bottom: 0;height: 32px;font-size: 25px;font-family: 'BebasNeueBold';margin: auto;margin-right: 510px;color: #fff;cursor: pointer;
}
.ig-tfn{
  cursor: pointer;width: 25px
}
.sh-13{
position: absolute;right: 0;top: 0;;bottom: 0;height: 32px;font-size: 25px;font-family: 'BebasNeueBold';margin: auto;margin-right: 145px;color: #fff;cursor: pointer;
}
.pre-1{
  height: 500px;position: relative;width: 100%;background: #f6f6f6
}
.pre-2{
position: absolute;width: 1300px;height: 300px;bottom:0;right: 0;left: 0;margin: auto;
}
.pre-3{
  position: relative;float: left;width: 325px;height: 100%
}
.pre-ig{
  position: absolute;left: 0;right: 0;top: 0;margin: auto;width: 100px;height: 100px
}
.pre-titl{
position: absolute;width: 260px;height: 40px;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;margin-bottom: 148px;font-family: 'BebasNeueBold';font-size: 28px
}
.pre-tex{
position: absolute;width: 260px;height: 100px;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;font-family: 'BebasNeueBold';font-size: 19px;margin-bottom: 35px
}
.map-1{
  position: relative;width: 100%;height: 800px;background:#1a6589;
}
.map-ig{
  position: absolute;right: 0;top: 0;bottom: 0;margin: auto;margin-right: 10%;  filter: drop-shadow(0px 0px 10px );
}
.map-2{
  position: relative;width: 800px;height: 100%;float: left;
}
.map-titl{
  position: absolute;top: 0;left: 0;margin:auto;font-family: 'BebasNeueBold';color: #fff;font-size: 48px;width: 450px;margin-left: 173px;margin-top: 180px;
}
.map-tex1{
  position: absolute;top: 0;left: 0;margin:auto;font-family: 'Montserrat-Regular';color: #fff;font-size: 20px;width: 600px;margin-left: 173px;margin-top: 350px;
}
.map-tex2{
  position: absolute;top: 0;left: 0;margin:auto;font-family: 'Montserrat-Regular';color: #fff;font-size: 20px;width: 600px;margin-left: 173px;margin-top: 523px;
}
.poch-1{
position: relative;width: 100%;height: 1000px;background:#f6f6f6
}
.poch-ig{
  position: absolute;right: 0;top: 0;bottom: 0;margin:auto;margin-right: 200px
}
.ul-1{
  position: relative;width: 100%;height: 1450px;background:  #f6f6f6
}
.ul-knop{
position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 890px;height: 85px;margin-top: 90px;z-index: 11
}
.ul-knop-1{
  position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 420px;height: 50px;font-size: 50px;font-family: 'BebasNeueLight', sans-serif;color: #fff;font-family:'pobeda-bold', sans-serif;
}
.ul-12{
  position:absolute;bottom: 0;margin:auto;width: 100%;height: 1220px;
}
.ul-21{
  position: relative;width: 100%;height: 400px;
}
.ul-23{
  position: relative;background: url(/img/ballon.jpg);background-size: cover;width:50%;height: 73%;border-radius: 0px 10px 10px 0px;float: left;
}
.ul-22{
  position: relative;background: url(/img/ballon.jpg);background-size: cover;width:50%;height: 73%;border-radius: 10px 0px 0px 10px;float: right;
}
.ul-24{
  position: relative;float: left;width: 40%;height: 73%;margin-left: 100px
}
.ul-titl{
  font-family: 'BebasNeueBold';font-size: 50px;width: 400px;margin: 0;
}
.ul-text{
  font-family: 'BebasNeueBold';font-size: 25px;width: 550px;
}
.ul-31{
position: relative;width: 100%;height: 720px;float: left;margin-bottom: 100px
}
.ul-32{
  position: absolute;right: 0;left: 0;height: 100%;bottom: 0;width: 1300px;margin: auto;
}
.ul-33{
  position: relative;width: 650px;height: 240px;float: left;
}
.ul-34{
  position: absolute;top: 0;bottom: 0;margin: auto;
}
.ul-3-titl{
  position: absolute;right: 0;width: 400px;top: 0;margin: auto;font-family: 'BebasNeueBold';font-size: 26px;margin-top: 60px;margin-right: 68px;
}
.ul-3-text{
  position: absolute;right: 0;width: 400px;bottom: 0;margin: auto;font-family: 'BebasNeueBold';font-size: 20px;margin-right: 68px;margin-bottom: 52px;height: 60px
}
.oz{
  height: 710px;background: #f6f6f6;
}
.otz-1{
  position: absolute;top: 0;left: 0;margin: auto;margin-left: 200px;margin-top: 30px
}
.otz-2{
  position: absolute;width: 100%;height: 300px;right: 0;left: 0;bottom: 0;margin: auto;margin-bottom: 150px
}
.otz-img{
  position: absolute;top: 0;left: 0;margin: auto;width: 38px;height: 25px;border-radius: 0px;margin-top: 40px;margin-left: 40px
}
.otz-img-1{
  position: absolute;bottom:0;right: 0;margin: auto;width: 38px;height: 25px;border-radius: 0px;margin-bottom: 40px;margin-right: 40px;transform: rotate(180deg);
}
.otz-titl{
  position: absolute;width: 300px;height: 40px;top: 0;left: 0;margin: auto;text-align: left;margin-top: 40px;font-size: 30px;font-family: 'BebasNeueBold', sans-serif;
}
.otz-p-1{
  position: absolute;width: 300px;height: 40px;top: 0;left: 0;margin: auto;margin-top: 80px;text-align: left;    font-size: 25px;font-family: 'pobeda-regular', sans-serif;
}
.otz-p-2{
  position: absolute;width: 400px;height: 40px;top: 0;left: 0;margin: auto;margin-top: 110px;text-align: left;font-family: 'BebasNeueBold', sans-serif;font-size: 23px
}
.qest-1{
  position: relative;height: 150px;width: 100%
}
.qest-2{
  position: absolute;top: 0;left: 0;margin: auto;margin-top: 30px;margin-left: 200px
}
.prac-1{
  position: relative;height: 1050px;width: 100%
}
.prac-2{
  position: absolute;top: 0;left: 0;margin: auto;margin-top: 100px;margin-left: 200px
}
.k-f-1{
  position: absolute;bottom: 0;right: 0;margin: auto;width: 550px;height: 60px;margin-bottom: 390px;margin-right:  13%
}
.k-f-2{
  position: absolute;bottom: 0;right:  0;margin: auto;width: 550px;height: 60px;margin-bottom: 270px;margin-right:  16%
}
.k-f-3{
  position: absolute;bottom: 0;right:  0;margin: auto;width: 550px;height: 60px;margin-bottom: 150px;margin-right:  19%
}
.kot-1{
  position: relative;width: 100%;height: 700px
}
.kot-2{
  position: absolute;width: 100%;height: 700px;z-index: 1;background: black;opacity: 0.3
}
.kot-3{
  position: absolute;width: 370px;height: 600px;background:rgba(133, 188, 233, 0.8);z-index: 2;bottom: 0;top: 0;right: 0;margin: auto;margin-right: 20%;
}
.kot-4{
  position: relative;width: 100%;height: 600px;
}
.kot-p-num{
  position: absolute;top: 0;right: 0;left: 0;margin: auto;width: 270px;height: auto;font-size: 46px;font-family: 'pobeda-bold';color: #111;text-align: left;margin-top: 33px
}
.kot-p-ad{
  position: absolute;bottom: 0;left: 0;margin: auto;width: 270px;z-index: 1;color: #fff;font-size: 20px;font-family: 'BebasNeueBold';margin-bottom: 285px;margin-left: 64px
}
.kot-ig-1{
  position: absolute;bottom: 0;;left: 0;margin:auto;z-index: 1;margin-bottom: 285px;margin-left: 30px;width: 25px
}
.kot-ig-2{
position: absolute;bottom: 0;;left: 0;margin:auto;z-index: 1;margin-bottom: 230px;margin-left: 30px;width: 25px
}
.kot-ig-3{
  position: absolute;bottom: 0;;left: 0;margin:auto;z-index: 1;margin-bottom: 180px;margin-left: 30px;width: 25px
}
.kot-p-ml{
  position: absolute;bottom: 0;left: 0;margin: auto;width: 270px;z-index: 1;color: #fff;font-size: 20px;font-family: 'BebasNeueBold';margin-bottom: 230px;margin-left: 64px
}
.kot-p-3{
  position: absolute;bottom: 0;left: 0;margin: auto;width: 270px;z-index: 1;color: #fff;font-size: 20px;font-family: 'BebasNeueBold';margin-bottom: 120px;margin-left: 64px
}
.kot-vk{
  position: absolute;bottom: 0;left: 0;margin: auto; width: 40px;margin-left: 64px;z-index: 1;margin-bottom: 50px
}
.kot-it{
  position: absolute;bottom: 0;left: 0;margin: auto;margin-left:114px;z-index: 1;margin-bottom: 50px
}
.kot-5{
  position: absolute;-webkit-clip-path: polygon(0 14%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(0 14%, 100% 0%, 100% 100%, 0% 100%);bottom: 0;margin: auto;background: #1a6589;width: 100%;height:415px 
}
.foot-1{
  position: relative;width: 100%;height: 150px;background: url(/img/foner-kont.png);background-size: cover;
}
.foot-2{
  position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 60px;height: 60px;background: url(/img/logo-tip.png);background-size: contain;cursor: pointer;margin-left: 200px;
}
.foot-3{
   position: absolute;left: 0;top: 0;;bottom: 0;height: 46px;font-size: 30px;font-family: 'BebasNeueBold';margin: auto;margin-left: 280px;color: #fff;cursor: pointer;
}
.foot-4{
  position: absolute;left: 0;top: 0;;bottom: 0;height: 80px;width: 300px;font-size: 11px;font-family: 'Montserrat-Regular';margin: auto;margin-left: 700px;color: #fff;cursor: pointer;
}
.fot-1{
  position: relative;width: 100%;height: 340px;
}
.foot-5{
  position: relative;width: 100%;height: 100%
}
.foot-mu{
  font-family: 'pobeda-bold';font-size: 26px;color:#85bce9 ;text-decoration: none;position: relative;width: 90px;float: left;
}
.foot-p-1{
  position: absolute;top: 0;width: 100%;text-align: left;
}
.foot-p-2{
position: absolute;bottom: 0;width: 100%;text-align: left;
}
.foot-6{
  position: absolute;bottom: 0;right: 0;margin-right: 100px;margin: auto;height: 80px;width: 750px;text-align: left;margin-bottom: 32px
}
.foot-7{
  position: relative;width: 100%;height: 100%
}
.foot-8{
  position: absolute;bottom: 0;width: 100%;margin: auto;font-size: 12px;color: #fff;font-family: 'Montserrat-Regular'
}
.foot-mu-1{
  position: absolute;top: 0;width: 360px;
}
.d-flex {
    display: flex!important
}
.flex-column {
    flex-direction: column!important
}
.justify-content-end {
    justify-content: flex-end!important
}
.align-items-center {
    align-items: center!important
}

#hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
.al{
    color: #5D5C61;
    text-decoration: none;
    font-weight: 400;
    font-size: 30px;
    font-family: BebasNeueBold, sans-serif;
}




.outer-menu {
  position: fixed;
  top: 30px;
  left: 50px;
  z-index: 10;
}

.outer-menu .checkbox-toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index:11;
  cursor: pointer;
  width: 60px;
  height: 60px;
  opacity: 0;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
  transform: rotate(225deg);
  background: none
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before{
  top: 0;
  transform: rotate(180deg);
  width: 100%;
  background: #fff
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
  width: 100%;
  background: #fff
}


.outer-menu .checkbox-toggle:checked ~ .menu {
  pointer-events: auto;
  visibility: visible;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div {
  transform: scale(1);
  transition-duration: .75s;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
  opacity: 1;
  transition: opacity 0.4s ease 0.4s;
}


.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}

.outer-menu .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 0 0.12em 0.12em 0;
  cursor: pointer;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;


}

.outer-menu .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 100%;
  background: #FEFEFE;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
     background: url(/img/icon-mau.png);
    background-size: contain;

}

.outer-menu .hamburger > div:before{
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 0;
  height: 2px;
  background: inherit;
  transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  right: 0;
  height: 2px;
  background: inherit;
  transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
  top: 10px;
}

.outer-menu .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer-menu .menu > div {
  width: 200vw;
  height: 200vw;
  color: #FEFEFE;
  background: #B1A296;
  border-radius: 50%;
  transition: all 0.4s ease;
  flex: none;
  transform: scale(0);
  backface-visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer-menu .menu > div > div {
  text-align: center;
  max-width: 90vw;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
  overflow-y: auto;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer-menu .menu > div > div > ul {
  list-style: none;
  padding: 0 1em;
  margin: 0;
  display: block;
  max-height: 100vh;
}

.outer-menu .menu > div > div > ul > li {
  padding: 0;
  margin: 1em;
  font-size: 24px;
  display: block;
}

.outer-menu .menu > div > div > ul > li > a {
  position: relative;
  display: inline;
  cursor: pointer;
  transition: color 0.4s ease;
}

.outer-menu .menu > div > div > ul > li > a:hover {
  color: #e5e5e5;
}

.outer-menu .menu > div > div > ul > li > a:hover:after {
  width: 100%;
}

.outer-menu .menu > div > div > ul > li > a:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -0.15em;
  left: 0;
  width: 0;
  height: 2px;
  background: #e5e5e5;
  transition: width 0.4s ease;
}

/*Forma mail*/
.form-mal{
  width: 100%;height: 800px;background: url(/img/fons.jpg);display: block;position: relative;
}
.form-mal .p{
  width: 540px;height: auto;position: absolute;left: 0;top: 0;margin: auto;font-size: 45px;color: #ffffff;font-family: 'Raleway',sans-serif;font-weight: 300;margin-top: 130px;margin-left: 150px
}
.block.num{
  position: relative;width: 100%;height: 100%;display:table;
}
.text-num{
  text-align: left;font-size: 18px;color: #FFFFFF;position: absolute;right: 0;top:0;bottom: 0;margin: auto;width: 420px;height: 50px;margin-right: 40px;font-family: 'Raleway',sans-serif;
}
.num-st{
  display:table;position: absolute;left: 0;width: 60px;height: 100%;border: 2px solid #FFFFFF;border-radius: 10px
}
.num-color{
  vertical-align: middle;display: table-cell;font-size: 20px;text-align: center;color: #FFFFFF
}
.block-kon{
  display: block;position: absolute;right: 0;bottom: 0;top:0;width: 560px;height: 450px;background: rgba(248, 244, 255, 0.7);margin: auto;margin-right: 400px;border-radius: 20px
}
.block-kons{
  display: block;position: absolute;right: 0;bottom: 0;width: 560px;height: 450px;background: #0b2b3a;margin: auto;margin-right: 200px;border-radius: 20px;margin-bottom: 570px
}
.kon-res{
  display: block;position: absolute;right: 0;bottom: 0;top:0;left:0;width: 560px;height: 450px;margin: auto; border-width: 1px;background-position: center center;
}
.title-kon{
  position: relative;display: block;height: 100%;width: 100%
}
.text-kon{
  position: absolute;width: 470px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 55px;font-weight: 700;font-family: 'Raleway',sans-serif;font-size: 30px;color: #444444;text-align: center;
}
.text-kons{
  position: absolute;width: 470px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 50px;font-weight: 700;font-family: 'BebasNeueBold',sans-serif;font-size: 40px;color: #fff;text-align: center;
}
.under-text-kon{
  position: absolute;width: 400px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 110px;font-weight: 500;font-family: 'Roboto',Arial,sans-serif;font-size: 17px;color: #444444;text-align: center;
}
.under-text-kons{
  position: absolute;width: 400px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 110px;font-weight: 500;font-family: 'BebasNeueBold',sans-serif;font-size: 20px;color: #fff;text-align: center;
}
.forms-mal{
  width: 100%;height: 800px;background: url(/img/foner-kont.png);display: block;position: relative;background-size: cover;
}
.forms-mal .p{
  width: 540px;height: auto;position: absolute;right: 0;top: 0;margin: auto;font-size: 45px;color: #ffffff;font-family: 'Raleway',sans-serif;font-weight: 300;margin-top: 130px;margin-right: 8%
}
@media(max-width: 1800px){
  .forms-mal .p{
    margin-right: 5%;
    text-align: center;
  }
}
@media(max-width: 1250px){
  .forms-mal .p{
    margin: 0 auto;
    left: 0;right: 0;margin-top: 60px;
  }
  .text-num{
    text-align: center;
  }
  .forms-mal{
    height: 1000px
  }

}
.blocks-kon{
  display: block;position: absolute;left: 0;bottom: 0;top:0;width: 560px;height: 450px;background: rgba(248, 244, 255, 0.8);margin: auto;margin-left: 200px;border-radius: 20px
}
.blocks-kone{
  display: block;position: absolute;right: 0;bottom: 0;width: 700px;height: 480px;background: rgba(248, 244, 255, 0.7);margin: auto;margin-right: 10%;border-radius: 20px;z-index: 5;margin-bottom: 110px
}


.kons-res{
  display: block;position: absolute;right: 0;bottom: 0;top:0;left:0;width: 560px;height: 450px;margin: auto; border-width: 1px;background-position: center center;
}
.kons-rese{
  display: block;position: absolute;right: 0;bottom: 0;top:0;left:0;width: 600px;height: 480px;margin: auto; border-width: 1px;background-position: center center;
}

.texts-kon{
  position: absolute;width: 470px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 55px;font-weight: 700;font-family: 'BebasNeueBold',sans-serif;font-size: 50px;color: #444444;text-align: center;
}
.texts-kone{
    position: absolute;
    width: 470px;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    margin-top: 31px;
    font-weight: 700;
    font-family: 'BebasNeueBold',sans-serif;
    font-size: 44px;
    color: #444444;
    text-align: center;
}


.under-texts-kon{
  position: absolute;width: 400px;height: auto;left: 0;right: 0;top: 0;margin: auto;margin-top: 130px;font-weight: 500;font-family: 'BebasNeueBold',sans-serif;font-size: 25px;color: #444444;text-align: center;
}
.under-texts-kone{
   
    position: absolute;
    width: 400px;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    margin-top: 91px;
    font-weight: 500;
    font-family: 'BebasNeueBold',sans-serif;
    font-size: 21px;
    color: #444444;
    text-align: center;

}

.nums-st{
  display:table;position: absolute;left: 0;width: 60px;height: 100%;border: 3px solid #ff8400;border-radius: 10px
}
.nums-color{
  vertical-align: middle;display: table-cell;font-size: 40px;text-align: center;color: #FFFFFF;font-family: 'pobeda-bold';
}


#global-wrapper {
    overflow: hidden;
    min-width: 1200px;
    position: relative;
}

@media all and (max-width: 620px) {
    #global-wrapper {
        min-width: 620px;
    }
}

.container {
    display: block;
    width: 1200px;
    padding: 0 13px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

@media all and (max-width: 620px) {
    .container {
        width: 620px;
        padding: 0 20px;
    }
}


.si-page-message-overlay {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    visibility: hidden;
    z-index: 299;
    background: rgba(0, 0, 0, 0.8);
    transition-duration: 0.5s;
}


.si-page-message {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition-duration: 0.5s;
    width: 101%;
    height: 0;
    color: #fff;
    background: #7395AE;
    opacity: 0;
    visibility: hidden;
    z-index: -5;
    box-shadow: 0 0 10px #000;
}

.si-page-message-inner {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 30px;
    line-height: 36px;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    transition-duration: 0.5s;
    opacity: 0;
    position: relative;
}

.si-page-message-inner .centered {
    display: table;
    width: 100%;
    height: 100%;
}

.si-page-message-text {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
[class*="section-"] {
    position: relative;
    z-index: 1;
}



.section-block h2 {
    margin-bottom: 76px;
}



.section-block h2 b {
    display: block;
}

.quest-block {
    border-top: 1px solid #e7e7e7;
    position: relative;
}



.quest-block::after {
    left: auto;
    right: -100%;
}

.quest-item {
    transition: background 0.3s ease-in-out;
    display: flex;
    align-items: center;
    height: 238px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

@media all and (max-width: 620px) {
    .quest-item {
        display: block;
        padding: 94px 70px 64px 0;
        height: auto;
    }
}

.quest-item:hover {
    background-color: #7395AE;
    color: #fff;
}

.quest-item:hover::before, .quest-item:hover::after {
    background-color: #7395AE;
}

.quest-item:hover .quest-arrow {
    background-color: #fff;
    transform: rotate(180deg);
}

.quest-item:hover .quest-num {
    opacity: 0;
}

.quest-item:hover .quest-big-arrow {
    left: 0px;
    opacity: 1;
}

.quest-item:hover .quest-text {
    transform: translateX(50px);
    white-space: normal;
}

@media all and (max-width: 620px) {
    .quest-item:hover .quest-text {
        transform: translateX(0);
    }
}

.quest-item:hover .answer {
    opacity: 1;
    display: block;
}


.quest-item::after {
    left: auto;
    right: -100%;
}

.quest-item .quest-big-arrow {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url("/img/big-arrow.png") no-repeat;
    width: 98px;
    height: 98px;
    position: absolute;
    top: calc(50% - 49px);
    left: -20px;
    opacity: 0;
}

@media all and (max-width: 620px) {
    .quest-item .quest-big-arrow {
        display: none;
    }
}

.quest-item .quest-num {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font: 400 105px/1 'Gilroy', sans-serif;
    width: 106px;
    transform: translate(-56px, 14px);
    position: relative;
}

@media (max-width: 1300px) {
    .quest-item .quest-num {
        transform: translate(0px, 14px);
    }
}

@media all and (max-width: 620px) {
    .quest-item .quest-num {
        display: none;
    }
}

.quest-item .quest-text {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font: 700 38px/39px 'Gilroy', sans-serif;
    width: 400px;
    margin-left: 40px;
    white-space: nowrap;
}

@media all and (max-width: 620px) {
    .quest-item .quest-text {
        white-space: normal;
    }
}

.quest-item .answer {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font: 400 17px/26px 'Gilroy', sans-serif;
    width: 460px;
    opacity: 0;
    margin-left: 54px;
}

@media all and (max-width: 620px) {
    .quest-item .answer {
        margin: 50px 0 0 40px;
        font: 400 24px/34px 'Gilroy', sans-serif;
        display: none;
    }
}

.quest-item .quest-arrow {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/img/question-icon.png") no-repeat 50% 50%;
    position: absolute;
    right: 0;
    top: calc(50% - 28px);
}

@media all and (max-width: 620px) {
    .quest-item .quest-arrow {
        right: 20px;
        top: 90px;
    }
}

.wrapper, #container #main-menu.wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1.0em;
    padding-right: 1.0em;
}

.landing {
 font-family: 'Manrope', sans-serif;
    box-sizing: border-box;
    color: #333333;
    background: #1a6589

}

.landing * {
    box-sizing: inherit;
    outline: none;
}
.landing p {
    margin: 0 0 1.6em;
    line-height: 1.5;
    color: inherit;
}
.section {
    padding-top: 1.8em;
    padding-bottom: 1.8em;
}

@media (min-width: 470px) {
    .section {
        padding-top: 2.25em;
        padding-bottom: 2.75em;
    }
}

@media (min-width: 770px) {
    .section {
        padding-top: 3.9em;
    }
}
.faqList {
    padding-top: 1.5em;
}

@media (min-width: 970px) {
    .faqList {
        margin-bottom: 3.0em;
    }
}

.faqItem {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 0.625em;
    padding: 0.75em 0.8em;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 300ms;
}

@media (min-width: 470px) {
    .faqItem {
        padding: 1.0em 1.125em 1.0em 1.125em;
    }
}

@media (min-width: 640px) {
    .faqItem {
        padding: 1.7em 1.1em 1.7em 2.0em;
    }
}

.faqItem__ask {
    position: relative;
    font-size: 1.0rem;
    line-height: 1.2;
    padding-right: 3.0em;
    font-weight: 600;
    color: #111;
    cursor: pointer;
    transition: color 300ms;
}

@media (min-width: 640px) {
    .faqItem__ask {
        font-size: 1.25rem;
    }
}

.faqItem__ask::before, .faqItem__ask::after {
    display: block;
    content: '';
    position: absolute;
    font-size: 1.0rem;
    right: 0;
    top: 50%;
    height: 2.5em;
    width: 2.5em;
    transform: translate(0, -50%);
    transition: background-color 300ms;
}

@media (min-width: 640px) {
    .faqItem__ask::before, .faqItem__ask::after {
        height: 3.25em;
        width: 3.25em;
    }
}

.faqItem__ask::before {
    border-radius: 50%;
    background: #fff
}

.faqItem__ask::after {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/arrow.svg);
    transform: translate(0, -50%) rotate(-90deg);
}

.active > .faqItem__ask::before {
    background-color: #E3E7E8;
    box-shadow: inset 0 0 0 2px transparent;
}

.active > .faqItem__ask::after {
    background-image: url(/img/arrow.svg);
    transform: translate(0, -50%) rotate(90deg);
}

.faqItem__answer {
    display: none;
    line-height: 1.5;
    color: #666666;
    padding-top: 0.7em;
    font-size: 0.875em;
}

@media (min-width: 470px) {
    .faqItem__answer {
        font-size: 1.0rem;
    }
}

@media (min-width: 640px) {
    .faqItem__answer {
        font-size: 1.125rem;
        padding-right: 4.0em;
    }
}

.faqItem__answer p {
    margin-bottom: 0.5em;
    font-size: 0.875em;
    color: black
}

@media (min-width: 470px) {
    .faqItem__answer p {
        font-size: 1.0rem;
    }
}

@media (min-width: 640px) {
    .faqItem__answer p {
        font-size: 1.125rem;
    }
}

.faqItem__answer p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #111
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    margin: 30px 0;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel .owl-nav button.owl-prev {
    background: url('../img/nd-owl-left.png') left center no-repeat !important;
    width: 27px;
    height: 46px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    left: -40px;
    cursor: pointer;
    top: 50%;
    outline: none;
    margin: 0;
}

.owl-carousel .owl-nav button.owl-next {
    background: url('../img/nd-owl-right.png') right center no-repeat !important;
    width: 27px;
    height: 46px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    right: -40px;
    top: 50%;
    margin: 0;
    outline: none;
    cursor: pointer;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.wrapper, #container #main-menu.wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1.0em;
    padding-right: 1.0em;
}









.casesSlider.owl-carousel {
    margin-top: 0.25em;
    margin-bottom: 0;
}

.casesSlider.owl-carousel .owl-nav button.owl-prev, .casesSlider.owl-carousel .owl-nav button.owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 46.5%;
    height: 2.5em;
    width: 2.5em;
    background-image: none !important;
    background-color: #fff !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    transition: background-color 300ms;
}

@media (min-width: 770px) {
    .casesSlider.owl-carousel .owl-nav button.owl-prev, .casesSlider.owl-carousel .owl-nav button.owl-next {
        height: 3.125em;
        width: 3.125em;
    }
}

.casesSlider.owl-carousel .owl-nav button.owl-prev span, .casesSlider.owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.casesSlider.owl-carousel .owl-nav button.owl-prev::before, .casesSlider.owl-carousel .owl-nav button.owl-next::before, .casesSlider.owl-carousel .owl-nav button.owl-prev::after, .casesSlider.owl-carousel .owl-nav button.owl-next::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1.25em;
    width: 1.25em;
}

.casesSlider.owl-carousel .owl-nav button.owl-prev::before, .casesSlider.owl-carousel .owl-nav button.owl-next::before {
    background-image: url(/img/arrow-blue.svg);
}

.casesSlider.owl-carousel .owl-nav button.owl-prev:hover, .casesSlider.owl-carousel .owl-nav button.owl-next:hover {
    background-color: #C4C4C4 !important;
    box-shadow: 0px 4px 10px rgba(196, 196, 196, 0.25);
}

.casesSlider.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.casesSlider.owl-carousel .owl-nav button.owl-next {
    right: 0;
}


.casesSlider.owl-carousel .owl-nav button.owl-next::before, .casesSlider.owl-carousel .owl-nav button.owl-next::after {
    transform: translate(-50%, -50%) scale(-1, 1);
}

.casesSlider-wrap {
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: 2.5em;
}

.casesItem {
    margin: 30px 15px;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
    text-align: left;
    line-height: 1.2;
}

.casesItem__img {
    display: block;
    height: 15.3em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    text-decoration: none;
    position: relative;
}

@media (min-width: 470px) {
    .casesItem__img {
        height: 18.1em;
    }
}

.casesItem__img::before {
    display: block;
    content: '';
    height: 6em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.casesItem__info {
    padding: 0.5em 1.5em 4.5em 2.2em;
    position: relative;
}

@media (min-width: 470px) {
    .casesItem__info {
        padding: 0.5em 1.5em 4.5em 2.6em;
    }
}

.casesItem__name {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 0.2em;
}

@media (min-width: 470px) {
    .casesItem__name {
        font-size: 1.375rem;
    }
}

.casesItem__result {
    font-size: 0.75em;
    color: #ED281F;
    margin-bottom: 0.8em;
}

@media (min-width: 470px) {
    .casesItem__result {
        font-size: 0.875em;
    }
}

.casesItem__dolg {
    cursor: default;
    font-weight: 600;
    padding: 0.6em;
    margin-bottom: 0.6em;
}

.casesItem__text {
    font-size: 0.75em;
    line-height: 1.3;
    color: #666666;
    margin-bottom: 0.1em;
}

@media (min-width: 470px) {
    .casesItem__text {
        font-size: 0.875em;
    }
}
@media(max-width: 1900px){
  .k-f-3{
    margin-right: 15%
  }
  .k-f-2{
    margin-right: 12%
  }
.k-f-1{
  margin-right: 9%
}
}
@media(max-width: 1800px){
  .foot-6{
    width: 650px
  }
   .k-f-3{
    margin-right: 5%
  }
  .k-f-2{
    margin-right: 5%
  }
.k-f-1{
  margin-right: 5%
}


.poch-ig{
  margin-right: 7%
}
  .map-ig{
    margin-right: 5%;
    width: 700px
  }
}
@media(max-width: 1700px){
  .foot-6{
    width: 560px

  }
  .kot-3{
    margin-right: 10%
  }
}
@media(max-width: 1600px){

  .u-or{
    width: 175px;
  }
  .ub-o1{
    width: 560px
  }
  .ub-o{
    width: 560px;
  }
  .u-ors{
    width: 560px
  }
  .rt-1p{
    width: 560px
  }
  .foot-4{
    margin-left: 610px
  }
  .left-hed-txt{
    margin-bottom: 35px
  }
  .h-1-hed{
    margin-bottom: 730px
  }
  .poch-ig{
    width: 500px
  }
  .poch-1{
    height: 900px
  }
  .map-tex2{
    width: 490px;
    font-size: 18px
  }
  .map-tex1{
    font-size: 18px;
    width: 470px
  }
  .map-titl{
    font-size: 44px
  }

.blocks-kone{
  margin-right: 4%;
  width: 600px
}
}
@media(max-width: 1500px){
  .why-texts{
    font-size: 60px
  }
  .why-texts:before{
    top: 90px
  }
  .foot-3{
    margin-left: 180px
  }
  .foot-2{
    margin-left: 100px
  }
  .foot-4{
    margin-left: 490px
  }
  .kons-res{
    height: 470px;
    width: 460px
  }
  .blocks-kon{
    height: 470px;
    width: 460px;
    margin-left: 100px
  }
  .texts-kon{
    width: 400px;
    font-size: 45px
  }
   .ul-34{
    width: 100px
  }
  .ul-33{
    width: 600px
  }
  .ul-32{
    width: 1200px
  }
  .ul-text{
    font-size: 22px;
    width: 400px
  }
.ul-titl{
  font-size: 43px
}

  .knopka-svizz{
    width: 340px;
    height: 45px;
    font-size: 24px;
    margin-bottom: 95px
  }
  .map-tex2{
    font-size: 16px;
    margin-top: 410px
  }
  .map-tex1{
    font-size: 16px;
    margin-top: 250px
  }
  .map-titl{
    font-size: 40px;
    margin-top: 100px
  }
  .map-2{
    width: 700px
  }
  .map-ig {
    margin-right: 5%;
    width: 600px;
}
  .map-1{
    height: 650px
  }
}
@media(max-width: 1350px){
  .hede-blocks{
    margin-left: 110px
  }
  .u-or{
    width: 145px
  }
  .ub-o1{
    width: 450px;
    margin-top: 265px
  }
  .ub-o{
    width: 450px;
  }
  .u-ors{
    width: 450px;
  }
  .rt-1p{
    width: 450px;
    height: 330px
  }
  .foot-6{
    margin: 0 auto;
    right: auto;
    left: 0;
    margin-left: 150px;
    margin-bottom: 20px
  }
  .foot-4{
    margin: 0 auto;
   bottom: 0;top: auto;margin-left: 700px;margin-bottom: 10px
  }
.foot-1{
  height: 250px
}
  
  .foot-3{
    margin: 0 auto;
    margin-left: 230px;
    margin-top: 57px
  }
.foot-2{
  margin: 0 auto;
  margin-left: 150px;
  margin-top: 50px
}
.ul-32{
    width: 1000px
  }
  .ul-33{
    width: 500px
  }
  .ul-3-titl{
    width: 360px;
    margin-right: 0px
  }
  .ul-3-text{
    width: 340px;
    margin-right: 20px
  }
  .knopka-fiz{
    width: 400px;
    height: 60px
  }
  .ul-knop-1{
    width: 400px;
    height: 45px;
    font-size: 40px
  }
  .knopka-ur{
    width: 400px;
    height: 60px
  }
  .ul-knop{
    width: 850px
  }


  .input-smej{
    width: 250px !important
  }
  .blocki-kon{
    height: 270px
  }
  .smej{
    width: 1050px
  }
  .texti-blocki-kon{
    font-size: 42px
  }
  .blocki-kon-osn{
    width: 900px;
    height: 110px
  }
  
  .lt-qwe{
    width: 400px
  }
  .qwe-left{
    width: 500px
  }
  .left-txt-niz{
    font-size: 20px
  }
  .why-text{
    font-size: 50px
  }
  .left-hed-txt{
    margin-left: 50px;
    width: 500px
  }
  .h-1-hed{
    margin-left: 100px
  }
  .poch-ig {
    margin-right: 10%;
    width: 400px
}
  .map-ig{
    width: 500px;
    filter: drop-shadow(0px 0px 0px )
  }
  .knopka-svizz{
    margin-left: 15%
  }
  .map-tex2{
    margin-left: 15%
  }
  .map-tex1{
    margin-left: 15%
  }
  .map-titl{
    margin-left: 15%
  }
  .pre-tex{
    font-size: 15px;
    margin-bottom: 10px;
    width: 230px
  }
  .pre-titl{
    width: 230px;
    font-size: 25px;
    margin-bottom: 115px;
  }
  .pre-ig{
    width: 70px;
    height: 70px
  }
  .pre-3{
    width: 250px
  }
  .pre-2{
    width: 1000px;
    height: 250px
  }
  .pre-1{
    height: 420px
  }
  .text-blocki-kon{
    font-size: 46px
  }
.sh-12{
  height: 33px;
  font-size: 24px
}
.sh-13{
  height: 33px;
  font-size: 24px
}
.logo-hd{
  margin-left: 30px;
  width: 40px;
  height: 40px
}
.logo-ht{
  height: 33px;
  font-size: 24px;
  margin-left: 80px;
}
.left-text-hed{
  font-size: 48px
}
.hede-blocks{
  width: 452px
}
.left-text-hed-mini{
  font-size: 22px
}
.texts-kone{
  width: 400px
}
.blocks-kone{
  width: 480px
}
.kons-rese{
  width: 480px
}
}
@media(max-width: 1250px){
  .k-f-1{
    margin: 0 auto;
    left: 0;top: 0;margin-top: 230px
  }
   .k-f-2{
    margin: 0 auto;
    left: 0;top: 0;margin-top: 330px
  }
   .k-f-3{
    margin: 0 auto;
    left: 0;top: 0;margin-top: 430px
  }
   .blocks-kon {
    height: 385px;
    width: 850px;
    margin-left: 100px;
    right: 0;
    margin: auto;
    margin-top: 567px;
}
.kons-res {
    height: 440px;
    width: 800px;
}
}
@media(max-width: 1120px){
  .uor-3{
    margin-top: 80px;
  }
  .uor-2{
    margin-top: 40px;
  }
  .ub-o2{
    height: 35px;
    font-size: 21px
  }
  .ub-o1{
    width: 320px;
  }
  .ub-o{
    width: 320px;
    font-size: 10px;
    margin-top: 195px
  }
  .u-ors{
    width: 320px;
    height: 60px;
    margin-top: 120px
  }
  .u-or{
    width: 320px;
  }
  .rt-1p{
    width: 320px;
  }
.hede-blocks{
  margin-left: 50px;
  margin-top: 215px
}
.map-1{
  height: 750px
}
 .ul-21{
    height: 300px
  }
  .ul-3-text{
    width: 280px;
    font-size: 17px
  }
  .ul-3-titl{
    width: 300px;
    font-size: 22px
  }
  .ul-33{
    width: 450px
  }
  .ul-32{
    width: 900px
  }
  .ul-text{
    font-size: 20px;
    width: 300px
  }
  .ul-titl{
    font-size: 32px;
    width: 300px
  }
  .ul-23{
    height: 70%
  }

  .blocki-kon-osn{
    width: 800px
  }
  .texti-blocki-kon{
    font-size: 38px
  }
  .input-smej{
    width: 220px !important;
    margin-right: 35px !important
  }
  .smej{
    width: 850px
  }
  .poch-ig{
    margin-right: 5%
  }
  .knopka-svizz{
    width: 350px;
    height: 50px;
    font-size: 25px;
    margin-bottom: 75px;
  }
  .map-tex2{
    margin-top: 520px;
    width: 350px
  }
  .map-tex1{
    width: 350px;
    margin-top: 320px
  }
  .map-titl{
    margin-top: 90px;
    font-size: 50px
  }
  .map-ig{
    width: 400px
  }
  .pre-3{
    width: 200px
  }
  .pre-tex {
    font-size: 15px;
    width: 170px;
}
  .pre-titl {
    width: 200px;
    font-size: 23px;
}
  .pre-ig{
    width: 60px;
    height: 60px
  }
  .pre-2{
    width: 800px
  }
.ig-tfn{
  width: 18px
}
.sh-13{
  height: 26px;
  font-size: 18px;
  margin-right: 85px
}
.sh-12{
  height: 26px;
  font-size: 18px;
  margin-right: 350px
}
#burger-menu{
  right: 30px
}

.left-text-hed{
  font-size: 40px;
      margin-top: 55px;
}
.texts-kone{
  width: 300px;
  font-size: 35px
}
.blocks-kone{
  width: 380px;
}
.kons-rese{
  width: 380px
}
.under-texts-kone{
  width: 300px
}
}
@media(max-width: 1000px){
  .foot-4{
    margin-left: 150px;

  }
  .foot-6{
    margin-bottom: 115px
  }
  .foot-1{
    height: 350px
  }
  .qest-1{
    height: 120px
  }
  .qt-ma{
    margin-top: 40px
  }
  .prac-1{
    height: 850px
  }
  .prac-2{
     right: 0;margin: auto;width: 600px;text-align: center;
  }
  .qest-2{
    right: 0;margin: auto;width: 600px;text-align: center;
  }
  .oz{
    height: 650px
  }
  .why-texts{
    font-size: 65px
  }
  .otz-2{
    margin-bottom: 120px
  }
  .why-texts:before{
    display: none;
  }
  .otz-1{
    text-align: center;
    margin: auto;
    right: 0;width: 600px
  }
  .ul-3-text{
    width: 220px
  }
  .ul-3-titl{
    width: 240px
  }
  
  .ul-33{
    width: 370px
  }
  .ul-34{
    width: 90px
  }
  .ul-32{
    width: 740px
  }
  .ul-24{
    margin-left: 60px;
    width: 40%
  }
  .ul-23{
    height: 75%
  }
  .ul-knop-1 {
    width: 350px;
    height: 37px;
    font-size: 32px;
}
  .knopka-ur {
    width: 350px;
    height: 50px;
}
.knopka-fiz {
    width: 350px;
    height: 50px;
}
  .ul-knop{
    width: 740px
  }
  .ul-12{
    height: 1110px
  }
  .ul-1{
    height: 1330px
  }



    .why-text{
    font-size: 42px
  }
  .poch-ig{
    margin: 0 auto;
    right: 0;
    left: 0;
    margin-top: 210px
  }
  .poch-1{
    height: 1650px
  }
  .img-left-txt{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }
  .lt-qwe{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin:auto;
    text-align: center;
  }
  .qwe-left{
    width: 700px;
    height: 180px
  }
  .left-hed-txt {
    margin-left: 50px;
    width: 700px;
    margin: 0 auto;
    right: 0;
    height: 1010px
}
  .h-1-hed {
    margin-left: 100px;
    margin: 0 auto;
    right: 0;
    text-align: center;
    top: 0;
    width: 500px
}
  .img-red-oval {
    position: absolute;
    left: 0;
    right: 0;
   
    margin: auto;
}
}
@media(max-width: 900px){
  .ub-o1{
    width: 500px;
    margin-top: 165px
  }
  .ub-o{
    width: 500px;
    margin-top: 115px;
  }
  .u-ors{
    width: 500px;
    margin-top: 50px
  }
  .u-or{
    width: 150px
  }
  .uor-2{
    margin-top: 0px
  }
  .uor-3{
    margin-top: 0px
  }
  .rt-1p{
    width: 500px;
    height: 210px;
  }
  .map-1{
    height: 800px
  }
  .input-smej{
    width: 400px !important;
    font-size: 17px !important;
    height: 50px !important
  }
  .smej{
    width: 400px;
    height:220px;
  }
  .texti-blocki-kon{
    font-size: 31px
  }
  .blocki-kon-osn{
    width: 580px;
    height: 95px
  }
  .blocki-kon{
    height: 400px
  }

  .map-2{
    width: 100%
  }
  .knopka-svizz {
  
    right: 0;
    margin: auto;
    margin-bottom: 28px;
}
  .map-tex2{
    display: none;
  }
  .map-tex1 {
    font-size: 16px;
    width: 500px;
    margin-top: 235px;
    margin: 0 auto;
    right: 0;
    text-align: center;
    margin-top: 200px;
}
  .map-titl {
    font-size: 48px;
    margin: 0 auto;
    text-align: center;
    right: 0;
    margin-top: 31px;
}
  .map-ig{
    width: 580px;
        left: 0;
    margin: auto;
    margin-top: 330px;
  }
  .left-text-hed-mini {
    margin-top: 170px;
    font-size: 18px;
    text-align: center;
}
  .left-text-hed {
    font-size: 45px;
    text-align: center;
    margin-top: 30px;
}
  .hede-blocks {
    height: 360px;
    right: 0;
    margin: 0 auto;
        margin-top: 107px;
}

  .under-texts-kone{
    margin-top: 72px
  }
  .texts-kone{
    margin-top: 20px
  }
  .kons-rese{
    width: 650px;
    height: 330px
  }
  .blocks-kone{
    width: 650px;
    height: 350px;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 35px;
  }
.logo-ht{
  font-size: 22px
}
.texts-kone {
    width: 300px;
    font-size: 35px;
}
.under-texts-kone{
  width: 300px
}
.blocks-kon{
  width: 650px
}
.kons-res{
  width: 650px
}
}
@media(max-width: 850px){

  .otz-titl{
    font-size: 27px
  }
  .otz-p-1{
    margin-top: 75px
  }

   .otz-p-2{
        font-size: 20px;
        width: 350px
      }
}
@media(max-width: 800px){
  .qest-2{
    width: 500px
  }
  .ul-12{
    height: 1910px
  }
  .ul-1{
    height: 2050px
  }
  .ul-22{
    width: 100%;
    border-radius: 0px
  }
  .ul-3-text{
    width: 350px;
    text-align: center;;
    font-size: 20px;
    margin-right: 0px
  }
  .ul-34{
    width: 100px;
    
  }
  .ul-3-titl{
    width: 350px;
    text-align: center;
    font-size: 25px
  }
  .ul-33{
    width: 500px
  }
  .ul-32{
    width: 500px
  }
  .ul-text{
    width: 500px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin:auto;
    margin-top: 75px
  }
  .ul-titl{
    position: absolute;
    left: 0;right: 0;
    margin: auto;
    width: 500px;
    text-align: center;
  }
  .ul-24{
    width: 100%;
    margin-left: 0px
  }
  .ul-23{
    width: 100%;
    border-radius: 0px
  }
  .ul-knop-1 {
    width: 300px;
    height: 32px;
    font-size: 30px;
}
  .knopka-fiz{
    width: 300px
  }
  .knopka-ur{
    width: 300px
  }
  .ul-knop{
    width: 620px;
    margin-top: 40px
  }
  .left-hed-txt{
    width: 500px
  }
  .qwe-left{
    width: 500px
  }
  .pre-3{
    width: 300px
  }
  .pre-2{
    width: 600px;
    margin-bottom: 270px
  }
  .pre-1{
    height: 670px
  }
  .kons-rese{
    width: 550px
  }
  .blocks-kone{
    width: 550px;
    margin-bottom: 65px
  }
  .hede-blocks{
    margin-top: 200px
  }
  .pre-heros{
    height: 1000px
  }
  .hores{
    height: 1000px
  }
.sh-1{
  height: 235px
}
.logo-hd{
  margin: 0;
  margin-top: 50px;
  margin-left: 60px 
}
.logo-ht{
  font-size: 28px;
  margin: 0;
  margin-left: 118px;
  margin-top: 50px
}
.left-text-hed{
  margin-top: 95px;
}
.left-text-hed-mini{
  margin-top: 237px
}
.sh-12{
  margin: 0 auto;
  left: 0;
  right: inherit;
  margin-left: 60px;
  margin-top: 165px;
  font-size: 28px;
}
.sh-13{
  margin: 0 auto;
  left: 0;
  right: inherit;
  margin-left: 60px;
  margin-top: 110px;
  font-size: 28px
}
#burger-menu{
  top: 80px
}
}
@media(max-width: 769px){

  .qt-ma{
    margin-top: 120px
  }
}
@media(max-width: 740px){
.kons-res{
  width: 550px
}
  .blocks-kon{
    width: 550px
  }
  .foot-p-2{
    text-align: center;
  }
  .foot-p-1{
    text-align: center;
  }
  .foot-4{

    margin: 0 auto;
    right: 0;
    margin-bottom: 5px
  }
  .foot-8{
    width: 320px;
        margin: 0 auto;
    right: 0;
    left: 0;
    text-align: center;
  }
  .foot-mu-1 {
    position: absolute;
    top: 0;
    width: 360px;
    margin: auto;
    right: 0;
    left: 0;
}
  .foot-6 {
    margin: 0 auto;
    right: 0;
    margin-bottom: 100px;
    height: 86px;
    width: 400px
}
  .foot-3{
    margin: 0 auto;
    right: 0;
    width: 270px;
    text-align: center;
    margin-top: 100px
  }
  .foot-2{
    margin: 0 auto;
    right: 0;margin-top: 30px
  }
  .oz{
    height: 570px
  }
  .otz-1{
    width: 500px
  }
  .why-texts{
    font-size: 55px
  }
  .otz-p-1{
    width: 100%;
    text-align: center;
  }
  .otz-titl{
    width: 100%;
    text-align: center;
  }
  .otz-p-2{
    width: 100%;
    text-align: center;
    height: auto;
    margin-top: 120px
  }
}
@media(max-width: 650px){
  .ul-knop{
    width: 520px
  }
  .knopka-fiz{
    width: 250px
  }
  .knopka-ur{
    width: 250px
  }
  .ul-knop-1 {
    width: 250px;
    height: 25px;
    font-size: 27px;
}
}
@media(max-width: 600px){
  .qr-cont-rt{
    margin-top: 170px;
  }
  .knopka-svizzs{
    width: 330px;
    height: 45px;
    font-size: 25px
  }
  .kons-res{
    height: 425px
  }
  .blocks-kon{
    height: 400px;
    width: 390px
  }
  .forms-mal{
    height: 1120px
  }
  .pod-1{
    width: 350px;
    margin-bottom: 35px
  }
  .kons-res{
    width: 350px
  }
  .under-texts-kon{
    font-size: 21px;
    margin-top: 100px;
    width: 300px
  }
  .texts-kon{
    width: 340px;
    font-size: 38px;
    margin-top: 40px
  }
  .k-f-1{
   width: 400px;
    height: 80px;
  }
  .k-f-2{
   width: 400px;
    height: 80px;
  }
  .k-f-3{
   width: 400px;
    height: 80px;
  }
  .text-num{
        width: 300px;
    margin-right: 0px;
    height: auto;
  }
  .nums-st{
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px
  }
  .forms-mal .p{
    font-size: 38px;
    width: 400px
  }
  .fot-1{
    height: 250px
  }
  .casesItem__img{
    height: 16.1em
  }
  .casesItem__info{
    height: 220px
  }
  .qest-1{
    height: 85px
  }
  .prac-1{
    height: 750px
  }
  .qt-ma{
    margin-top: 60px
  }
  .prac-2{
    width: 460px
  }
  .why-texts{
    font-size: 50px
  }
  .ul-titl{
    width: 450px
  }
  .ul-text{
    width: 450px
  }
  .ul-1{
    height: 2300px
  }
  .ul-12{
    height: 2090px
  }
  .ul-33{
    height: 260px
  }
  .ul-3-text{
    margin: 0 auto;
    left: 0
  }
  .ul-34{
    width: 90px;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 40px
  }
  .ul-3-titl{
    margin: 0 auto;
    left: 0;
    margin-top: 150px
  }

  .ul-knop-1{
    width: 400px
  }
  .knopka-fiz{
    width: 400px
  }
  .knopka-ur{
    width: 400px;
    margin-bottom: 20px
  }
  .ul-knop{
    width: 400px
  }
  .input-smej{
    margin-right: 0px !important
  }
  .texti-blocki-kon{
    font-size: 26px
  }
  .blocki-kon-osn{
    width: 480px;
    height: 77px;
    margin-top: 10px
  }
  .map-tex1{
    width: 450px
  }
  .map-titl{
    font-size: 45px
  }
  .map-ig{
    width: 480px;
    margin-top: 380px
  }
  .pre-3{
    width: 250px
  }
  .pre-2{
    width: 500px
  }
  .left-text-hed-mini{
    font-size: 22px;
    margin-top: 210px
  }
  .left-text-hed{
    font-size: 40px;
    margin-top: 75px;
  }
  .hede-blocks{
    width: 390px;
    margin-top: 222px
  }
  .pre-heros{
    height: 680px
  }
  .hores{
    height: 680px
  }
  .blocks-kone{
    display: none;
  }
.sh-13{
  font-size: 22px
}
.sh-12{
  font-size: 22px
}
}
@media(max-width: 550px){

  .why-texts{
        font-size: 50px
      }
      .otz-1{
        width: 430px
      }
  .otz-img{
    margin-top: 30px;
    margin-left: 30px
  }
  .otz-img-1{
    margin-bottom: 30px;
    margin-right: 30px
  }
}
@media(max-width: 500px){
  #burger-menu{
    left: 30px;
    right: 0
  }
.prac-1 {
    height: 700px;
}
  .text-num{
    width: 240px
  }
  .k-f-1 {
    width: 340px;
    height: 100px;
        margin-top: 170px;
}
 .k-f-2 {
    width: 340px;
    height: 100px;
    margin-top: 300px

}
 .k-f-3 {
    width: 340px;
    height: 100px;
        margin-top: 430px;
}
  .forms-mal .p{
    font-size: 36px;
    width: 380px;
    margin-top: 30px
  }
  .casesItem__info{
    height: 200px
  }
   .map-1{
    height: 690px
  }
  .qest-2{
    width: 340px
  }
  .prac-2{
    width: 420px
  }
  .otz-1{
    width: 390px
  }
  .why-texts{
    font-size: 45px
  }
  .ul-text{
    width: 335px;
    font-size: 18px;
    margin-top: 100px
  }
  .ul-titl{
    width: 310px;
    font-size: 30px
  }
  .knopka-fiz{
    width: 350px
  }
  .ul-knop-1{
    width: 350px
  }
  .knopka-ur{
    width: 350px
  }
  .ul-knop{
    width: 350px
  }
  .ul-33{
    width: 350px
  }
  .ul-32{
    width: 350px
  }
  .smej{
    width: 350px
  }
  .input-smej{
    width: 350px !important
  }
  .blocki-kon{
    height: 440px
  }
  .texti-blocki-kon{
    font-size: 29px
  }
  .blocki-kon-osn {
    width: 340px;
    height: 130px;
}
  .poch-1{
    height: 1620px
  }
  .qwe-left{
    width: 350px
  }
  .lt-qwe{
    width: 350px
  }
  .left-hed-txt{
    width: 350px;
    height: 1075px
  }
  .img-red-oval{
    width: 70px;
    height: 70px
  }
  .num-txt-red{
    font-size: 28px
  }
  .poch-ig{
    width: 330px
  }
  .h-1-hed{
    width: 350px
  }
  .why-text{
    font-size: 38px
  }
  .map-titl{
    font-size: 40px;
    width: 400px
  }
  .map-tex1{
    width: 400px;
    margin-top: 175px
  }
  .map-ig{
    width: 400px;
    margin-top: 340px
  }
  .pre-3{
    width: 225px
  }
  .pre-2{
    width: 450px
  }
  .logo-hd{
    margin-left: 99px;
  }
  .logo-ht{
    margin-left: 146px
  }
  .sh-12{
    margin-right: 0px;
    left: 0;
    right: 0;
   margin: auto;
    text-align: center;
    width: 300px;
    margin-bottom: 29px;
    font-size: 25px
  }
  .sh-13{
    margin-right: 0px;
    left: 0;
    right: 0;
   margin: auto;
    text-align: center;
    width: 400px;
    margin-bottom: 80px;
    font-size: 25px
  }
  .sh-1{
  height: 220px
  }
}
@media(max-width: 450px){
  .qr-cont-rt{
    margin-top:145px;
  }
  .knopka-svizzs{
    width: 280px;
    font-size: 22px
  }
  .blocks-kon{
    width: 340px;
    height: 360px;
  }
  .kons-res{
    width: 340px;
    height: 385px
  }
.under-texts-kon {
    font-size: 18px;
    
    width: 270px;
}
 .texts-kon {
    width: 280px;
    font-size: 32px;
  
}
  .nums-st{
    width: 50px;
    height: 50px
  }
  .nums-color{
    font-size: 28px
  }
  .k-f-1{
    width: 270px
  }
  .k-f-2{
    width: 270px
  }
  .k-f-3{
    width: 270px
  }
  .text-num{
    font-size: 16px;
    width: 200px
  }
  .forms-mal .p{
    width: 320px;
    font-size: 30px
  }
  .qt-ma{
    margin-top: 50px
  }
  .prac-1{
    height: 670px
  }
  .prac-2{
    width: 380px
  }
  .why-texts{
    font-size: 40px
  }
  .otz-1{
    width: 350px;
    margin-top: 20px
  }
  .oz{
    height: 580px
  }
  .otz-p-2{
    margin: auto;
    right: 0;
    margin-top: 120px;
    width: 100%
  }
  .map-ig{
    width: 340px
  }
  .map-tex1 {
    width: 340px;
    margin-top: 150px;
}
  .map-titl {
    font-size: 35px;
    width: 340px;
}
  .map-1{
    height: 660px
  }
  .pre-1{
    height: 1300px
  }
  .pre-tex{
    font-size: 17px
  }
  .pre-titl{
    font-size: 28px
  }
  .pre-ig{
    width: 80px;
    height: 80px
  }
  .pre-3{
    width: 300px;
    margin-top: 40px
  }
  .pre-2{
    width: 300px;
    margin-bottom: 930px;
  }
  .hede-blocks {
    width: 350px;
    margin-top: 270px;
    height: 300px
}
.left-text-hed{
  font-size: 36px;
  margin-top: 30px
}
.left-text-hed-mini{
  margin-top: 145px;
  font-size: 20px
}
}
@media(max-width: 400px){

  .under-texts-kon{
    width: 260px
  }
  .texts-kon{
    font-size: 30px;
    width: 260px
  }

   .blocks-kon{
  width: 305px;
 }
  .pod-1{
    width: 305px
  }
  .kons-res{
    width: 305px;
  }

  .foot-6{
    width: 303px
  }
  .foot-mu{
    font-size: 22px;
    width: 70px
  }
  .foot-mu-1{
    width: 280px
  }
.foot-8{
  width: 300px;
  font-size: 11px
}
  .foot-4{
    font-size: 10px
  }
  .qest-1{
    height: 60px
  }
  .prac-2{
width: 320px
  }
  .otz-1{
    margin-top: 30px
  }
  .otz-titl{
    font-size: 25px
  }
  .otz-p-2{
    margin-top: 130px;
    font-size: 16px;
    width: 189px
  }
  .otz-1{
    width: 300px
  }
  .why-texts{
    font-size: 35px
  }
  .ul-12{
    height: 2180px
  }
  .ul-1{
    height: 2390px
  }
  .ul-32{
    width: 290px
  }
  .ul-33{
    width: 290px;
    height: 280px
  }
  .ul-3-titl{
    width: 290px;
    margin-top: 165px

  }
  .ul-3-text{
    width: 290px
  }
  .ul-text{
    width: 300px
  }

  .ul-titl{
    font-size: 29px;
    width: 290px
  }
  .ul-knop{
    width: 300px
  }
  .ul-knop-1{
    width: 300px
  }
  .knopka-fiz{
    width: 300px
  }
  .knopka-ur{
    width: 300px
  }
  .smej{
    width: 300px
  }
  .blocki-kon-osn{
    width: 310px
  }
  
  .input-smej{
    width: 300px !important
  }
  .qwe-left{
    margin-bottom: 40px
  }
  .left-hed-txt{
    width: 300px
  }
  .qwe-left{
    width: 300px
  }
  .lt-qwe{
    width: 300px
  }
  .why-text{
    font-size: 33px
  }
  .h-1-hed{
    width: 300px
  }
  .poch-ig{
    width: 310px
  }
  .knopka-svizz {
    width: 300px;
    height: 40px;
    font-size: 22px;
}
  .map-ig{
    width: 310px;
    margin-top: 312px
  }
  .map-1{
    height: 600px
  }
  .map-tex1{
    width: 310px;
    font-size: 14px;
    margin-top: 147px
  }
  .map-titl {
    font-size: 33px;
    width: 310px;
}
  .text-blocki-kon{
    font-size: 40px
  }
  .blocki-kin-osn{
    width: 300px
  }
  .left-text-hed-mini{
    font-size: 17px
  }
  .left-text-hed{
    font-size: 33px
  }
  .hede-blocks{
    width: 300px
  }
  .logo-hd{
    width: 35px;
    height: 35px;
        margin-left: 189px;
        margin-top: 23px
  }
  .sh-13{
    width: 300px;
    font-size: 20px;
     margin-bottom: 68px
  }
  .sh-12{
    font-size: 20px;
    margin-bottom: 22px
  }
  .logo-ht{
    font-size: 24px;
    margin-left: 111px;
    margin-top: 67px
  }
  
}

@media(max-width: 340px){
  .forms-mal .p{
    font-size: 28px
  }
  .map-1{
    height: 590px
  }
  .map-ig{
    margin-top: 300px
  }
  .map-titl{
    font-size: 30px
  }
  .map-tex1{
    width: 300px;
    margin-top: 140px
  }
  .qest-2{
    width: 280px
  }
  .otz-p-2{
    width: 175px
  }
  .why-texts{
    font-size: 33px
  }

  .left-text-hed-mini{
    margin-top: 110px;
  }
  .pre-heros{
    height: 580px
  }
  .hores{
    height: 580px
  }
  .left-text-hed{
    font-size: 30px;
    margin-top: 10px
  }
  .logo-hd{
    margin-left: 178px;
  }
  .logo-ht{
        margin-left: 99px;
  }
}