@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=cyrillic');



@font-face {

  font-family: 'icomoon';

  src:  url('/assets/fonts/icomoon/icomoon.eot?rpa8eo');

  src:  url('/assets/fonts/icomoon/icomoon.eot?rpa8eo#iefix') format('embedded-opentype'),

    url('/assets/fonts/icomoon/icomoon.ttf?rpa8eo') format('truetype'),

    url('/assets/fonts/icomoon/icomoon.woff?rpa8eo') format('woff'),

    url('/assets/fonts/icomoon/icomoon.svg?rpa8eo#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}











[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}







img{

    max-width: 100%;

}



*:focus{

    outline: none;

}





a:hover{

  text-decoration: none;

}





section, header,footer{

  width: 100%;

  float: left;

}







body{

  overflow-x: hidden;

}



















.page-header{



  position: absolute;

  padding-top: 20px;

}





.logo{

  width: 100%;

  float: left;

}



.logo a{

  float: left;

  width: 100%;

  float: left;

}



.logo a span{



margin-top: 8px;



font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 11px;

line-height: 13px;



display: flex;

align-items: center;

letter-spacing: 0.15px;



color: #FFFFFF;





}









.header-info{

  float: left;

  color: #fff;

  font-family: Roboto;

  position: relative;



  padding-right: 20px;

}





.header-info span{

   width: 100%;

   float: left;

   color: #fff;







font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 22px;



display: flex;

align-items: center;

letter-spacing: 0.15px;

}







.clock-icon:before{



   content: '';

   position: absolute;

   width: 18px;

   height: 18px;

   background: url('/images/icon_clock.png');

   background-size: 18px;



   left: -40px;

   top: 3px;



}





.phone-icon:before{



   content: '';

   position: absolute;

   width: 19px;

   height: 18px;

   background: url('/images/icon_phone.png');

   background-size: 19px 18px;



   left: -40px;

   top: 3px;

}







.custom-button{



font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 12px;

line-height: 14px;

display: inline-block;

align-items: center;

letter-spacing: 0.50px;

text-transform: uppercase;

color: #fff;

padding: 13px 67px 13px 24px;

background: #C40B0B;



position: relative;

overflow: hidden;



}





.custom-button:before{



    content: '';

    position: absolute;

    right: -16px;

    width: 53px;

    height: 70px;

    transform: rotate(-158deg);

    background: #E30B0B;

    top: -15px;



}



.custom-button:after{



  content: '';

  position: absolute;

  width: 12px;

  height: 12px;

  background: url('/images/svg/arrow-right.svg');

  background-size: 12px;



  right: 14px;

  transition: 0.2s ease;



}



.custom-button:hover{

  color: #fff;

}





.custom-button:hover:after{



right: 25px;



}













.header-info.button{

  width: auto;

  float: right;

  padding-right: 0px;

}



















.main-navbar{

  width: 100%;

  float: left;

  padding-top: 21px;

}





.header-nav{

  width: 100%;

  float: left;

  background: #fff;

}







.main-ul {

  list-style: none;

  padding: 0;

  margin: 0;

  font-family: Roboto;

  float: left;

}



.main-ul li{

  float: left;

  padding-left: 52px;

  position: relative;

}



.main-ul li a, .main-ul li span{



float: left;

font-style: normal;

font-weight: bold;

font-size: 14px;

line-height: 16px;

letter-spacing: 0.15px;

color: #02133C;





padding: 20px 0;

transition: .2s ease;



cursor: pointer;

}





.main-ul li a:hover, .main-ul li span:hover{



color: #C40B0B;



}





.main-ul li.active a{



  padding-bottom: 17px;



  color: #C40B0B;

  border-bottom: 3px solid #C40B0B;

   



}







.li-caret span:after, .li-caret a:after{

  

  content: '';

  float: right;

  width: 8px;

  height: 5px;

  background: url('/images/svg/caret.svg');

  background-size: 8px 5px;

  margin-left: 8px;

  margin-top: 5px;



}







/*submenu actions*/



.main-ul li.dropdown:hover .submenu-block{



  display: block;

  

}





.submenu-block{

  display: none;



    position: absolute;

    list-style: none;

    padding: 0;

    min-width: 310px;

    padding: 12px 0;

    margin-top: 54px; 

    margin-left: -25px;

    z-index: 100;

    padding-top: 6px;





}





.submenu{

  list-style: none;

  padding: 0;

  margin: 0;

  min-width: 310px;

  background: #fff;

  padding: 12px 0;

  z-index: 100;

  float: left;



}



.submenu li{

  float: left;

  width: 100%;

  padding: 0;

}



.submenu li a{



  float: left !important;

  padding: 8px 24px !important;

  width: 100%;

  border-bottom: 0px !important;

      color: #02133C !important;

}





.submenu li a:hover{



  background: #EDEDED;

}





.submenu li.active a{



padding: 0px;



}





.submenu li a:after{



  display: none;

}





.submenu li.active a{



   color: #02133C;

   border-bottom: 0px;

   background: #EDEDED;

   padding: 8px 24px;

}









.page-header-block{

   

   background-size: cover !important;

   background-position: top center !important;



   padding-top: 160px;

   padding-bottom: 240px;



   

}







.page-header-content{

  width: 100%;

  float: left;

  padding-top: 80px;

  padding-bottom: 100px;

}





.page-header-content h1{





font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 50px;

line-height: 56px;

color: #FFFFFF;



}







.standart-info{

  text-align: right;

}



.standart-info p{



font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 13px;

line-height: 15px;

align-items: center;

text-align: right;

letter-spacing: 0.15px;



color: #FFFFFF;

margin: 0;

margin-top: 20px;



}









.page-header.fixed-header {

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 120 !important;



    background: #1B1D23;

    padding-top: 20px;

    padding-bottom: 15px;

    transition: 0.2s ease;

}





.page-header.fixed-header .main-navbar{

  display: none;

}







/*main services block*/





.main-services{

  width: 100%;

  float: left;

  background: #f5f5f5;

}





.main-services .specific-block{

  background: #fff;

  margin-left: -80px;

  margin-right: -80px;

  padding-left: 65px;

  padding-right: 65px;



  margin-top: -255px;

}





.main-services-header{

  width: 100%;

  float: left;

  padding-top: 100px;







  font-family: Roboto;



}





.main-services-content{

  width: 100%;

  float: left;

  padding-top: 80px;

}





.block-title {

  width: 100%;

  float: left;

  font-style: normal;

  font-weight: bold;

  font-size: 12px;

  line-height: 24px;

  letter-spacing: 2.5px;

  text-transform: uppercase;

  color: #4B4B4B;

}





.block-second-title{

  width: 100%;

  float: left;

  font-style: normal;

  font-weight: 900;

  font-size: 36px;

  line-height: 42px;

  color: #02133C;



  margin-top: 32px;

}



.services-url-item{



    width: 100%;

    height: 95%;

    float: left;

    margin-bottom: 30px;

    background: #f8f8f8;

    transition: 0.2s ease;



}



.services-url-item:hover {

    

    background: #f1ebeb;



}







.main-services-item{

  width: 100%;

  float: left;

  font-family: Roboto;



}







.msi-image{

  width: 100%;

  float: left;

  height: 160px;

  text-align: center;

}





.main-services-item h2{





font-style: normal;

font-weight: 900;

font-size: 19px;

line-height: 26px;

text-align: center;

color: #02133C;



}





.msi-content{

  width: 100%;

  float: left;

  padding: 16px 43px 30px 43px;

  text-align: center;



}





.msi-content p{





font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

text-align: center;

letter-spacing: 0.15px;

color: #4B4B4B;

}







.main-services-more-block{

  width: 100%;

  float: left;

  padding: 50px 0 80px 0;

}





/*main about */







.main-about{

  width: 100%;

  float: left;

  background: #f5f5f5;

}





.main-about-header{

  width: 100%;

  float: left;

  padding-top: 100px;







  font-family: Roboto;

}







.main-about-header .block-title {

  font-style: normal;

  font-weight: bold;

  font-size: 12px;

  line-height: 24px;

  display: flex;

  align-items: center;

  letter-spacing: 2.5px;

  text-transform: uppercase;

  color: #4B4B4B;

}

.main-about-header .block-second-title{

  font-style: normal;

  font-weight: 900;

  font-size: 36px;

  line-height: 42px;

  color: #02133C;



  margin-top: 32px;

}





.block-about-text{

  width: 100%;

  float: left;

  padding-top: 32px;

}





.block-about-text p{



font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

letter-spacing: 0.15px;

color: #4B4B4B;



padding-right: 30%;

}







.image-block-caption{

  width: 100%;



  float: left;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;



  margin: 40px 0 50px 0;



  position: relative;



}





.image-block-caption .block-caption{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

}





.image-block-caption .block-caption p{





width: 350px;





font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 36px;

line-height: 42px;

color: #FFFFFF;

padding-right: 0;

margin-right: 35px;



}





.block-about-footer{

  width: 100%;

  float: left;

  padding: 40px 0 80px 0;

}





.red-with-arrow{



font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 14px;

display: flex;

align-items: center;

letter-spacing: 0.15px;

text-transform: uppercase;

color: #C40B0B;





float: left;

width: auto;



position: relative;



}





.red-with-arrow:hover{

 color: #C40B0B;

}





.red-with-arrow:hover:after{



  right: -25px;

}







.red-with-arrow:after{



  content: '';

  position: absolute;

  width: 12px;

  height: 12px;

  background: url('/images/svg/arrow-right-red.svg');

  background-size: 12px;

  transition: 0.2s ease;

  right: -35px;

}









/*main benefits*/





.main-benefits{

  background: #EDEDED;

}







.benefits-list{

  width: 100%;

  float: left;

  padding-top: 35px;

}









.main-benefit-item{

  width: 100%;

  float: left;

  font-family: Roboto;



}





.mbi-image{

  width: 100%;

  float: left;

  height: 100px;

  text-align: center;

}





.main-benefits-item h2{





font-style: normal;

font-weight: 700;

font-size: 19px;

line-height: 26px;

text-align: center;

color: #02133C;



}





.mbi-content{

  width: 100%;

  float: left;

  padding: 0px 5px 30px 5px;

  text-align: center;



}





.mbi-content p{

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

text-align: center;

letter-spacing: 0.15px;

color: #4B4B4B;

}







/*main works*/





.main-works{

  background: #EDEDED;

}







.main-works-container{

  width: 100%;

  float: left;

  background: #fff;

  margin-top: 50px;





  padding: 100px 80px 0px 80px;



  font-family: Roboto;

}









.main-works-container .block-title {

  font-style: normal;

  font-weight: bold;

  font-size: 12px;

  line-height: 24px;

  display: flex;

  align-items: center;

  letter-spacing: 2.5px;

  text-transform: uppercase;

  color: #4B4B4B;

}



.main-works-container .block-second-title{

  font-style: normal;

  font-weight: 900;

  font-size: 36px;

  line-height: 42px;

  color: #02133C;



  margin-top: 32px;

}













.main-works-content{

  width: 100%;

  float: left;

}





.main-works-nav{

  width: 100%;

  float: left;

  margin-top: 30px;

  border-bottom: 1px solid #D5D5D5;

  margin-bottom: 30px;

}









.main-works-nav li{

  display: inline-block;

  padding-right: 60px;



  

}





.main-works-nav li a{

  padding: 0;





font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 16px;

line-height: 24px;

/* identical to box height, or 150% */



display: flex;

align-items: center;

letter-spacing: 0.15px;



/* /Car Repair/Secondary */



color: #02133C;



padding: 15px 0;







}





.main-works-nav li a.active{



  color: #C40B0B;

  border-bottom: 1px solid #C40B0B;



}



.main-works-item{

  width: 100%;

  float: left;

  padding-bottom: 30px;

}





.work-item-image{

  width: 100%;

  float: left;

  margin-bottom: 30px;

}









.main-works-item h2{



font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 24px;

line-height: 28px;



/* Blue */



color: #02133C;



margin-bottom: 20px;

padding-right: 20%;



}





.main-works-item p{







font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

/* or 150% */



letter-spacing: 0.15px;





color: #4B4B4B;



}



.main-works-arrows{

  width: 100%;

  float: left;

  padding-bottom: 100px;

}



.main-works-arrows button{

  width: 20px;

  height: 20px;

  border: 0px;

}





.main-works-arrows button:focus{

  outline: none;

}





.main-works-arrows button:first-child{



  margin-right: 7px;

}





.main-works-arrows button.btn-left{



  background: url('/images/svg/arrow-left-red.svg');

  background-repeat: no-repeat;

  background-position: center center;



}



.main-works-arrows button.btn-right{



  background: url('/images/svg/arrow-right-red.svg');

  background-repeat: no-repeat;

  background-position: center center;



}







/*footer */





.page-footer.main-footer{

  padding-top: 162px;

  margin-top: -100px;

}



.page-footer{



  background: #f5f5f5;



  padding-top: 62px;



}









.footer-logo{

  width: 100%;

  float: left;

}



.footer-logo a{

  float: left;

  width: 100%;

  float: left;

}



.footer-logo a span{



margin-top: 8px;



font-family: Roboto;

font-style: normal;

font-weight: 800;

font-size: 11px;

line-height: 13px;



display: flex;

align-items: center;

letter-spacing: 0.15px;



color: #02133C;





}







.footer-about{



  width: 100%;

  float: left;

  padding-top: 32px;

}



.footer-about p{



font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 22px;

/* or 157% */



letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #4B4B4B;



padding-right: 5%;





}





.footer-social{

  width: 100%;

  float: left;

}





.social-icons-list{

  width: 100%;

  float: left;

  list-style: none;

  padding: 0;

  margin: 0;

}





.social-icons-list li{

  display: inline-block;

  padding-right: 15px;

}



.social-icons-list a{

  float: left;

  font-size: 20px;

  color: #C40B0B;

}





.footer-menu{

  width: 100%;

  float: left;



    padding-top: 38px;



}





.footer-menu.wo-title{



  padding-top: 60px;

}



.footer-menu-title{

  width: 100%;

  float: left;



font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 14px;

line-height: 22px;

/* identical to box height, or 157% */



letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #4B4B4B;



text-transform: uppercase;





}









.footer-menu ul.fm-ul{

  width: 100%;

  float: left;

  list-style: none;

  padding: 0;

  margin: 0;



  padding-top: 25px;

}



.fm-ul li{

  width: 100%;

  float: left;

  padding: 5px 0;

}



.fm-ul li a{



font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 14px;

line-height: 22px;



letter-spacing: 0.15px;



color: #4B4B4B;



}



.fm-ul.contacts-ul li{

  padding: 8px 0;

}





.fm-ul.contacts-ul a,.fm-ul.contacts-ul span{



font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 20px;

/* identical to box height, or 143% */



letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #4B4B4B;  



float: left;







}





.footer-icon{



   width: 15px;

   height: 17px;

   float: left; 



   background-repeat: no-repeat !important;

   background-position: center center !important;

   margin-right: 15px;







}









.place-icon{







   background: url('/images/icons/icon_place.png');





}





.mobile-icon{



 background: url('/images/icons/icon_phone.png');

}



.mail-icon{



 background: url('/images/icons/icon_email.png');

}



.clock2-icon{



 background: url('/images/icons/icon_time.png');

}







.copy-block{

  width: 100%;

  float: left;

  background: #02133C;

  font-family: Roboto;



  padding: 15px 0;

  margin-top: 60px;

}





.copy-block p, .copy-block a{



font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 12px;

line-height: 18px;



letter-spacing: 0.15px;

color: #959595;

margin: 0;



display: inline-block;

}





.copy-block a{



color: #fff;

}





.lang-list{

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline-block;

  padding-right: 10px;

}





.lang-list li{

  display: inline-block;

  padding-right: 5px;

}













/*services page*/



.page-header-block.services-intro{

  padding-bottom: 110px;

}







.services-content{

  width: 100%;

  float: left;

  background: #f5f5f5;

}





.services-content .content-container{

  margin-top: -125px;

}





.content-container{



    width: 100%;

    float: left;

    background: #fff;

    padding: 100px 80px 0px 80px;

    font-family: Roboto;



}





.services-content .content-header{

  font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 20px;

line-height: 42px;

/* identical to box height, or 210% */





/* Blue */



color: #02133C;

}







.content-area{



  width: 100%;

  float: left;

  margin-top: 32px;



  font-family: Roboto;

}

.content-area ol{
   float: left;
}


.content-area .row{
  width: 100%;
}





.content-area table{
  border-collapse: collapse;
  margin-bottom: 25px
  
}


.content-area table th, .content-area table td {
  padding: 15px;
  text-align: left;
  border: 1px solid #1b1d23;
}




/*crate stilistics for all type of content*/





.content-area p{





font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;



letter-spacing: 0.15px;

color: #4B4B4B; 



display: block;

float: left;



    margin-bottom: 1.5rem;



}


.content-area a{
  color: #4B4B4B; 
  text-decoration: underline;
}



/*.content-area p:last-child{

  padding-bottom: 50px;

}*/



.content-area ul{



  width: 100%;

  display: block;

  float: left;



  font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;



letter-spacing: 0.15px;

color: #4B4B4B; 

}



.content-area h2, .content-area h3{
  width: 100%;
  float:left;
}



.content-area p.red-style{



  color: #C40B0B;

  font-size: 20px;

  line-height: 24px;

}







.content-area p.gray-style{





  font-size: 16px;

  line-height: 24px;



  letter-spacing: 0.15px;

  color: #989898;

}















/*Specific block*/







/*iamges with caption*/



.iamges-with-caption{

  width: 100%;

  float: left;

  padding-bottom: 40px;

  padding-top: 60px;

}



.iamges-with-caption img{

  width: 100%;

  height: auto;

}





.iamges-with-caption .caption{

  width: 100%;

  float: left;

  padding-top: 18px;

  padding-bottom: 20px;

}



.iamges-with-caption .caption p{



font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 12px;

line-height: 16px;



letter-spacing: 0.15px;



color: #747171;

margin: 0px;

}







/*single image*/





.single-image{

  width: 100%;

  float: left;

  padding-top: 60px;

  padding-bottom: 80px;

}



.single-image img{

  width: 100%;

  height: auto;

}







/* image-with-caption-with-header */



.image-with-caption-with-header{

  width: 100%;

  float: left;



  background-size: cover !important;

  background-position: center center !important;





  margin-top: 60px;

  position: relative;

}







.iwcwh{



    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden;



    position: relative;



}





.iwcwh::before {

    display: block;

    content: "";

    padding-top: 33%;



    background: #000;

    opacity: .6;





}





.iwcwh-content{

  width: 100%;

  height: 100%;

  float: left;

  position: absolute;

  top: 0;

}







.iwcwh-content{

  width: 100%;

  float: left;

  padding: 0 68px;

}



.iwcwh-content h2{



font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 24px;

line-height: 28px;



color: #FFFFFF;



margin-bottom: 20px;

}





.iwcwh-content p{



  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 36px;

line-height: 42px;



letter-spacing: 0.15px;



color: #FFFFFF;



margin: 0;



padding-left: 50%;

padding-right: 0px;

}











/*about carousel module*/





.about-carousel{

  width: 100%;

  float: left;

  padding-top: calc(80px - 1.5rem);

  padding-bottom: 80px;

}



.about-carousel-container{

  width: 100%;

  float: left;

}



.ac-item-content{

  margin-right: 20px;

}



.ac-item img{

  width: 100%;

  height: auto;

}





.about-carousel-nav{

  width: 100%;

  float: left;

  padding-top: 35px;

}







.about-carousel-nav button{

  width: 20px;

  height: 20px;

  border: 0px;

  float: left;

  transition: .2s ease;

}



.about-carousel-nav button:hover{



  transition: .2s ease;



}



.about-carousel-nav button:focus{



  outline: none;

  box-shadow: none;



  border: 1px solid #C40B0B;

}



.about-carousel-nav button.about-nav-left{



  background: url('/images/svg/arrow-left-red.svg');

  background-repeat: no-repeat;

  background-position: center center;



}



.about-carousel-nav button.about-nav-right{



  background: url('/images/svg/arrow-right-red.svg');

  background-repeat: no-repeat;

  background-position: center center;



}





.about-carousel-nav .about-nav-title{



  font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 20px;

display: flex;

align-items: center;

letter-spacing: 0.15px;

text-transform: uppercase;



/* Red */



color: #C40B0B;

border-radius: 2px;

float: left;



padding: 0 25px;



}









/*partners carousel*/



.partners-carousel{

  width: 100%;

  float: left;

  padding-top: 20px;

  padding-bottom: 40px;

}





.partners-carousel-container{

  width: 100%;

  float: left;

}



.partner-item{

  width: 100%;

  float: left;

  height: 150px;

}









.main-benefits.about-benefits{



  padding-top: 240px;

  margin-top: -240px;

  padding-bottom: 70px;

}







.cotnacts-footer{

  padding-top: 100px;

}







/*proejcts page*/



.page-header-block.projects-intro{



   padding-bottom: 0px;



}



.white-footer{

  background: #fff;

}





.works-content{

  width: 100%;

  float: left;

  padding-top: 30px;

}



.works-content .main-works-nav{

  margin-bottom: 50px;

}







.works-item{

  width: 100%;

  float: left;

  padding-bottom: 45px;

}





.witem-image{

  width: 100%;

  float: left;

  margin-bottom: 30px;

}



.witem-image img{

  width: 100%;

  height: auto;

}





.works-item h2 {



    width: 100%;

    float: left;

    font-family: Roboto;

    font-style: normal;

    font-weight: 900;

    font-size: 24px;

    line-height: 28px;

    color: #02133C;

    margin-bottom: 20px;

    padding-right: 20%;

}



.witem-title{

  width: 100%;

  float: left;

}



.witem-title a:hover h2{

   

   text-decoration: underline;

}





.works-item p {

    font-family: Roboto;

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.15px;

    color: #4B4B4B;



    padding-right: 20%;

}





.works-page .tab-pane .works-item:last-child{

  padding-bottom: 0px;

}







/*breadcrumbs title*/



.breadcrumbs-title{

  width: 100%;



  margin: 0;

  padding: 0;

  list-style: none;

}



.breadcrumbs-title ul{

    float: left;

  margin: 0;

  padding: 0;

  list-style: none;

}



.breadcrumbs-title li{

  display: inline-block;

}



.breadcrumbs-title li a, .breadcrumbs-title li span{



   font-style: normal;

    font-weight: bold;

    font-size: 12px;

    line-height: 24px;

    display: flex;

    align-items: center;

    letter-spacing: 2.5px;

    text-transform: uppercase;

    color: #959595;

    float: left;

}



.breadcrumbs-title li:first-child a{



   color: #4B4B4B;

}













.breadcrumbs-title li:after{

  content: "/";

  display: inline-block;

  color: #4B4B4B;

  padding-left: 10px;

  padding-right: 3px;

}





.breadcrumbs-title li:last-child:after{

  content: '';

}





.back-button{

  float: right;

}



.back-button a{



    font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 24px;

display: flex;

align-items: center;

letter-spacing: 0.15px;

text-transform: uppercase;



/* Blue */



color: #02133C;



float: right;

position: relative;

}





.back-button a:before {

    content: '';

    width: 12px;

    height: 12px;

    background: url(/images/svg/arrow-left-blue.svg);

    background-repeat: no-repeat;

    background-size: 12px;

    padding-right: 30px;

    transition: 0.2s ease;



}













.projects-content{

  width: 100%;

  float: left;

  background: #f5f5f5;

}





.projects-content .content-container{

  margin-top: -125px;

  padding-bottom: 40px;

}

.projects-content .content-header{

  font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 20px;

line-height: 42px;

/* identical to box height, or 210% */





/* Blue */



color: #02133C;

}









/* news content*/



.news-content{

  width: 100%;

  float: left;



  padding-top: 80px;

}





.news-content .works-item:last-child{

 padding-bottom: 0px;

}









/*contacts section*/



.contacts-section{

  padding-top: 100px;

}





.contacts-area{

  font-family: Roboto;

  width: 100%;

  float: left;

}



.contacts-area h2{



font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 14px;

line-height: 22px;



letter-spacing: 0.15px;



color: #02133C;

margin: 0;

margin-bottom: 20px;

}





.contacts-area p{







font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;



letter-spacing: 0.15px;



color: #4B4B4B;

}





.contacts-area.border-right{

  border-right: 1px solid #D5D5D5;

}











.make-order-content{

  width: 100%;

  float: left;

  padding-top: 20px;

}



.contacts-left-info{

  width: 100%;

  float: left;

}





.map-area{

  width: 100%;

  float: left;

  height: 300px;

  background: #ccc;

  margin-top: 50px;

}







.height100p{

  height: 100%;

}











/*Generate padding and margins*/

.pb-50{

  padding-bottom: 50px;

}



.pt-50{

  padding-top: 50px;

}





.pr-80{

  padding-right: 80px;

}



.pl-80{

  padding-left: 80px;

}





.pr-50{

  padding-right: 50px;

}







.mb-80{

  margin-bottom: 80px;

}





.w40 {

  width: 40%;

  float: left;

}







.pr-20{

  padding-right: 20px;

}



/*Catalog page*/



.catalog-menu{

  width: 100%;

  float: left;

  padding-bottom: 25px;

}





.catalog-ul{

  list-style: none;

  padding: 0px;

  margin: 0;

}



.catalog-ul li{

  display: block;

  width: 100%;

  padding-bottom: 20px;

  float: left;

}



.catalog-ul li span{



    font-family: Roboto;

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 20px;

    color: #02133C;

    width: 100%;

    float: left;

    padding-bottom: 15px;

}



.second-ul{

  list-style: none;

  padding: 0px;

  margin: 0;

}



.second-ul li{

  display: block;

  width: 100%;

  padding-bottom: 0px;



}



.second-ul li a{



    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    color: #4B4B4B;

    padding: 15px 0;

    width: 100%;

    float: left;

}



.second-ul li a:hover{

  text-decoration: underline;

}







.catalog-item{

  width: 100%;

  float: left;

  padding-bottom: 40px;

}



.ci-image{

  width: 100%;
  height: 200px;
  float: left;

}



.ci-image img{

	width: 100%;
  height: 100%;
  object-fit: contain;

}



.ci-title{

  width: 100%;

  float: left;

  padding-top: 16px;

}



.ci-title a{



width: 100%;

float: left;



font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 20px;



text-transform: uppercase;





color: #02133C;

}





.ci-title a:hover{

  text-decoration: underline;

}







.catalog-content .content-container{

  padding-left: 0px;

  padding-right: 0px;

}







.notfound-content{

    width: 100%;

    float: left;

    background: #f5f5f5;

}





.notfound-content .content-container {

    margin-top: -235px;

    padding: 30px 80px 30px 80px;



    height: calc(100vh - 580px);



    min-height: 399px;



    



}





.notfound-content .content-area{

  margin-top: 0px;

}







.not-found-content .not-found-title{

  width: 100%;

  font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 56px;

line-height: 56px;

color: #02133C;

margin: 0;

text-align: center;

margin: 0;



margin-bottom: 25px;



float: left;

}





.not-found-content .not-found-desc{



  width: 100%;

  font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 20px;

line-height: 42px;



text-align: center;



color: #02133C;

margin: 0;



margin-bottom: 10px;



float: left;

}





.not-found-content .not-found-text{



  width: 100%;



  font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 22px;

/* identical to box height, or 157% */



text-align: center;

letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #4B4B4B;





margin: 0;



float: left;

}





.not-found-content .not-found-text a{

    font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 22px;

/* identical to box height, or 157% */



text-align: center;

letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #02133C;

}









.search-content{

    width: 100%;

    float: left;

    background: #f5f5f5;

}





.search-content .content-container {

    margin-top: -235px;

    padding: 30px 150px 30px 150px;



    min-height: 399px;



    



}









.search-form{

  width: 100%;

  float: left;

  position: relative;

}





.search-form input{

  width: 100%;

  float: left;

  border: 1px solid #D5D5D5;

  padding: 12px 20px;





  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 14px;

/* identical to box height, or 157% */



letter-spacing: 0.15px;



color: #9B9B9B;





}





.search-form input::placeholder {

  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 14px;

/* identical to box height, or 157% */



letter-spacing: 0.15px;



color: #9B9B9B;

}



.search-form input:-ms-input-placeholder {

  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 14px;

/* identical to box height, or 157% */



letter-spacing: 0.15px;



color: #9B9B9B;

}



.search-form input::-ms-input-placeholder {

  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 14px;

/* identical to box height, or 157% */



letter-spacing: 0.15px;



color: #9B9B9B;

}



.search-form button.search-button{



  width: 42px;

  height: 42px;



  border: 0px;



  background: url('/images/icons/icon_search.png');



  background-position: center center;

  background-size: 16px;

  background-repeat: no-repeat;



  position: absolute;

  right: 0px;



}







.search-form button.clear-button{



  width: 42px;

  height: 42px;



  border: 0px;



  background: url('/images/icons/icon_close.png');

  background-position: center center;

  background-size: 16px;

  background-repeat: no-repeat;



  position: absolute;

  right: -50px;



}





.search-form button:focus,.search-form button:hover{

  outline: none;

  opacity: .6;

}









/*modal*/





.abi-form-modal .modal-dialog{

  margin-top: 0px;

  margin-bottom: 0px;

  width: 700px;

  max-width: 700px;

}





.abi-form-modal .modal-content{

  border-radius: 0px;

  height: 100vh;

}





.abi-form-modal .modal-body{

  width: 100%;

  float: left;

  padding: 0 170px;

}







.modal-form h2.order-header, .modal-success h2.order-header{





font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 20px;

line-height: 32px;

text-align: center;

color: #02133C;



padding-bottom: 30px;



}





.modal-form p, .modal-success p{





font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 22px;

text-align: center;

letter-spacing: 0.15px;

color: #4B4B4B;

padding-bottom: 15px;



}





.modal-form label{



  font-family: Roboto;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 22px;

letter-spacing: 0.15px;



color: #4B4B4B;



padding-left: 20px;

}







.modal-form input, .modal-form textarea{



border-radius: 0px;

font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 22px;

letter-spacing: 0.15px;

padding: 9px 20px;



height: auto;



color: #4B4B4B;



transition: .2s ease;



}





.modal-form input:focus, .modal-form textarea:focus{

  outline: none;

  box-shadow: none;

  border: 1px solid #02133C;



  transition: .2s ease;

}











.modal-form input::placeholder, .modal-form input:-ms-input-placeholder, .modal-form input::-ms-input-placeholder {

   color: #9B9B9B;

}







.modal-form .red-button, .modal-success .red-button{



  margin-top: 15px;



  width: 200px;

  background: #C40B0B;





  font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 14px;

text-align: center;

letter-spacing: 0.15px;

text-transform: uppercase;



/* /Neutral/White */



color: #FFFFFF;



border-radius: 0px;



text-align: center;

padding: 13px 0;



border: 0px;

}







.modal-form .close-order{

   

   font-family: Roboto;

font-style: normal;

font-weight: bold;

font-size: 12px;

line-height: 14px;

letter-spacing: 0.15px;

text-transform: uppercase;



color: #696969;



background: transparent;

border: 0px;



margin-top: 20px;



}



.modal-form button{

  transition: 0.2s ease;

}



.modal-form button:hover{

  outline: none;

  box-shadow: none;

  opacity: .8;

  transition: .2s ease;

}







.input-message{

  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 14px;

line-height: 22px;



letter-spacing: 0.15px;



color: #C40B0B;

padding-top: 5px;

padding-bottom: 15px;

display: block;

padding-left: 20px;



width: 100%;

}



.failed-input{

  border: 1px solid #C40B0B;

}







.form-none{

  display: none;

}









.contacts-area p a{

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.15px;

    color: #4B4B4B;



    border-bottom: 1px solid #4B4B4B;





}





.contacts-area p a:hover{



   border-bottom: 1px solid #4B4B4B;

}





.search-url{

  width: 56px;

  height: 56px;

  float: right;

  margin-right: 25px;

  background: url('/images/icons/icon_search.png');

  background-position: center center;

  background-repeat: no-repeat;

  transition: .2s ease;

}



.search-url:hover, .search-url:focus{

  opacity: .6;

}





.catalog-slider{

  width: 100%;

  float: left;

  margin-top: 15px;

  margin-bottom: 50px;

}





.catalog-main-image, .vsi{

  background-position: center center !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

}



.vsi{

  margin-bottom: 15px;

  cursor: pointer;

}



.slider-arrow{

  width: 100%;

  float: left;

  text-align: center;

}





.slider-arrow .nav-next{



  width: 20px;

  height: 20px;



  background: url('/images/svg/arrow-down-red.svg');

  background-size: 12px;

  background-repeat: no-repeat;

  background-position: center center;

  border: 0px;



  margin-top: 15px;

  transition: .2s ease;

}





.slider-arrow .nav-next:focus, .slider-arrow .nav-next:hover{

  opacity: .7;

  outline: none;

}







.catalog-pdf{

  width: 100%;

  float: left;

  text-align: center;

}





.catalog-pdf img{

   max-width: 70px;

}



.catalog-pdf a{

  width: 100%;

  float: left;

  transition: .2s ease;

}



.catalog-pdf a:hover{

  opacity: .8;

}



.catalog-pdf span{

  width: 100%;

  float: left;

  padding-top: 15px;





    font-family: Roboto;

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 16px;

    display: inline-block;

    align-items: center;

    letter-spacing: 0.50px;

    color: #1b1d23;



}







.search-content-area{

  width: 100%;

  float: left;

}





.search-content-area .search-result-item:first-child{

  margin-top: 35px;

}



.search-result-item{

  width: 100%;

  float: left;

  margin-bottom: 15px;

}







.search-result-item a{

  margin: 0;

  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 16px;

/* or 150% */



letter-spacing: 0.15px;



/* /Neutral/Gray 1 */



color: #4B4B4B;



width: 100%;

float: left;

}





.search-result-item a:hover{

  text-decoration: underline;

}





.search-result-item span{

  font-size: 14px;

  color: #ccc;

}





.search-item-count{

  width: 100%;

  float: left;

  font-family: Roboto;

font-style: normal;

font-weight: 900;

font-size: 24px;

line-height: 28px;



/* Blue */



color: #02133C;

padding-bottom: 15px;

}





.about-content .image-with-caption-with-header{



	width: calc(100% + 80px);



}





.about-content .image-with-caption-with-header .iwcwh::before {

    display: block;

    content: "";

    padding-top: 45%;

    background: #000;

    opacity: .6;

}







.header-language-menu{

  float: right;

  padding-top: 14px;

}





.header-language-menu .lang-list{

  padding-right: 0px;

}





.main-projects-list{

  width: 100%;

  float: left;

}





/*Responsive */





@media (max-width: 767px){











  .iwcwh-content p{



  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 18px;

line-height: 25px;



letter-spacing: 0.15px;



color: #FFFFFF;



margin: 0;



padding-left: 0px;

padding-right: 0px;

}





.page-header-block{

  padding-top: 100px;
  padding-bottom: 170px;

}





.page-header-content{

    padding-top: 30px;

    padding-bottom: 30px;

}



.page-header-content h1{



  font-size: 28px;

  line-height: 32px;

}











.specific-block{



   margin-left: 0px;

   margin-right: 0px;



   padding-left: 10px;

   padding-right: 10px;



}


.main-services .specific-block{
  margin-left: 0px;
   margin-right: 0px;
  margin-top: -145px;

  padding-left: 10px;

   padding-right: 10px;
}






.main-services-header, .main-about-header{

  padding-top: 35px;

}







.block-second-title, 

.main-about-header .block-second-title, 

.main-works-container .block-second-title

{



  margin-top: 20px;

  font-weight: 600;

  font-size: 19px;

  line-height: 26px;



}





.main-services-content{

  padding-top: 35px;

}



.msi-image{

  height: 130px;

}



.msi-content{

      padding: 16px 15px 30px 15px;

}





.main-services-more-block{



  padding: 0px 0 25px 0;

}





.block-about-text p{

  padding-right: 0px;

}





.image-with-caption-with-header{

  margin-bottom: 25px;

  margin-top: 15px;

}





.image-with-caption-with-header .iwcwh::before{

  

  padding-top: 50%;



}



.block-about-footer {

    padding: 15px 0 35px 0;

}





.mbi-content{

  padding:0px 0px 5px 0px;

}





.main-works-container{

  padding-left: 15px;

  padding-right: 15px;

  padding-top: 35px;



}



.main-works-nav{

  border-bottom: 0px;

  margin: 0px;

  margin-top: 10px;

}



.main-works-nav .nav-item{



   width: 100%;

   float: left;



   padding-right: 0px;

}



.main-works-nav .nav-item a{



  padding: 5px 0;

  padding-left: 15px;

}



.main-works-nav li a.active{



  background: #1b1d23;

  border: 0px;

  color: #fff;

}







.main-works-content .tab-content, .works-page .tab-content{

  width: 100%;

  float: left;

  padding-top: 35px;

}





.main-works-arrows{

  padding-bottom: 40px;

}







.works-item{

  padding-bottom: 15px;

}





.works-item.hidden-mobile{

  display: none;

}



.witem-image{

  margin-bottom: 10px;

}



.works-item h2{

  padding-right: 0px;

      font-size: 15px;

    line-height: 22px;

}







.footer-about{

  padding-top: 10px;

}







.logo{

  width: calc(100% - 50px);

}



.logo a span{
  display: none;
}



.menu-button{

  width: 50px;

  float: left;

 /* padding-top: 10px;*/

}



.menu-button button{

  background: transparent;

  border: 0;

  color: #fff;

  cursor: pointer;

}



.menu-button button i{

  font-size: 35px;

}





.single-image{

    padding-top: 20px;

    padding-bottom: 40px;

}



.iamges-with-caption{

    padding-top: 20px;

    padding-bottom: 40px;

}







.content-container{



      padding: 30px 20px 0px 20px;

}





.services-content .content-header{



  font-size: 20px;

  line-height: 26px;

}







.about-content .image-with-caption-with-header{



  width: calc(100% + 30px);



  margin-left: -15px;

}







.about-carousel{

  padding-bottom: 20px;

}



.ac-item-content{

  width: 100%;

  text-align: center;

}





.ac-item-content a{



}



.ac-item-content a img{

  max-height: 200px;

  width: auto;

}





.about-carousel-nav{

  text-align: center;

}



.about-carousel-nav button{

  float: none;

  display: inline-block;

}



.about-carousel-nav .about-nav-title{

  float: none;

  display: inline-block;

}











.contacts-section{

  padding-top: 25px;

}





.second-ul li a{

  padding: 7px 0;

}







.catalog-list{

  display: none;

}





.contacts-section .border-right{

  border-right: 0px !important;

}





.breadcrumbs-title ul{

   display: none;

}





.breadcrumbs-title li:after{

  display: none;

}



.breadcrumbs-title li a, .breadcrumbs-title li span{





  letter-spacing: 0px;

}





.back-button{

  float: left;

}



.content-area{

  margin-top: 15px;

}





.catalog-slider{

  margin-bottom: 25px;

}





.catalog-vertical-container{

  width: 60%;

  float: left;

  margin-top: 15px;

}





.slider-arrow{

  width: 30px;

  height: 100%;



  display: flex!important;

  align-items: center!important;

}





.slider-arrow .nav-next{

  margin-top: 0px;

  margin-left: 25px;



  transform: rotate(-90deg);

}







.vertical-slider-item{

  width: 70px;

  height: 70px;

}





.news-content{

  padding-top: 50px;

}



.works-item h2{

  margin-bottom: 10px;

}



.works-item p{

  padding-right: 0px;

}







.left-contacts-content{

  padding-top: 50px;

}









.abi-form-modal .modal-dialog{

  width: calc(100% - 1rem);

}





.abi-form-modal .modal-body{

  padding: 50px 30px;

}





.abi-form-modal .modal-content{

  height: auto;

}







}





@media(min-width: 768px) and (max-width: 992px){





    .iwcwh-content p{



  font-family: Roboto;

font-style: normal;

font-weight: normal;

font-size: 25px;

line-height: 32px;



letter-spacing: 0.15px;



color: #FFFFFF;



margin: 0;



padding-left: 0px;

padding-right: 0px;

}





.image-with-caption-with-header{



  margin-top: 25px;

  margin-bottom: 25px;



}





.main-works-nav{

  border-bottom: 20px;

  margin: 0px;

  margin-top: 20px;

  width: 100%;

  float: left;

}





.main-works-content .tab-content, .works-page .tab-content {

    width: 100%;

    float: left;

    padding-top: 35px;

}



.main-works-nav .nav-item{



   width: 100%;

   float: left;



   padding-right: 0px;

}



.main-works-nav .nav-item a{



  padding: 5px 0;

  padding-left: 15px;

}



.main-works-nav li a.active{



  background: #1b1d23;

  border: 0px;

  color: #fff;

}





.works-item.hidden-mobile{

  display: none;

}





.works-item h2 {

    width: 100%;

    float: left;

    font-family: Roboto;

    font-style: normal;

    font-weight: 900;

    font-size: 18px;

    line-height: 22px;

    color: #02133C;

    margin-bottom: 20px;

    padding-right:0px;

}







.specific-block{



   margin-left: 0px;

   margin-right: 0px;



   padding-left: 30px;

   padding-right: 30px;



}







.main-ul li{

  padding-left:30px;

}



.block-second-title {

    font-size: 26px;

    line-height: 35px;



}





.page-header-content h1 {



    font-size: 32px;

    line-height: 45px;



}



.works-item{

  padding-bottom: 15px;

}



.witem-image{

  margin-bottom: 15px;

}





.news-content{

  padding-top: 50px;

}





.back-button{

  float: left;

  margin-top: 25px;

}



.msi-content {

    width: 100%;

    float: left;

    padding: 16px 15px 30px 15px;

    text-align: center;

}





.search-content .content-container {

    margin-top: -227px;

    padding: 30px 50px 30px 50px;

    min-height: 399px;

}





}





@media(min-width: 992px) and (max-width: 1200px){





.main-works-nav li{

  padding-right: 25px;

}



}



.main-slider-button{
  padding-top: 25px;
}



@media(max-width: 768px){



   .main-slider-button{

    display: none !important;

   }





   .standart-info{

    padding-top: 25px;

   }





   .standart-info, .standart-info p{

    text-align: left;

   }





}



/*Mobile menu style*/





.mobile-menu-body{

  overflow: hidden;

}







.mobile_menu_container{

    display: block;

    position: fixed;

    right: -100%;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #1B1D23;

    z-index: 200;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    overflow-y: scroll;

    padding-top: 20px;

}





.mobile_menu_container.active-menu{

   display: block;

   right: 0;



}







.mobile-menu{

  width: 100%;

  float: left;

  padding-top: 35px;

}







.mobile-menu .main-ul li{

  width: 100%;

  float: left;

  padding-left: 0;

}



.mobile-menu .main-ul li.li-caret span:after, .mobile-menu .main-ul li.li-caret a:after{

  display: none;

}





.mobile-menu .main-ul li a{

  padding: 7px 0;

  color: #fff;

  font-size: 17px;

  line-height: 17px;

}







.mobile-menu .main-ul li .submenu-block{



  display: block;

  display: none;

  position: relative;

  margin: 0;

}



.mobile-menu .main-ul li .submenu-block .submenu{



  background: transparent;



}



.mobile-menu .main-ul li .submenu-block .submenu li a{

  color: #fff !important;

}





.mobile_menu_container .header-info{



  float: left;

  padding-top: 35px;
  display: none;

}







.mobile-menu .lang-list{

  width: 100%;

  float: left;

}



.mobile-phone-button{
  display: none;
}


@media(max-width: 768px){

   .mobile-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
   }

   .mobile-phone-button{
    display: flex;
    margin-left: auto;
    padding-right: 25px;
   }


   .mobile-phone-button a span:first-child{
    display: none;
   }

   .mobile-phone-button a span{
    font-size: 15px;
   }

   .mobile-phone-button .header-info{
    padding-right: 0;
   }

   .logo{
    width: fit-content;
   }

}



.whatsupp-button{
  position: fixed;
  bottom: 65px;
    right: 35px;

  transition: .2s ease;
  transform: translateY(1rem);
  visibility: hidden;
  opacity: 0;
}

.whatsupp-button.show{
    opacity: 1;
    visibility: initial;
    transform: translateY(0rem);
}


.whatsupp-button a{
  
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #4dc247;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 28px;
}





/* main form */

.main-form{
  width: 100%;

  float: left;

  background: #f5f5f5;
}


.main-form .specific-block{
  background: #fff;
  padding-left: 65px;
  padding-right: 65px;
  margin-top: -240px;

}






.main-form .block-title{
  color: #02133C;
  font-size: 16px;
}




.specific-block-form{
  display: block;
  float: left;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 100px;
}


.specific-block-form .input-message{
  height: 20px;
}

.specific-block-form textarea{
  height: 153px;
}


.custom-form-response{
  color: #000;
}


@media (max-width: 767px){
.main-form .specific-block {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}


.specific-block-form{
  padding-bottom: 35px;
}


.custom-form-actions{
  flex-direction: column;
}

}




.content-container-second{
  width: 100%;
    float: left;
    background: #fff;
    padding: 40px 80px 0px 80px;
    font-family: Roboto;
    margin-top: 50px;
}

.content-container-second .main-services-header{
  padding-top: 0;
}


.content-container-second .specific-block-form{
  padding-bottom: 40px;
}


@media (max-width: 767px){
.content-container-second {
    padding: 30px 20px 0px 20px;
}

}



.only-mobile-button{
  display: none;
}

@media(max-width: 768px){
  .only-mobile-button{
    display: flex;
    padding-top: 35px;
  }
}


.modal-body .row{
  width: 100%;
}

.modal-body .modal-form{
  width: 100%;
}



.video-block{
  width: 100%;
  position: relative;
  padding-bottom: 40%;
  float: left;
  margin-top: 25px;
  margin-bottom: 25px;
  overflow: hidden;
}


.video-block iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

@media(max-width: 768px){
   
   .video-block{
    padding-bottom: 56%;
   }

}