html {
  height: 100%;	
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #ffffff;
  background: #000000;
  height: 100%;
}
.wrapper {
  height: 100%;
  margin: 0px auto;
  overflow: hidden;
}
.bg {
  position: fixed; 
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url(../images/bg/1.jpg); */
  background-size: cover;
  background-position: center 50%;
  display: none;    
}
.bgwidth {
  width: 100%;
}
.bgheight {
  height: 100%;
}
.siteHeader {
  background: rgba(0, 0, 0,	0.7);
  height: 120px;
  position: relative;
}
.siteHeader .wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: visible;      	
}
.siteHeader .wrapper .logo {
  float: left;
  max-width: 200px;
  margin-top: 10px;	
}
.siteHeader .wrapper .lang {
  position: absolute;
  right: 5px;
  top: 10px;
  text-align: right;	
}
.siteHeader .wrapper .lang a {
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 300;
  font-size: 11px;
  width: 22px;
  height: 18px;
  line-height: 18px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;	
  text-decoration: none;
}
.siteHeader .wrapper .lang a:last-child {
  margin-right: 0px;	
}
.siteHeader .wrapper .lang a:hover {
  color: #009ee0;
  border-color: #009ee0;
}
.siteHeader .wrapper .lang input {
  font-size: 12px;
  line-heigth: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  display: block;
  margin-top: 5px;	
  width: 200px;
  padding: 2px 5px;
}
.siteHeader .wrapper .menu ul {
  list-style: none;
  font-size: 16px;
  font-weight: 700;
  margin-top: 78px;
  text-transform: uppercase;
  float: right;
  z-index: 6;    
}
.siteHeader .wrapper .menu ul li {
  display: inline-block;
  margin: 0 8px; 
  position: relative; 
}
.siteHeader .wrapper .menu ul li:last-child {
  margin-right: 5px;	
}
.siteHeader .wrapper .menu ul li a {
  line-height: 30px;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}
