/*!****************************************************************************************

     _                      _
    (_) _ __   ____  _ _   (_) _ __  __ _
    | |( '_ '\/ ,__)( '_'\ | |( '__)/'_' )
    | || | ) )\__, \| (_) )| || |  ( (_| |
    (_)(_) (_)(____/|  __/ (_)(_)   \__,_)
                    | |
                    (_)

                 Oct 2015

*******************************************************************************************/
/*
	Table of Contents
	update on Fri Oct 09 2015 10:10:32 GMT+0300 (FLE Summer Time)

	     01. Skeleton Overwrites ----------------------
	         Mobile tweaks ----------------------------
	         For devices larger than 400px ------------
	         For devices larger than 550px ------------
	I.   Generic --------------------------------------
	     01. Fonts ------------------------------------
	         Theinhardt Regular -----------------------
	         Theinhardt Bold --------------------------
	     02. Base -------------------------------------
	     03. Helpers ----------------------------------
	         Overflow ---------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         FullBg -----------------------------------
	         Layout -----------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Header -----------------------------------
	         Header secondary -------------------------
	     03. Main -------------------------------------
	     04. Footer -----------------------------------
	     05. Content ----------------------------------
	     06. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	     01. Custom Select ----------------------------
	IV.  Modules --------------------------------------
	     01. Accordion --------------------------------
	     02. Address ----------------------------------
	     03. Alerts -----------------------------------
	     04. Article ----------------------------------
	     05. Button -----------------------------------
	     06. Cart products ----------------------------
	     07. Form Elements ----------------------------
	         Checkbox ---------------------------------
	         Radios -----------------------------------
	     08. Form -------------------------------------
	         Form address -----------------------------
	         Form Access ------------------------------
	         Form Contact -----------------------------
	         Form-Buy ---------------------------------
	     09. Holding page -----------------------------
	         Header -----------------------------------
	         Intro ------------------------------------
	         Subscribe --------------------------------
	     10. Homepage Paralax effects -----------------
	     11. Intro ------------------------------------
	     12. List -------------------------------------
	         List numbers -----------------------------
	         List dashes ------------------------------
	         List Details -----------------------------
	     13. Logo -------------------------------------
	     14. Mobile popup -----------------------------
	     15. Nav Popup --------------------------------
	     16. Nav --------------------------------------
	         Nav Utilities ----------------------------
	         Nav Secondary ----------------------------
	     17. Qty control ------------------------------
	     18. Section ----------------------------------
	         Section full scren -----------------------
	         Section Profile --------------------------
	         Section address --------------------------
	         Section-history --------------------------
	         Section-return ---------------------------
	         Section-contact --------------------------
	         Section-product --------------------------
	         Section featured -------------------------
	         Section Maintenance ----------------------
	         Section-Journal --------------------------
	         Section-callout --------------------------
	     19. Share ------------------------------------
	     20. Slider -----------------------------------
	     21. Socials ----------------------------------
	     22. Sort -------------------------------------
	     23. Subscribe --------------------------------
	     24. Table ------------------------------------
	         Table Product Details --------------------
	         Table Total ------------------------------
	         Table-orders -----------------------------
	     25. Widget -----------------------------------
	         Widget nav -------------------------------
 */

/* ------------------------------------------------------------ *\
	MIXINS
\* ------------------------------------------------------------ */

@mixin vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ------------------------------------------------------------ *\
	Skeleton Overwrites
\* ------------------------------------------------------------ */

/*  Mobile tweaks  */

.container { width: 90%; padding: 0; }


