@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,300&display=swap');

                                                       
.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #c45c17; margin-top: 9px; border: 0; margin-right: 0; border-radius: 0; }
img { max-width: 100%; height: auto; }
hr { border: none; height: 1px; background-color: #e6e8ec; clear: both; margin: 0; overflow: hidden; }
.clear { clear: both; overflow: hidden; content: '.'; display: block; }
p.an { font-size: 18px; font-family: Montserrat; font-weight: 600;  }
.big { font-size: 18px; }
/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/

.container-fluid [class*="col-"] {padding-left:0;padding-right:0}
.container-fluid .row {margin-left:0;margin-right:0}
.container-fluid {width:100%;max-width:none;padding:0;}
.nopadding { padding: 0 !important; margin: 0 !important; } 

body { background: #fff; font-family: 'Montserrat', sans-serif; color: #42555f; font-weight: 500; font-size: 15px; }
a { }

.but, input[type=submit] { 
clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%); 
background: #c45c17;
color: #fff !important; font-weight: 500; padding: 20px 40px; 
display: inline-block; font-size: 16px;  border: transparent; margin: 0; margin-bottom: 15px; 
clear: both; margin-top: 20px; text-decoration: none; text-align: center; }
.but:hover, input[type=submit]:hover { background-color: #42555f; color: #fff; }

a:hover { color: #ff6c2c; text-decoration: none; }
a, input, .but, .name { transition: all 0.5s ease; }

h1, .h1, h2, .h2 { text-transform: uppercase; padding-top: 30px; margin-top: 0; text-align: center; }
h1, .h1 { font-size: 48px; margin-bottom: 30px; }
h2, .h2 { font-size: 52px; text-align: left; margin-bottom: 50px; text-align: center;  }
h3, .h3 { font-size: 22px; margin-bottom: 20px; text-align: center; }

#header { z-index: 2; width: 100%; color: #42555f;  padding: 15px 0 10px 0; width: 100%; background: #fff;  }

#header a.logo { float: left; display: block; width: 270px; height: 61px; background: url(/img/logo2.png) 0px 0px no-repeat; 
z-index: 2; position: relative; background-size: contain;  }
#header ul { margin: 0; list-style-type: none; margin-top: 10px; margin-right: 80px; float: right;  }
#header ul li { float: left; z-index: 999;  }
#header ul li a { display: inline-block; text-decoration: none; color: #333; padding: 7px 11px; clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
background: #fafafa; }
#header ul li a:hover { background: #c45c17; color: #fff; }
#header ul li.active a { color: #00aeef !important;  } 
html[lang="ru"] #header ul li a { padding: 7px 8px; }

#header #lang { position: absolute; right: 0; top: 9px; 
background: #c45c17 url(/img/arrow.png) 38px 12px no-repeat; padding-right: 20px; 
clip-path: polygon(13% 0%, 100% 0%, 87% 100%, 0% 100%); }

#header #lang a { text-transform: uppercase; margin-left: 5px; text-decoration: none; color: #fff; background: #c45c17;
display: block; padding: 7px 5px; display: none; }
#header #lang a:first-child { display: block; }
#header #lang:hover a { display: block; }
#header #lang a.active { color: #fff; text-decoration: none; }
#header #lang a:hover {  }

#slide { background: url(/img/slide.jpg) 50% 0 no-repeat; min-height: 700px; background-size: cover; padding: 80px 0 30px; }

#company { padding: 50px 0; }

#reputation { padding: 50px 0 50px; background: #f0f3f4; }
#reputation h2 { text-align: left; margin: 30px 0; margin-top: 0; }
/*#reputation img { padding-right: 50px; }*/

