@import url('https://fonts.googleapis.com/css?family=Jura:300,400,500,600,700|PT+Sans+Caption:400,700|Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
@import url("adapt.css");
@font-face {
  font-family: 'rouble';
  src: url("/fonts/rouble-webfont.eot");
  src: url("/fonts/rouble-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/rouble-webfont.woff") format("woff"), url("/fonts/rouble-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'PT Sans Caption';
}
body{
	overflow-x: hidden;
	color: #2c3e50;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Ubuntu';
}
h2{
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h3{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h3.subheader{
  color:#7f8c8d;
  margin-bottom: 15px;
}
h4{
  font-size: 20px;
  font-weight: 400;
}
.m-b-20{
  margin-bottom: 20px;
}
.m-b-40{
  margin-bottom: 40px;
}
.clr {
  clear: both;
}
.rouble {
  font-family: 'rouble';
}
.radius {
  border-radius: 4px;
}
* {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

.left-wrapper{
  width: 256px;
  background: #2c3e50;
  position: fixed;
  height: 100%;
  
  
}
.right-wrapper{
  width: calc(100% - 256px);
  position: absolute;
  margin-left: 256px;
  background: url(/img/bg.jpg);
  background-attachment: fixed;
  min-height: 100%;
  z-index: 2;
}
.lang-wrapper{
  color: #ecf0f1;
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.lang-wrapper a{
  color:#ecf0f1;
  border-bottom: 1px dotted #ecf0f1;
} 
.icon-flag{
  background-image: url("/img/flags.v5.png");
  width: 20px;
  height: 14px;
  display: inline-block;
}
.icon-flag-RU {
    background-position: 0px -112px;
}
.icon-flag-ES {
    background-position: -100px 0px;
}
.icon-flag-EN {
    background-position: -60px 0px;
}
.icon-flag-VI {
    background-position: -40px -14px;
}
.logo-wrapper{
  padding: 30px;
}
.block{
  padding: 30px;
}
.main-menu{
  width: 100%;
  width: 273px;
  height: calc(100% - 185px);
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
}
.main-menu ul{
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-menu ul li{
  width: 100%;
  display: block;
}
.main-menu ul li a{
  color:#ecf0f1;
  width:100%;
  padding: 10px 20px;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 100;
}

.main-menu ul li a.active{
  background: #34495e;
}
.main-menu ul li a:hover{
  background: #34495e;
}
.block{
  padding: 30px;
}
.block.white{
  background: #fff;
}
.block.dark{
  background: #22313F;
}
.block.dark h2,.block.dark p{
  color: #ecf0f1;
}

.block img{
  margin-bottom: 15px;
}

.intro{
  height: 480px;
  background: #000;
}
.intro .intro_bg{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/1.png) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_home{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/50x70.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_bitek{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/bitek/image018.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_catalog_bitek{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/bitek/image015.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_karkas{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/karkas/karkas.JPG) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_lstk{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/lstk/image002.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_catalog_lstk{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/catalog-lstk/CIMG7393.JPG) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_foto{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/foto/02022010855.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.intro .intro_bg_video{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #fff url(/img/design/video/02122009669.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.intro .intro_bg_patents{
  position: absolute;
  z-index:1;
  height: 480px;
  width: 100%;
  background: #2c3e50 url(/img/design/image006.gif) no-repeat 0 100%;
  background-size: auto 256px;
}

.intro .title{
  position: absolute;
  height: 480px;
  z-index:2;
  padding: 40px;
  display: table;
}
.intro .title h1{
  color: #fff;
  font-size: 48px;
  line-height: 1.2em;
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
}
.intro .particles-js{
  z-index:2;
  position: absolute;
  height: 480px;
  width: 100%;
  background: rgba(0,0,0,0.6);
}
.logo-top-menu{
  height: 20px;
}
.title-bar{
  background: #2c3e50;
}
.top-bar, .top-bar ul{
  background: #34495e;
}
.top-bar ul li a, .top-bar ul li a:hover, .top-bar ul li a:focus{
  color: #fff;
  line-height: 1.2em;
}

td{
  padding: 20px !important;
}

a{
  color: #3498db;
}
a:hover{
  color: #2980b9;
}







@media screen and (max-width: 63.9375em) {
  
  .left-wrapper{
    display: none;
  }
  .right-wrapper{
    width: 100%;
    margin: 0;
  }
  .intro .title h1{
    font-size: 30px;
  }
  h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    
  }
  h3{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  h3.subheader{
    font-size: 16px;
  }
  h4{
    font-size: 16px;
    font-weight: 400;
  }
  body{
    font-size:14px;
  }
  .right-wrapper{
    background: url(/img/bg.jpg);
    background-attachment: scroll;
    background-size: 10% auto;
  }
  

  .intro{
    height: 360px;
  }
  .intro .intro_bg{
    height: 360px;
    opacity: 0.4;
  }
  .intro .title{
    height: 360px;
  }
  .intro .particles-js{
    height: 360px;
  }
  .block{
    padding: 15px 10px;
  }
  .intro .title{
    padding: 25px;
  }
  
  
  
  .intro .intro_bg{
  height: 360px;
}
.intro .intro_bg_home{
  height: 360px;
}
.intro .intro_bg_bitek{
  height: 360px;
}
.intro .intro_bg_catalog_bitek{
  height: 360px;
}
.intro .intro_bg_karkas{
  height: 360px;
}
.intro .intro_bg_lstk{
  height: 360px;
}
.intro .intro_bg_catalog_lstk{
  height: 360px;
}
.intro .intro_bg_foto{
  height: 360px;
}
.intro .intro_bg_video{
  height: 360px;
}

.intro .intro_bg_patents{
  height: 360px;
}
  
}

@media screen and (max-width: 39.9375em) {
  
}