/* For devices larger than 400px */
@media (min-width: 400px) {
	.container { width: 90%; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.container { width: 80%; padding: 0; }

	.column,
	.columns { margin-left: 2%; }

	.column:first-child,
  	.columns:first-child { margin-left: 0; }
}

@media (min-width: 1500px) {
	.container { max-width: 1200px; }
}

.ico-arrow-down { background-image: url(sprite.png); background-position: 0 -163px; width: 37px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-check { background-image: url(sprite.png); background-position: -163px -144px; width: 15px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-close { background-image: url(sprite.png); background-position: -41px -163px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook-black { background-image: url(sprite.png); background-position: -198px -140px; width: 11px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(sprite.png); background-position: -198px -112px; width: 11px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(sprite.png); background-position: -163px -70px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-minus-blue { background-image: url(sprite.png); background-position: -96px -163px; width: 31px; height: 4px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-minus-small-blue { background-image: url(sprite.png); background-position: -145px -163px; width: 10px; height: 3px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-minus-small { background-image: url(sprite.png); background-position: -131px -163px; width: 10px; height: 3px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-minus { background-image: url(sprite.png); background-position: -61px -163px; width: 31px; height: 4px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play { background-image: url(sprite.png); background-position: 0 0; width: 159px; height: 159px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-plus-blue { background-image: url(sprite.png); background-position: -163px 0; width: 31px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-plus-small-blue { background-image: url(sprite.png); background-position: -198px -168px; width: 10px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-plus-small { background-image: url(sprite.png); background-position: -182px -144px; width: 10px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-plus { background-image: url(sprite.png); background-position: -163px -35px; width: 31px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-select { background-image: url(sprite.png); background-position: -61px -171px; width: 11px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-next-active { background-image: url(sprite.png); background-position: -198px -84px; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-next { background-image: url(sprite.png); background-position: -198px -56px; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-prev-active { background-image: url(sprite.png); background-position: -198px -28px; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-prev { background-image: url(sprite.png); background-position: -198px 0; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter-black { background-image: url(sprite.png); background-position: -163px -120px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(sprite.png); background-position: -163px -96px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }

.socials.productPage .ico-twitter { background:url(product-social-sprite1.png); background-position: -100px -50px; width:16px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-pinterest { background:url(product-social-sprite1.png); background-position: -50px -50px; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-facebook { background:url(product-social-sprite1.png); background-position: -150px -50px; width: 7px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-plus { background:url(product-social-sprite1.png); background-position: -199px -50px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-twitter:hover { background:url(product-social-sprite1.png); background-position: -100px -100px; width:16px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-pinterest:hover { background:url(product-social-sprite1.png); background-position: -50px -100px; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-facebook:hover { background:url(product-social-sprite1.png); background-position: -150px -100px; width: 7px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.socials.productPage .ico-plus:hover { background:url(product-social-sprite1.png); background-position: -199px -100px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .socials.productPage .ico-twitter { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -100px -50px; width:16px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-pinterest { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -50px -50px; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-facebook { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -150px -50px; width: 7px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-plus { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -199px -50px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-twitter:hover { background:url(product-social-sprite2x.png);  background-size: 400px 400px;background-position: -100px -100px; width:16px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-pinterest:hover { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -50px -100px; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-facebook:hover { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -150px -100px; width: 7px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
    .socials.productPage .ico-plus:hover { background:url(product-social-sprite2x.png);background-size: 400px 400px;background-position: -199px -100px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }

	.ico-arrow-down { background-image: url(sprite.@2x.png); background-position: 0 -160.5px; background-size: 207px 181.5px; width: 37px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-check { background-image: url(sprite.@2x.png); background-position: -57px -160.5px; background-size: 207px 181.5px; width: 14px; height: 10.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-close { background-image: url(sprite.@2x.png); background-position: -39px -160.5px; background-size: 207px 181.5px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook-black { background-image: url(sprite.@2x.png); background-position: -193.5px -76.5px; background-size: 207px 181.5px; width: 11px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(sprite.@2x.png); background-position: -193.5px -51px; background-size: 207px 181.5px; width: 11px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram { background-image: url(sprite.@2x.png); background-position: -160.5px -66px; background-size: 207px 181.5px; width: 22px; height: 21.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-minus-blue { background-image: url(sprite.@2x.png); background-position: -106px -160.5px; background-size: 207px 181.5px; width: 31px; height: 3px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-minus-small-blue { background-image: url(sprite.@2x.png); background-position: -193.5px -140px; background-size: 207px 181.5px; width: 10px; height: 2.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-minus-small { background-image: url(sprite.@2x.png); background-position: -193.5px -135.5px; background-size: 207px 181.5px; width: 10px; height: 2.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-minus { background-image: url(sprite.@2x.png); background-position: -73px -160.5px; background-size: 207px 181.5px; width: 31px; height: 3px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play { background-image: url(sprite.@2x.png); background-position: 0 0; background-size: 207px 181.5px; width: 158.5px; height: 158.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-plus-blue { background-image: url(sprite.@2x.png); background-position: -160.5px 0; background-size: 207px 181.5px; width: 31px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-plus-small-blue { background-image: url(sprite.@2x.png); background-position: -193.5px -102px; background-size: 207px 181.5px; width: 10px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-plus-small { background-image: url(sprite.@2x.png); background-position: -193.5px -114px; background-size: 207px 181.5px; width: 10px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-plus { background-image: url(sprite.@2x.png); background-position: -160.5px -33px; background-size: 207px 181.5px; width: 31px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-select { background-image: url(sprite.@2x.png); background-position: -193.5px -126px; background-size: 207px 181.5px; width: 11px; height: 7.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-next-active { background-image: url(sprite.@2x.png); background-position: -193.5px -25.5px; background-size: 207px 181.5px; width: 13.5px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-next { background-image: url(sprite.@2x.png); background-position: -193.5px 0; background-size: 207px 181.5px; width: 13.5px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-prev-active { background-image: url(sprite.@2x.png); background-position: -176px -132.5px; background-size: 207px 181.5px; width: 13.5px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-prev { background-image: url(sprite.@2x.png); background-position: -160.5px -132.5px; background-size: 207px 181.5px; width: 13.5px; height: 23.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter-black { background-image: url(sprite.@2x.png); background-position: -160.5px -111px; background-size: 207px 181.5px; width: 23.5px; height: 19.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter { background-image: url(sprite.@2x.png); background-position: -160.5px -89.5px; background-size: 207px 181.5px; width: 23.5px; height: 19.5px; display: inline-block; vertical-align: middle; font-size: 0; }
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* @import '_generic.reset.css'; */

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/*  Theinhardt Regular  */

@font-face {
    font-family: 'Theinhardt';
    src: url('theinhardtregular-webfont.eot');
    src: url('theinhardtregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('theinhardtregular-webfont.woff2') format('woff2'),
         url('theinhardtregular-webfont.woff') format('woff'),
         url('theinhardtregular-webfont.ttf') format('truetype'),
         url('theinhardtregular-webfont.svg#theinhardtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  Theinhardt Bold  */

@font-face {
    font-family: 'Theinhardt';
    src: url('theinhardtbold-webfont.eot');
    src: url('theinhardtbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('theinhardtbold-webfont.woff2') format('woff2'),
         url('theinhardtbold-webfont.woff') format('woff'),
         url('theinhardtbold-webfont.ttf') format('truetype'),
         url('theinhardtbold-webfont.svg#theinhardtbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

html,
body { height: 100%; }

body { min-width: 320px; background: #000; font: 14px/1.7 'Theinhardt', sans-serif; color: #fff; }

a { color: inherit; text-decoration: underline; transition: color .3s; }
a:hover { color: #2b56e8; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

h2.no-line:before {
   width: 0px !important;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Overflow  */

.overflow { height: 100%; overflow: hidden; }

/*  Clear  */

.form-cols:after,
.main-inner:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }


/*  FullBg  */

.fbg { background-size: cover; background-position: center center; }
.fbg img { display: none; }

img { max-width: 100%; }

.visible-desktop-ib { display: none !important; }

@media (min-width: 1000px) {
	.visible-desktop-ib { display: inline-block !important; }
}

/*  Layout  */

@media (min-width: 750px) {
	.col { float: left; }
	.col-size1 { width: 32%; }
	.col-size2 { width: 49%; }
	.pull-right { float: right; }
}

@media (min-width: 1500px) {
	.col-size1 { width: 28%; }
	.col-size2 { width: 59%; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; }

@media (min-width: 750px) {
	.wrapper { background: #fafafa; }
	.wrapper:after { content: ''; display: block; height: 63px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.outlet .header .nav-secondary ul {
	display: none;
}
.outlet .header .nav-trigger {
	display: none;
}
.link-outlet-home {
	display: none;
}
.outlet .header .link-outlet-home {
	display: block;
	color: white;
	float: left;
	margin-top: 19px;
	transition: margin .3s;
	width: 27px;
	height: 27px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(ico-home-white.png);
}
.outlet .header-compact .link-outlet-home,
.outlet .header.header-secondary .link-outlet-home {
	background-image: url(ico-home-black.png);
}
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.outlet .header .link-outlet-home {
		background-image: url(ico-home-white@2x.png);
		background-size: 27px 27px;
	}
	.outlet .header-compact .link-outlet-home,
	.outlet .header.header-secondary .link-outlet-home {
		background-image: url(ico-home-black@2x.png);
	}
}
@media (min-width: 750px) {
	.outlet .header .link-outlet-home { margin-top: 28px; }
	.outlet .header.header-secondary .link-outlet-home { margin-top: 28px; }
}
@media (min-width: 1000px) {
	.outlet .header .link-outlet-home { margin-top: 56px; }
	.outlet .header.header-secondary .link-outlet-home { margin-top: 26px; }
	.outlet .header .link-outlet-home:hover {
		background-image: url(ico-home-blue.png);
	}
	@media
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx) {
		.outlet .header .link-outlet-home:hover {
			background-image: url(ico-home-blue@2x.png);
		}
	}
}
@media (min-width: 1200px){
	.outlet .header.header-secondary .link-outlet-home { margin-top: 42px; }
}
.outlet .header-compact .link-outlet-home { margin-top: 11px; }
.outlet .header.header-secondary.header-compact .link-outlet-home { margin-top: 11px; }

p.outlet-heading { display: none; }
.outlet p.outlet-heading {
	display: block;
	margin: 0;
	color: red;
	padding: 10px 0 16px 0;
	text-transform: uppercase;
	color: #1d1d1b;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 0.2em;
	line-height: 1em;
}
.outlet .header-compact p.outlet-heading {
	padding-bottom: 5px;
	padding-bottom: 12px;
}
.outlet .header .nav-utilities > ul > li:not(.hidden) + li:not(.hidden):before {
	background: none;
}
.outlet .header .nav-utilities li{
	display: none !important;
}
.outlet .header .nav-utilities li:last-child {
	display: inline-block !important;
}

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; transition: height .3s, background .3s;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.header .logo { position: absolute; top: 17px; left: 50%; z-index: 2; transition: top .3s, opacity .3s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.header .logo-compact { z-index: 1; }
.header .nav-trigger { float: left; margin-top: 24px; transition: margin .3s; }
.header .nav-utilities { float: right; padding-top: 20px; transition: padding .3s; }

.header-alt .nav-utilities,
.header-alt .nav-trigger { opacity: 0; transition: opacity .3s; }

.header-alt.header-compact .nav-utilities,
.header-alt.header-compact .nav-trigger { opacity: 1; }

@media (min-width: 750px) {
	.header .logo { top: 20px; }
	.header .nav-trigger { margin-top: 33px; }
	.header .nav-utilities { padding-top: 29px; }
}

@media (min-width: 1000px) {
	.header .logo { top: 40px; }

	.header .nav-trigger { margin-top: 63px; }
	.header .nav-utilities { padding-top: 57px; }
}

/*  Header secondary  */

.header-secondary { background: #fff; border-bottom: 1px solid rgba(0,0,0, .10); height: 65px; }
.header-secondary .logo { top: 17px; background-image: url(logo-black.png); width: 60px; height: 33px; }

.header .logo-compact { top: 32px; width: 18px; height: 2px; }

.header-secondary .nav-trigger { margin-top: 24px; }
.header-secondary .nav-trigger span { background: #000; }

.header-secondary .nav-utilities { padding-top: 20px; }

.header-primary.header-compact .nav-utilities a,
.header-primary.header-compact .nav-utilities a:hover,
.header-secondary .nav-utilities a:hover,
.header-secondary .nav-utilities a { color: #000; }

.header-primary.header-compact .link-cart,
.header-secondary .nav-utilities .link-cart { background-image: url(ico-bag-black-sm.png); }

.header-primary .nav-secondary { opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;  }
.header-primary.header-compact .nav-trigger span { background: #000; }

.header-primary .logo-compact { background: #fff; }
.header-primary.header-compact .logo-compact { background: #000; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.header-primary.header-compact .link-cart,
	.header-secondary .nav-utilities .link-cart { background-image: url(ico-bag-black@2x.png); background-size: 27px 25px; }
}

@media (min-width: 750px) {
	.header-secondary { height: 85px; }
	.header-secondary .logo { top: 20px; width: 80px; height: 44px; }
	.header .logo-compact { top: 41px; width: 25px; height: 2px; }
	.header-secondary .nav-trigger { margin-top: 33px; }
	.header-secondary .nav-utilities { padding-top: 29px; }
}

@media (min-width: 1000px) {

	.header-secondary { height: auto; }

	.header-secondary .logo { top: 19px; }
	.header-secondary .nav-trigger { margin-top: 29px; }

	.header-secondary .nav-utilities { padding-top: 27px; }
	.header-secondary .nav-utilities li + li:before { height: 29px; margin: -10px 15px 0 13px; }

	.header-secondary .nav-utilities a:hover { color: #2b56e8; }
	.header-secondary .nav-secondary { margin-top: 12px; }
	.header .logo-compact { top: 40px; }

	.header-primary .logo-compact { top: 71px; }
}

@media (min-width: 1200px) {
	.header-secondary .logo { top: 29px; width: 101px; height: 55px; }
	.header .logo-compact { top: 56px; width: 30px; height: 2px; }

	.header-secondary .nav-trigger { margin-top: 48px; }
	.header-secondary .nav-utilities { padding-top: 43px; }

	.header-secondary .nav-secondary { margin-top: 26px; padding-top: 16px; }
	.header-secondary .nav-secondary li { padding-bottom: 19px; }

	.header-primary .logo-compact { top: 71px; }
}

.header-compact { height: 50px; background: rgba(255, 255, 255, .95); }
.header-compact .nav-trigger { margin-top: 14px; }
.header-compact .nav-utilities { padding-top: 12px; }
.header-compact .nav-secondary { background: rgba(240, 240, 240, .40); }

.header-primary.header-compact .nav-utilities { padding-top: 10px; }
.outlet .header-primary.header-compact .nav-utilities { padding-top: 12px; }

.header-compact .logo-compact { top: 25px; opacity: 1; }

@media (min-width: 1000px) {
	.header-compact { height: auto; }

	.header-compact .nav-utilities li { margin: 0; }
	.header-compact .nav-secondary { margin-top: 6px; padding-top: 5px; }
	.header-compact .nav-secondary li { padding-bottom: 12px; }

	.header-primary.header-compact { border-bottom: 1px solid rgba(0,0,0, .10); }
	.header-primary.header-compact .nav-secondary { opacity: 1; visibility: visible; }
}

.header.isScrolled .logo { opacity: 0; display:none; }
.header.isScrolled .logo-compact { opacity: 1; display:inline-block; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding-top: 62px; background: #fafafa; color: #1d1d1b; }
.main-secondary { background: #fff; }


.main-inner { padding: 24px 0 42px; }

@media (min-width: 750px) {
	.main-inner { padding: 55px 0 42px; }
}

@media (min-width: 1000px) {
	.main-inner { padding: 100px 0 42px; }
	.main-inner .content { width: 100%; max-width: 812px; margin: 0 auto; }
	.main-inner .sidebar { display: block; float: left; width: 22%; }
}

@media (min-width: 1200px) {
	.main-inner { padding: 133px 0 42px; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.outlet .footer {
	padding-bottom: 20px;
}

.outlet .footer-nav {
	display: none;
}

.footer { padding: 20px 0 16px; background: #000; }

.footer-nav ul { list-style: none outside none; overflow: hidden; margin: 0; padding-bottom: 5px; }
.footer-nav li { float: left; letter-spacing: 0.05em; }
.footer-nav li + li { padding-left: 11px; }
.footer-nav a { text-decoration: none; outline:none; }

@media (min-width: 750px) {
	.footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; overflow: hidden; padding-bottom: 5px; }
	.footer-nav { float: left; }
	.footer-nav li + li { padding-left: 34px; }
	.footer .socials { float: right; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content h1 { line-height: 1.42; padding-bottom: 23px; }
.content p { margin: 0; padding-bottom: 2.5rem; }
.content h2 { position: relative; padding: 31px 0 10px; margin-top: 30px; letter-spacing: 0.15em; line-height: 1.67; font-weight: bold; text-transform: uppercase; }
.content h2:before { content: ''; position: absolute; bottom: 100%; left: 50%; width: 180px; height: 4px; background: #000; margin-left: -97px; }
.content h2.termsFAQ:before { content: none; position: absolute; bottom: 100%; left: 50%; width: 180px; height: 4px; background: #000; margin-left: -97px; }
.content blockquote { margin: 4px 0 20px; letter-spacing: 0.35em; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 2.2; text-align: center; }
.content .lead { font-size: 18px; line-height: 1.78; }

@media (min-width: 750px) {
	.content { line-height: 2; }
	.content p { padding-bottom: 3.3rem; }
	.content h2 { padding-bottom: 20px; }
	.content h2:before { height: 3px; margin: 0 0 20px -90px; }
	.content blockquote { margin: 13px 0 22px; font-size: 28px; line-height: 2.29; }
	.content blockquote p { padding: 0; }
	.content .lead { font-size: 14px; line-height: 2; }
}

@media (min-width: 1000px) {
	.content h2 { margin-top: 20px; }
	.content blockquote { margin: 3px -100px 12px; }
}

@media (min-width: 1500px) {
	.content { line-height: 1.7; }
	.content p { padding-bottom: 1rem; }
	.content h2 { margin-top: 48px; padding-top: 13px; margin-bottom: 0; padding-bottom: 10px; }
	.content blockquote { line-height: 1.93; margin-top: 21px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { display: none; }

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Custom Select
\* ------------------------------------------------------------ */

.fs-dropdown { margin: 0 0 1.5rem; }

.fs-dropdown-open .fs-dropdown-selected,
.fs-dropdown-focus .fs-dropdown-selected,
.fs-dropdown-selected { border: none; background: #f2f2f2; width: 100%; height: 44px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.2em; color: #808080; box-shadow: none; border-radius: 0; }
.fs-dropdown-selected:hover { color: #808080; }

.fs-dropdown-selected:after { background-image: url(sprite.png); background-position: -61px -171px; width: 11px; height: 8px; border: none; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.fs-dropdown-selected:after { background-image: url(sprite.@2x.png); background-position: -193.5px -126px; background-size: 207px 181.5px; }
}

.fs-dropdown-open .fs-dropdown-options,
.fs-dropdown-options { box-shadow: none; border-radius: 0; border: none; }

.fs-dropdown-open .fs-dropdown-options { border-top: 2px solid #fff; padding-top: 10px; background: #f2f2f2; }
.fs-dropdown-item { height: 36px; line-height: 36px; background: #f2f2f2; border: none; font-weight: normal; text-transform: uppercase; color: #808080; }
.fs-dropdown-item:hover { color: #2b56e8; }



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion-head { cursor: pointer; }
.accordion-body { display: none; }
.accordion-section-visible .accordion-body { display: block; }

/* ------------------------------------------------------------ *\
	Address
\* ------------------------------------------------------------ */

.address { position: relative; line-height: 1.2; letter-spacing: 0.025em; }
.address ~ .address { padding-top: 40px; }
.address address { font-style: normal; line-height: 1.5; padding-bottom: 13px; }
.address-actions { padding: 12px 0 10px; border-width: 1px 0; border-style: solid; border-color: #e0e0e0; }

@media (min-width: 750px) {

	.addresses { font-size: 0; line-height: 0; margin: 0 -6px; }
	.addresses .address { width: 50%; display: inline-block; vertical-align: top; padding: 0 6px 25px; font-size: 14px; line-height: 1.2; box-sizing: border-box; }
}

@media (min-width: 1000px) {
	.addresses .address { padding-bottom: 57px; }
}

@media (min-width: 1500px) {
	.address-actions-secondary { top: 37px; }
}

/* ------------------------------------------------------------ *\
	Alerts
\* ------------------------------------------------------------ */

.alert { position: fixed; bottom: -100%; left: 0; right: 0; z-index: 101; padding: 7px 16px; background: rgba(255,255,255, .5); /*color:#939598;*/color:#000; font-size: 11px; letter-spacing: -0.01em; line-height: 1.2;
  -webkit-transition: bottom 0.5s;
  -moz-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  transition: bottom 0.5s;
  text-align:center;
}
.alert-top { position: fixed; top: -100%; left: 0; right: 0; z-index: 101; padding: 7px; background: #000; color: #fff; font-size: 11px; letter-spacing: -0.01em; line-height: 1.2;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  text-align:center;
}
.alert-top.old-browser{
  background:red;
  color:#fff;
}
.alert-visible { bottom: 0; }
.alert-visible-top { top: 0; }
.alert p, .alert-top p { margin: 0 auto;  }

.alert .link-remove { float: right; }
.alert-top .link-remove { float: right; }

.alert .ico-close,.alert-top .ico-close {
   width: 16px;
   height: 16px;
   position: relative;
   background:transparent;
}

.alert .ico-close:before,.alert .ico-close:after,
.alert-top .ico-close:before,.alert-top .ico-close:after{
  content: "";
  position: absolute;
  z-index: -1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.alert .ico-close:before,.alert .ico-close:after{
  background: #000;
}

.alert-top .ico-close:before,.alert-top .ico-close:after{
  background: #ffffff;
}

.alert .ico-close:before,.alert-top .ico-close:before {
  left: 50%;
  width: 15%;
  margin-left: 7px;
  height: 100%;
  top:-5px;
}

.alert .ico-close:after,.alert-top .ico-close:after {
  top: 10px;
  height: 15%;
  margin-top: -8px;
  width: 100%;
}

.alert-top #undismissable-notification a{ text-decoration:underline; cursor:pointer; outline:0 !important; }
.alert-top #undismissable-notification a:hover{ color:#2b56e8; }

#undismiss-notification-popup{
  text-align: center;
  background: #1d1d1b;
  max-width: 480px;
  padding: 30px 20px;
}
#undismiss-notification-popup h2{ font-size:24px; font-weight:600; letter-spacing: 5px; }
#undismiss-notification-popup p{ font-size:16px; }
#undismiss-notification-popup button.btn-close{
  font-size:14px;
  font-weight:600;
  color: #1d1d1b;
  background: #fff;
  border-radius: 0;
  padding: 0px 32px;
  border: 0;
  height: 40px;
  margin-bottom:0;
}
#undismiss-notification-popup button.mfp-close{ color:#ffffff; }

@media (min-width: 400px) {
	.alert p,.alert-top p{ max-width: 90%; }
}

@media (min-width: 550px) {
	.alert p,.alert-top p{ max-width: 80%; }
    #undismiss-notification-popup{ padding: 50px 20%; }
}


@media (min-width: 750px) {
	.alert,.alert-top { letter-spacing: 0; padding: 15px 16px 10px; }
}

@media (min-width: 800px) {
    #undismiss-notification-popup{ padding: 50px 210px; max-width: 360px; }
}


@media (min-width: 1000px) {
  .alert,.alert-top { padding: 12px 16px 9px;  font-size: 14px; }
  .alert .ico-close,.alert-top .ico-close {
   width: 20px;
   height: 20px;
  }
  .alert .ico-close:before,.alert-top .ico-close:before {
    margin-left: 8px;
    height: 100%;
    top:0;
  }
  .alert .ico-close:after,.alert-top .ico-close:after {
    top: 15px;
    margin-top: -6px;
  }

}
@media (min-width: 1500px) {
	.alert p,.alert-top p{ max-width: 1200px; }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.articles-head { position: relative; min-height: 447px; z-index: 3; }
.articles-head-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: right top; background-color: #f5f5f5; background-size: 100% auto; background-repeat: no-repeat; }
.articles-head-content { text-align: center; padding: 142px 2px 100px; font-size: 18px; line-height: 1.56; letter-spacing: 0.025em; }
.articles-head h1 { text-transform: uppercase; font-size: 21px; letter-spacing: 0.46em; margin-bottom: 6px; }
.articles-head h1 span { display: inline-block; vertical-align: middle; width: 28px; height: 4px; margin: -5px 6px 0 -6px; background: #000; }
.articles-head-sort { position: absolute; bottom: 7px; left: 5%; right: 5%; }
.articles-head-entry { max-width: 350px; width: 100%; margin: 0 auto; }

.article-image { min-height: 300px; }
.article-content { position: absolute; top: 50%; left: 15px; right: 15px; margin-top: 9px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.article { position: relative; }
.article > a { display: block; position: relative; }
.article h5 { display: none; }
.article h1 { color: #fff; text-transform: uppercase; letter-spacing: 0.15em; line-height: 1.2; }
.article h1:before { content: ''; display: block; width: 180px; height: 3px; margin: 0 auto 22px; background: #fff; }


.articles-secondary .article { min-height: 320px; }
.articles-secondary .article-content { margin-top: 15px; color: #fff; }
.articles-secondary .article-image { min-height: 320px; }
.articles-secondary .article h1 { font-weight: bold; font-size: 20px; line-height: 1.55; letter-spacing: 0.2em; margin-bottom: 10px; }
.articles-secondary .article h1:before { width: 88px; height: 9px; background: #fff; }
.articles-secondary .article h1 a { text-decoration: none; color: #fff; }
.articles-secondary .article-meta { color: rgba(255, 255, 255, .5); }
.articles-secondary .article-meta span { font-size: 0; line-height: 0; display: block; }

.article-white { background: #fafafa; }
.article-black { background: #1d1d1b; }
.article-entry { display: none; }

.articles-secondary .article-white { color: #000; }
.articles-secondary .article-white h1:before { background: #1d1d1b; }
.articles-secondary .article-white h1 a { color: #1d1d1b; }
.articles-secondary .article-white .article-meta { color: rgba(29, 29, 27, 0.5); }
.articles-secondary .article-white .article-content { color: #1d1d1b; }

.articles-secondary .article-full h1 { font-size: 24px; line-height: 1.63; margin-bottom: 16px; }
.articles-secondary .article-full h1:before { margin-bottom: 30px; }
.articles-secondary .article-full .article-image { min-height: 593px; }

.articles-body .article .article-image:before{ content:' '; background:rgba(029,029,029,0.6); position:absolute; display:block; width: 100%; height: 100%; }
.articles-body .article.article-black .article-image,
.articles-body .article.article-white .article-image{ display:none; }

@media (min-width: 750px) {
	.articles-secondary { padding-top: 24px; }
	.article-content { margin-top: 15px; right: auto; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

	.articles-head { min-height: 370px; }
	.articles-head h1 { margin-bottom: 13px; }
	.articles-head-content { padding-top: 116px; }
	.articles-head-entry { line-height: 1.2; }
	.articles-head-sort { left: 50%; right: auto; width: 508px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.articles-head-sort:before { content: ''; display: block; width: auto; height: 1px; margin: 0 6px 13px; background: #ececec; box-sizing: border-box; }
	.articles-head-sort .sort { float: left; width: 50%; padding: 0 6px; box-sizing: border-box; }

	.articles-secondary { overflow: hidden; }
	.articles-secondary .article { width: 50%; min-height: 375px; float: left; }
	.articles-secondary .article-full { width: 100%; }
	.articles-secondary .article-full .article-image { min-height: 430px; }
	.articles-secondary .article-image { min-height: 375px; }
	.articles-secondary .article-content { margin-top: 4px; }

	.articles-secondary .article-full .article-meta span { display: inline-block; font-size: 14px; line-height: 1.2; padding: 0 10px; }
}

@media (min-width: 1000px) {
	.articles { overflow: hidden; }
	.article { width: 50%; float: left; }
	.article a { overflow: hidden; }
	.article-image { transition: -webkit-transform .5s; transition: transform .5s; }
	.article-content { margin-top: 5px; }
	.article h5 { display: block; padding-bottom: 7px; letter-spacing: 0.15em; text-transform: uppercase; font-weight: bold; font-family: 'Theinhardt', sans-serif; color: #fff; }
	.article a:hover .article-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

	.articles-head { min-height: 352px; }
	.articles-head h1 { font-size: 32px; margin-bottom: 5px; }
	.articles-head h1 span { width: 44px; height: 5px; margin-top: -10px; }
	.articles-head-sort { width: 538px; }

	.articles-secondary { padding-top: 58px; }

	.articles-secondary .article-image,
	.articles-secondary .article { min-height: 500px; }

	.articles-secondary .article h1 { font-size: 24px; line-height: 1.13; margin-bottom: 19px; }
	.articles-secondary .article h1:before { margin-bottom: 43px; }

	.articles-secondary .article-meta span { display: inline-block; font-size: 14px; line-height: 1.2; padding: 0 10px; }

	.articles-secondary .article-full .article-image { min-height: 578px; }
}

@media (min-width: 1200px) {
	.articles-secondary { padding-top: 99px; }
}

@media (min-width: 1500px) {
	.articles-head { min-height: 525px; }
	.articles-head-image { background-size: auto auto; }
	.articles-head h1 { font-size: 40px; margin-bottom: 17px; }
	.articles-head-content { padding-top: 173px; font-size: 24px; line-height: 1.2; }
	.articles-head-entry { max-width: 530px; }

	.articles-head-sort:before { margin: 0 12px 13px; }

	.articles-head-sort { width: 613px; }
	.articles-head-sort .sort { padding: 0 12px; }

	.articles-secondary .article-image,
	.articles-secondary .article { min-height: 750px; }

	.articles-secondary .article-content { left: 50%; right: auto; width: 460px; }
	.articles-secondary .article-full .article-image { min-height: 867px; }
	.articles-secondary .article-entry { display: block; font-size: 16px; line-height: 1.2; padding-top: 23px; }

	.articles-secondary .article-full h1 { font-size: 38px; letter-spacing: 0.35em; margin-bottom: 40px; }
	.articles-secondary .article-full h1:before { margin-bottom: 55px; }
	.articles-secondary .article-full .article-content { width: 100%; }
	.articles-secondary .article-full .article-entry { max-width: 460px; width: 100%; margin: 0 auto;  }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-decoration: none; transition: background .3s, color .3s, border-color .3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.btn.btn-black { height: auto; padding: 4px 24px 2px; background: #000; color: #fff; font-weight: bold; border: none; border-radius: 0; letter-spacing: 0.2em; font-size: 14px; }
.btn.btn-black-lg { text-decoration: none; padding: 12px 22px 11px; text-transform: uppercase; }

.btn.btn-black:focus,
.btn.btn-black:hover { color: #fff; background: #2b56e8; }

.btn.btn-primary { padding: 8px 16px 5px; background: none; border: 1px solid #383837; font-weight: bold; font-family: 'Theinhardt', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; }
.btn.btn-primary:hover { color: #2b56e8; border-color: #2b56e8; }

.btn.disabled,.btn:disabled{ color:#c8c8c8 !important; border-color:#c8c8c8 !important; cursor:not-allowed; }
.btn.btn-add.adding,.btn.btn-add.adding:hover{ color:#c8c8c8 !important; border-color:#c8c8c8 !important; cursor:not-allowed; }

/* ------------------------------------------------------------ *\
	Cart products
\* ------------------------------------------------------------ */

.cart-products { padding-top: 13px; list-style: none outside none; margin: 0; }
.cart-product { position: relative; margin: 0; border-bottom: 1px solid #1d1d1b; }
.cart-product ~ .cart-product { /*padding-top: 28px;*/ }
.cart-product ~ .cart-product:last-child { border: none; padding-bottom: 0; }
.cart-product-head { padding-bottom: 38px; position: relative; z-index: 2; padding-left: 20px; }
.cart-product .cart-product-title { letter-spacing: 0.2em; }
.cart-product-preorder .cart-product-title { color: #3458DE; letter-spacing: 0.35em; }
.cart-product-image { text-align: center; padding-bottom: 17px; position: relative; /*top:70px;*/ }
.cart-product-image:before { content: ''; position: absolute; left: 0; right: 0; display:none; }
/* .cart-product-image img { max-width: 254px; height: auto; position: relative; } */
.cart-product-image { padding: 0; width: 100%; height: 100%; }
.cart-product-image img { width: 100%; height: 100%; position: relative; max-width: 100%; }
.cart-product-image p {
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.2em;
	font-size: 10px;
	color: #888886;
	margin: -35px 0 16px 20px;
}
.cart-product-preorder .cart-product-image p {
	font-size: 14px;
	text-align: center;
	margin: -35px 16px 20px 16px;
}

.cart-product-body .row { position: relative; /*top: -76px;*/ }

.cart-product .columns { width: 100%; margin: 0; }

.cart-products-secondary { padding: 0 0 22px; margin-top: -9px; }

.cart-product-image:before { top: -76px; bottom: 0; }
.cart-product ~ .cart-product .cart-product-image img { top: -15px; }
.cart-product ~ .cart-product .cart-product-image:before { top: -91px; bottom: 0; }

.cart-products-secondary .cart-product-image:before { top: -76px; bottom: 0; }
.cart-products-secondary .cart-product ~ .cart-product .cart-product-image:before { top: -91px; bottom: 0; }

/***/
.section-profile.form-cart .section-body{ padding-top:9px; }
.cart-product-head{ position: absolute; padding-top: 22px; }
.cart-product-body .eight.columns{ background: #f3f3f3; }
.cart-product-image{ margin-top:70px; }
.cart-product-image img { max-width: 400px; }
.cart-products-secondary .cart-product { padding-bottom: 20px; }

@media (min-width: 750px) {
	.cart-products { padding: 26px 0 16px; }
	.cart-products-secondary { padding-top: 0px; margin-top: 0; }
	.cart-products-secondary .table-product-details table { margin-bottom: 18px; }

	.cart-product .columns { margin-left: 4%; }
	.cart-product .columns:first-child { margin-left: 0; }
	.cart-product .eight.columns { width: 56.6666666667%; }
	.cart-product .four.columns { width: 39.3333333333%; }

	.cart-product-head { padding-bottom: 0; }

    .cart-product-body .row { /*top: -47px; */}

	.cart-product ~ .cart-product:last-child { border-bottom: 1px solid #1d1d1b; /*padding-bottom: 24px;*/ }

	.cart-product-image:before { top: -51px; bottom: -82px; }
	.cart-product-image:after { content: ''; position: absolute; left: 100%; top: -74px; bottom: -110px; background: #fafafa; width: 10px; }

    .cart-product ~ .cart-product .cart-product-image img { top: -6px }
	.cart-product ~ .cart-product .cart-product-image:before { top: -53px; bottom: -82px; }

	.cart-products-secondary .cart-product-image:before { top: -47px; bottom: -101px; }
	.cart-product-image p { margin: -35px 0 16px 20px; }
	.cart-products-secondary .cart-product ~ .cart-product .cart-product-image:before { top: -53px; bottom: -99px; }

	.cart-product-content { position: relative; }

    .cart-products-secondary .cart-product { padding-bottom: 0px; }
  .section-profile.form-cart .section-body{ padding-top:0px; }

  .cart-product-preorder .cart-product-image p {
  	text-align: left;
  }
}

@media (min-width: 1000px) {
	.cart-products { padding-top: 32px; }
    .order-summary .cart-products { padding-top: 22px; }

	.cart-products-secondary { padding-top: 0; }

	.cart-product .columns { margin-left: 2%; }
	.cart-product .eight.columns { width: 66%; }
	.cart-product .four.columns { width: 32%; }

	.cart-product-image:before { top: -57px; bottom: -50px; }
	.cart-product ~ .cart-product .cart-product-image:before { top: -53px; bottom: -51px; }

	.cart-products-secondary .cart-product-image:before { top: -47px; bottom: -68px; }
	.cart-products-secondary .cart-product ~ .cart-product .cart-product-image:before { top: -53px; bottom: -67px; }

	.cart-product-image:after { top: -74px; bottom: -90px; }
	.cart-product-image p {
		font-size: 14px;
		margin: -39px 0 16px 20px;
	}
}

@media (min-width: 1200px) {
  .cart-products-secondary .cart-product { padding-bottom: 0; }
}

@media (min-width: 1500px) {

	.cart-product-image:before { top: -45px; bottom: -43px; }
	.cart-product ~ .cart-product .cart-product-image:before { top: -54px; bottom: -44px; }

	.cart-products-secondary .cart-product-image:before { top: -47px; bottom: -55px; }
	.cart-products-secondary .cart-product ~ .cart-product .cart-product-image:before { top: -54px; bottom: -41px; }

	.cart-products { padding-top: 20px; }
	.cart-products-secondary { padding-top: 0; }

	.cart-product .eight.columns { width: 70%; }
	.cart-product .four.columns { width: 28%; }

	/* .cart-product ~ .cart-product:last-child,
	.cart-product { padding-bottom: 13px; }
	.cart-product ~ .cart-product { padding-top: 29px; } */
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.form .field { width: 100%; height: 44px; padding: 4px 15px 0; font-size: 14px; background: #f2f2f2; border: none; border-radius: 0; color: #1d1d1b; box-sizing: border-box; }
.form .field-textarea { height: 208px; padding: 14px 15px; resize: vertical; }
.form .field:focus { border: none; }
.form .field::-webkit-input-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.form .field:-moz-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.form .field::-moz-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.form .field:-ms-input-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }

/*  Checkbox  */

.checkbox { overflow: hidden; letter-spacing: 0.025em; padding: 1px 0; }
.checkbox input { position: absolute; left: -999px; }
.checkbox label { position: relative; font-weight: normal; text-decoration: underline; cursor: pointer; }
.checkbox label:before { content: ''; display: inline-block; vertical-align: middle; margin: -6px 16px 0 0; background: #f2f2f2; border: 1px solid #000; width: 19px; height: 19px; }
.checkbox label:after { content: ''; position: absolute; top: 6px; left: 3px; background-image: url(sprite.png); background-position: -163px -144px; width: 15px; height: 11px; opacity: 0; transition: opacity .3s; }
.checkbox input:checked ~ label:after { opacity: 1; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.checkbox label:after { background-image: url(sprite.@2x.png); background-position: -57px -160.5px; background-size: 207px 181.5px; }
}


/*  Radios  */

.radio { display: inline-block; position: relative; overflow: hidden; }
.radio input { position: absolute; left: -9999px; }

.radio-text label { display: inline-block; cursor: pointer; font-family: 'Theinhardt', sans-serif; font-weight: normal; border-bottom: 1px solid transparent; text-transform: none; margin: 0; line-height: 1.3; transition: border-color .3s; }
.radio-text input:checked ~ label { border-color: #1d1d1b; }

.table-product-details .radio-colours.colours-long-list span.line-breaker{
  display: block;
}

@media (min-width: 700px) {
  .table-product-details .radio-colours.colours-long-list span.line-breaker{
    display: none;
  }
}

@media (min-width: 1000px) {
  .table-product-details .radio-colours.colours-long-list span.line-breaker{
    display: block;
  }
}

@media (min-width: 1200px) {
  .table-product-details .radio-colours.colours-long-list span.line-breaker{
    display: none;
  }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

.form-cols { margin: 0 -6px; }
.form-col { float: left; width: 50%; padding: 0 6px; box-sizing: border-box; }
.form-cols-alt .form-col { width: 100%; }

@media (min-width: 750px) {
	.form-cols-alt .form-col { width: 50%; }
}

/*  Form address  */

.form-address { padding-top: 35px; margin-bottom: -20px; }
.form-address .form-head { overflow: hidden; padding-bottom: 20px; }
.form-address .form-title { float: left; }
.form-address .form-head-actions { float: right; margin: -2px 12px 0 0; }
.form-address .form-actions { padding-top: 9px; }
.form-address .checkbox { margin-bottom: 17px; }
.form-address .btn { display: block; width: 100%; text-align: center; }

@media (min-width: 750px) {

	.form-address .checkbox { float: left; margin-top: 8px; }
	.form-address .btn { display: inline-block; width: auto; float: right; padding: 4px 36px 2px; }
	.form-address .form-head { padding-bottom: 50px; }
	.form-address .form-body { max-width: 498px; margin: 0 auto; }
	.form-address .form-foot { padding-top: 8px; overflow: hidden; }
}

@media (min-width: 1000px) {
	.form-address { padding: 65px 0 60px; }
	.form-address .form-head { padding-bottom: 64px; }
	.form-address .form-head-actions { margin: 0; }
	.form-address .form-body { max-width: 528px; }
}

@media (min-width: 1500px) {
	.form-address { padding: 35px 0 48px; }
	.form-address .form-head { padding-bottom: 84px; }
	.form-address .form-body { max-width: 588px; }
}

/*  Form Access  */
.form-access { padding: 12px 0 23px; }
.form-access-alt { padding-top: 41px; border-top: 1px solid #f0f0f0; margin-top: 17px; }
.form-access .form-head { line-height: 1.43; padding-bottom: 13px; }
.form-access .form-title { text-align: center; padding-bottom: 27px;border-bottom: 1px solid #2b2b29; }
.form-access .form-actions { overflow: hidden; padding-top: 6px; }
.form-access .form-actions a { float: left; margin-top: 6px; }
.form-access .form-actions .btn { float: right; }

.form-access-secondary { padding-bottom: 20px; border-bottom: 1px solid #2b2b29; margin-bottom: 40px; }

@media (min-width: 750px) {
	.form-access { padding-top: 17px; }
	.form-access .form-head { padding-bottom: 33px; }
	.form-access .form-title { text-align: left; }

	.form-access-alt { padding: 41px 0 11px; }
	.form-access-secondary { padding-top: 7px; }
	.form-access-secondary .form-head { padding-bottom: 13px; }
	.form-access-secondary .form-actions { padding-top: 11px; }
}

@media (min-width: 1000px) {
	.form-access { position: relative; padding: 34px 0; margin-bottom: 30px; max-width: 340px; }
	.form-access-alt { margin-top: 0; border: none; float: right; }
	.form-access .form-head { padding-bottom: 13px; }

	.form-access-secondary { padding-top: 8px; max-width: 100%; }
	.form-access-secondary .form-head { padding-bottom: 3px; }
}

@media (min-width: 1500px) {
	.form-access { max-width: 384px; }

	.form-access-secondary { max-width: 100%; padding-top: 20px; }
}

/*  form-cart  */

.form-cart .form-actions { text-align: right; }

@media (min-width: 750px) {
	.form-cart { margin-bottom: -50px;  }
	.form-cart .form-actions { padding-top: 24px; }
}

@media (min-width: 1200px) {
	.form-cart { margin-bottom: -10px; }
	.form-cart .form-actions { padding-top: 0px; }
}

/*  Form Contact  */

.form-contact { border-top: 1px solid #e1e1e1; padding: 42px 0 34px; }
.form-contact .form-head { text-align: center; padding-bottom: 26px; }
.form-contact .form-title { text-transform: uppercase; letter-spacing: 0.15em; font-weight: bold; }
.form-contact .form-actions { text-align: right; }

@media (min-width: 750px) {
	.form-contact { padding-top: 47px; }
}

@media (min-width: 1000px) {
	.form-contact .form-head { padding-bottom: 16px; }
}

@media (min-width: 1500px) {
	.form-contact { padding-top: 57px; }
	.form-contact .form-head { padding-bottom: 26px; }
}

/*  Form-Buy  */

.form-buy .form-actions { overflow: hidden; padding-top: 13px; }
.form-buy .form-actions .link-guide { float: left; margin-top: 7px; }
.form-buy .form-actions-inner { float: right; max-width: 200px; text-align: right; }
.form-buy .form-actions .btn { min-width: 138px; text-align: center; height: 38px; padding: 0 10px; line-height: 38px; text-transform: uppercase; box-sizing: border-box; }
.form-buy .form-actions .btn.err-btn { color: #EB3C1E !important; border-color: #EB3C1E !important; }
.form-buy .form-actions .btn ~ .btn { margin-top: 8px; }
.form-buy .form-actions-inner .hidden { display: none; }
.form-buy .btn + .btn + .outlet-notice {
	display: none; /* hide when the checkout button is shown */
}
.form-buy .btn + .btn.hidden + .outlet-notice {
	display: block; /* show when the checkout button is hidden */
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1.2rem;
	margin: 20px 0 6px 0;
}

@media (max-width: 749px) {
	.form-buy .btn + .btn.hidden + .outlet-notice {
		margin-bottom: 20px;
	}
	.outlet .form-buy .form-actions-inner {
		float: none;
		max-width: none;
		text-align: center;
	}
	.outlet .form-buy .form-actions .btn.btn-add {
		margin-top: 17px;
	}
	.outlet .form-buy .form-actions .btn + .btn {
		margin-bottom: 14px;
	}
	.outlet .form-buy .form-actions .btn {
		width: 100%;
		max-width: 288px;
		margin-left: auto;
		margin-right: auto;
	}
	.outlet .section-product .section-content {
		padding-top: 8px;
	}
}
@media (min-width: 750px) {
	.outlet .form-buy .form-actions {
		padding-top: 33px;
	}
	.outlet .section-product .section-content {
		padding-top: 4px;
	}
	.outlet .socials.productPage {
		margin-top: 4px;
	}
}


@media (min-width: 550px) {
	.form-buy .form-actions-inner { min-width: 300px; }
	.form-buy .form-actions .btn { min-width: 215px; }
}

@media (min-width: 750px) {
	.form-buy .form-actions-inner { min-width: 200px; }
	.form-buy .form-actions .btn { min-width: 193px; }
}

@media (min-width: 1000px) {
	.form-buy .form-actions .btn { min-width: 149px; }
}

/* ------------------------------------------------------------ *\
	Holding page
\* ------------------------------------------------------------ */

.holding-page .wrapper { padding-bottom: 35px; background: #000; }

/*  Header  */

.holding-page .logo { width: 109px; height: 59px; }

.holding-page .header { position: static; padding-top: 62px; text-align: center; }
.holding-page .header .logo { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }

/*  Intro  */

.holding-page .intro { padding: 153px 0 109px; overflow: hidden; height: auto; }
.holding-page .intro h1 { margin-right: -24px; font-size: 3.3rem; text-transform: uppercase; text-align: center; font-weight: bold; letter-spacing: 0.5em; }

/*  Subscribe  */

.holding-page .subscribe { border: 1px solid #fff; }
.holding-page .subscribe input,
.holding-page .subscribe form { margin: 0; }

.holding-page .subscribe input { display: block; }
.holding-page .subscribe .subscribe-field { width: 100%; height: 55px; padding: 4px 0 0; background: #000; border-radius: 0; border: none; text-transform: uppercase; text-align: center; font-size: 12px; font-weight: bold; letter-spacing: 0.2em; }
.holding-page .subscribe .subscribe-btn { width: 100%; padding: 11px 0 7px; height: auto; background: #fff; color: #000; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.2em; border-radius: 0; border: none; }

@media (min-width: 1000px) {
	.holding-page .header { padding-top: 67px; }
	.holding-page .intro { padding: 125px 0 100px; }
	.holding-page .intro h1 { font-size: 8rem; letter-spacing: 0.47em; word-spacing: 0.12em; margin-right: -30px; }

	.holding-page .subscribe { max-width: 486px; width: 100%; margin: 0 auto; font-size: 0; line-height: 0; }
	.holding-page .subscribe input { display: inline-block; vertical-align: top; }
	.holding-page .subscribe .subscribe-field { width: 370px; font-size: 14px; }
	.holding-page .subscribe .subscribe-btn { width: 116px; }
}

@media (min-width: 1200px) {
	.holding-page .header { padding-top: 70px; }

	.holding-page .intro { padding: 255px 0 230px; }
	.holding-page .intro h1 { margin-right: -70px; }
}

/* ------------------------------------------------------------ *\
  Homepage Paralax effects
\* ------------------------------------------------------------ */

.homepage .footer { position: static; }
.homepage .wrapper:after { display: none; }

/* ------------------------------------------------------------ *\
  Homepage Fade effects
\* ------------------------------------------------------------ */
.homepage .panel.intro{ background:#000; }
.homepage .panel.intro .intro-image.fbg{
  opacity:0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.homepage .slider .slides .slide img{
  opacity:0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media (min-width: 1000px) {
  .homepage,
  .homepage body,
  .homepage .wrapper { height: 100%; overflow: hidden; }

  .homepage #main { height: 100vh; position: relative; top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform .75s cubic-bezier(0.675, 0.045, 0.125, 0.91); transition: transform .75s cubic-bezier(0.675, 0.045, 0.125, 0.91); }

  .homepage .panel { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
  .homepage .panel-high { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .homepage .panel-high .slider { height: 100%; }

  .homepage .no3d .section { position: relative; }
  .homepage .no3d .panel { position: relative; }
  .homepage .no3d .section-full { position: relative; }

  .homepage .footer { background-color: #000; position: static; }

  /* ie9 */
  .homepage.is-ie9 .header{ position:absolute; }
  .homepage.is-ie9,
  .homepage.is-ie9 body,
  .homepage.is-ie9 .wrapper { overflow: visible; }
  .homepage.is-ie9 #main{ transform: none !important; transform-style:none !important; }
  .homepage.is-ie9 .panel { position: relative; overflow:visible; }
  .homepage.is-ie9 .panel-high .slider { height:auto; }


  @media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
    .homepage .nav-utilities-secondary .link-cart { width: 27.5px; height: 26px; background-size: 100% auto; }
  }
}

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .homepage .panel,.homepage .panel .slider,.homepage .panel .slider .slide {
    height: 1024px;
  }
}

/**
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .homepage .panel,.homepage .panel .slider,.homepage .panel .slider .slide {
    height: 768px;
  }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; height: 100vh; }

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .intro {
    height: 1024px;
  }
}

/**
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .intro {
    height: 768px;
  }
}

.intro-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.intro-content { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -6px; opacity: 0; transition: opacity .5s, visibility .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#the-journey .intro-content{ opacity:1; }
.intro-content:before { content: ''; z-index: 1; position: absolute; top: 170px; left: 50%; margin-left: -125px; width: 250px; height: 6px; background: #fff; }

.intro-actions { padding-top: 74px;  }
.intro-actions h1 { text-transform: uppercase; letter-spacing: 0.35em; text-align: center; padding-left: 8px; }
.intro-actions h1 span { display: block; }
.intro-actions h1 a { position: relative; text-decoration: none; border-bottom: 3px solid transparent; display: inline-block; transition: border-color .3s; }
.intro-actions h1 a:hover { text-decoration: none; color: #fff; }
.intro-actions h1 a:after { content: ''; position: absolute; top: 100%; left: 0; right: 15px; height: 3px; transition: background .3s; }

.intro-title { text-align: center; text-transform: uppercase; letter-spacing: 0.35em; margin: 0 -10px; line-height: 1.25; padding-bottom: 23px; }
.intro-meta { color: rgba(255, 255, 255, .5); font-family: 'Theinhardt', sans-serif; }
.intro-meta:before { content: ''; width: 178px; height: 3px; background: #fff; margin: 0 auto 11px; display: block; }
.intro-secondary .intro-content { margin-top: 24px; }
.intro-secondary .intro-content:before { display: none; }

.intro-content-tertiary { left: 10px; right: 10px; margin-top: 12px; }
.intro-content-tertiary .intro-title { color: #2855e6; line-height: 1.2; margin: 0; padding: 0; }
.intro-content-tertiary:before { display: none; }
.intro-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background:#000; }
.intro-video video { width: 100%; height: 100%; /*object-fit: cover;*/ }
.intro-video.paused video::-webkit-media-controls { display:none !important; }
/* hide play button */
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.intro-video-actions { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(.6); -ms-transform: translate(-50%, -50%) scale(.6); transform: translate(-50%, -50%) scale(.6); z-index: 10; }
.intro-video-actions a { opacity: .15; transition: opacity .3s; }
.intro-video-actions a:hover { opacity: .5; }

.intro-action-secondary { position: absolute; bottom: 88px; left: 0; right: 0; text-align: center; }
.intro-action-secondary.hide-arrow { display: none; }
.intro-content-hidden { opacity: 0; visibility: hidden; }

@media (min-width: 750px) {
	.intro-content:before { top: -14px; width: 7px; height: 230px; margin-left: -3px; }

	.intro-actions { float: left; width: 50%; padding-top: 60px; box-sizing: border-box; }
	.intro-actions ~ .intro-actions { padding-left: 16px; }
	.intro-actions h1 { padding: 0; }

	.intro-title { margin: 0; padding: 0 50px 20px; line-height: 1.5; }
}

@media (min-width: 1000px) {
	.intro-content:before { top: -32px; width: 6px; height: 300px; margin-left: -3px; }

	.intro-actions h1 { font-size: 32px; }
	.intro-actions h1 a:hover:after { background: #2b56e8; }
	.intro-actions { padding-top: 70px; }

	.intro-secondary .intro-content { margin-top: 49px; }
	.intro-title { padding: 0 10px 14px; font-size: 42px; line-height: 1.42; }

	.intro-video-actions { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

	.intro-content-tertiary .intro-title { color: #2855e6; line-height: 1.2; margin: 0; padding: 0; letter-spacing: 0.35em; font-size: 42px; }
}

@media (min-width: 1200px) {
	.intro-actions h1 { font-size: 42px; }
	.intro-content:before { top: -130px; width: 12px; height: 360px; margin-left: -6px; }

	.intro-content { margin-top: 52px; }
	.intro-actions { padding-top: 0; }

	.intro-video-actions { margin-top: 40px; }
}

@media (min-width: 1500px) {
	.intro-content:before { top: -160px; height: 420px; }

	.intro-secondary .intro-content { margin-top: 68px; }
	.intro-title { padding: 0 195px 18px; }
	.intro-meta:before { margin-bottom: 18px; }

	.intro-content-tertiary .intro-title { padding: 0 100px; }
}

@media (min-width: 1575px) {
  .intro-video video { object-fit: cover; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }


/*  List numbers  */

.list-numbers { list-style: none outside none; counter-reset: numbers; }
.list-numbers li{ position: relative; padding-left: 30px; counter-increment: numbers; line-height: 1.21; }
.list-numbers li + li{ margin-top: 1px; }
.list-numbers li:before { content: counter(numbers)':'; font-weight: bold; position: absolute; top: 0; left: 3px; }

/*  List dashes  */

.list-dashes { list-style: none outside none; padding-bottom: 4px; }
.list-dashes li { position: relative; padding-left: 25px; line-height: 1.21; }
.list-dashes li + li { margin-top: 1px; }
.list-dashes li:before{ content: ''; position: absolute; top: 6px; left: 0; width: 13px; height: 3px; background: #000; }

.list-dashes-secondary li { padding-left: 17px; margin: 0; }
.list-dashes-secondary li + li { margin-top: 6px; }
.list-dashes-secondary li:before { top: 9px; width: 8px; height: 2px; }

/*  List Details  */

.list-details { padding: 13px 0 6px; border-width: 1px 0; border-style: solid; border-color: #3a3a39; margin: 0; overflow: hidden; letter-spacing: 0.025em; }
.list-details dt { float: left; font-weight: bold; }
.list-details dd { overflow: hidden; text-align: right; margin: 0; }

.list-details dt,
.list-details dd { padding-bottom: 4px; }

@media (min-width: 750px) {
	.list-details { padding-bottom: 10px; }
	.list-details dt { min-width: 148px; }
	.list-details dd { text-align: left; }
}

/*  list-maintenance  */

.list-maintenance { counter-reset: numbers; }
.list-maintenance li { text-align: center; font-size: 16px; line-height: 1.2; margin: 0; min-height: 382px; width: 288px; margin: 0 auto; }
.list-maintenance li span { display: block; }
.list-maintenance .owl-item ~ .owl-item { counter-increment: numbers; }
.list-maintenance .owl-item ~ .owl-item li:before { content: counter(numbers); font-weight: bold; font-size: 24px; padding-bottom: 30px; display: block; }
.list-maintenance h1 { font-size: 34px; line-height: 2.1; letter-spacing: 0.5em; text-transform: uppercase; margin-right: -20px; }
.list-maintenance h2 { font-size: 24px; text-transform: uppercase; letter-spacing: 0.5em; line-height: 2.4; font-weight: bold; padding-bottom: 16px; margin-right: -10px; }

.list-maintenance .owl-dots { text-align: center; }

.list-maintenance .owl-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff; display: inline-block; vertical-align: middle; margin: 0 8px; transition: background .3s; }

.list-maintenance .owl-dot.active,
.list-maintenance .owl-dot:hover { background: #fff; }

@media (min-width: 1000px) {
	.list-maintenance { overflow: hidden; width: 818px; margin: 0 auto; }
	.list-maintenance li { position: relative; float: left; width: 50%; padding: 0 50px; min-height: 593px; margin-bottom: 134px; box-sizing: border-box; }

	.list-maintenance li:last-child,
	.list-maintenance li:nth-last-child(2) { margin: 0; }

	.list-maintenance li:last-child:after,
	.list-maintenance li:nth-last-child(2):after { display: none; }

	.list-maintenance li:after { content: ''; position: absolute; bottom: 0; left: 98px; right: 98px; height: 9px; background: #fff; }

	.list-maintenance li ~ li { counter-increment: numbers; }
	.list-maintenance li ~ li:before { content: counter(numbers); font-weight: bold; font-size: 24px; padding: 30px 0 44px; display: block; }

	.list-maintenance h1 { font-size: 42px; line-height: 2.3; }
	.list-maintenance h2 { padding-bottom: 36px; }
}

@media (min-width: 1200px) {
	.list-maintenance { width: 960px; }
	.list-maintenance li { width: 33.333%; padding: 0 30px; margin-bottom: 104px; }
	.list-maintenance li:after { left: 68px; right: 68px; }

	.list-maintenance li:nth-last-child(3):after { display: none; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; vertical-align: middle; background: url(logo.png) no-repeat 0 0; font-size: 0; line-height: 0; width: 60px; height: 33px; background-size: 100% 100%; }
.logo-compact { background: #000; width: 50px; height: 4px; }

@media (min-width: 750px) {
	.logo { width: 80px; height: 43px; }
}

@media (min-width: 1000px) {
	.logo { width: 119px; height: 64px; }
}

/* ------------------------------------------------------------ *\
	Mobile popup
\* ------------------------------------------------------------ */

.mobile-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #1d1d1b; z-index: 105; text-align: center; padding: 18px 0 0; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }

.mobile-popup .logo { width: 62px; height: 37px;  }
.mobile-popup h3 { padding-top: 54px; text-transform: uppercase; font-weight: bold; font-family: 'Theinhardt', sans-serif; letter-spacing: 0.35em; line-height: 1.7; }

@media all and (max-width: 750px) and (min-aspect-ratio: 13/9){
	.mobile-popup { opacity: 1; visibility: visible; }
}

/* ------------------------------------------------------------ *\
	Nav Popup
\* ------------------------------------------------------------ */

.nav-popup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(250, 250, 250, 0.97);
    background-size: cover;
    transition: opacity .3s, visibility .3s;
}

.nav-popup-visible { opacity: 1; visibility: visible; }

.nav-popup .popup-head { overflow: hidden; padding-bottom: 17px; }
.nav-popup .popup-head .nav-close { float: left; margin-top: 18px; }
.nav-popup .popup-head .nav-close span { width: 26px; height: 2px; background: #000; display: inline-block; }
.nav-popup .popup-head .nav-utilities { float: right; padding-top: 17px; }

.nav-popup .popup-body { padding-bottom: 20px; }
.nav-popup .popup-actions { text-align: center; }

.nav-popup .popup-actions h1 { text-transform: uppercase; letter-spacing: 0.35em; text-align: center; padding-left: 8px; margin-bottom: 16px; }
.nav-popup .popup-actions h1 span { display: block; }
.nav-popup .popup-actions h1 a { position: relative; text-decoration: none; border-bottom: 3px solid transparent; display: inline-block; color: #000; transition: border-color .3s; }
.nav-popup .popup-actions h1 a:after { content: ''; position: absolute; top: 100%; left: 0; right: 15px; height: 3px; transition: background .3s; }
.nav-popup .popup-actions h1 a:hover { text-decoration: none; color: #000; }

.nav-popup.isScrolled .popup-head { height: 50px; position: relative; }
.nav-popup.isScrolled .popup-head .nav-close { position: absolute; left: 0; top: 10px; margin: 0; }
.nav-popup.isScrolled .popup-head .nav-utilities { position: absolute; right: 0; top: 9px; padding: 0; }

.nav-popup.isScrolled .popup-body { padding-top: 39px; }

.nav-popup nav li{ margin-bottom: 0.5rem; }

@media (min-width: 750px) {
	.nav-popup .popup-head .nav-close { margin-top: 27px; }

	.nav-popup .popup-body { position: relative; }
	.nav-popup .popup-body:after { content: ''; position: absolute; top: 50px; left: 50%; width: 7px; height: 330px; margin-left: -3px; background: #000; }
	.nav-popup .popup-actions { float: left; width: 50%; padding-top: 60px; box-sizing: border-box; }
  .isScrolled.nav-popup .popup-actions { padding-top: 20px; }
	.nav-popup .popup-actions ~ .popup-actions { padding-left: 16px; }
	.nav-popup .popup-actions h1 { padding: 0; }

	.nav-popup .popup-head .nav-utilities { padding-top: 26px; }

	.nav-popup.isScrolled .popup-head { height: 50px; }
	.nav-popup.isScrolled .popup-head .nav-close { position: absolute; left: 0; top: 10px; margin: 0; }
	.nav-popup.isScrolled .popup-head .nav-utilities { position: absolute; right: 0; top: 9px; padding: 0; }

	.nav-popup.isScrolled .popup-body { padding-top: 39px; }
}

@media (min-width: 1000px) {
	.nav-popup .popup-body:after { width: 6px; height: 388px; top: 44px; margin-left: -3px; }
	.isScrolled.nav-popup .popup-body:after { top: 48px; }

	.nav-popup .popup-actions h1 { font-size: 32px; padding-bottom: 4px; }
	.nav-popup .popup-actions h1 a:hover:after { background: #2b56e8;  }
	.nav-popup .popup-actions { padding-top: 54px; }

	.nav-popup .popup-head .nav-close { margin-top: 57px; }
	.nav-popup .popup-head .nav-close span {  transition: background .3s; }
	.nav-popup .popup-head .nav-close:hover span { background: #2b56e8; }

	.nav-popup .popup-head .nav-utilities { padding-top: 57px; }

	.nav-popup-secondary .popup-head .nav-close { margin-top: 23px; }
	.nav-popup-secondary .popup-head .nav-utilities { padding-top: 25px; }
	.nav-popup-secondary .popup-head .link-cart { margin-top: 2px; }

	.nav-popup.isScrolled .popup-head { height: 50px; }
	.nav-popup.isScrolled .popup-head .nav-close { position: absolute; left: 0; top: 10px; margin: 0; }
	.nav-popup.isScrolled .popup-head .nav-utilities { position: absolute; right: 0; top: 12px; padding: 0; }

	.nav-popup.isScrolled .popup-body { padding-top: 39px; }
}

@media (min-width: 1200px) {
	.nav-popup .popup-body:after { top: 70px; width: 12px; height: 464px; margin-left: -6px; }
	.isScrolled.nav-popup .popup-body:after { top: 162px; }
  .nav-popup .popup-actions { padding-top: 80px; }
	.isScrolled.nav-popup .popup-actions { padding-top: 135px; }
	.nav-popup .popup-actions h1 { font-size: 42px; padding-bottom: 0px; }
  .nav-popup .popup-actions:first-of-type h1{ width: 50%;  margin-left: auto;margin-right: auto;}

	.nav-popup-secondary .popup-head .nav-close { margin-top: 42px; }
	.nav-popup-secondary .popup-head .nav-utilities { padding-top: 41px; }

	.nav-popup.isScrolled .popup-head { height: 50px; }
	.nav-popup.isScrolled .popup-head .nav-close { position: absolute; left: 0; top: 10px; margin: 0; }
	.nav-popup.isScrolled .popup-head .nav-utilities { position: absolute; right: 0; top: 10px; padding: 0; }
	.nav-popup-secondary.isScrolled .popup-head .nav-utilities { top: 10px; }
	.nav-popup-secondary.isScrolled .popup-head .nav-close { top: 8px; }

	.nav-popup.isScrolled .popup-body { padding-top: 39px; }
}

@media (min-width: 1500px) {
	.nav-popup .popup-body:after { top: 155px; height: 480px; }
	.isScrolled.nav-popup .popup-body:after { top: 162px; }

	.nav-popup .popup-body { padding-top: 89px; }

	.nav-popup.isScrolled .popup-head { height: 50px; }
	.nav-popup.isScrolled .popup-head .nav-close { position: absolute; left: 0; top: 8px; margin: 0; }
	.nav-popup.isScrolled .popup-head .nav-utilities { position: absolute; right: 0; top: 11px; padding: 0; }

	.nav-popup.isScrolled .popup-body { padding-top: 39px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { position: relative; text-align: center; line-height: 1.6; }
.nav-alt { padding-bottom: 32px; margin-bottom: 48px; }
.nav-alt:after { content: ''; position: absolute; top: 100%; left: 50%; width: 150px; height: 6px; background: #000; margin-left: -75px; }
.nav ul { list-style: none outside none; margin: 0; }
.nav a { color: #1d1d1b; text-transform: uppercase; font-size: 12px; letter-spacing: 0.2em; text-decoration: none; line-height:18px; }

.nav-trigger { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }

.nav-trigger span { display: block; width: 26px; height: 2px; background: #fff; transition: all .3s; }
.nav-trigger span ~ span { margin-top: 6px; }


@media (min-width: 750px) {
	.nav-alt { padding: 0; margin: 0; }
	.nav-alt:after { display: none; }
}

@media (min-width: 1000px) {
	.nav li + li { padding-top: 4px; }
	.nav a { font-size: 16px; transition: color .3s; }
	.nav a:hover { color: #2b56e8; }

	.nav-trigger:hover span { background: #2b56e8; }
}

@media (min-width: 1200px) {
	.nav li + li { padding-top: 11px; }
}

/*  Nav Utilities  */

.nav-utilities ul { list-style: none outside none; margin: 0; }
.nav-utilities li { display: inline-block; vertical-align: middle; position: relative; }
.nav-utilities li.hidden{ display:none; }
.nav-utilities li.news-link + li.visible-desktop-ib:before{ margin-top: -7px; }
.nav-utilities > ul > li:not(.hidden) + li:not(.hidden):before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 32px; background: #e7e7e7; margin: 0 13px 0 8px; }
.nav-utilities a { text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 0.2em; text-decoration: none; }
.nav-utilities .link-cart { display: inline-block; width: 27px; height: 18px; padding-top: 8px; text-decoration: none; text-align: center; background: url(ico-bag.png) no-repeat 0 0; letter-spacing: 0; background-size: 100% auto; }
.nav-utilities .link-cart:hover { color: #fff; }

.nav-utilities-secondary a { color: #000; }
.nav-utilities-secondary .link-cart { background: url(ico-bag-black-sm.png) no-repeat 0 0; color: #000; width: 27px; height: 20px; margin-top: 3px; background-size: 100% auto; }
.nav-utilities-secondary .link-cart:hover { color: #000; }

.nav-utilities li[class] + li:before { display: none; }

.nav-utilities ul ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 50%; width: 134px; padding: 11px 10px 7px; border: 1px solid #e3e3e3; margin: 10px 0 0 -84px; background: #fff; transition: opacity .3s, visibility .3s; }
.nav-utilities ul .visible { opacity: 1; visibility: visible; }
.nav-utilities ul ul:before { content: ''; position: absolute; bottom: 100%; left: 50%; width: 18px; height: 18px; border-width: 1px 1px 0 0; border-style: solid; border-color: #e3e3e3; margin: 0 0 -8px -8px; background: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-utilities ul ul li { display: block; text-align: center; margin: 0; }
.nav-utilities ul ul li + li { margin-top: 7px; }
.nav-utilities ul ul li:last-child { border-top: 1px solid #f3f3f3; padding-top: 7px; }
.nav-utilities ul ul a { color: #1d1d1b; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.nav-utilities .link-cart { background-image: url(ico-bag@2x.png); background-size: 27px 25px; }
	.nav-utilities-secondary .link-cart { background-image: url(ico-bag-black@2x.png); background-size: 27px 25px; }
}

@media (min-width: 1000px) {
	.nav-utilities > ul > li[class] + li:before { display: inline-block; }
	.nav-utilities > ul > li + li:before { height: 29px; margin: -10px 17px 0 13px; }
	.nav-utilities-secondary > ul > li + li:before { margin: -10px 15px 0 13px; }

	.nav-utilities a { transition: color .3s; }
	.nav-utilities a:hover { color: #2b56e8; }
	.nav-utilities .link-cart { width: 28px; }
	.nav-utilities .link-cart:hover { background-image: url(ico-bag-blue-sm.png); color: #2b56e8; }

	.nav-utilities-secondary .link-cart { margin-top: 0; }

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
		.nav-utilities .link-cart:hover { background-image: url(ico-bag-blue@2x.png); }
	}
}

/*  Nav Secondary  */

.nav-secondary { display: none; }
.nav-secondary li{position: relative;}
@media (min-width: 1000px) {
	.nav-secondary { display: block; background: #fafafa; text-align: center; padding-top: 10px; transition: all .3s; }
	.nav-secondary ul { list-style: none outside none; margin: 0; }
	.nav-secondary li { display: inline-block; padding: 0 16px 14px; line-height: 1; margin: 0; transition: padding .3s; }
	.nav-secondary a { color: #1d1d1b; font-size: 10px; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; }
	.nav-secondary a:hover { color: #2b56e8; }
}

@media (min-width: 1200px) {
	.nav-secondary li { padding: 0 20px 14px; }
}

/* Nav Dropdowns */

.nav-dropdown{
  display: none;
  position: absolute;
  width:222px;
  top:calc(100% + 0px);
  left: 50%;
  transform: translate(-50%, 0%);
  border:1px solid #E5E5E5;
  background:rgba(249, 249, 249, 0.97);
  padding-top: 18px;
  padding-bottom: 0;
  transition: max-height 300ms, padding 300ms, border 300ms;
  overflow: hidden;
}

.nav-secondary li:hover .nav-dropdown{
  display: block;
  -moz-animation: fadeIn .3s ease-in;
  -webkit-animation: fadeIn .3s ease-in;
  animation: fadeIn .3s ease-in;
}

.nav-dropdown li{
  padding-bottom: 0px !important;
  width: 190px; // ul width (222px) minus 16px*2 side padding
}
.nav-dropdown li a{
  display: block;
  line-height: 10px;
  height: 30px;
}

/* ------------------------------------------------------------ *\
	Qty control
\* ------------------------------------------------------------ */

.qty-control .qty-field,
.qty-control a { display: inline-block; vertical-align: middle; }

.qty-control a { margin-top: -2px; }
.qty-control a:hover .ico-plus-small { background-image: url(sprite.png); background-position: -198px -168px; }
.qty-control a:hover .ico-minus-small { background-image: url(sprite.png); background-position: -145px -163px; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.qty-control a:hover .ico-plus-small { background-image: url(sprite.@2x.png); background-position: -193.5px -102px; background-size: 207px 181.5px; }
	.qty-control a:hover .ico-minus-small { background-image: url(sprite.@2x.png); background-position: -193.5px -140px; background-size: 207px 181.5px; }
}

.qty-control .qty-field { margin: 0; padding: 0; background: none; border: none; border-radius: 0; width: 49px; text-align: center; height: 20px; }
.qty-control .qty-field:focus { border: none; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { border-bottom: 1px solid #eee;  }

.section .section-head { padding: 23px 0 15px; }
.section .section-title { letter-spacing: 0.15em; padding: 0; margin: 0; opacity: .25; font-size: 18px; transition: all .3s; }
.section .section-body { padding-bottom: 7px; }
.section.accordion-section-visible .section-title { padding-bottom: 27px; opacity: 1; font-size: 24px; letter-spacing: 0.32em; }

.section .section-image { margin: 0 -5.5%; }
.section .section-image-caption, .std-content h6 { padding: 0 5.5% 37px; font-size: 12px; color: #ccc; }
.section .section-image-caption p, .std-content h6 { margin-bottom: 8px; }
.section .section-image-caption:after { content: ''; display: block; width: 38px; height: 1px; background: #ececec; }

@media (min-width: 550px) {
	.section .section-image { margin: 0 -12.5%; }
	.section .section-image-caption { padding: 0 12.5% 37px; }
}

@media (min-width: 750px) {
	.section.accordion-section-visible .section-title { letter-spacing: 0.35em; padding-bottom: 18px; }

	.section .section-image { margin: 0; }
	.section .section-image-caption { padding: 4px 0 33px; }
	.section .section-image-caption p { padding-bottom: 13px; line-height: 1.5; }

	.section .section-image-caption:after { content: ''; display: block; width: 100%; height: 2px; background: #ececec; }
}

@media (min-width: 1000px) {
	.section.accordion-section-visible .section-title { padding-bottom: 24px; }

	.section .section-image-caption { padding: 0 0 35px; }
	.section .section-image-caption p { padding-bottom: 9px; }
}

@media (min-width: 1500px) {
	.section .section-image-caption { padding: 4px 0 50px; }
	.section .section-image-caption p { padding-bottom: 5px; }
}

/*  Section full scren  */

.section-full { position: relative; height: 100vh; }

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .section-full {
    height: 1024px;
  }
}

/**
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .section-full {
    height: 768px;
  }
}

.section-preorder { background: #ffffff; }
.section-primary { background: #fcfcfc; }
.section-secondary { background: #fafafa; }
.section-tertiary { background: #f7f7f7; }
.section-quaternary { background: #f5f5f5; }
.section-quinary { background: #f0f0f0; }
.section-senary { background: #e8e8e8; }
.section-septenary { background: #e1e1e1; }
.section-octonary { background: #d8d8d8; }
// .section-nonary {}
// .section-denary {}
// what comes after 10???

/*  Section Profile  */

.section-profile { padding: 10px 0 37px; }
.section-profile.form-cart { padding-top: 40px; }

.section-profile .section-title { text-align: center; letter-spacing: 0.35em; padding-bottom: 20px; }
.section-profile .section-head { padding-bottom: 10px; border-bottom: 1px solid #2b2b29; text-transform: uppercase; font-weight: bold; }
.section-profile .section-body { padding-top: 22px; }
.section-profile h3 { text-transform: uppercase; font-weight: bold; letter-spacing: 0.15em; margin: 0; padding-bottom: 5px; }

.section-profile .section-entry { padding-top: 35px; position: relative; }
.section-profile .section-entry h3 { letter-spacing: 0.2em; }
.section-profile .section-entry a:before { content: '\a'; display: inline; white-space: pre; }

.section-profile .section-entry-actions { display: none; }
.section-profile .section-entry-secondary { line-height: 1.2; }
.section-profile .section-entry-secondary p { margin-bottom: 16px; }

.section-profile .section-foot { margin-bottom: -30px; }
.section-profile .section-foot .columns { width: 100%; margin: 0; }

@media (min-width: 550px) {
	.section-profile-secondary .columns { width: 100%; margin-left: 0; }

	.section-profile-quaternary .columns { width: 100%; margin-left: 0; }

	.section-profile.form-cart { padding-top: 60px; }
}

@media (min-width: 750px) {
	.section-profile { padding: 0px 0 91px; }

	.section-profile-secondary { padding-top: 50px; }

	.section-profile-tertiary,
	.section-profile-secondary { max-width: 396px; width: 100%; margin: 0 auto; }

	.section-profile-tertiary { padding-top: 50px; }

	.section-profile .section-entry { padding-top: 42px; }
	.section-profile .section-entry-secondary { padding: 33px 0 8px; }
	.section-profile .section-entry a:before { display: none; }

	.section-profile .section-entry-actions { display: block; position: absolute; top: 37px; right: 13px; }

	.section-profile .section-foot .four.columns { width: 48%; margin-left: 2%; }
	.section-profile .section-foot .col-full.columns { width: 100%; margin: 0; }
	.section-profile .section-foot .col-full.columns + .columns { margin-left: 0; }

	.section-profile .section-foot .col-full-secondary.columns { width: 39.3333%; }

	.section-profile-quaternary .section-return,
	.section-profile-quaternary .section-address { width: 49%; float: left; }

	.section-profile-quaternary .section-return { margin-left: 2%; }

	.section-profile.form-cart { padding-top: 80px; }
}

@media (min-width: 1000px) {
	.section-profile { padding: 40px 0 61px; }

	.section-profile-secondary { padding-top: 150px; }

	.section-profile-secondary { max-width: 100%; }
	.section-profile-secondary .section-body { position: relative; }
	.section-profile-secondary .section-body:before { content: ''; position: absolute; top: 43px; bottom: 30px; left: 50%; width: 1px; background: #f0f0f0; }
	.section-profile-secondary .six.columns { width: 48%; }
	.section-profile-secondary .columns { margin-left: 2%; }
	.section-profile-secondary .columns:first-child { margin-left: 0; }


	.section-profile .section-entry-secondary { padding-bottom: 2px; }
	.section-profile .section-entry-actions { top: 67px; }

	.section-profile .section-foot { padding-top: 14px; margin-bottom: 0; }
	.section-profile .section-foot .four.columns { width: 32%; margin-left: 2%; }
	.section-profile .section-foot .col-full.columns { width: 32%; margin-left: 2%; }
	.section-profile .section-foot .col-full.columns + .columns { margin-left: 0%; }

	.section-profile-tertiary { padding-top: 110px; }

	.section-profile-quaternary .columns { margin-left: 2%; }
	.section-profile-quaternary .columns:first-child { margin-left: 0; }
	.section-profile-quaternary .nine { width: 75%; }
	.section-profile-quaternary .three { width: 23%; }

	.section-profile-quaternary .section-return,
	.section-profile-quaternary .section-address { width: 100%; float: none; }

	.section-profile-quaternary .section-return { margin: 0; }
	.section-profile-quaternary .section-address { padding-top: 66px; }

	.section-profile.form-cart { padding-top: 100px; }
}

@media (min-width: 1200px) {
	.section-profile { padding: 113px 0 81px; }

	.section-profile-secondary { padding-top: 200px; }
	.section-profile-tertiary { padding-top: 190px; }

	.section-profile .section-entry-secondary { padding-top: 43px; }
	.section-profile.form-cart { padding-top: 160px; }
}

@media (min-width: 1500px) {
	.section-profile { max-width: 995px; margin: 0 auto; width: 100%; }

	.section-profile-tertiary { max-width: 588px; }

	.section-profile .section-entry-secondary { padding-bottom: 9px; }
	.section-profile .section-entry-secondary .section-entry-actions { top: 37px; }

	.section-profile .section-foot .four.columns { width: 28.666%; margin-left: 2%; }
	.section-profile .section-foot .col-full.columns { width: 28.666%; margin-left: 2%; }

	.section-profile-quaternary .section-address { padding-top: 36px; }

	.section-profile-quaternary { padding-top: 119px; }
	.section-profile-quaternary .nine { width: 70%; }
	.section-profile-quaternary .three { width: 28%; }
}

/*  Section address  */
.section-address { padding-top: 55px; position: relative; }
.section-address-seconadry { padding-top: 20px; border-bottom: 1px solid #2b2b29; margin-bottom: 33px; }
.section-address-seconadry .section-head { overflow: hidden; }
.section-address-seconadry .section-head h3 { float: left; }
.section-address-seconadry .section-head-actions { float: right; }
.section-address-seconadry .section-head-actions a { text-transform: none; font-weight: normal; }
.section-address-seconadry .section-body { padding-top: 13px; }

/* address in order summary */
.order-summary .section-address-secondary .section-body{ min-height:140px; }
.order-summary .table-total table tr.total td{ padding-bottom:35px; }

@media (min-width: 750px) {
	.section-address-alt:before { content: ''; position: absolute; top: 44px; bottom: -22px; right: 100%; width: 1px; margin-right: 62px; background: #ddd; }

	.section-address-seconadry { padding-top: 16px; margin-bottom: 18px; }
	.section-address-seconadry .section-body { padding: 23px 0 10px; }
}

@media (min-width: 1000px) {
	.section-address { padding-top: 61px; }
	.section-address-alt:before { top: 41px; bottom: 22px; margin-right: 75px; }

	.section-address-seconadry { padding-top: 15px; }
}

@media (min-width: 1500px) {
	.section-address { padding-top: 80px; }
	.section-address-alt:before { top: 51px; bottom: 22px; margin-right: 62px; }
	.section-address-seconadry { padding-top: 15px; }

}

/*  Section-history  */

.section-history { padding-top: 35px; line-height: 1.5; }
.section-history h3 { letter-spacing: 0.2em; }

@media (min-width: 1000px) {
	.section-history { padding-top: 66px; letter-spacing: 0.025em; }
  .section-profile section.section-history { padding-top: 42px; }
  .section-profile.section-profile-quaternary .section-address{ padding-top: 42px; }
}

@media (min-width: 1500px) {
	.section-history { padding-top: 36px; }
}

/*  Section-return  */

.section-return { padding-top: 15px; line-height: 1.5; }
.section-return p { margin-bottom: 16px; }

@media (min-width: 750px) {
	.section-return { padding-top: 16px; }
}

@media (min-width: 1500px) {
	.section-return { padding-top: 6px; }
}

/*  section-article  */

.section-article { margin-top: -40px; border: none; padding-bottom: 30px; }
.section-article h2 { font-size: 24px; line-height: 1.33; }
.section-article blockquote { text-align: center; line-height: 1.7; margin: 9px 0 4px}
.section-article .section-meta { padding-top: 37px; border-top: 1px solid #ccc; margin-top: 17px; }
.section-article .section-meta h5 { text-transform: uppercase; display: inline-block; vertical-align: middle; margin: 0; font-weight: bold; font-family: 'Theinhardt', sans-serif; letter-spacing: 0.06em; padding-right: 12px; }
.section-article .section-meta .share { display: inline-block; vertical-align: middle; }

@media (min-width: 750px) {
	.section-article { margin: -22px auto 0; width: 83%; }
	.section-article h2 { padding: 18px 0 4px; }
	.section-article h2:before { width: 180px; height: 3px; left: 50%; margin-left: -90px; }

	.section-article .section-image-caption:after { width: 38px; }
	.section-article blockquote { margin: 0 0 10px; font-size: 20px; line-height: 1.8; letter-spacing: 0.35em; }

	.section-article .section-meta { margin-top: 0; padding-bottom: 12px; }
}

@media (min-width: 1000px) {
	.section-article { font-size: 18px; line-height: 1.78; }
	.section-article h2 { margin-top: 30px; }

	.section-article blockquote { margin: 20px 0 40px; font-size: 28px; line-height: 1.93; }
}

@media (min-width: 1500px) {
	.section-article { width: 792px; }
	.section-article h2 { margin-top: 40px; padding: 50px 0 40px; }

	.section-article .section-image { position: relative; margin-bottom: 30px; }
	.section-article .section-image-caption { position: absolute; top: -4px; left: 100%; width: 172px; margin-left: 24px; }
	.section-article .section-image-caption:before { content: ''; display: block; width: 38px; height: 1px; background: #ececec; margin-bottom: 15px; }
	.section-article .section-image-caption:after { width: 38px; display: none; }

	.section-article blockquote { margin: 32px -100px 36px; }

	.section-article .section-meta { margin-top: 22px; }
}

/*  Section-contact  */

.section-contact { padding-top: 52px; }
.section-contact .section-head { border-bottom: 1px solid #ddd; text-align: center; }
.section-contact .section-title { text-transform: uppercase; font-size: 28px; letter-spacing: 0.35em; padding-bottom: 18px; }

.section-contact .contacts { padding: 32px 0 30px; text-align: center; text-transform: uppercase; letter-spacing: 0.15em; }
.section-contact .contacts h3.form-title{  margin:2rem 0; }
.section-contact .contacts a { text-decoration: none; }
.section-contact .contacts span { font-size: 0; line-height: 0; display: block; padding: 7px 0 6px; }

@media (min-width: 750px) {
	.section-contact { padding-top: 100px; }
	.section-contact .section-head { padding-bottom: 22px; }
	.section-contact .section-title { font-size: 38px; }

	.section-contact .contacts { padding: 37px 0 33px; }
	.section-contact .contacts span { display: inline-block; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 1.71; color: #ccc; margin-top: -5px; }
}

@media (min-width: 1000px) {
	.section-contact { max-width: 663px; margin: 0 auto; width: 100%; padding-top: 146px; }
	.section-contact .section-head { padding-bottom: 17px; }
	.section-contact .section-title { font-size: 56px; }

	.section-contact .contacts { padding: 40px 0 35px; }
}

@media (min-width: 1200px) {
	.section-contact { padding-top: 191px; }
}

@media (min-width: 1500px) {
	.section-contact { max-width: 588px; }
	.section-contact .section-head { padding-bottom: 37px; }
}

/*  Section-product  */

.wrapper.product-wrapper{ background: #ffffff; }

.section-product { padding: 4px 0 20px; }
.section-product .section-head { background: #fafafa; }

.section-product .slider .slide,
.section-product .slider { /*min-height: 360px; min-height: 55vh; max-height: 360px; */ height: 360px; }

.section-product .slider .slide-image { margin-top: 0; }
.section-product .slider .zoomImg { background: #fafafa; /*max-height: 100vh !important; max-width:100vw !important; height: auto !important;*/ }

.section-product .slider-actions,
.section-product .slider-actions .container{ height:0; }
.section-product .slider .owl-item{ cursor:zoom-in; }

.section-product .section-body { padding-top: 34px; }
.section-product .table-product-details { border-top: 1px solid #383837; }
.section-product .table-product-details table { margin: 0; }
.section-product .table-product-details td { border-bottom: 1px solid #383837;  }
.section-product .table-product-details a.mf-popup{ letter-spacing: 0; }

.section-product .table-product-details tr:last-child td:last-child { font-size: 16px; }

.section-product .section-content { padding-top: 60px; font-size: 16px; line-height: 1.2; letter-spacing:0.4px; }
.section-product .section-content h3 { text-transform: uppercase; font-weight: bold; letter-spacing: 0.2em; margin: 0; padding-bottom: 17px; }

.section-product .slider .slide-content { bottom: 40px; }
.section-product .slider .owl-dots { /*position:relative;*/ padding: 15px 0; bottom:0; }

.section-product .slider .slides .slide img{
  width:auto;
  opacity:0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.dark-popup .inner-content{ max-height: 60vh; overflow-y: scroll; margin-right: 10px; padding-right: 20px; }
.dark-popup .inner-content::-webkit-scrollbar { width: 8px; }
.dark-popup .inner-content::-webkit-scrollbar-track { -webkit-box-shadow: 0; background: transparent;  border-radius: 10px; }
.dark-popup .inner-content::-webkit-scrollbar-thumb { width: 8px; border-radius: 10px; background: rgba(255,255,255,0.65); -webkit-box-shadow: inset 0 0 4px rgba(255,255,255,0.65); }

#fit-guide-popup.dark-popup.fit-guide table {width: 100%;}
#fit-guide-popup.dark-popup.fit-guide table tr td{ padding:0; width:auto;}
#fit-guide-popup.dark-popup,#delivery-details-popup.dark-popup,#outlet-terms-popup.dark-popup {background-color:#1D1D1D;}
#fit-guide-popup.dark-popup h2,#delivery-details-popup.dark-popup h2,#outlet-terms-popup.dark-popup h2, #preorder-details-popup.dark-popup h2 {font-size:24px; font-weight:bold;letter-spacing:6px;margin-bottom:36px; max-width: 90%;}
@media (min-width: 750px) {
  #preorder-details-popup.dark-popup h2 {
    max-width: none;
  }
}
#fit-guide-popup.dark-popup h3{font-size:14px; font-weight:bold;letter-spacing:3px;margin:54px 0 16px;}
#fit-guide-popup.dark-popup h4, #preorder-details-popup h3, #preorder-details-popup h4 { font-size: 15px; font-weight: bold; letter-spacing: 6px; }
.dark-popup.fit-guide table { margin: 0;}
#fit-guide-popup button.mfp-close, #delivery-details-popup button.mfp-close, #outlet-terms-popup button.mfp-close, #preorder-details-popup button.mfp-close{top:3%;right:26px;text-align:right;}


@media (min-width: 1500px) {
 #fit-guide-popup button.mfp-close, #delivery-details-popup button.mfp-close, #outlet-terms-popup button.mfp-close, #preorder-details-popup button.mfp-close {top:29px;}
}
@media (min-width: 550px) {
  .section-product .columns { width: 100%; margin: 0; }
  .section-product .slider .slides .slide img{
      width:80%;
    }
}

@media (min-width: 650px) {
  #fit-guide-popup.dark-popup.fit-guide table tr td{ padding:10px; }
  .section-product .slider .slide,
    .section-product .slider { height: 530px; }
}


@media (min-width: 750px) {
  .section-product { padding: 24px 0 0px; }
  .section-product .slider .slide,
    .section-product .slider { height: 530px; }

  .section-product .slider .slider-actions { margin-top: -72px; }

  .section-product .section-content { padding-top: 49px; }
  .dark-popup .inner-content{ margin-right: -40px; padding-right: 40px; }
     #fit-guide-popup.dark-popup,#delivery-details-popup.dark-popup,#outlet-terms-popup.dark-popup,#preorder-details-popup.dark-popup {padding:40px 70px;}
}

@media (min-width: 1000px) {

	.section-product { padding: 58px 0; }

	.section-product .slider .slide,
/* 	.section-product .slider { min-height: 480px; } */
  	.section-product .slider { /*min-height: 62vh; height: 420px;*/ }

	.section-product .slider .slider-actions { margin-top: -62px; }

	.section-product .columns:first-child { margin-left: 2%; }
	.section-product .six { width: 49%; }

	.section-product .section-body { padding-top: 20px; }
	.section-product .section-content { padding-top: 0px; }

    .section-product .slider .slides .slide img{
      width:auto;
    }
}

@media (min-width: 1200px) {
	.section-product { padding: 99px 0 60px; }

	.section-product .slider .slide,
/* 	.section-product .slider { min-height: 576px; } */
    .section-product .slider { /*min-height: 70vh; max-height: 575px; min-height: 575px; */ height: 480px;  }

	.section-product .slider .slide-image { margin-top: 0; }

	.section-product .slider .slider-actions { margin-top: -52px; }
	.section-product .section-content { max-width: 380px; }
}

@media (min-width: 1500px) {
	/*.section-product .slider .slide,
	.section-product .slider {  min-height: 720px; }*/
	.section-product .slider .slide,
    .section-product .slider { height: 650px;  }

	.section-product .slider .slider-actions { margin-top: -62px; }

	.section-product .section-body { padding-top: 66px; }
	.section-product .section-body .container { max-width: 996px; width: 100%; margin: 0 auto; }
}

/*  Section featured  */

.section-featured { height: auto; }
.section-featured .section-image { height: 230px; float: none; }
.section-featured .section-content { text-align: center; font-size: 16px; line-height: 1.2; letter-spacing: 0.025em; float: none; }
.section-featured .section-content-white { background: #fafafa; color: #000; }
.section-featured .section-content-black { background: #1d1d1b; color: #fff; }

.section-featured .section-content p { margin: 0; }

.section-featured .section-content-inner { width: 100%; max-width: 300px; margin: 0 auto; padding: 67px 0 95px;  }
.section-featured .section-title { text-transform: uppercase; letter-spacing: 0.2em; }
.section-featured .section-title:before { content: ''; display: block; width: 88px; height: 10px; margin: 0 auto 32px;  }
.section-featured .section-content-white .section-title:before { background: #000; }
.section-featured .section-content-black .section-title:before { background: #fff; }
.section-featured .section-sign { padding: 30px 26px 13px; }

@media (min-width: 400px) {
	.section-featured .section-image { height: 290px; }
}

@media (min-width: 550px) {
	.section-featured .section-image { height: 400px; }

}
@media (max-width: 580px) {
  #fit-guide-popup.dark-popup.fit-guide table tr td{ padding:10px 6px; }
}
@media (max-width: 490px) {
  #fit-guide-popup.dark-popup.fit-guide table tr td{ padding:10px 4px; }
}
@media (max-width: 429px) {
  #fit-guide-popup.dark-popup.fit-guide table tr td{ padding:10px 2px; font-size:10px; }
}
@media (max-width: 340px) {
  #fit-guide-popup.dark-popup.fit-guide table tr td{ padding:10px 1px; font-size:10px; }
}


@media (min-width: 750px) {
	.section-featured .section-image { height: 540px; }
}

@media (min-width: 1000px) {
	.section-featured { position: relative; overflow: hidden; height: 770px; }
	.section-featured .section-content,
	.section-featured .section-image { position: absolute; top: 0; bottom: 0; width: 50%; }

	.section-featured .pull-left { left: 0; }
	.section-featured .pull-right { right: 0; }

	.section-featured .section-content-inner { position: absolute; top: 50%; left: 50%; max-width: 380px; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

	.section-featured .section-title { padding-bottom: 20px; }
	.section-featured .section-title:before { margin-bottom: 52px; }

	.section-featured .section-image { height: auto; }
	.section-featured .section-entry { padding: 0 10px; }
	.section-featured .section-sign { padding: 0; }
}

@media (min-width: 1200px) {
	.section-featured { height: 820px; }
}

/*  Section Maintenance  */

.section-maintenance { height: auto; background: #1d1d1b; padding: 56px 0 33px; }

@media (min-width: 1000px) {
	.section-maintenance { padding: 0; }
	.section-maintenance .container { padding: 150px 0 40px; }
}

@media (min-width: 1200px) {
	.section-maintenance .container { padding: 150px 0 20px; }
}

/*  Section-Journal  */

.section-journal { position: relative; height: auto; padding: 220px 0 60px; color: #000; text-align: center; font-size: 24px; line-height: 1.2; letter-spacing: 0.025em; }
.section-journal .section-entry{ letter-spacing: 0.5em; }
.section-journal .section-title { text-transform: uppercase; font-size: 20px; letter-spacing: 0.46em; padding-bottom: 3px; }
.section-journal .section-title span { display: inline-block; vertical-align: middle; width: 28px; height: 4px; margin: -4px 7px 0 -4px; background: #1d1d1b; }
.section-journal .section-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f5f5f5; background-repeat: no-repeat; background-position: right 0; background-size: 180% auto; }
.section-journal .content { position: relative; z-index: 2; }
.section-journal .section-image{ background-position: center 0; }
#journal{ background-color:#fff; }
#journal .section-image{ background-color:#fff; }

@media (min-width: 400px) {
	.section-journal .section-image { background-size: 150% auto; background-color: #FFF;}
}

@media (min-width: 550px) {
	.section-journal { padding: 200px 0 50px; min-height: 466px; box-sizing: border-box; }
	.section-journal .section-image { background-size: 100% auto; background-color: #FFF;}
}

@media (min-width: 750px) {
	.section-journal { padding-top: 127px 0 200px; }
}

@media (min-width: 1000px) {
	.section-journal {  height: 770px; }
	.section-journal .section-content { position: absolute; top: 50%; left: 50%; max-width: 580px; width: 100%; margin-top: 23px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

	.section-journal .section-title { font-size: 40px; letter-spacing: 0.46em; margin: 0 -40px 14px; }
	.section-journal .section-title span { width: 50px; height: 8px; margin: -16px 16px 0 -11px; }
}

@media (min-width: 1200px) {
	.section-journal {  height: 820px; }
	.section-journal .section-content { margin-left: -200px; }
  .section-journal .section-image{ background-size: auto; background-position: center 0; }
}


/*  Section-callout  */

.section-callout { position: relative; padding-top: 65px; height: auto; background: #1d1d1b; text-align: center; }
.section-callout .section-actions { padding-bottom: 83px; text-transform: uppercase; font-size: 24px; color: #fff; letter-spacing: 0.5em; line-height: 2.3; }
.section-callout .section-actions a { text-decoration: none; }
.section-callout .section-actions a:after { content: '\A'; display: inline; white-space: pre; font-size: 0; line-height: 0; letter-spacing: 0; }

.section-callout .section-title,
.section-callout .section-image { display: none; }

.section-callout .subscribe-secondary { margin-bottom: 65px; }

.section-callout.newsletter-offer{ background:#000; padding-top:0; }
.section-callout.newsletter-offer .section-content{ width: 90%; margin: auto; max-width: 655px; }
.section-callout.newsletter-offer .section-image{ display:block; width: 100%; height: 100%; position: absolute; background-repeat:no-repeat; background-position:35% 0; }
.section-callout.newsletter-offer .section-title{ margin-bottom: 30px; padding-bottom: 0; padding-top: 60px; display: block; letter-spacing: 10px; line-height: 50px; }
.section-callout.newsletter-offer p{ font-size:16px; line-height: 1.4em; margin: 0 auto 10px; letter-spacing: 1px; max-width:500px;  }
.section-callout.newsletter-offer .subscribe-secondary{ margin-top: 45px; border: 0; }
.section-callout.newsletter-offer #fieldName,
.section-callout.newsletter-offer #fieldEmail{
  padding: 15px 20px;
  font-size: 16px;
  border: 1px solid #fff;
  background: transparent !important;
  display: inline-block;
  width: 100%;
  height: 56px;
  margin-bottom: 10px;
  color: #fff;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.section-callout.newsletter-offer #fieldName:-webkit-autofill { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #000 inset; }
.section-callout.newsletter-offer #fieldName::-webkit-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldName:-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldName::-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldName:-ms-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldEmail:-webkit-autofill { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #000 inset; }
.section-callout.newsletter-offer #fieldEmail::-webkit-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldEmail:-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldEmail::-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer #fieldEmail:-ms-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; }
.section-callout.newsletter-offer .thanks-msg{ padding: 250px 0 0; }
@media (min-width: 400px) {
    .section-callout.newsletter-offer .section-image{ background-position:80% 0; }
}

@media (min-width: 550px) {
    .section-callout.newsletter-offer #fieldName,
    .section-callout.newsletter-offer #fieldEmail{ width: calc(50% - 7px); }
    .section-callout.newsletter-offer #fieldName{ margin-right: 10px; }
}

@media (min-width: 750px) {
	.section-callout { padding-top: 95px; }

	.section-callout .subscribe-secondary { margin-bottom: 100px; }
    .section-callout.newsletter-offer .section-image{ background-position:0 0; }

    .section-callout.newsletter-offer #fieldName,
    .section-callout.newsletter-offer #fieldEmail{ width: 166px; margin-right: 10px; }
}

@media (min-width: 1000px) {
	.section-callout { height: 770px; background: #000; }
	.section-callout .section-image { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 440px; }
	.section-callout .section-title { display: block; text-transform: uppercase; letter-spacing: 0.5em; line-height: 1.42; padding-bottom: 30px; }
	.section-callout .section-content { position: absolute; left: 50%; top: 50%; width: 530px; margin: -43px 0 0 135px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.section-callout .section-content .container { width: 100%; }
	.section-callout .footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: #000; }

    .section-callout.newsletter-offer .section-content{ width: 655px; margin:0 0 0 155px; }
    .section-callout.newsletter-offer .subscribe-secondary{ margin-top: 30px; }
    .section-callout.newsletter-offer #fieldName,
    .section-callout.newsletter-offer #fieldEmail{ width: 232px; margin-right: 10px; }

    .section-callout.newsletter-offer .thanks-msg{ padding: 0; }
}

@media (min-width: 1200px) {
	.section-callout { height: 820px; }
	.section-callout .section-content { width: 654px; margin-left: 155px; }
	.section-callout .section-title { padding-bottom: 52px; }
	.section-callout .section-actions { margin-bottom: 20px; }

    .section-callout.newsletter-offer #fieldName,
    .section-callout.newsletter-offer #fieldEmail{ width: 232px; }
}

/** Section Town Talk **/
#town-talk{ color: #000; padding: 20px 0; background: #fff; }
#town-talk > .container{ position: relative; }
#town-talk .talk-title{ display: none; }
#town-talk h2{ font-size: 34px;font-weight: 600; text-transform: uppercase; letter-spacing: 0.6em; text-align: center; margin-bottom: 70px;  }
#town-talk .owl-carousel .owl-wrapper { display: table !important; }
#town-talk .owl-carousel .owl-item { display: table-cell; float: none; vertical-align: middle; }
#town-talk .talk-slide{ padding: 20px; text-align: center; max-width: 420px; margin: auto; }
#town-talk .talk-slide .top-slide,
#town-talk .talk-slide .bottom-slide{ box-sizing: border-box; }
#town-talk .talk-slide h2{ max-width: 240px; margin: auto; padding-left: 11px; font-size: 34px; line-height: 60px; }
#town-talk .talk-slide p{ font-size: 18px; line-height: 24px; margin-bottom: 3px; }
#town-talk .talk-slide blockquote{ font-size: 30px; line-height: 36px; margin: 0;}
#town-talk .talk-slide img{ margin: 50px auto 20px; max-width: 225px; }
#town-talk .talk-slide a{ font-size: 16px; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #000; padding: 2px; }
#town-talk .talk-slide a:hover{ color: #000; border-color: #2b56e8; }
#town-talk .talk-slide .link-style{ font-size: 16px; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; padding: 2px; }
#town-talk .slider-actions { position: absolute; top: 50%; margin-top: -12px; width: 100%; height: 25px; z-index: 9; }
#town-talk .slider-actions .slider-prev{ position: absolute; left: -5px; }
#town-talk .slider-actions .slider-next{ position: absolute; right: -5px; }
@media (min-width: 600px) {
	#town-talk{ padding: 100px 0; }
	#town-talk .talk-slide{ padding: 32px 40px; }
	#town-talk .talk-slide blockquote{ font-size: 38px; line-height: 44px; }
	#town-talk .slider-actions .slider-prev{ left: -85px; }
    #town-talk .slider-actions .slider-next{ right: -85px; }
}
@media (min-width: 1000px) {
	#town-talk{ padding: 175px 0; }
	#town-talk .talk-title{ display: block; }
	#town-talk h2{ font-size: 42px; margin: 0 auto 70px; }
	#town-talk .owl-item:first-child,#town-talk .talk-slide.first{ display: none; }
	#town-talk .talk-slide.mid{ border-width: 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.4); }
	#town-talk .slider-actions .slider-prev{ left: -150px; }
    #town-talk .slider-actions .slider-next{ right: -150px; }
}

/* ------------------------------------------------------------ *\
	Share
\* ------------------------------------------------------------ */

.share .stButton { margin: 0 15px 0 0; display: inline-block; vertical-align: middle; }
.share .st_facebook_large .stLarge { background-image: url(sprite.png) !important; background-position: -198px -140px !important; width: 11px; height: 24px; }
.share .st_twitter_large .stLarge { background-image: url(sprite.png) !important; background-position: -163px -120px !important; width: 24px; height: 20px; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.share .st_facebook_large .stLarge { background-image: url(sprite.@2x.png) !important; background-position: -193.5px -76.5px !important; background-size: 207px 181.5px !important; }
	.share .st_twitter_large .stLarge { background-image: url(sprite.@2x.png) !important; background-position: -160.5px -111px !important; background-size: 207px 181.5px !important; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider-link{ cursor:pointer; }

.slider { height: 100vh; position: relative; }

.slider,
.slider .slide,
.slider .slide-image,
.slider .owl-carousel,
.slider .owl-carousel .owl-stage-outer,
.slider .owl-carousel .owl-stage,
.slider .owl-carousel .owl-item { -webkit-backface-visibility: visible; backface-visibility: visible; }

.slider .slides { list-style: none outside none; margin: 0; }
.slider .slide { margin: 0; }

.slider .slider-actions { display: none; }

.slider .slide { position: relative; width: 100%; height: 100vh; }
.slider .slide-content { position: absolute; bottom: 114px; left: 0; right: 0; text-align: center; color: #000; text-transform: uppercase; letter-spacing: 0.2em; }
.slider .slide-content h1 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.35em; margin-bottom: 5px; }
.section-preorder .slider .slide-content h1, .section-product-preorder .slider .slide-content h1 { color: #3458de; }
.slider .slide-image { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.slider .slide-image .container { padding: 0 5%; }
.slider .slide-image img { width: auto; display: inline-block; height:auto; }
.slider .slide-image-full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: auto; background-size: cover; background-position: center center; }
.slider .slide-image-full[data-mfp-src] { cursor: zoom-in; }
.slider .slide-image-full img { display: none; }

.slider .owl-dots { position: absolute; bottom: 82px; left: 0; right: 0; text-align: center; }
.slider .owl-dot { display: inline-block; width: 8px; height: 8px; border: 1px solid #2b56e8; border-radius: 50%; margin: 0 9px; transition: background .3s; }
.slider .owl-dot:hover,
.slider .owl-dot.active { background: #2b56e8; }

@media (min-width: 750px) {
	.slider .slide-image .container { /*padding: 0 16%;*/ padding: 0 14%; }

	.slider .slider-actions { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.slider .slider-prev { float: left; }
	.slider .slider-next { float: right; }
}

@media (min-width: 1000px) {
	.slider .slide-content { margin-top: 0;  }
	.slider .slide-content { bottom: 128px; font-size: 16px; }
	.slider .slide-content h1 { font-size: 24px; padding-bottom: 5px; }

	.slider .slider-actions a:hover .ico-slider-prev { background-image: url(sprite.png); background-position: -198px -28px; }
	.slider .slider-actions a:hover .ico-slider-next { background-image: url(sprite.png); background-position: -198px -84px; }

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
		.slider .slider-actions a:hover .ico-slider-prev { background-image: url(sprite.@2x.png); background-position: -176px -132.5px; background-size: 207px 181.5px; }
		.slider .slider-actions a:hover .ico-slider-next { background-image: url(sprite.@2x.png); background-position: -193.5px -25.5px; background-size: 207px 181.5px;}
	}
}

@media (min-width: 1500px) {
	.slider .slide-image .container { padding: 0 307px; }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { list-style: none outside none; overflow: hidden; margin: 0; }
.socials li { float: left;padding-top:5px; padding-bottom:5px; margin-bottom:0; }
.socials li + li { padding-left: 48px; }
.socials.productPage ul {display:inline; width:50%;padding:4px 0; }
.box { @include border-radius(10px); }
.socials.productPage{ letter-spacing: 0.2em; }
.socials.productPage li:first-child { padding-right: 12px;font-weight:bold; }
.socials.productPage li + li { padding-left: 10px; }
.socials a { transition: opacity .3s; }
.socials a:hover { opacity: .8; }

@media (min-width: 750px) {
	.socials li + li { padding-left: 40px; }
}

/* ------------------------------------------------------------ *\
	Sort
\* ------------------------------------------------------------ */

.sort { position: relative; margin-bottom: 9px; }
.sort ~ .sort { z-index: 2; }
.sort-label { position: absolute; top: 8px; left: 15px; z-index: 5; color: #333; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; }

.sort .fs-dropdown { margin: 0; }

.sort .fs-dropdown-open
.sort .fs-dropdown-selected,
.sort .fs-dropdown-focus .fs-dropdown-selected,
.sort .fs-dropdown-selected { background: #e6e6e6; height: 34px; line-height: 36px; }

.sort .fs-dropdown-selected { padding: 0 20px 0 69px; font-size: 12px; color: #808080; }

@media (min-width: 750px) {
	.sort-label { left: 21px; }
}

/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe-secondary { border: 1px solid #fff;  font-family: 'Theinhardt', sans-serif;}

.subscribe-secondary input,
.subscribe-secondary form { margin: 0; }

.subscribe-secondary input { display: block; }
.subscribe-secondary .subscribe-field { width: 100%; height: 55px; padding: 4px 0 0; background: none; border-radius: 0; border: none; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: 0.2em; }
.subscribe-secondary .subscribe-field:focus { border: none; text-transform: none; letter-spacing: 0; }

.subscribe-secondary .subscribe-field.focused::-webkit-input-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.subscribe-secondary .subscribe-field.focused:-moz-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.subscribe-secondary .subscribe-field.focused::-moz-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }
.subscribe-secondary .subscribe-field.focused:-ms-input-placeholder { opacity: 1; color: #808080; text-transform: uppercase; letter-spacing: 0.2em; }

.subscribe-secondary .subscribe-btn { width: 100%; padding: 11px 0 7px; height: auto; background: #fff; color: #000; font-weight: bold; font-size: 16px; letter-spacing: 0.2em; border-radius: 0; border: none; transition: color .3s; }
.subscribe-secondary .subscribe-btn:hover { color: #2b56e8; }

@media (min-width: 750px) {
	.subscribe-secondary { position: relative; font-size: 0; line-height: 0; padding-right: 169px; }
	.subscribe-secondary input { display: inline-block; vertical-align: top; }
	.subscribe-secondary .subscribe-field { width: 100%; font-size: 14px; text-align: left; padding: 0 14px; }
	.subscribe-secondary .subscribe-btn { position: absolute; top: 0; right: 0; width: 169px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table table { width: 100%; }

/*  Table Product Details  */
.table-product-details { text-transform: uppercase; letter-spacing: 0.2em; }
.table-product-details td { padding: 20px 0 18px; border-bottom: 1px solid #ddd; }
.table-product-details td.td-sizes { padding: 0 0 10px; }
.table-product-details span { text-transform: none; }
.table-product-details td:first-child{ width: 80px; }
.table-product-details .deliveryDetails td{ width: 200px;text-transform:none; line-height:17px; font-size:14px; }
.table-product-details .deliveryDetails td strong{ line-height: 28px; }
.section-product-preorder .table-product-details .deliveryDetails td { width: auto }
@media (min-width: 400px) {
	.section-product-preorder .table-product-details .deliveryDetails td span.mobile-only {
		display: none;
	}
}
.table-product-details td:last-child { text-align: right; letter-spacing: 0.025em; }
.table-product-details .deliveryDetails td:last-child {font-size:14px!important; }
.table-product-details .productPrice td{ width: 200px; }
.table-product-details td s { color: #c8c8c8; margin-right: 6px; }
.table-product-details .table-inner { position: relative; min-height: 106px; }
.table-product-details .radio { text-align: center; }
.table-product-details .radio ~ .radio { margin-left: 13px; }
.table-product-details .radios-size { position: absolute; top: 50%; right: 0; width: auto; margin-top: -32px; }
/*.table-product-details .radios-size:after { content: ''; position: absolute; top: 48%; left: 0; height: 1px; background: #4a4a49; width: 100%; margin-top: -12px; }*/
.table-product-details .radios-size hr { border-top:1px solid #4a4a49; margin: 0 0 22px; clear: both; }
.table-product-details .radios-size .radio { min-width: 34px; height: 36px; margin: 0 2.5px; line-height: 1; float:left; }

.table-product-details .radios .radio.radio-text.unavailable label{ color:#c8c8c8; }
.table-product-details a {text-transform:none;}

/* Scarlet Edits */
.table-product-details.radio{position:relative;}
.table-product-details .ofs_wrapper{
  z-index:1;
  position:fixed;
  display:table;
  margin-bottom:0px;
  background-color:#1D1D1B;
  width:150px;
  height:70px;
  font-family:Theinhardt;
}

.table-product-details .ofs_wrapper .inner_wrapper{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

.table-product-details .ofs_wrapper .title{
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  color:#ffffff;
  font-size:12px;
  letter-spacing:0.4px;
}
.table-product-details .ofs_wrapper a{
  text-transform: initial;
  font-family:'Theinhardt';
  letter-spacing:0.4px;
  color:#ffffff;
  font-size:10px;
}

.table-product-details .ofs_wrapper:after {
	content: '';
	display: block;
	position: absolute;
	left: 56px;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 13px solid #1D1D1B;
	border-right: 13px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 13px solid transparent;
}

#test-popup{
 display:table;
 width:720px;
 height:250px;
 max-width:initial;
 background-color:#1D1D1B;
 padding:0px;
}

#popout_wrapper{
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#popout_wrapper .popout_inner{
  margin-left:auto;
  margin-right:auto;
  max-width:500px;
}

#popout_wrapper h2{
  color: #F8F8F8;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-bottom: 14px;
}

#popout_wrapper p{
  color: #F8F8F8;
  font-size: 16px;
  text-align: center;
  padding: 0px 0px 15px 0px;
  margin: 0px auto 5px auto;
  width: 334px;
  line-height: 22px;
}

#popout_wrapper .popout_email{
  width:500px;
  background-color:#1D1D1B;
  border:1px solid #F8F8F8;
}

#popout_wrapper .popout_email input[type="text"]{
  height:40px;
  width:347px;
  margin:0px;
  display:inline-block;
  color:#F8F8F8;
  padding: 0px;
  border: initial;
  border-radius: 0px;
  background-color:#1D1D1B;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-left: 24px;
}

#popout_wrapper .popout_email input[type="submit"]{
  height:42px;
  width:150px;
  margin:0px;
  display:inline-block;
  padding: 0px;
  border: initial;
  border-radius: 0px;
  color:#1D1D1B;
  font-size: 13px;
  background-color:#F8F8F8;
}


@media(max-width:1000px){

  #main{transform: initial !important}

  .table-product-details .ofs_wrapper .close{
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-image:url("//sonsoflondon.com/cdn/shop/t/41/assets/close_icon.png?v=136283984634739326161674038655");
  }

  .table-product-details .ofs_wrapper{
    height:95px;
  }
}

@media(max-width:780px){
 #test-popup{
   width:580px;
 }
}

@media(max-width: 600px){

  #test-popup{
    width:100%;
    height:350px;
  }

  #popout_wrapper .popout_inner{
    width:90%;
  }

  #popout_wrapper .popout_email{
    width:100%;
  }

  #popout_wrapper p{
    width:100%;
  }

  #popout_wrapper .popout_email input[type="text"]{
    width:100%;
  }

  #popout_wrapper .popout_email input[type="submit"]{
    width:100%;
  }

  .table-product-details .ofs_wrapper:after {
    display:none;
  }
}

@media (max-width: 400px) {
	.table-product-details .radios-size .radio { min-width: 28px; font-size:12px; margin: 0; }

}
@media (max-width: 750px) {
	.table-product-details .radios-size .radio { margin: 0; }

}

@media (min-width: 1100px) {
	.table-product-details .radios-size .radio { min-width: 38px; }
}
/*  Table Total  */

.table-total th { padding: 10px 0 13px; border-bottom: 2px solid #1d1d1b; font-size: 16px; letter-spacing: 0.15em; text-transform: uppercase; }
.table-total td { padding: 16px 0 8px; letter-spacing: 0.2em; border-bottom: 1px solid #ddd; }
.table-total td:last-child { letter-spacing: 0.025em; text-align: right; }
.table-total .total td { padding-bottom: 11px; text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #1d1d1b; }

.table-total-secondary { border-top: 2px solid #1d1d1b; font-size: 16px; letter-spacing: 0.025em; }
.table-total-secondary td { padding: 19px 0 17px; border-color: #3b3b3a; }
.table-total-secondary td:first-child { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; }

.table-total .total td { padding-bottom: 17px; }

@media (min-width: 750px) {
	.table-total-secondary td { font-size: 14px;  }
	.table-total-secondary { margin-top: 25px; }
}

@media (min-width: 1000px) {
	.table-total-secondary { margin-top: 15px; }
}


/*  Table-orders  */

.table-orders { font-family: 'Theinhardt', sans-serif; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; }
.table-orders table { margin: 0; }

.table-orders tr { border-top: 1px solid #f0f0f0; }
.table-orders th { display: none; }
.table-orders td { display: block; padding: 0 10px 2px; border: none; font-size: 12px; }
.table-orders td:first-child { background: none; text-align: center; }
.table-orders td:first-child a { margin:0 !important; }
.table-orders td:first-child a img { width: 100%; }

.table-orders td:first-child { float: left; display: block; width: 89px; /*padding: 32px 6px 29px;*/ padding:22px 6px 15px; background:#f3f3f3; }
.table-orders td:first-child + td { padding-top: 14px; }
.table-orders td:first-child ~ td { overflow: hidden; }

.table-orders td:before { content: attr(data-title); text-transform: uppercase; font-weight: bold; letter-spacing: 0.15em; padding-right: 5px; }

.table-orders td:last-child:before,
.table-orders td:first-child:before { display: none; }

@media (min-width: 750px) {
	.table-orders { border: none; margin-bottom: 43px; }
	.table-orders table { table-layout: fixed; }
	.table-orders tr { border: none; }

	.table-orders img { max-width: 100%; height: auto; width: 118px; }
	.table-orders th { display: table-cell; padding: 0 0 8px; text-transform: uppercase; letter-spacing: 0.15em; text-align: left; font-size: 13px; }
	.table-orders th:first-child ~ th { padding-left: 14px; }
	.table-orders td { display: table-cell; float: none; font-size: 14px; letter-spacing: 0.025em; border-bottom: 1px solid #f0f0f0; padding: 0; vertical-align: middle; height: 110px; }
	.table-orders td:first-child { width: 140px; padding: 0; float: none; display: table-cell; }
	.table-orders td:first-child a { display: inline-block; vertical-align: middle; max-width: 100%; margin-top: 10px; }
	.table-orders td:first-child ~ td { padding: 0 0 0 14px; }
	.table-orders td:last-child { text-align: right; }
	.table-orders td:before { display: none; }
}

@media (min-width: 1500px) {
	.table-orders td:first-child { width: 190px; }
	.table-orders img { width: 180px; }

	.table-orders table { table-layout: auto; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; margin: 0; }

/*  Widget nav  */

.widget-nav { margin-top: 23px; }
.widget-nav-fixed { position: fixed; top: 70px; }
.widget-nav ul { margin: 0; list-style: none outside none; }
.widget-nav a { text-decoration: none; color: #c2c2c2; font-size: 16px; }
.widget-nav a:hover,
.widget-nav .current a { color: #000; }

/* Standard page template */
.std-content ol { list-style: none outside none; counter-reset: numbers; }
.std-content ol li { position: relative; padding-left: 30px; counter-increment: numbers; line-height: 1.21; }
.std-content ol li + li { margin-top: 1px; }
.std-content ol li:before { content: counter(numbers)':'; font-weight: bold; position: absolute; top: 0; left: 3px; }

.std-content ul { list-style: none outside none; padding-bottom: 4px; }
.std-content ul li { position: relative; padding-left: 25px; line-height: 1.21; }
.std-content ul li_li { margin-top: 1px; }
.std-content ul li:before { content: ''; position: absolute; top: 6px; left: 0; width: 13px; height: 3px; background: #000; }

.section-product .std-content ul li { padding-left: 17px; }
.section-product .std-content ul li:before { top: 9px; width: 8px; height: 2px; }

.std-content h6 { padding: 0 0 20px; font-size: 12px; color: #ccc; margin-bottom: 10px; }
.std-content h6:after { content: ''; display: block; height: 2px; background: #ececec; width:100%; margin-top:15px; }

#journal a:hover{ color:#000; }


/* ------------------------------------------------------------ *\
	Currency Picker
\* ------------------------------------------------------------ */

#currency-popup{ text-align:center; max-width:300px; padding:30px; }
#currency-popup h3{ letter-spacing:3.2px; margin-bottom:40px; }
#currency-popup ul{ clear:both; overflow: auto; }
#currency-popup ul li{ text-align:left; cursor:pointer; list-style-type:none; letter-spacing:2px; position:relative; }
#currency-popup ul li:before{
    content:' ';
    width:18px;
    height:18px;
    border-radius:4px;
    display: inline-block;
    margin-right: 15px;
    box-shadow: 0 0 0 0 #2b56e8 inset;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    vertical-align: -5px;
    outline: 0;
    border: 1px solid #404040;
}
#currency-popup ul li.selected:before{
    border: 1px solid #2b56e8;
    box-shadow: 0 0 0 10px #2b56e8 inset;
    background-color:#2b56e8;
}
#currency-popup ul li.selected:after{
    position: absolute;
    left: 5px;
    top: 7px;
    content:' ';
    display: inline-block;
    width: 10px;
    height: 8px;
    background-image: url(//sonsoflondon.com/cdn/shop/t/41/assets/checkbox-tick.png?v=34462133154678418281674038655);
    background-size: 10px;
}
#currency-popup ul li:hover{ color:#2b56e8; }

/* ------------------------------------------------------------ *\
	Loading Bar
\* ------------------------------------------------------------ */
#squaresWaveG{
    position:absolute;
    width:30px;
    height:4px;
    margin:auto;

    top: 10%;
    left: 50%;
    margin-left: -15px;
    margin-top: -2px;
}

.homepage #squaresWaveG{
  top: 50%;
}

.squaresWaveG{
position:absolute;
top:0;
background-color:rgb(0,0,0);
width:4px;
height:4px;
animation-name:bounce_squaresWaveG;
-o-animation-name:bounce_squaresWaveG;
-ms-animation-name:bounce_squaresWaveG;
-webkit-animation-name:bounce_squaresWaveG;
-moz-animation-name:bounce_squaresWaveG;
animation-duration:1.105s;
-o-animation-duration:1.105s;
-ms-animation-duration:1.105s;
-webkit-animation-duration:1.105s;
-moz-animation-duration:1.105s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}

#squaresWaveG_1{
left:0;
animation-delay:0.446s;
-o-animation-delay:0.446s;
-ms-animation-delay:0.446s;
-webkit-animation-delay:0.446s;
-moz-animation-delay:0.446s;
}

#squaresWaveG_2{
left:4px;
animation-delay:0.5525s;
-o-animation-delay:0.5525s;
-ms-animation-delay:0.5525s;
-webkit-animation-delay:0.5525s;
-moz-animation-delay:0.5525s;
}

#squaresWaveG_3{
left:7px;
animation-delay:0.659s;
-o-animation-delay:0.659s;
-ms-animation-delay:0.659s;
-webkit-animation-delay:0.659s;
-moz-animation-delay:0.659s;
}

#squaresWaveG_4{
left:11px;
animation-delay:0.7755s;
-o-animation-delay:0.7755s;
-ms-animation-delay:0.7755s;
-webkit-animation-delay:0.7755s;
-moz-animation-delay:0.7755s;
}

#squaresWaveG_5{
left:15px;
animation-delay:0.882s;
-o-animation-delay:0.882s;
-ms-animation-delay:0.882s;
-webkit-animation-delay:0.882s;
-moz-animation-delay:0.882s;
}

#squaresWaveG_6{
left:19px;
animation-delay:0.9985s;
-o-animation-delay:0.9985s;
-ms-animation-delay:0.9985s;
-webkit-animation-delay:0.9985s;
-moz-animation-delay:0.9985s;
}

#squaresWaveG_7{
left:22px;
animation-delay:1.105s;
-o-animation-delay:1.105s;
-ms-animation-delay:1.105s;
-webkit-animation-delay:1.105s;
-moz-animation-delay:1.105s;
}

#squaresWaveG_8{
left:26px;
animation-delay:1.2115s;
-o-animation-delay:1.2115s;
-ms-animation-delay:1.2115s;
-webkit-animation-delay:1.2115s;
-moz-animation-delay:1.2115s;
}



@keyframes bounce_squaresWaveG{
0%{
background-color:rgb(0,0,0);
}

100%{
background-color:rgba(255,255,255,0.72);
}
}

@-o-keyframes bounce_squaresWaveG{
0%{
background-color:rgb(0,0,0);
}

100%{
background-color:rgba(255,255,255,0.72);
}
}

@-ms-keyframes bounce_squaresWaveG{
0%{
background-color:rgb(0,0,0);
}

100%{
background-color:rgba(255,255,255,0.72);
}
}

@-webkit-keyframes bounce_squaresWaveG{
0%{
background-color:rgb(0,0,0);
}

100%{
background-color:rgba(255,255,255,0.72);
}
}

@-moz-keyframes bounce_squaresWaveG{
0%{
background-color:rgb(0,0,0);
}

100%{
background-color:rgba(255,255,255,0.72);
}
}

/* ------------------------------------------------------------ *\
	Returns page
\* ------------------------------------------------------------ */
.main-returns .main-inner .content{ max-width: 995px; }
.main-returns .section .section-head{ padding-top:43px; }
.main-returns .section .section-head h1.section-title{
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding-bottom: 15px;
  font-size:16px;
  border-bottom: 1px solid #000;
}
.section-profile .section-inner.body-addresses .section-entry h3{
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin-bottom: 20px;
  }
@media (min-width: 1000px){
  .main-returns .section .section-head{ padding-top:3px; }
}
@media (min-width: 750px){
  .section-profile .section-inner.body-addresses .section-entry-actions{ top: 105px; }
  .section-profile .section-inner.body-addresses .section-entry {
    padding-top: 48px;
  }

  .main-returns .section .section-head{ padding-top: 48px; }
}
#test-popup.dark-popup h2{ display: none; }
#test-popup.dark-popup .inner-content{ display: table-row; margin: 0; overflow: hidden; max-height: none; }
#test-popup.dark-popup .inner-content #popout_wrapper .popout_inner h2{ display: block !important; }
#test-popup.dark-popup .inner-content #popout_wrapper .popout_inner .popout_email{ height: auto; overflow: hidden; }
#test-popup.dark-popup .inner-content #popout_wrapper .popout_inner .popout_email #submit_bis{ float: right; }

/* Fix for dropdown.js on touch devices */
body.is-mobile .form-contact .fs-dropdown-element{
  z-index: 99;
}

div.bis-reset.bis-edge-left.bis-edge-top.bis-rotate-90 {
  display: none; /* hide "email when available" side banner */
}

/* ------------------------------------------------------------ *\
	Outlet Specific Styles
\* ------------------------------------------------------------ */

.outlet .sumome-vex,
.outlet .sumome-popup {
	display: none; /* hide Sumo signup popup */
}

/* ------------------------------------------------------------ *\
	Outlet Collection
\* ------------------------------------------------------------ */

.outlet-collection {
	background-color: #fafafa;
}

.outlet-collection footer {
	position: static;
}

.outlet-collection .wrapper:after {
	display: none;
}

.outlet-collection-intro {
	height: 100vh;
	width: 100%;
	min-height: 480px;
	background-color: black;
	background-image: url(bg-outlet-phone.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}
@media (min-width: 750px) {
	.outlet-collection-intro {
		background-image: url(bg-outlet-tablet.jpg);
	}
}
@media (min-width: 1000px) {
	.outlet-collection-intro {
		background-image: url(bg-outlet-desktop.jpg);
	}
}

.outlet-collection-intro-body {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
}
.outlet-collection-intro-body h1 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
  letter-spacing: 0.33em;
  word-spacing: 0.12em;
  font-size: 24px;
  padding-bottom: 8px;
}
@media (min-width: 1000px) {
	.outlet-collection-intro-body h1 {
		font-size: 42px;
		padding-bottom: 11px;
		word-spacing: 0.09em;
	}
}
.outlet-collection-intro-body h1:before {
	content: '';
	display: block;
	width: 90px;
	height: 6px;
	margin: -29px auto 25px;
	background: white;
}
@media (min-width: 750px) {
	.outlet-collection-intro-body h1:before {
		margin-top: -72px;
	}
}
@media (min-width: 1000px) {
	.outlet-collection-intro-body h1:before {
		height: 10px;
		margin: 9px auto 31px;
	}
}
.outlet-collection-intro-body p {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 16px;
}
@media (min-width: 1000px) {
	.outlet-collection-intro-body p {
		font-size: 20px;
	}
}

@media (min-width: 1000px) {
	.outlet-collection-product-list {
		margin: 0 auto;
		max-width: 1200px;
	}
	.outlet-collection-product-list:after {
    content: ''; line-height: 0; display: table; clear: both;
	}
}

.outlet-collection-product {
	height: 100vh;
	min-height: 480px;
	width: 100%;
	text-align: center;
	position: relative;
}
@media (min-width: 1000px) {
	.outlet-collection-product {
		display: block;
		float: left;
		height: 479px;
		width: 48%;
		padding: 110px 0 27px 0;
		margin-left: 4%;
	}
	.outlet-collection-product:nth-of-type(odd) {
		margin-left: 0;
	}
	.outlet-collection-product:last-child:nth-child(odd) {
		margin-left: 26%;
		margin-right: 26%;
	}
}
.outlet-collection-product a {
	display: block;
	color: #1E1E1C;
	text-decoration: none;
	margin: 0;
}
@media (max-width: 999px) {
	.outlet-collection-product a {
		width: 100%;
  	max-width: 500px;
		position: absolute;
	  top: 50%;
	  left: 50%;
		-webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}
}
.outlet-collection-product img {
	margin: -20px auto 0 auto;
	display: block;
	width: 100%;
	max-width: 264px;
	height: auto;
}
@media (min-width: 750px) {
	.outlet-collection-product img {
		margin-top: -80px;
		max-width: 446px;
	}
}
@media (min-width: 1000px) {
	.outlet-collection-product img {
		margin-top: 0;
	}
}
.outlet-collection-product h1 {
	margin: 25px 0 8px 0;
	text-transform: uppercase;
	font-weight: bold;
  letter-spacing: 0.33em;
  font-size: 16px;
}
@media (min-width: 750px) {
	.outlet-collection-product h1 {
		margin-top: -44px;
	}
}
@media (min-width: 1000px) {
	.outlet-collection-product h1 {
		font-size: 21px;
	}
}
.outlet-collection-product p {
	margin: 0 0 7px 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 14px;
}
.outlet-collection-product p + p {
	margin: 0;
}
.outlet-collection-product s {
	color: #c8c8c8; margin-right: 6px;
}

/* reCaptcha Styles */
.shopify-challenge__container{
  margin-top: 65px !important;
}
.shopify-challenge__message{
  padding-top: 50px;
}

@media (min-width: 750px) {
  .shopify-challenge__container{
    margin-top: 85px !important;
  }
  .shopify-challenge__message{
    color: #000;
  }
}
@media (min-width: 1000px) {
  .shopify-challenge__container{
    margin-top: 125px !important;
  }
}