body::-webkit-scrollbar { width: 10px; background-color: #028ec96b; }
body::-webkit-scrollbar-thumb { background-color: #028ec9; }
@font-face{font-family: "Roboto-Regular"; src: url("../fonts/Roboto-Regular.ttf") format("truetype")}
@font-face{font-family: "Roboto-Medium"; src: url("../fonts/Roboto-Medium.ttf") format("truetype")}
@font-face{font-family: "Roboto-Thin"; src: url("../fonts/Roboto-Thin.ttf") format("truetype")}
@font-face{font-family: "Roboto-Bold"; src: url("../fonts/Roboto-Bold.ttf") format("truetype")}
@font-face{font-family: "Roboto-Light"; src: url("../fonts/Roboto-Light.ttf") format("truetype")}
@font-face{font-family: "Montserrat"; src: url("../fonts/Montserrat.ttf") format("truetype")}
@font-face{font-family: "Montserrat-Bold"; src: url("../fonts/Montserrat-Bold.ttf") format("truetype")}
@font-face{font-family: "Montserrat-Extra"; src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype")}
@font-face{font-family: "Source"; src: url("../fonts/Source.ttf") format("truetype")}
@font-face{font-family: "Source-Bold"; src: url("../fonts/Source-Bold.ttf") format("truetype")}
*{
  margin: 0;
  padding: 0;
}
p{
  margin: 0!important;
}
img{
  max-width: 100%;
}
.block1{
  margin: 10px 0px 10px;
}
.text3{
  display: none;
}
.shapka{
  display: flex;
}
.menu{
  width: 840px;
  height: 45px;
}
.nav{
  display: flex;
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  align-items: center;
  text-transform: uppercase;
}
.nav>li>a:hover{
  background: none;
  color: none;
}
.nav>li>a{
  color: #000;
  text-align: center;
  align-items: center;
  padding: 19px 10px!important;
}
.num{
  font-family: "Roboto-Bold";
  font-size: 19px;
  line-height: 45px;
  color: #028EC9;
}
.num:hover{
  text-decoration: none;
}
.mask{
  width: 20px;
  margin-top: -5px;
}
.logotype{
  width: 125px;
}
.menu{
  width: 865px;
}
.main-img{
  width: 100%;
  height: 90vh;
  object-fit: cover;
}
.text{
  position: absolute; 
  top: 10%;
}
.vers2{
  top: 25%!important;
}
.first{
  display: inline-block;
  width: auto;
  border: 1px solid #028ec900;
  background: #028ec987;
  border-radius: 10px;
  color: #fff;
  padding: 5px 5px 5px;
}
.second{
  line-height: 1;
}
.second h1{
  font-family:"Montserrat-Extra";
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  color: #fff;
}
span.blue{
  color: #028ec9;
  font-size: 46px;
  font-family: "Montserrat";
  font-weight: bold;
}
.third{
  margin-top: 10px;
  font-family: "Roboto-Thin";
  font-size: 26px;
  font-style: normal;
  color: #fff;
  line-height: 36px;
}
span.color{
  color: #028ec9;
}
.post{
  margin-top: 25px;
}
.zayavka{
  border: 1px solid #028ec9;
  background: #028ec9;
  border-radius: 29px;
  padding: 10px 50px 10px;
  font-family: "Roboto-Bold";
  font-size: 18px;
  color: #fff;
  line-height: 26px;
}
.zayavka:hover{
  transition: .3s linear;
  text-decoration: none;
  background: none;
  color: #028ec9;
}
.flexing{
  display: flex;
  margin-top: 70px;
  height: 530px;
}
.mastering{
  position: relative;
}
.mastering:after{
  content: "";
  position: absolute;
  top: 58px;
  left: 56%;
  width: 43%;
  height: 435px;
  background: #028ec9;
  z-index: -1;
}
.mastering2:after{
  content: "";
  position: absolute;
  top: 58px;
  left: 56%;
  width: 43%;
  height: 395px;
  background: #028ec9;
  z-index: -1;
}
.mastering2{
  position: relative;
}
.mast{
  width: 85%;
}
.too{
  width: 730px;
}
.mmm{
  font-family: "Roboto-Thin";
  font-weight: 300;
  font-size: 34px;
}
.h3{
  font-family: "Montserrat-Extra";
  font-size: 44px;
  color: #028ec9!important;
  padding-bottom: 25px;
}
.too p{
  font-family: "Roboto-Light";
  padding-right: 21%;
  padding-bottom: 10px;
  color: #222222;
}
.readmore{
  border: 1px solid #028ec9;
  background: #028ec9;
  border-radius: 29px;
  padding: 10px 45px 10px;
  font-family: "Roboto-Bold";
  font-size: 18px;
  color: #fff;
  line-height: 26px;
}
.readmore:hover{
  transition: .3s linear;
  text-decoration: none;
  background: none;
  color: #028ec9;
}
.more{
  margin-top: 30px;
}
.icons{
  display: flex;
  justify-content: center;
  height: 300px;
}
.item1{
  text-align: center;
  padding: 20px;
}
.ppp{
  font-family: "Montserrat-Bold";
  font-size: 16px;
  color: #028ec9;
}
.item2p{
  font-family: "Roboto-Regular";
  font-size: 14px;
  color: #222222;
}
.item2{
  text-align: center;
}
.icon2{
  margin-top: 10px;
}
.garant{
  margin-top: 30px;
  text-align: center;
  font-family:"Roboto-Light";
  font-size: 24px;
  color: #222222;
}
ul.nav.menu li:hover{
  border-bottom: 3px solid #028ec9;
}
.main-image{
  position: relative;
  object-fit: cover;
}
.four p{
  font-family: "Montserrat";
  font-size: 34px;
  line-height: 50px;
  color: #fff;
}
.color2{
  font-family: "Montserrat-Bold";
  color: #028ec9;  
}
.zayavka-white{
  border: 1px solid #fff;
  background: none;
  border-radius: 29px;
  padding: 10px 50px 10px;
  font-family: "Roboto-Bold";
  font-size: 18px;
  color: #fff;
  line-height: 26px;
}
.zayavka-white:hover{
  transition: .3s linear;
  text-decoration: none;
  border: 1px solid #028ec9;
  background: #028ec9;
  color: #fff;
}
.zagolovok{
  font-family: "Montserrat-Bold";
  font-size: 44px;
  text-align: center;
  color: #028ec9;
}
.product{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 50px;
}
.prod1{
  width: 32%;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.name{
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 99;
  width: 100%;
}
.name:after{
  position: absolute;
  content: "";
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
  width: 34px;
  height: 34px;
  background: #028ec9;
  z-index: -1;
}
.border-blue{
  border: 1px solid #028ec9;
  background: #028ec9;
  height: 77px;
  text-align: center;
}
.border-blue p{
  font-family: "Roboto-Bold";
  font-size: 20px;
  line-height: 36px;
  color: #fff;
}
.zakaz{
  font-family: "Roboto-Bold";
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  padding: 5px 55px 0px;
  border-top: 1px solid #fff;
}
.zakaz:hover{
  text-decoration: none!important;
  transition: .3s linear;
  color: #162a46;
}
.form-control{
  border: 1px solid #d5d5d5;
  border-radius: 29px;
}
.form-flex{
  display: flex;
}
.formbq{
  width: 750px;
}
.formbq p{
  color: #028ec9;
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-size: 44px;
  line-height: 62px;
}
.formbq span{
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 62px;
  color: #222222;
}
.nav>.item-101>a{
  display: none;
}
.blocking{
  width: auto;
  margin: 10px 10px;
}
.atym, .nomer{
  margin-top: 15px;
  border: 1px solid #d5d5d5;
  border-radius: 29px;
  width: auto;
  height: 30px;
  padding: 25px;
}
.comment{
  margin-top: 15px;
  width: 64%;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  padding: 10px 10px 75px;
}
.forma-button{
  margin-top: 30px;
  margin-left: 10px;
  border: 1px solid #028ec9;
  border-radius: 29px;
  background: #028ec9;
  padding: 10px 50px 10px;
  font-family: "Roboto-Bold";
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.forma-button:hover{
  transition: .3s linear;
  background: none;
  color: #028ec9;
}
.blocking span.text-name, .commentariy span.text-name{
  font-family: "Montserrat-Bold";
  font-size: 14px;
  color: #028ec9;
  line-height: 18px;
}
.commentariy{
  margin-top: 25px;
  margin-left: 10px;
}
.maps{
  position: relative;
}
.location{
  position: absolute;
  top: 12%;
  left: 60%;
  width: 400px;
  height: 385px;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.7);
  box-shadow: 0px 5px 24px 1px rgba(0,0,0,0.7);
}
.location-name{
  font-family: "Montserrat-Bold";
  font-size: 44px;
  line-height: 64px;
  color: #028ec9;
  padding: 25px 30px 0px;
}
.first-name{
  font-family: "Source";
  font-size: 21px;
  line-height: 31px;
  color: #222222;
  padding: 0px 30px 30px;
}
.loca-flex{
  display: flex;
  margin-left: 30px;
}
.adress{
  width: 235px;
  padding-left: 33px;
  margin-bottom: 15px;
}
.mobile-numbers{
  width: 320px;
  padding-left: 29px;
  margin-bottom: 15px;
}
.mails{
  width: 320px;
  padding-left: 25px;
}
.adress, .mobile-numbers, .mobile-numbers a, .mails a{
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.footer-background{
  background: #222222;
}
.footer-background:before{
  content: "";
  /* border-bottom: 1px solid red; */
}
.footer-content{
}
.footer-logo{
  width: 16%;
  z-index: 9;
}
.foot-logo{
  width: 10%;
}
.footer-menu{
  position: relative;
}
.new-menu{
  /* border-bottom: 1px solid white; */
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
.copyright{
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  color: white;
  padding-top: 2px;
}
.footer-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-background {
  padding-top: 18px;
  padding-bottom: 18px;
}
.footer-logo img {}

.footer-menu {
  width: 83%;
}
ul.new-menu a {
  margin-left: 38px;
  color: white;
}
.footer-background {
  position: relative;
}
.footer-background:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 1px;
  width: 100%;
  background: #C2D1D9;
  opacity: 0.4;
}
.div-div{
  background: #222222;
  width: 205px;
}
.lglg{
  margin-left: 15px;
}
.cover-name{
  position: absolute;
  top: 31%;
  z-index: 99;
}
.cover-name h1{
  font-family: "Montserrat-Bold";
  font-size: 34px;
  font-style: normal;
  line-height: 24px;
  color: #fff;
}
.about{
  object-fit: cover;
}
.company{
  margin-bottom: 30px;
}
.too-etsm{
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "Montserrat-Bold";
  font-size: 34px;
  font-style: normal;
  line-height: 41px;
  color: #028ec9;
}
.text-company{
  padding-bottom: 15px;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
.adress-block{
  width: 32%;
}
.adress-flex{
  display: flex;
  margin-bottom: 60px;
}
.fact-adress{
  display: flex;
}
.fff{
  padding-left: 10px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #222222;
}
.ccc{
  padding-top: 15px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
.ccc a{
  color: #222222;
}
.automats{
  margin-top: 50px;
}
.owl-carousel.partner.owl-loaded.owl-drag .item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.owl-carousel.partner.owl-loaded.owl-drag .item img {
  max-width: 90%;
  height: 50%;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded{
  margin-top: 30px;
  margin-bottom: 30px;
}
.cover{
  height: 300px;
}
.about{
  position: absolute; 
  left: 0;
  z-index: -1;
  width: 100%;
  height: 300px;
}
.catalog{
  margin-top: 60px;
}
.foto{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.foto-div{
  width: 45%;
}
.first-foto, .second-foto{
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  align-items: center;
}
.crit{
  margin-left: 70px;
  width: 50%;
}
.crit2{
  margin-right: 70px;
  width: 50%;
}
.p-main{
  font-family: "Montserrat-Bold";
  font-size: 30px;
  line-height: 44px;
  color: #028ec9;
}
.crit ol{
  padding-top: 20px;
  padding-left: 30px;
}
.crit ol li{
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 25px;
  color: #222222;
}
.crit2 ol{
  padding-top: 20px;
  padding-left: 30px;
}
.crit2 ol li{
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 25px;
  color: #222222;
}
.pwka p{
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
.diler .ol p{
  font-size: 16px;
  font-family: "Roboto-Regular";
  font-style: normal;
  line-height: 30px;
  color: #222222;
}
.diler span{
  color: #028ec9;
}
.just{
  font-family: "Roboto-Regular"!important;
  font-size: 16px!important;
  line-height: 26px!important;
  color: #222222;
  padding-top: 15px;
  padding-bottom: 15px;
}
.diler ol{
  padding-left: 20px;
}
.diler ol li{
  font-family: "Montserrat-Bold";
  font-size: 16px;
  line-height: 25px;
  color: #222222;
}
.diler{
  display: flex;
  margin-top: 45px;
}
.agreement{
  width: 84%;
}
.agreement2{
  width: 69%;
}
.fancy{
  padding-left: 10px;
}
.agree{
  margin-bottom: 70px;
}
.project{
  display: flex;
  margin-top: 70px;
}
.txt{
  padding-top: 20px;
  padding-right: 50px;
}
.name-tag{
  font-family: "Montserrat-Bold";
  font-size: 24px;
  line-height: 31px;
  color: #028ec9;
  padding-top: 10px;
}
.txt p{
  font-family: "Roboto-Regular";
  font-size: 15px;
  line-height: 24px;
  color: #222222;
  padding-top: 15px;
}
.txt span{
  color: #028ec9;
}
.letters{
  display: flex;
  flex-wrap: wrap;
}
.letter{
  position: relative;
  width: 350px;
  background: #f8f8f8;
  border: 1px solid #eeeeee;
  text-align: center;
  margin: 35px 10px 10px;
}
.lett{
  margin-top: 25px;
  margin-bottom: 25px;
}
.loop{
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.letter:hover > .loop{
  transition: .3s linear;
  opacity: 1;
}
.svgwka{
  background: rgba(2, 142, 201, 0.6);
  width: 350px;
  height: 310px;
}
.topping{
  position: absolute;
  top: 33%;
  left: 38%;
}
.strong{
  font-family: "Roboto-Regular";
  font-size: 21px;
  line-height: 31px;
  color: #222222;
  margin-top: 20px;
}
.usp{
  height: 590px;
}
.usp p{
  font-family: "Roboto-Regular";
  font-size: 15px;
  line-height: 24px;
  color: #222222;
  padding-top: 20px;
  padding-bottom: 20px;
}
.usp-readmore{
  font-family: "Source";
  font-size: 14x;
  line-height: 18px;
  color: #028EC9;
  border: 1px solid #028ec9;
  border-radius: 5px;
  padding: 10px 20px 10px;
}
.usp-readmore:hover{
  text-decoration: none!important;
  transition: .3s linear;
  color: #fff;
  background-color: #028ec9;
}
.readmr{
  margin-top: 15px;
}
.owl-nav{
  position: absolute;
  top: 35%;
  transform:  translate(-50%, -50%);
  width: 107%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}
.breadcrumb{
  padding: 0!important;
  margin: 0!important;
  background-color: #ffffff00!important;
  border-radius: 0!important;
  position: absolute;
  top: 100px;
  left: 19%;
}
.breadcrumb>li+li:before{
  display: none;
}
.breadcrumb span{
  font-family: "Roboto-Regular"!important;
  font-size: 14px!important;
  line-height: 16px!important;
}
.prod1:hover > .list{
  transition: .3s linear;
  top: 0;
  opacity: 1;
  z-index: 99;
}
.list{
  position: absolute;
  top: 80%;
  z-index: -1;
  opacity: 0;
  background: #028ec9;
  width: 100%;
  height: calc(100% - 45px);
}
.list-items{
  padding: 20px 20px 10px;
}
.list-items p{
  font-family: "Roboto-Regular";
  font-size: 14px;
  color: #fff;
}
.modal-content{
  width: auto;
  height: auto;
}
.relative{
  position: relative;
  margin: 0 auto;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
  outline: none;
}
.partner .owl-nav{
  display: block;
  position: absolute;
  top: 52%;
  transform:  translate(-50%, -50%);
  width: 107%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}
.block2{
  position: relative;
}
@media (min-width: 768px){
.modal-dialog {
    width: 700px;
    margin: 30px auto;
  }
}
.modal .relative{
  margin-left: 30px;
}
.modal .forms{
  padding-bottom: 30px;
}
.modal .formbq{
  width: auto;
}
.breadcrumb span{
  color: #dcd4d4;
}
.breadcrumb>.active{
  color: #fff;
}
.pathway span{
  color: #777;
}
.modal .comment{
  width: 70%;
}
.spisok{
  margin-top: 15px;
  line-height: 25px;
}
.podpis{
  font-family: "Roboto-Light";
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin-left: 10px;
}
.top-main{
  padding-top: 80px;
}
.btn-primary.focus, .btn-primary:focus{
  background-color: #028ec9;
  border-color: #028ec9;
}
.sub-zag{
  margin-bottom: -20px;
}
.fonts{
  font-size: 16px;
}
.nobold{
  font-family: "Montserrat";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; 
}
.padtop{
  padding-top: 50px;
}
.padtopp{
  padding-top: 95px;
}
.modal .forma-button{
  margin-left: 30px;
}
.modal .form-flex{
  margin-left: 22px;
}
.modal .commentariy{
  margin-left: 30px;
}
.spasibo{
  font-family: "Montserrat";
  font-size: 44px;
  font-weight: bold;
  line-height: 62px;
  color: #028ec9;
  padding: 20px;
}
.manager{
  font-size: 20px!important;
  font-family: "Roboto-Regular"!important;
  color: #222222!important;
  padding: 20px!important;
}