@font-face {
	font-family: 'Conv_SamsungSharpSans-Medium';
	src: url('font/SamsungSharpSans-Medium.eot');
	src: url('font/SamsungSharpSans-Medium.woff') format('woff'), url('font/SamsungSharpSans-Medium.ttf') format('truetype'), url('font/SamsungSharpSans-Medium.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_SamsungSharpSans-Bold';
	src: url('font/SamsungSharpSans-Bold.eot');
	src: url('font/SamsungSharpSans-Bold.woff') format('woff'), url('font/SamsungSharpSans-Bold.ttf') format('truetype'), url('font/SamsungSharpSans-Bold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
}

#preorder{
    background: url(../img/main/img4.jpg) no-repeat left center;
    background-size: 100% auto;
    top:0px;
    margin-top: 0;
}

.fullscreen .customtop { top: 50%!important; }
.suhd-logo { margin: 0 0 45px; }
.complimentary-offer { font-size: 18px; color: #000000; font-weight: 400; font-family: 'Conv_SamsungSharpSans-Medium'; margin: 0 0 15px; padding-right: 80px; }
.fullscreen>article.preorder{
    width: 33%;
    right: 5%;
    top: 50%;
    margin-top: -290px;
    max-width: 450px;
}
.fullscreen .customtop { top: 45%!important; }
article.preorder h3 { font-size: 32px; color: #000000; font-family: 'Conv_SamsungSharpSans-Bold'; text-transform: uppercase; }
article.preorder h3 a i { width: 14px; height: 25px; display: inline-block; background: url(../img/right-arrow.png) no-repeat center top; position: relative; top: 1px; left: 20px; }
article.preorder h3 a:hover i { background: url(../img/right-arrow-hover.png) no-repeat center top; }
article.preorder h3 span { display: block; color: #9ca0a4; font-size: 14px; font-family: 'Samsung'; font-weight: 400; text-transform: none; margin: -10px 0 0; }
article.preorder h3 a { text-decoration: none; color: #000000; }
article.preorder h3 a:hover, article h3 a:focus { text-decoration: none; color: #5f5f5f; }
article.preorder p { margin: 20px 0 0; line-height: 14px; }
article.preorder p small { color: #6d6d6d; font-size: 12px; font-family: 'Samsung'; font-weight: 400; line-height: 14px; }
article.preorder p small a { text-decoration: underline; color: #6d6d6d; }
article.preorder p small a:hover, article.preorder p small a:focus { text-decoration: none; color: #6d6d6d; }
article.preorder .seperator { width: 100%; margin: 15px 0; vertical-align: middle; }
article.preorder .phone-device { background: url(../img/galaxy-s7-edge.png) no-repeat right 160px; }
.pad100 { padding-right: 80px!important; }
.storeboxcontent { display: none; }
.storeboxcontent ul li, .storeboxcontent p { font-family: 'Samsung'; font-weight: 400; font-size: 12px; }
article.preorder .storeboxcontent p { margin: 0 0 10px; }
.mobile-suhd-logo { display: none; }

/* CSS made by us */
/* Horizontal view - tablet/ipad 1024 */
@media (min-width: 991px) and (max-width: 1024px) {
    
}

/* Vertical view - tablet/ipad 768 */
@media (min-width: 768px) and (max-width: 990px) {
    
}

/* Horizontal/Vertical view - mobile */
@media (max-width: 767px) {
    #preorder { margin-top: 55px; }
    .mobile-suhd-logo { display: block; position: absolute; width: 100%; text-align: center; z-index: 50; top: 40px; }
    .mobile-suhd-logo img { width: 150px; }
    .suhd-logo { display: none; }
    #preorder>figure { position: relative; z-index: 10; background: url(../img/main/suhd_tv_mobile.jpg) no-repeat center -50px; background-size: 100%; }
    .fullscreen>article.preorder { width: 100%; right: auto; top: auto; margin: 0; }
    article.preorder .phone-device { background-position: right 40px; background-size: auto 80px; }
    article.preorder h3 { font-size: 20px; }
    article.preorder h3 a i { width: 10px; height: 20px; background-size: 100%; top: 4px; left: 10px; }
    article.preorder h3 a:hover i { background-size: 100%; }
    article.preorder h3 span { margin: -5px 0 0; }
    article.preorder p small { width: 100%; }
    article.preorder p { margin: 20px 0!important; overflow:visible; }
    article.preorder p.conditions { margin: 20px 0 100px!important; overflow: visible; }
}

@media (min-width: 1025px) and (max-width: 1400px) {
    .fullscreen>article.preorder { margin-top: -200px; width: 36%; max-width: 500px; }
    .fullscreen .customtop { top: 35%!important; }
    .suhd-logo  { margin: 0 0 20px; }
    .suhd-logo img { width: 180px; }
    article.preorder .storeboxcontent p { font-size: 12px; }
    .storeboxcontent ul li { font-size: 12px; }
    article.preorder .seperator { margin: 5px 0; }
    article.preorder h3 { font-size: 28px; }
    article.preorder .phone-device { background-position: right 80px; }
}

@media (min-width: 1400px) {
    .fullscreen>article.preorder { max-width: 500px; }
}