#team { padding: 50px 0; }
a.more{color:#c45c17; text-decoration:none;display: block; margin: 10px 0; cursor: pointer; }
a.more:hover{color:#000;}
#team .item { background: #f0f3f4; padding: 15px; margin-bottom: 30px; }
#team .item h3 { color: #c45c17; font-size: 20px; font-weight: 500; margin: 15px 0 5px; text-align: left; }
#team .item a { display: block; color: #42555f; background: url(/img/phone.png) 0 5px no-repeat; padding-left: 30px; }
#team .item a.email { background: url(/img/email.png) 0 5px no-repeat; margin-top: 5px; }

#services { background: #f0f3f4; padding: 50px 0; font-size: 20px; text-align: center; }
#services .item { background: #fff; padding: 50px 15px; margin-bottom: 30px; font-size: 16px; font-weight: 600; 
text-transform: uppercase; min-height: 310px; margin-top: 30px; }
#services .item img { margin: 0 auto; display: block; padding-bottom: 40px; }

#content { }
#content ul { padding: 0; }
#content ul li { list-style-type: none; background: url(/img/marker2.png) 10px 7px no-repeat; padding-left: 30px;  margin: 10px 0;  }
#content ul.ok li { list-style-type: none; background: url(/img/marker.png) 0 5px no-repeat; padding-left: 35px;  margin: 10px 0;  }
#page { text-align: left; padding: 40px 0;  }

.slick-prev, .slick-next { display: block; width: 42px; height: 42px; background: url(/img/areas/arrow-left.png?1); 
left: 0px; /*background-size: contain !important;*/ z-index: 1;  }
.slick-next { background: url(/img/areas/arrow-right.png?1); left: auto; right: 0px; /*background-size: contain !important;*/  }
.slick-prev:before, .slick-next:before { content: ''; }

.slick-prev:hover, .slick-prev:focus { background: url(/img/areas/arrow-left-act.png?1);  }
.slick-next:hover, .slick-next:focus { background: url(/img/areas/arrow-right-act.png?1);  }
#content ul.slick-dots li { background: 0; padding: 0; margin: 0; }
.slick-dots li button::before { color: #fff; opacity: 1; font-size: 16px; }
.slick-dots li.slick-active button::before { opacity: 1; color: #c45c17; }
.slick-dots { bottom: 10px; } 

#areas { text-transform: uppercase; font-size: 34px; padding-top: 20px; position: relative; }
#areas .rel { position: relative; }
#areas .arrows { /*margin-top: -300px;*/ position: absolute; top: 50%; width: 100%; margin-top: -22px; }
#areas .arrows .container { position: relative; }
#areas p { /*margin-top: -300px;*/ position: absolute; top: 50%; margin-top: -46px; padding-left: 40px; max-width: 700px; }

#industry { font-size: 14px; font-weight: 600; text-align: center; }
#industry .item { background: #f0f3f4; padding: 7px; margin-bottom: 30px; min-height: 230px; }
#industry .item img { padding-bottom: 10px; }









#page, #news {  background-size: cover; background: #f4f5f8; }
#page h1 { text-align: left; font-size: 30px; }


#contacts { padding: 30px 0; background: #f0f3f4; }
#contacts a { display: block; color: #333; }
#contacts p { font-size: 18px; background: url(/img/phone.png) 0 5px no-repeat; padding-left: 30px; margin-top: 40px; }
#contacts p span { display: block; font-weight: 600; }
#contacts p.place { background: url(/img/place.png) 0 5px no-repeat; }
#contacts p.fax { background: url(/img/fax.png) 0 5px no-repeat; }
#contacts a { color: #c45c17; }

#news .col { width: 50%; float: left; position: relative;  }
#news .col.announc { background: #fff; border-left: solid 7px #c45c17; }
#news .announc { padding: 50px;  }
#news .announc a.but { position: absolute; bottom: -45px; z-index: 9;  }

#news .name { display: block; font-size: 18px; font-weight: 900; margin: 0; min-height: 40px; margin-top: 10px; clear: both;
color: #c45c17; padding-top: 10px; }
#news .item { position: relative; margin-bottom: 30px; background: #fff !important; padding: 20px; font-size: 13px; font-weight: 500; }
#news .item:hover { background: #fafafa; }

#news .item img { float: left; position: relative; width: 100%; max-width: 9999px; margin-right: 20px; padding-top: 0; }
#news .item a.but {  }
#news .an { display: block; margin: 0; }
#news .date { color: #333; display: inline-block; padding-bottom: 5px; }
#news .r { display: block; position: absolute; top: 30px; bottom: -20px; right: -20px; width: 97px;  background: #ec6449; z-index: -1; }
#news .ann { text-align: left; }


      









#callback { display: none; }
#callback h2 { font-size: 22px; }
/*
#gallery a { display: block; background: #2d221f; position: relative;  margin: 0 auto; margin-bottom: 20px;  }
#gallery a span { font-family: 'Ubuntu Condensed'; font-size: 38px; color: #fff; position: absolute; top: 30%; left: 0; right: 0;
bottom: 0; text-shadow: 0px 1px 1px #2d221f; text-align: center; }
#gallery a img {  opacity: 0.5; width: 100%;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }
*/



form { max-width: 700px; border-radius: 3px;  }
form p { margin: 10px 0; }                                                                                                
input[type=text], textarea { padding: 18px; border: solid 1px #c45c17;  background-color: #fff; border-radius: 0; 
color: #333; width: 100%;  }
input:hover, textarea:hover,  
input:focus, textarea:focus {  border-color: #111; }
input[type=text] { background: #fff url(/img/form/name.png) 15px 50% no-repeat;   }
input[type=submit] { width: 100%; margin: 10px 0;  }
input[name=tel] { background: #fff url(/img/form/phone.png) 15px 50% no-repeat; }
input[name=email] { background: #fff url(/img/form/email.png) 15px 50% no-repeat; }
input[name=company] { background: #fff url(/img/form/company.png) 15px 50% no-repeat; }
.error, .send { text-decoration: none;} 
.error { color: #ff0000; }
.send { color: #00aa00; }
h3+iframe {  margin-top: -20px; margin-bottom: -5px; }

table { border-collapse: collapse; width: 100%; margin: 10px 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 5px;
overflow: hidden; font-size: 13px; }
table th { background: #fbfbfb;   }
table th h3 { font-weight: bold; text-shadow: none; margin: 0; text-align: center; }
table th:last-child { background: #ffa200; color: #fff; }
table th:last-child h3 { color: #fff; }
table th, table td { text-align: left; padding: 15px; border: solid 1px #e4e4e4; }
table th { text-align: center; font-size: 15px; padding: 20px 30px;  }
table tr { background-color: #fff; }
table tr:nth-child(odd) { background-color: #fbfbfb; }
table tr:hover { background-color: #fffeee;  }
table p { margin: 0; }
table b { font-size: 15px; }
table h4 { text-align: center; }
table .or { background: #ffa200 !important; }
table .or h4 { color: #fff; }
.red { color: #ff0000; }
.green { color: #00cc00; }



   
   
#footer { background: #181c1f; font-size: 13px; color: #fff; padding: 25px 0; font-weight: 400; text-align: center; }
#footer .copy { float: none; }
#footer .weblux { margin-top: 5px; display: block; color: #aaa;  }
#footer .weblux:hover { color: #fff; }
#footer a { color: #fff;  }







#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; padding: 0; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }



@media (max-width : 1200px){
  

  #header a.logo { margin-right: 30px; }
  #header ul { margin-right: 0; }
  #header ul li a { padding: 7px 24px; }

  
}

@media (min-width : 992px){
  .nav > li:hover > .dropdown-menu { display: block; } 

}


@media (max-width : 991px){
  #header { padding: 7px 0 7px; }
  #header ul li a { padding: 10px 12px; }
  #header a.logo { height: 50px; width: 185px; background-size: contain; }
  #header ul { margin-top: 5px; }
  #header ul li a { padding: 10px 10px; }
  #header #lang { margin-top: 0; }
  #areas p { max-width: 500px; }
  #industry .item { min-height: 200px; }
  
  h1, .h1 { font-size: 57px; }
  h2 { font-size: 40px; padding-top: 10px; margin-bottom: 30px; }
  h3 { font-size: 20px; }
  
 

}

@media (max-width : 767px){
  
  
  #header #menu { float: none; }
  #header #menu li { display: block; clear: both; float: none;  }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #navbar { padding: 0; }
  
  #header ul li a, #header #lang { clip-path: none; }
  

  #header #lang { margin-top: 0; }
  
  #header #navbar > ul > li { border-left: solid 3px #c45c17 !important; }
  #header ul li ol { display: none !important; }
  #header a.logo { margin-top: 5px; }
  #header #lang { top: 5px; }
  #slide { min-height: 400px; }
  
  .arrows { display: none; }
  #areas p { padding-left: 0; font-size: 20px; max-width: 300px; }
  
  h1 { font-size: 40px; }
 
  
  h2 { font-size: 30px; }

  #page { padding-top: 20px; }
  #page .item img { float: none; padding-bottom: 0; }
  #page .item div { display: block; }
  
  #news_top .announc, #news_top .date { display: none; }
  #news .col { width: 100%; }
  #news .announc { padding: 15px 0; }
  #news .col.announc { padding-left: 15px; }

  

}

/*
@media (max-width : 480px){
  h1 { font-size: 30px; }
  #page h1 { font-size: 20px; }
  h2 { font-size: 20px !important; }
 
}
*/