@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Russo One:wght@400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');
html, body {margin:0;padding:0;background:#FFF;}
body{padding-right:0;padding-left:0;/*font-family: 'Russo One', sans-serif;*/font-family: 'Montserrat', sans-serif;font-size: 0.9em;line-height: 18px;color: #000;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
a{text-decoration: none;cursor:pointer;}
section{padding-top:20px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #ffa800;border-radius: 3px;}
/************ loader ************/
    .preloader {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000; z-index: 1001;}
    .preloader__row {position: relative;top: 50%;left: 50%;width: 70px;height: 70px;margin-top: -35px; margin-left: -35px;text-align: center;animation: preloader-rotate 2s infinite linear;}
    .preloader__item {position: absolute;display: inline-block;top: 0;background-color: #287EF8; border-radius: 100%;width: 35px;height: 35px;animation: preloader-bounce 2s infinite ease-in-out;}
    .preloader__item:last-child {top: auto;bottom: 0;animation-delay: -1s;}
    @keyframes preloader-rotate {
      100% {transform: rotate(360deg);}
    }
    @keyframes preloader-bounce {
      0%,100% {transform: scale(0);}
      50% {transform: scale(1);}
    }
    .loaded_hiding .preloader {transition: 0.3s opacity;opacity: 0;}.loaded .preloader {display: none;}
	.bg{background: url(../images/bga.png) no-repeat center center;background-size: cover;position: relative;justify-content: center;flex-direction: column;display: flex;height: 290px;}
/************ 2loader ************/    
.eye{
  width: 20px; height: 8px;
  background-color: rgba(40,126,248,1);
  border-radius:0px 0px 20px 20px;
  position: relative;
  left: 10px; top: 40px;
  box-shadow:  40px 0px 0px 0px rgba(40,126,248,1);              
}

.head{
  -webkit-backface-visibility: hidden;
  position: relative;
  margin: -250px auto;
  width: 80px; height: 80px;
  background-color: #000;
  border-radius:50px;
  box-shadow: inset -4px 2px 0px 0px rgba(40,126,248,1);
  -webkit-animation:headAnim 1.5s infinite alternate;
  -webkit-animation-timing-function:ease-out;
}

.body{ 
  position: relative;
  margin: 90px auto;
  width: 140px; height: 120px;
  background-color: #000;
  border-radius: 50px/25px ;
  box-shadow: inset -5px 2px 0px 0px rgba(40,126,248,1);
  -webkit-animation:bodyAnim 1.5s infinite alternate;
  -webkit-animation-timing-function:ease-out;  
}

  @-webkit-keyframes headAnim{
         0%{ top:0px; }
         50%{ top:10px; }
         100% { top:0px;} 
  }

  @-webkit-keyframes bodyAnim{
         0%{ top:-5px; }
         50%{ top:10px; }
         100% { top:-5px;} 
  }

.circ{
  -webkit-backface-visibility: hidden;
  margin: 60px auto;
  width: 180px; height: 180px;
  background-color: #000;
  border-radius: 0px 0px 50px 50px;
  position: relative;
  z-index: -1;  
  left: 0%; top: 20%;
  overflow: hidden;
}

.hands{
  -webkit-backface-visibility: hidden;
  margin-top: 140px;
  width: 120px;height: 120px;
  position: absolute;
  background-color: #000;
  border-radius:20px;
  box-shadow:-1px -4px 0px 0px rgba(40,126,248,1);
  -webkit-transform:rotate(45deg);
  top:75%;left: 16%;
  z-index: 1;
  -webkit-animation:bodyAnim 1.5s infinite alternate;
  -webkit-animation-timing-function:ease-out;
}

.load{  
  position: absolute;
  width: 7ch; height: 32px;
  text-align: left;
  line-height: 32px;
  margin: -10px auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Julius Sans One', sans-serif;
  font-size:28px;
  font-weight:400;
  color:rgba(40,126,248,1);
  left: 2%; top: 5%;
  -webkit-animation:fontAnim 3.75s infinite;
  -webkit-animation-timing-function:ease-out;
  word-wrap: break-word;
  display:block;
  overflow: hidden;
}

  @-webkit-keyframes fontAnim{
        0%{ width:7ch; }
       16%{ width:8ch; }
       32%{ width:9ch; }
       48%{ width:10ch; }
       64%{ width:11ch; }
       80%{ width:12ch; }
     100% { width:13ch;} 
  }
/****** header *****/
header{background:transparent;color:#FFF;width: 100%; padding-left: 30px;padding-right: 30px;padding-top: 5px;position:fixed;height:80px;-webkit-transition: .3s;
    transition: .3s;}
.header_logo {width: 20%;height: 90px;float: left;}
.header_logo img { width: 40%;height: auto;}
.city {width: 70%;float: left;top: 20px;padding-top: 20px;padding-left: 20px;}
.city li {display: inline; margin-right: 60px;}
.city a {color: #fff!important;}
.slogan ul{width:100%;}
.head-cont li{display:inline;margin-right:10px;}
.phone-top a{position:relative;left: 15%;top: -60px;}
/***** stroy-item *****/
.stroy-item{padding:20px;}
.icon-stroy{width: 10%;height: 60px;border-right: 2px solid #ffa800;margin-right: 30px;font-weight:600;}
.icon-stroy h3{color:#000;}
.cont-stroy{width:80%;float:right;}
.cont-stroy h3{text-decoration:underline!important;color:#ffa800;font-weight:normal;}
.cont-stroy p{padding:10px;}
/************ /loader ************/
.container{max-width: 1600px;}
.content{padding-right:80px;padding-left:80px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:0px;padding-left:0px;}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0;margin-bottom: 0.1rem;font-weight: 500;line-height: 1.2;color: var(--bs-heading-color);}
 ul{list-style-type: none;}
.form-inline{width:800px;}
.form-inline .form-control {display: inline-block;width: 90%;vertical-align: middle;}
.card-body {padding: 0px!important;padding:0rem!important;border:none;}
.collapse{position: relative;top: 10px;padding-left: 5px;padding-right: 15px;}
.btn{border-radius:0px;}
.btn-orange{color:#000!important;background:linear-gradient(45deg, #ffa800, #FFBE00);border-radius:none;}
.btn-orange:hover{color:#000!important;background:linear-gradient(45deg, #ffa800, #FFBE00);border-radius:none;}
.btn-primary-bord{padding: 5px 10px;border-radius: 30px;border-color: #1C243F;color: #fff;font-family: "Segoe UI";font-size: 14px;background-color: #1C243F;text-transform: uppercase;}
.btn-primary-bord:hover{border: 2px solid 112038;text-transform: uppercase;background-color: #FFF;color:#1C243F;}
.btn-primary a{color:#FFF;}
.btn-outline-primary,.btn-primary{background:#1C243F; color:#FFF;border-color:#1C243F;}
.btn-outline-primary:hover,.btn-primary:hover{background:#1C243F; color:#FFF;border-color:#1C243F;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.btn-outline-primary:active,.btn-primary:active,
.btn-outline-primary:focus,.btn-primary:focus,
.btn-outline-primary:visited,.btn-primary:visited{background:#1C243F; color:#FFF;border-color:#1C243F;}
/*svg:not(:root).svg-inline--fa {overflow: visible;color: #ffa800;}
.btn-orange svg:not(:root).svg-inline--fa {overflow: visible;color: #FFF!important;}*/
.item a{color:#000;text-decoration:none;cursor:pointer;}
.item a:hover,.item a:focus,.item a:active{color:#ffa800;text-decoration:none;cursor:pointer;}
/*********** form ****************/
.sur{display:none}
input.user-phone:-moz-placeholder {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 18px;}
input.user-phone::-webkit-input-placeholder {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 18px;}
.user-phone{width:100%;}
select.form-control:not([size]):not([multiple]) {height: 34px!important;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
input[type=checkbox], input[type=radio] {width:20px;height: 20px;line-height: normal;}
.input-input {width: 100%;height: 48px;margin: 7px 0 0;color: #555;padding: 0 23px;font-size: 16px;transition: all .3s ease-in-out;}
/*.input-input:focus{background: #FFF;color:#333;}
.input-textarea {width: 100%;height: 140px;margin: 7px 0 0;color: #fff;background: #333E07; padding: 0 23px;font-size: 16px;transition: all .3s ease-in-out;}
.input-textarea:focus{background: #FFF;color:#333;}*/
.form-control-captcha {position: absolute;right: 15px;bottom: 32%;display: block;width: 50%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-mail{width:70%;margin: 0 auto;padding-left:5%;padding-right:5%;}
/*input[type='password'],input[type='text'], input[type='number'], input[type='email'], input[type='tel'], textarea {border: 0;font-size: .9rem;box-shadow: none;border-bottom: 1px solid #c6c6c6;color: #b2b2b2;text-align: left;border-radius: 0;width: 100%;padding: 0 10px 10px;}*/
.password-control,.password-control1,.password-control2 {position: relative;top: -28px;left: 90%;display: inline-block;width: 20px; height: 20px;background: url(../images/view.svg) 0 0 no-repeat;opacity:.3}
.password-control.view,.password-control1.view,.password-control2.view {background: url(../images/no-view.svg) 0 0 no-repeat;opacity:.5}
.form-group {margin-bottom: 1rem;max-height:38px;}
.main_link{color:#A1C515;padding-bottom:10px;}
.main_link:hover{text-decoration: none; cursor:pointer;color:#7A9410;}
.navbar {--bs-navbar-padding-x: 0;--bs-navbar-padding-y: 0.1rem;}
.navbar {height: 55px;-webkit-transition: .3s;transition: .3s;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.nav-item{margin-left:10px;}
.nav-link{padding:5px;}
.navbar-brand img{width:35%;height:auto;display:none;}
.navbar-brand{width:33%;}
.navbar-collapse {flex-basis: 100%;flex-grow: 1;background: #1C243F;padding: 10px;}
.navbar-collapse a{color:#FFF;}
/*********** search *************/
.msearch{display:none;padding-bottom:10px;}
.research{width:100%;height:auto;border-bottom:dotted 1px rgba(0, 0, 0, 0.5);padding:20px;}
.search-page h1,.search-page h2,.search-page h3,.search-page p{font-size: 0.9em;line-height: 18px;color: #333;}
.search-page img{display:none;}
.coun_search{padding-top:30px;padding-bottom:30px;padding-left:30px;font-size:1.2rem;}
/************ header ******/
header{width:100%;position:absolute!important;background:transparent!important;z-index:1;color:#FFF;}
.top-cont{padding-top:20px;}
.top-cont a{color:#FFF;text-decoration:none;}
.header__Language{font-size:1em;font-weight: 500;color:#fff;position:absolute;left: 150px; top:5px;}
.header__Language a{color:#fff;cursor:pointer;}
.header__Language a:hover{color:#fff;cursor:pointer;}
.header__search{position:absolute; left:70%;top:5px;}
.search:before {background-image: url(images/search.svg);}
.search:before {margin-right: 0;}
.mobil{visibility:hidden;}
.static{visibility:visible;}
.slogan{padding-top:20px;}
.slogan h1 {font-size: 1.3rem;text-transform: uppercase;}
/***** content *****/
.top-but h4{display:block!important;}
.top-content h4{display:none;}
.top-content h1,.top-content h3{display:block;}
.button-div{margin-top:10px;padding-bottom:20px;}
.priority{margin-top:10px;}
.title-section{text-align:center;padding-top:10px;padding-bottom:20px;}
.text-calculator{color:#fff;}
/****** video *********/
.about {overflow: hidden;position: absolute;}
.video {opacity: 1;z-index: 0;}
.video:before {content: '';position: absolute;z-index: 15;width: 100%;height: 100%;opacity: .8;filter: alpha(opacity=80);background: rgba(0,0,0, .6);}
.object-fit-cover{position:absolute;top:0;left:0}
.object-fit-cover,.object-fit-cover-relative{font-family:"object-fit:cover;object-position:50% 50%";-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}
.stage-variant-home__textlayer, .stage-variant-home__textlayer--top{position:relative;top:30%;z-index:1;}
/********** nav-top ***********/
.flyout-icon{top:15px;}
.flyout-icon--mobileSearch{position:absolute; right:5px; top:20px;}
.sticky-top {position: -webkit-sticky;position: sticky;top: 0;z-index:4;}
.navbar-brand-static{z-index:5;}
.navbar-light .navbar-toggler {color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.3);}
.navbar-light .navbar-toggler-icon {background-image: url(../images/bar.png);}
.navbar-toggler-icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%;}
.nav-menu-top{padding-left:100px;}
.nav-link-top{margin-left:20px;}
.nav-menu-top a{text-decoration:none;cursor:poiner;color:#1C243F;font-size: 0.8em;}
.nav-menu-top a:hover,.nav-menu-top a:focus,.nav-menu-top a:active{text-decoration:none;cursor:poiner;color:#1C243F;text-shadow:1px 1px 2px rgba(0,0,0, .6);}
.navbar-toggler {position: relative;right: -10px;}
/********** /nav-top ***********/
/******** home ********/
.home{width:100%; height:94%;background:transparent!important;}
.top-content h1{font-size:5rem;line-height: normal;font-weight: 400;}
.top-content h3{margin-top: .438rem;margin-bottom: 4.563rem;font-size: 1.875rem;font-weight: 400;line-height: normal;}
.stage-variant-home__headline {font-size: 36px;font-size: 1.5rem;line-height: normal;z-index:2;}
.index-link{margin-top:10px;}
.top-but{padding: 10px 5px; background:transparent!important;border:1px solid #FFF;}
.top-but a{color:#fff;text-decoration:none;cursor:pointer;}
.top-but:hover{color:#fff;text-decoration:none;cursor:pointer;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.main{margin-bottom:30px;min-height:820px;}
/***** product *****/
.product-img {padding:10px;}
.product-img img{width:100%;height:auto;margin:0 auto;}
/******************** Button Up *********************/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#ffa800;border: 1px solid #FFFFFF;border-radius: 0px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right: 8px;margin-left: 5px;}
/******************** /Button Up ********************/
/***** footer *****/
footer{position:relative;width:100%; min-height: 120px; padding-top:20px;background:#1C243F;color:#FFF;z-index:1;}
footer a{color:#FFF;cursor:pointer;text-decoration:none;}
footer a:hover{color:#FFF;cursor:pointer;text-decoration:none;}
.soc-menu-foot{padding-top: 15px;font-size: 1.3rem;line-height: 26px;}
.soc-menu-foot a{color: #ffa800;text-decoration: none;margin-left: 12px;margin-right: 12px;}
.soc-menu-foot a:hover{color: #ffa800;text-decoration: none;-webkit-text-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);text-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);}
.down-foot{font-size: .7em!important;padding-bottom:10px;border-top:1px solid #FFF;}
.down-foot a{color:#FFF;text-decoration: none;}
.down-foot a:hover{color:#607EFB;text-decoration: none;}
.down-foot-left{text-align:start;}
.down-foot-right{text-align:end;}
.right-foot{text-align:end;}
#about{padding-top:20px;padding-bottom:20px;}
#about span{text-transform:uppercase;}
#about h2,#about h3{text-transform:uppercase;}
#docs,.about-cont{padding-top:10px;padding-bottom:30px;}
.contacts{position: absolute;width:15%;background:#FFF;padding:10px;z-index:200;margin-top:30px;-webkit-box-shadow: 0 8px 19px rgba(40,126,248,.8);box-shadow: 0 8px 19px rgba(40,126,248,.8);}
.contacts > .info-map{border:1px solid #287EF8;padding:10px;font-size:0.9em;font-weight:normal;}
.map_overlay:before {content: '';position: absolute;z-index: 15;width: 100%;height: 650px;opacity: .7;filter: alpha(opacity=70);background: rgba(0,0,0, .4);}
#top,#about,#product,#docs,#actions,#dost,#contacts,#stroy{position:relative;background:#FFF;z-index:1;padding-bottom:30px;padding-top:30px;}
#map{position:relative;background:#FFF;z-index:1;}
.container-message h1{color:#FFF;}
.mess{background:rgba(0,0,0,.6);padding-right:20px;padding-left:20px;}
.mess-form{width:70%;margin:0 auto;color:#FFF;padding-bottom:5px;}

.video{display:block;width:auto;}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--fullscreen {top: 0;left: 0; z-index: -2;font-family: object-fit\:cover; -o-object-fit: cover;object-fit: cover;}
#video-bg{position:fixed;max-width:100%;min-height:auto;object-fit: cover;}
#video-bg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: 0;background-size: cover;}
#video-bg > video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;}
@supports (object-fit:cover) {
     #video-bg > video {top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
 }
.gl{color:#FFF;z-index: 2;padding-top:3%;}
.gl span{font-weight: 200;font-family:'Russo One', sans-serif;}
.video{display:block;width:auto;}
.text-media .video{margin-bottom:0}
.video__link video{width:100%;height:auto}
.video__link--enabled .video::-webkit-media-controls{display:none}
.video__link--enabled:before{position:absolute;top:50%;left:50%;z-index:1;content:"";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.card-download .video__link{position:relative;display:block;padding-top:75%;width:100%}
.card-download .video__link video{position:absolute;top:0;left:0;max-width:none;width:auto;height:100%}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--backgroundCover,.video--fullscreen{top:0;left:0;z-index:-2;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.video--backgroundCover{position:absolute;right:0;bottom:0}
.video--fit{position:relative;margin-bottom:0;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.stage-variant-hero .video,.video--fit{width:100%;height:100%}
.swiper-slide .video{width:100%}
/***** preimush *****/
.icon-box-back2 {color: #d7dfe7;line-height: 67px;text-align: center;font-size: 25px;background: none;height: 67px;width: 100%;margin: auto;}
.icon-boxwrap2 {margin: 20px auto 0 auto;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;height: 67px;width: 67px;float: none;background-color: #F6722E;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6722E), color-stop(50%, #F6722E), color-stop(51%, #ffa800), color-stop(100%, #ffa800));background: -webkit-linear-gradient(top, #F6722E 0, #F6722E 50%, #ffa800 51%, #ffa800 100%);background: -moz-linear-gradient(top, #F6722E 0, #F6722E 50%, #ffa800 51%, #ffa800 100%);background: -ms-linear-gradient(top, #F6722E 0, #F6722E 50%, #ffa800 51%, #ffa800 100%);background: -o-linear-gradient(top, #F6722E 0, #F6722E 50%, #ffa800 51%, #ffa800 100%);background: linear-gradient(top, #F6722E 0, #F6722E 50%, #ffa800 51%, #ffa800 100%);}
/****** persone ******/
.persone {padding: 20px;}
.persone img {width: 100%;border-radius: 50%;}
/******************** /Video ********************
@media (min-width:768px){
video{height:560px}
}
video{height:145px}
@media (min-width:768px){
video{height:360px}
}
*/
@media (min-width:992px){
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.stage-variant-home__subheadline{margin-top:.438rem;margin-bottom:4.563rem;font-size:1.875rem}
}
@media (max-width: 1440px) and (min-width:1366px){
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:10%;} 
}
@media (max-width: 1366px) and (min-width:1280px){
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:10%;} 
}
@media (max-width: 1280px) and (min-width:960px){
    .phone-top{dislpay:none;}
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:8%;} 
}
@media (max-width: 1024px) and (min-width:960px){
    .phone-top{dislpay:none;}
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
   .footer__lixil img{width:6%;} 
}
@media (max-width: 900px) and (min-width:768px){
    .phone-top{dislpay:none;}
	header{display:none;}
	nav {width:100%;background:#1C243F;}
	.navbar-brand-static{position:absolute;left:10px;top:0px;background:#1C243F;padding-top:20px;padding-bottom:20px;z-index: 5;}
	.navbar-brand-static{visibility:hidden;}
	.index-link{flex: 0 0 50%;max-width: 50%}
	.footer__lixil img{width:50%;height:auto;}
	.mobil{visibility:visible;}
	.static{visibility:hidden;}
	
}
@media (max-width: 768px) and (min-width:600px){
    .phone-top{dislpay:none;}
	header{display:none;}
	nav {width:100%;background:#1C243F;}
	.navbar-brand{width:20%;position:absolute;left:10px;top:0px;background:#1C243F;padding-top:0px;padding-bottom:0px;z-index: 4;}
	.navbar-brand img{display:block;width:88%;height:auto;padding-top: 5px;}
	.top-content h1 {font-size: 2.1rem;font-weight:400;}
	.top-content h3 {font-size: 1.9rem;color:#fff;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.index-link{flex: 0 0 50%;max-width: 50%}
	.mobil{visibility:visible;}
	.static{visibility:hidden;}
	.top-content h1,.top-content h3{display:none;}
	.top-content h4{display:block;}
	.gl {padding-top:5%;}
	.butttons-top {margin-top: 30%;}
}
@media (max-width: 600px) and (min-width:468px){
    .phone-top{dislpay:none;}
	header{display:none;}
	nav {width:100%;background:#1C243F;}
	.navbar-brand{width:30%;position:absolute;left:10px;top:0px;background:#1C243F;padding-top:0px;padding-bottom:0px;z-index: 4;}
	.navbar-brand img{display:block;width:70%;height:auto;padding-top: 5px;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 2rem;font-weight:400;}
	.top-content h3 {font-size: 1.7rem;color:#fff;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 40%; top:5px;}
	.mobil{visibility:visible;}
	.static{visibility:hidden;}
	.persone{width:50%;}
	.right-foot{text-align:center;}
	.down-foot-left,.down-foot-right{text-align:center;}
	.top-content h1,.top-content h3{display:none;}
	.top-content h4{display:block;}
	.gl {padding-top:10%;}
	.butttons-top {margin-top:30%;}
	.docs{width: 50%;float: left;}
	.docs img{width:100%;height:auto;}
}
@media (max-width: 468px) and (min-width:360px){
    .phone-top{dislpay:none;}
	header{display:none;}
	nav {width:100%;background:#1C243F;}
	.navbar-brand{width:25%;position:absolute;left:10px;top:0px;background:#1C243F;padding-top:0px;padding-bottom:0px;z-index: 4;}
	.navbar-brand img{display:block;width:100%;height:auto;padding-top: 5px;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 1.9rem;font-weight:400;}
	.top-content h3 {font-size: 1.7rem;color:#fff;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.mobil{visibility:visible;}
	.static{visibility:hidden;}
	.mess-form{width:100%;}
	.persone{width:50%;}
	.right-foot{text-align:center;}
	.down-foot-left,.down-foot-right{text-align:center;}
	.top-content h1,.top-content h3{display:none;}
	.top-content h4{display:block;}
	.gl {padding-top:20%;}
	.butttons-top {margin-top: 60%;}
	.item { width: 50%;float: left; margin-bottom: 30px;border: solid 1px #E6E6E6;}
	.docs{width: 50%;float: left;}
	.docs img{width:100%;height:auto;}
}
@media (max-width: 360px) and (min-width:0px){
	header{display:none;}
	nav {width:100%;background:#1C243F;}
	.navbar-brand{width:30%;position:absolute;left:10px;top:0px;background:#1C243F;padding-top:0px;padding-bottom:0px;z-index: 4;}
	.navbar-brand img{display:block;width:100%;height:auto;padding-top: 5px;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 1.8rem;font-weight:400;}
	.top-content h3 {font-size: 1.6rem;color:#fff;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.mobil{visibility:visible;}
	.static{visibility:hidden;}
	.mess-form{width:100%;}
	.persone{width:50%;}
	.right-foot{text-align:center;}
	.down-foot-left,.down-foot-right{text-align:center;}
	.top-content h1,.top-content h3{display:none;}
	.top-content h4{display:block;}
	.gl {padding-top:30%;}
	.butttons-top {margin-top: 80%;}
	.item { width: 50%;float: left; margin-bottom: 30px;border: solid 1px #E6E6E6;}
	.docs{width: 50%;float: left;}
	.docs img{width:100%;height:auto;}
}
@media (max-width: 320px) and (min-width:0px){
	.header__Language{display:none;}
}
@media (max-width: 1366px) and (min-width: 0px){
.contacts {width: 20%;}
}
@media (max-width: 1180px) and (min-width: 0px){
.contacts {width: 23%;}
}
@media (max-width: 1024px) and (min-width: 0px){
.contacts {width: 35%;}
}
@media (max-width: 960px) and (min-width: 0px){
.contacts {width: 40%;}
}
@media (max-width: 800px) and (min-width: 0px){
.contacts {width: 35%;}
}
@media (max-width: 640px) and (min-width: 0px){
.contacts {width: 45%;}
}
@media (max-width: 460px) and (min-width: 0px){
.contacts {width: 55%;}
.container-message {width: 90%;}
}
@media (max-width: 360px) and (min-width: 0px){
.contacts {width: 75%;}
.container-message {width: 100%;}
}
@media (max-width: 320px) and (min-width: 0px){
.contacts {width: 75%;}
}