.siteHeader .wrapper .menu ul li a:hover,
.siteHeader .wrapper .menu ul li a.active {
  color: #009ee0;
}
.siteHeader .wrapper .menu ul li ul {
  display: none;
  position: absolute;
  z-index: 5;
  margin-top: 12px;
  left: -13px;
  width: 200px;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 5px;  
}
.siteHeader .wrapper .menu ul li ul li {
  display: block;
  line-height: 20px;
  margin-top: 2px;	
  margin-right: 0px;
  padding: 8px 0;
}
.siteHeader .wrapper .menu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-bottom: 0;
  color: #999999;
  text-decoration: none;  
}
.siteHeader .wrapper .menu ul li ul li a:hover,
.siteHeader .wrapper .menu ul li ul li a.active {
  color: #0EA1E7;
}
.siteFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0,	0.8);
  min-height: 80px;
  width: 100%;
}
.siteFooter .wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  padding-left: 5px;
  padding-right: 5px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  	  	
}
.siteFooter .wrapper .news {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  padding-top: 12px;
  margin: 0;
}
.siteContent {
  position: absolute;
  top: 100px;
  left: 0;
  min-height: 80px;
  width: 100%;  
}
.siteContent .wrapper {	
  min-height: 80px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 100px;	
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  padding-left: 5px;
  padding-right: 5px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  	
}
.siteContent .slogan {
  z-index: 10;
  position: absolute;
  top: 200px;
  left: 50%;
  padding-right: 200px;
  font-size: 50px;
  text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
  font-weight: 400;
  background: rgba(0, 0, 0,	0.7);  
}
.siteContent .wrapper h2 {
  text-align: left;
  font-size: 16px;
  font-weight: 300;	
  color: #fff;
  text-transform: uppercase;
}
.siteContent .wrapper .container {
  width: 4000px;
  max-height: 450px;
  overflow: hidden;
  text-align: left; 	
}
.siteContent .wrapper .container2 {
  width: 100%;
  text-align: left;
}
.siteContent .wrapper .containerModel {
  width: 4000px;
  max-height: 340px;
  overflow: hidden;
  text-align: left; 	
}
.siteContent .wrapper .modelDescription {
  width: 45%;
  max-height: 340px;
  overflow: hidden;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  float: left;
}
.siteContent .wrapper .modelParameters {
  width: 52%;
  max-height: 340px;
  overflow: hidden;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  float: right;
}
.siteContent .wrapper .modelParameters .icons {
  margin-top: 10px;
  text-align: right;	
}
.siteContent .wrapper .modelParameters .icons img {
  height: 44px;
  margin-left: 4px;
}
.siteContent .wrapper .modelParameters .element {
  border-bottom: 1px solid #fff;
  text-align: right;
  font-size: 10px;
  line-height: 10px;
  padding-bottom: 2px;
  padding-top: 11px;	
}
.siteContent .wrapper .modelParameters .element a {
  color: #fff;
  text-decoration: none;	
}
.siteContent .wrapper .modelDescription .author {
  font-size: 10px;
  line-height: 10px;
}
.siteContent .wrapper .modelDescription .breadcrumb {
  font-size: 14px;
  color: #6f6f6f;
}
.siteContent .wrapper .modelDescription h1 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-transform: uppercase;
}
.siteContent .wrapper .containerModel .element {
  display: inline-block;
  margin: 5px 2px;		
}
.siteContent .wrapper .containerModel .element .imgContainer {
  width: 590px;
  height: 300px;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  /* transition-duration: 0.2s; */
}
.siteContent .wrapper .containerModel .element .imgContainer.v {
  width: 292px;
  height: 328px;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  /* transition-duration: 0.2s; */
}
.siteContent .wrapper .containerModel .element .imgContainer img {
  opacity: 0;
  /* transition-duration: 0.2s; */
}
.siteContent .wrapper .container .column {
  display: inline-block;
  margin: 5px 10px;	
}
.siteContent .wrapper .container .column:first-child {
  margin-left: 0;	
}
.siteContent .wrapper .container .column:last-child {
  margin-right: 0;	
}
.siteContent .wrapper .containerModel .element .column:first-child {
  margin-left: 0;	
}
.siteContent .wrapper .containerModel .element .column:last-child {
  margin-right: 0;	
}
.siteContent .wrapper .container .column .collection {
  max-width: 280px;
  overflow: hidden;
  margin-bottom: 15px;
  text-decoration: none;
  display: block;
}
.siteContent .wrapper .container .column .collection .imgContainer {
  width: 280px;
  height: 156px;
  overflow: hidden;
}
.siteContent .wrapper .container .column .collection .imgContainer img {
  width: 280px;
  transition-duration: 0.2s; 
}
.siteContent .wrapper .container .column .collection .name {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  margin: 5px 0 10px 0;
  transition-duration: 0.2s;   
}
.siteContent .wrapper .container .column .collection:hover .name {
  text-decoration: none;
  color: #999999;
  transition-duration: 0.2s;  	
}
.siteContent .wrapper .container .column .collection:hover .imgContainer img {
  width: 320px;
  margin-left: -20px;
  margin-top: -10px;
  transition-duration: 0.2s;	
}
.siteContent .wrapper .container2 .element {
  display: inline-block;
  margin: 5px 10px;	
}
.siteContent .wrapper .container2 .element:nth-child(4n+1) {
  margin-left: 0;	
}
.siteContent .wrapper .container2 .element:nth-child(4n+4) {
  margin-right: 0;	
}
.siteContent .wrapper .container2 .element .collection {
  width: 280px;
  overflow: hidden;
  margin-bottom: 5px;
  text-decoration: none;
  display: block;
}
.siteContent .wrapper .container2 .element .collection .imgContainer {
  width: 280px;
  height: 170px;
  overflow: hidden;
  position: relative;  
}
.siteContent .wrapper .container2 .element .collection .imgContainer .imgBackground {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition:all 0.4s ;
  -webkit-transition:all 0.4s ;
  -o-transition:all 0.4s ;
  -moz-transition:all 0.4s ;  
}
.siteContent .wrapper .container2 .element .collection .imgContainer .imgBackground img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.siteContent .wrapper .container2 .element .collection .name {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  margin: 5px 0 10px 0;
  transition-duration: 0.3s;   
}
.siteContent .wrapper .container2 .element .collection:hover .name {
  text-decoration: none;
  color: #999999;
  transition-duration: 0.3s;  	
}
.siteContent .wrapper .container2 .element .collection:hover .imgContainer .imgBackground {
  transform: scale(1.2);
}
.siteContent .wrapper .model {
  display: inline-block;
  margin: 0;
  width: 100%;
  height: 400px;
  border: 1px solid green;
}
.siteContent .wrapper .arrowLeft {
  font-size: 100px;
  display: inline-block;
  color: #999999;
  transform: scale(1,4);
  -webkit-transform:scale(1,4);
  -moz-transform:scale(1,4);
  -ms-transform:scale(1,4);
  -o-transform:scale(1,4);
  margin-left: -650px;
  margin-top: 125px;  
  position: absolute;
  cursor: pointer;  	
}
.siteContent .wrapper .arrowRight {
  font-size: 100px;
  display: inline-block;
  color: #999999;
  transform: scale(1,4);
  -webkit-transform:scale(1,4);
  -moz-transform:scale(1,4);
  -ms-transform:scale(1,4);
  -o-transform:scale(1,4);
  margin-left: 620px;
  margin-top: 125px;
  position: absolute;
  cursor: pointer;
  transition-duration: 0.3s;    	
}
.siteContent .wrapper .arrowLeftTop {
  font-size: 100px;
  display: inline-block;
  color: #999999;
  transform: scale(1,4);
  -webkit-transform:scale(1,4);
  -moz-transform:scale(1,4);
  -ms-transform:scale(1,4);
  -o-transform:scale(1,4);
  margin-left: -650px;
  margin-top: 75px;  
  position: absolute;
  cursor: pointer;  	
}
.siteContent .wrapper .arrowRightTop {
  font-size: 100px;
  display: inline-block;
  color: #999999;
  transform: scale(1,4);
  -webkit-transform:scale(1,4);
  -moz-transform:scale(1,4);
  -ms-transform:scale(1,4);
  -o-transform:scale(1,4);
  margin-left: 620px;
  margin-top: 75px;
  position: absolute;
  cursor: pointer;
  transition-duration: 0.3s;    	
}
.siteContent .wrapper .arrowLeft:hover, .siteContent .wrapper .arrowRight:hover {
  color: #fff;
  transition-duration: 0.3s;	
}
.siteContent .wrapper .text {
  margin-top: 20px;
  color: #fff;
  text-align: left;
}
.siteContent .wrapper .boksy {
  margin-top: 20px;   	
}
.siteContent .wrapper .boksy .row {
  display: block;
  clear: both;	
}
.siteContent .wrapper .boksy .row .cell {
  display: block;
  width: 50%; 
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.siteContent .wrapper .boksy .row .cell:first-child{
  float: left;	
}
.siteContent .wrapper .boksy .row .cell:nth-child(2){
  float: right;	
}

.siteContent .wrapper .boksy .row:nth-child(n) .cell .photoContainer {
  display: inline-block;
  width: 50%;
  height: 100%;
  height: 230px;
  float: right;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.siteContent .wrapper .boksy .row:nth-child(2n+1) .cell .photoContainer {
  float: left;	
}
.siteContent .wrapper .boksy .row .cell .photoContainer img {
  opacity: 0;
	
}
.siteContent .wrapper .boksy .row:nth-child(n) .cell .description {
  display: inline-block;
  width: calc(50%);
  padding: 5px 10px;
  height: 230px;  
  float: left;  
  text-align: justify;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.siteContent .wrapper .boksy .row:nth-child(2n+1) .cell .description {
  float: right;
}
.siteContent .wrapper .boksy .row .cell .description h2 {
  margin-top: 5px;	
}
.siteContent .wrapper .boksy .row .cell .description a.more {
  background: #009EE0;
  color: #fff;
  text-decoration: none;
  float: right;
  padding: 3px 5px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline; 
}