/**
 * ------------------------------------
 * Product view
 * ------------------------------------
 */

/**
 * Headings
 */

@font-face {
	font-family: 'Arial W01 Narrow Bold';
	src: url('/static/css/fonts/7e888f8d-8c35-4397-983b-1da4a8421a3d.eot?') format('eot');
	src: local('☺'),
		url('/static/css/fonts/9cef9b8e-9ccb-4ebd-b2fe-2f4955662fbf.woff') format('woff'),
		url('/static/css/fonts/fd7cc4b1-9f56-4d5f-8338-e35bde88fd0f.ttf') format('truetype');
}

.premium-container h2					{ margin: 1em 0; color: #000; font-family: ProximaNova-Bold, Arial, Verdana; font-size: 18px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; line-height: 1.5em; }
.heading-icon							{ display: inline-block; width: 50px; height: 18px; background-position: 5px bottom; background-repeat: no-repeat; }
.heading-shop .heading-icon				{ background-image: url('/static/images/premium/heading-shop.png'); }
.heading-contents .heading-icon			{ background-image: url('/static/images/premium/heading-videos.png'); }
.heading-gallery .heading-icon			{ background-image: url('/static/images/premium/heading-pictures.png'); }
.heading-related .heading-icon			{ background-image: none; }

h3										{}

#premium-shop h4						{ margin-bottom: 24px; line-height: 1.5em; }

/**
 * General
 */
html									{ overflow-y: scroll; }
body									{ background-color: #f4f4f4; }
body.no-header							{ padding-top: 0 !important; }
.js noscript							{ display: none; }

/* Structure */
#main-menu, #top-menu					{ display: none; }
#main-menu-follow						{ display: block !important; top: 0 !important; }
#main-menu-follow-wrapper				{ top: 0 !important; }

.premium-container						{}
.block									{ padding-bottom: 20px;  }
.last-row								{ padding-bottom: 0; border-bottom: none; }
.box									{ padding: 0 16px; }

.premium-container hr { background: transparent; }

/* Media */
.media									{ position: relative; margin-bottom: 20px; }

/* Misc */
hr										{ background: #dcdbdb; margin: 20px 0; }
p										{ margin: 0 0 1em; }


/*
 * Animazings
 */
@-webkit-keyframes blink{
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
#premium {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	font-family: 'ProximaNova-Regular', Arial; font-weight: bold;
}

/*@-webkit-keyframes glow {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}*/
@keyframes glow {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
.glowing								{
										animation-timing-function: ease-in-out;
										animation-name: glow;
										animation-duration: 4s;
										animation-delay: 1s;
										animation-iteration-count: infinite;
										}


/**
 * Sections
 */

/* Top image */
#premium-top							{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; overflow: hidden; border-bottom: 1px solid #fff; background: #333;
										background-image: linear-gradient(top, #000 0%, #333 100%);
										background-image: -o-linear-gradient(top, #000 0%, #333 100%);
										background-image: -moz-linear-gradient(top, #000 0%, #333 100%);
										background-image: -webkit-linear-gradient(top, #000 0%, #333 100%);
										background-image: -ms-linear-gradient(top, #000 0%, #333 100%);

										background-image: -webkit-radial-gradient(50% 50%, circle cover, #000, #333 100%);
										}

/* .image-no-js							{ display: none; } */
#premium-top-bg						{ display: block; position: absolute; left: 50%; top: 50%; width: 100%; height: auto; }
/* .js */ #premium-top-bg					{ zoom: 1; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); }

.premium-heading						{ position: absolute; top: 100px; left: 50%; width: 989px; margin-left: -494px; padding: 0 1px; color: #000; }
/* .js */ .premium-heading					{ zoom: 1; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); }
.premium-heading.right					{ text-align: right; }
.premium-heading.white					{ color: #fff; }
.premium-brand-logo img					{ width: 55px !important; height: auto !important; }
.premium-heading h1						{ float: left; margin: 0.5em 0; padding: 0.35em 0; border: 1px solid #333; border-width: 1px 0; font-size: 26px; font-family: 'ProximaNova-Bold', Arial; line-height: 1.25em; text-transform: uppercase; }
.white h1								{ border-color: #fff; }
.right h1								{ float: right; }
.premium-subheading						{ clear: both; }
.premium-subheading a,
.premium-subheading a:link
.premium-subheading a:hover,
.premium-subheading a:visited			{ color: #E63D44; font-family: 'ProximaNova-Bold', Arial; -webkit-transition: all 0.15s ease-out; }
.premium-subheading a:hover				{ text-shadow: 0 1px 0px rgba(255,255,255,0.15); }

.to-content-btn							{ position: absolute; bottom: 20px; left: 50%; float: left; width: 130px; margin-left: -65px;
										padding: 12px 0; background: #333; color: #fff; text-transform: uppercase; text-align: center;
										box-shadow: 0 5px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.25); }
/* .js */ .to-content-btn				{ zoom: 1; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); bottom: -20px; }
.to-content-btn:hover					{ opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity = 100) !important; }
.to-content-btn span					{ padding-right: 25px; background: url('/static/images/premium/icon-arrow-down.png') no-repeat right center; }
.to-content-btn .arrow					{ float: right; width: 15px; height: 17px; background: url('/static/images/premium/icon-arrow-down.png') no-repeat; }

#premium-loader							{ position: absolute; left: 50%; top: 50%; width: 54px; margin: 0 0 0 -27px; }
#premium-loader-logo					{ width: 53px; height: 23px; margin-bottom: 10px; background: url('/static/images/sns/sns-logo-white-small.png') no-repeat center top; }

#canvasLoader							{position: relative; z-index: 1000; float: left; margin-left: 14px; }

.top-separator							{ position: absolute; bottom: 0px; z-index: 30; width: 100%; height: 1px; background: #fff; border-bottom: 1px solid #f4f4f4; }


/* Shop area */
#premium-shop							{ border-top: none; }

.price-container						{ display: block; margin-top: 5px; }
span.sale								{ color: #E60013; }
del.sale								{ float: right; color: #666; }

#product-tabs-wrapper					{ min-height: 250px; border-right: 1px solid #dcdbdb; }
#premium-shop #product-tabs-wrapper .tabs { margin: 0 0 24px 0; }
#premium-shop #product-tabs-wrapper li	{ height: auto; line-height: 1.5em; }

#counter								{ margin-bottom: 0; }
#counter .dash							{ margin-left: 9px; }

#premium-shop #size-wrapper				{ padding: 0; border-top: none; }
#premium-shop .product-size-container	{ margin-top: 0; }
.size-button							{ background: #fff; }

#share-wrapper .addthis_toolbox .at300b { padding: 0; margin-right: 8px; }

/* Custom premium content */
#premium-articles .column				{ width: 361px; padding: 0 16px; border-left: 1px solid #dcdbdb; }

/* Gallery */
.premium-gallery-images li				{ background: transparent url('/static/images/premium/ajax-loader.gif') no-repeat center center; }
.premium-gallery-images img				{ display: block; width: 1120px; height: auto; }

/* Related products */
#premium-related						{ border-bottom: none; }
#premium-related .product-listing		{ border-top: 1px solid #dcdbdb; border-left: 1px solid #dcdbdb; }
