/*****************************************************************************************************************************************************************************************************************************************/
/***generic*******************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
#outerWrapper{
	width:100%;
	margin-bottom: 50px;
}

#outerWrapper #banner{
}

#outerWrapper #banner img{
	width:100%;
	float:left;
}

#innerWrapper{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align:left;
	font-size: 21px;
	color: #585858;
	display: table;	
}

#innerWrapper a{
	text-decoration: none;
	color:#585858;
}

#contactOuter{
	width:100%;
	margin-bottom:10px;
	float:left;
}

#brandsOuter, #imagesOuter{
	width:100%;
	margin-bottom:10px;
	float:left;
}

.brandsInner{
	width:14%;
	margin-right:2.66%;
  	overflow: hidden;
	float:left;
}

.brandsInner img{
	width:100%;
	margin-top:-10%;
	margin-bottom:-10%;
	float:left;
}

.imagesInner{
	width:47%;
	padding-bottom:26.8%;
	margin-right:3%;
	margin-bottom:3%;
	position:relative;
	float:left;	
}

.imagesInner .image{
	width:100%;
	position:absolute;
	top: 0; 
	bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% auto;
	float:left;	
}

.imagesInner .link, .imagesInner .linkSupplier{
	padding:7px;
	border-radius:5px;
	opacity: 0.5;
	font-weight:100;
	font-size:27px;
	color:white;
	background:black;
	display:block;	
}

.imagesInner .linkSupplier{
	color:black;
	background:#085a42;
	background:white;
}

.imagesInner img{
	width:100%;
	float:left;
}

.supplierImage{
	width:47%;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
}

.supplierImage img{
	width:100%;
	float:left;
}

.videoInner{
	width:47%;
	padding-bottom:26.8%;
	margin-right:3%;
	margin-bottom:3%;
	position: relative;
	background:black;
	float:left;	
}

.videoInner iframe{
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.videoInner video{
	width:100%;
	height:100%;
	position: absolute;
	float:left;	
}

.aboutText{
	width:100%;
	float:left;
}

/*****************************************************************************************************************************************************************************************************************************************/
/***size1*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){

#innerWrapper{
	width: 1200px;
}

.supplierImage img{
	width:564px;
	height:322px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size2*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){

#innerWrapper{
	width: 1100px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size3*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){

#innerWrapper{
	width: 1000px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size4*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){

#innerWrapper{
	width: 900px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size5*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){

#innerWrapper{
	width: 800px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size6*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){

#innerWrapper{
	width: 700px;
	font-size: 16px;
}

}/**@media**/
/*****************************************************************************************************************************************************************************************************************************************/
/***size7*********************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){

#outerWrapper{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;	
}

#outerWrapper #banner img{
	width:100%;
	float:left;
}

#innerWrapper{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 17px;
}

.imagesInner .link, .imagesInner .linkSupplier{
	font-size:15px;
}

}/**@media**/