html, body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 }
 
 body {
 background: #ccccc8;/* #1a1a1a */
 }
 
 
   /* Скрываем "не тот" язык */
.en .ru,
.ru .en {
  display: none;
}

  /* Переключалки языка */
 .lang-switcher {
  cursor: pointer;
  padding: 5;
} 
/* .lang-switcher:hover {
  color: #ffffff;
} */
  /* Выделяем активную переключалку тоже с помощью классов родителя */
.en .lang-switcher--en,
.ru .lang-switcher--ru {
  cursor: default;
  padding: 5;
} 
 
 .center {
 width: 960px;
 margin: auto;
 }

 .left_side {
 width: 50%;
 float: left;
 }
 .right_side {
 width: 50%;
 float: right;
 }

 .top {
 height: 58px;
 background: #000000;
 }
 .logo {
 padding: 22 0 0;
 }
 .languages {
 padding: 22 0 0;
 float: right;
 }
 .icon img {
	width: 25;
	height: 14;
 }
 

 .horizontal_split {
 width: 100%;
 height: 11px;
 background: #f2f1ed;
 }

 .slider_wrapper {
 width: 100%;
 background: #000000;
 }
 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider a img { outline: none; border: none; }
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

.flexslider {
    position: relative;
    zoom: 1;
}
.flex-container {
    min-width: 960px;
    max-width: 960px;
}
.flexslider .slides { zoom: 1; }
 
 
 .main_text_area {
 height: 245px;
 width: 100%;
 background: #f2f1ed;
 font: normal normal bold 15px Arial;
 text-align: justify;
 line-height: 1.5;
 color: #666666;
 overflow:hidden;
 }
 .left_main_text {
 padding: 70 10 0 0;
 }
 .right_main_text {
 padding: 70 0 0 10;
 }
 
 .main_area {
 height: 340px;
 width: 100%;
 background: #e5e5e1;
 overflow:hidden;
 }
 .left_button {
 min-height: 340px;
 position: relative;
 }
 .left_button img{
 position: absolute;
 top: 6;
 right: 10;
 margin: auto;
 max-width: 100%;
 max-height: 100%;
 -moz-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 }
 .left_button img.first{
 opacity:0;
 filter:alpha(opacity=0);
 }
 .left_button:hover img.first{
 opacity:1;
 filter:alpha(opacity=100);
 }
 .left_button:hover img.second, .left_button img.second:hover{
 /* opacity:1;
 filter:alpha(opacity=50); */
 }
 
 .right_button {
 min-height: 340px;
 position: relative;
 display: block;
 text-align: center;
 }
 .right_button img{
 position: absolute;
 top: 6;
 left: 10;
 margin: auto;
 max-width: 100%;
 max-height: 100%;
 -moz-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 }
 .right_button img.first{
 opacity:0;
 filter:alpha(opacity=0);
 }
 .right_button:hover img.first{
 opacity:1;
 filter:alpha(opacity=100);
 }
 .right_button:hover img.second, .right_button img.second:hover{
 /* opacity:1;
 filter:alpha(opacity=50); */
 }
 
 .footer {
 height: 160px;
 background: #ccccc8;
 }
 .company {
 padding: 20 0 0 0;
 }
 .company a {
 font: normal normal normal 12px Arial;
 text-align: justify;
 text-decoration: none;
 color: #80807d/* #a6a6a6 */;
 }
 .company a:hover {
 color: #40403e;
 }
 .company1 {
 padding: 0 20 0 0;
 float: left;
 }
 .company2 {
 padding: 0 20 0 0;
 float: left;
 }
 .company3 {
 padding: 0 0 0 0;
 float:left;
 }
 .contact {
 padding: 20 0 0 103;
 font: normal normal normal 12px Arial;
 text-align: justify;
 line-height: 1.5;
 color: #40403e;
 }
 .contact0 {
 padding: 0 0 20 0;
 }
 .contact1 {
 /* width: 260; */
 float: left;
 }
 .contact2 {
 /* width: 40; */
 float: right;
 text-align: right;
 }
 .contact2 a {
 text-decoration: none;
 color: #548899;
 }
 .contact3 {
 /* width: 100; */
 float: right;
 text-align: left;
 
 padding: 0 5 0 0;
 }
 
 
 .copyright {
 background: #ccccc8/* #1a1a1a */;
 }
 .copyright p {
 font: normal normal lighter 9px Arial;
 text-align: justify;
 color: #999896;
 margin: 0;
 }
 .copyright_text {
 padding: 0 5 0 0;
 }