@charset "utf-8";
@font-face {
	font-family: 'so500c.0';
	src: url('../fonts/SamsungOne-500C_v1.0.eot');
	src: local('☺'), url('../fonts/SamsungOne-500C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-500C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-500C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so400c.0';
	src: url('../fonts/SamsungOne-300C_v1.0.eot');
	src: local('☺'), url('../fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so300c.0';
	src: url('../fonts/SamsungOne-300C_v1.0.eot');
	src: local('☺'), url('../fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so800c.0';
	src: url('../fonts/SamsungOne-800C_v1.0.eot');
	src: local('☺'), url('../fonts/SamsungOne-800C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-800C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-800C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { margin:0; padding:0; overflow-x:hidden; font-family: 'so500c.0'; }

.lang_toggle {   text-align:left;z-index:999; position: relative;max-width: 850px; width: 95%; padding:3px; padding-left:0;  margin: 0 auto;} 
.lang_toggle a{ color: #999; font-size: 14px; text-decoration: underline;  padding: 10px;padding-left:0; cursor: pointer;  }
.clear {clear:both;}

.pre_content {max-width:850px; margin:0 auto;padding-top:0;}
.prelogos {width:100%; text-align:right;  margin-right:75px; }
.prelogos img{display:block; float:right; margin:0 auto;    margin-right: 53px; width:100%; max-width:362px;}
 
.product {width:100%; text-align:center;display:block; margin-top:35px;}
.product img{display:block;  margin:0 auto; margin-left:130px; width:100%; max-width:474px; }


.main_container { margin:0 auto; width:100%; max-width:1600px;}
.contentArea {width:100%; padding:0 15px; padding-top:30px; background:white; }
.maintitle {width:95%;float: left;font-size:31px;color:black; margin-bottom: 0!important; line-height:1.4;}
 .maintitle.first{margin-top:40px;}
.maintitle2 {width:95%;font-size:25px;color:black; margin-bottom: 0!important; line-height:1.4;font-family: 'so800c.0'; font-weight:bold; text-align:center; margin-top:30px; }
.maintitle-grey {color:#333333; font-size:18px;font-family: 'so300c.0';}

.maindesc {float: left;width:95%;font-size:17px;color:black;margin-top: 7px!important;line-height:1.4; }
.footnote {float: left;width:95%;font-size:14px;color:black;margin-top: 7px!important;line-height:1.3; font-family:'so400c.0'; }
 
 .preorder-a4  { text-align:center; margin:0 auto; width: 100%; max-width:410px;}
 .preorder-a4 a { 
background: #fffff  ;
border: 1px solid #464646;
color: #464646;
text-transform:uppercase;
display:block; 
margin:0 auto;width:100%;
display:block; transition:0.3 ease all; 
line-height:35px; height:35px; font-family:'so500c.0'; cursor:pointer;
max-width: 200px;

text-align: center;
box-sizing: border-box;
-webkit-transition-property: none;
-moz-transition-property: none;
transition-property: none;
font-size: 12px;
float:left;
text-decoration:none;
 }
 
 
 .preorder-a4 a:hover  {  background: #464646  ;color: #ffffff;}  

a.butt1 {margin-right:0;}	
a.butt2 {margin-right:10px;}	


@media only screen and (max-width: 800px)
{ 
.pre_content {max-width:850px; width:95%; padding:2.5%;  padding-top: 40px;}
.product img {margin:auto; }

.prelogos { width: 100%; }
.prelogos img {margin-right:auto; }
.maindesc , .maintitle  , .maintitle-grey , .footnote  {text-align:center;}
 
}

 
 
@media only screen and (max-width: 768px)
{

 .preorder-a4  { text-align:center; margin:0 auto; width: 100%; max-width:auto;}
 .preorder-a4 a { 
 
width:100%;
margin:0 auto;
font-size: 18px; 
line-height:42px;
height:42px; 
max-width: 100%;
float:none;
margin-top:10px;
text-decoration:none;
 }
a.butt1 {margin-right:0px;;}
a.butt2 {margin-right:5px;;}	
 

}

@media only screen and (max-width: 480px)
{ 

}
 
@media only screen and (max-width: 375px)
{ 

}

@media only screen and (max-width: 360px)
{ 

}

@media only screen and (max-width: 320px)
{ 


}