@font-face {
font-family: 'veneer';
src: url("fonts/Veneer.eot");
src: url("fonts/Veneer.eot?#iefix") format("embedded-opentype"),
url("fonts/Veneer.woff2") format("woff2"),
url("fonts/Veneer.woff") format("woff"),
url("fonts/Veneer.ttf") format("truetype");
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
display:block;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
		transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

html {
height:100%;
}

body {
margin:0;
padding:0;
background-image: url(images/bg.jpg);
background-position:top center;
background-size:cover;
background-attachment:fixed;
background-color:#181818;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'veneer', Arial;
color:#FFF;
animation: fadein 1s;
-webkit-animation: fadein 1s; /* Safari and Chrome */
   -moz-animation: fadein 1s; /* Firefox */
	 -o-animation: fadein 1s; /* Opera */
}

body.video-page {
background-image: url(images/bg-videopage.jpg);
background-position:top center;
background-size:cover;
background-attachment:fixed;
background-color:#181818;
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}


#container {
width:1100px;
margin:0 auto;
padding:50px 0 100px 0;
}

#container.video {
padding:20px 0 100px 0;
}

header {
padding:25px 25px;
}

header #logo {
float:left;
}

header #logo img {
max-height:50px;
}

header #socials {
float:right;
margin:0;
padding:0;
line-height:50px;
}

header #socials li {
margin:0 5px;
}

#socials li {
display:inline-block;
margin:0 6px;
font-size:18px;
line-height:100%;
}

#socials li a {
color:#FFF;
}

#socials li a:hover {
color:#91663f;
}


#promo {
margin:0 0 50px 0;
}

#promo #cover {
float:left;
width:50%;
}

#promo #cover img {
-webkit-box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.8);
   -moz-box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.8);
		box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.8);
}

#promo #details {
float:right;
width:46%;
padding-top:40px;
}

#promo #details #headline {
font-size:50px;
letter-spacing:0.3px;
text-align:center;
text-transform:uppercase;
margin:0 0 10px 0;
}

#countdown {
margin:0 0 30px 0;
}

#countdown li {
float:left;
width:25%;
font-size:25px;
list-style-type: none;
text-transform: uppercase;
text-align:center;
}

#countdown li span {
display: block;
font-size: 80px;
margin:0 0 6px 0;
}



#links {
margin:0 0 50px 0;
}

#links li {
margin:0 0 16px 0;
text-transform:uppercase;
text-align:center;
}

#links li a {
padding:12px 0 4px 0;
display:block;
font-size:28px;
letter-spacing:0.4px;
background:url(images/bg-btn.jpg) top center;
background-size:100% 100%;
border-radius:50px;
text-shadow: 2px 1px 1px rgba(0,0,0,0.1);
}

#links li.release {
margin-top:40px;
}

#links li i {
font-size:20px;
}

#links li span.small {
font-size:13px;
}

#links li a {
color:#FFF;
}

#links li a:hover {
color:#d6d6d6;
}


#shop img {
margin:0 0 16px 0;
}

#shop #btn {
background:url(images/bg-btn.jpg) top center;
background-size: 100% 100% !important;
padding:10px 0 5px 0;
text-align:center;
text-transform: uppercase;
margin:0 0 10px 0;
font-size:22px;
letter-spacing:0.4px;
display:block;
border-radius:50px;
text-shadow: 2px 1px 1px rgba(0,0,0,0.1);
}

#shop #btn a {
color:#FFF;
}

#shop #btn a:hover {
color:#d6d6d6;
}




#website {
text-align:center;
width:30%;
margin:70px auto 25px auto;
}

#website a {
display:block;
text-align:center;
color:#FFF;
padding:10px 0 5px 0;
font-size:19px;
line-height:100%;
text-transform:uppercase;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
background:url(images/bg-btn.jpg) top center;
background-size:100% 100%;
border-radius:50px;
text-shadow: 2px 1px 1px rgba(0,0,0,0.1);
}



/** Video page **/
#copy {
text-align:center;
margin:30px 0 0 0;
font-size:20px;
letter-spacing:0.3px;
}

#copy a,
#copy a:hover {
color:#FFF;
text-decoration:underline;
}







@media all and (min-width:1100px) {
.show-for-desktop {display:inherit;}
.show-for-mobile {display:none;}
}

@media all and (max-width:1100px) {
.show-for-desktop {display:none;}
.show-for-mobile {display:inherit;}

header.videopage .show-for-desktop {
display:inherit;
}


#container {
margin:0 7%;
width:86%;
}

#promo #cover {
float:none;
width:100%;
margin:0 0 20px 0;
}

#promo #details {
float:none;
width:100%;
padding-top:0;
}


#countdown {
margin:0 0 20px 0;
padding:0 11%;
}

#socials {
float:none;
text-align:center;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:22px;
line-height:100%;
}
}



@media all and (max-width:900px) {
header.videopage #logo {
float:none;
}

header.videopage #logo img {
margin:0 auto 15px auto;
max-height:60px;
}

header.videopage #socials {
float:none;
text-align:center;
}

header.videopage #socials li {
display:inline-block;
margin:0 8px;
font-size:18px;
line-height:100%;
}

#countdown {
padding:0;
}

#countdown li {
font-size:20px;
}

#countdown li span {
font-size: 50px;
}

#promo #details #headline {
font-size:42px;
}

#links li a {
padding:9px 0 2px 0;
}

#website {
width:90%;
}

#website a {
font-size:17px;
}

}

@media all and (max-width:700px) {
#socials li {
display:inline-block;
margin:0 7px;
font-size:18px;
}

#countdown li {
font-size:18px;
}

#countdown li span {
font-size: 32px;
}


}