/*
Theme Name: 	Stighlorgan
Theme URI: 		http://www.addedlovely.com
Author: 		addedlovely
Text Domain: 	bespoke
Version:		   2.3.0
*/



/* ==========================================================================
	Addedlovely.com
   ========================================================================== */
:root {
  --admin-bar:32px;
  --shop-nav: 36px;
}

/* ==========================================================================
	Fonts
   ========================================================================== */
@font-face {
  font-family: 'stighlorgan';
  src: url('../eot/stighlorgan12d3-2.eot?34541468');
  src: url('../eot/stighlorgan12d3-2.eot?34541468#iefix') format('embedded-opentype'),
       url('../woff2/stighlorgan12d3-2.woff2?34541468') format('woff2'),
       url('../woff/stighlorgan12d3-2.woff?34541468') format('woff'),
       url('../ttf/stighlorgan12d3-2.ttf?34541468') format('truetype'),
       url('../svg/stighlorgan12d3-2.svg?34541468#stighlorgan') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "stighlorgan";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-left:before { content: '\e800'; } /* '' */
.icon-left-bold:before { content: '\e801'; } /* '' */
.icon-right:before { content: '\e802'; } /* '' */
.icon-right-bold:before { content: '\e803'; } /* '' */
.icon-twitter:before { content: '\e804'; } /* '' */
.icon-facebook:before { content: '\e805'; } /* '' */
.icon-instagram:before { content: '\e806'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */

@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url('../eot/itcavantgardestd-mdcn-2.eot');
    src: url('../eot/itcavantgardestd-mdcnd41d-2.eot?#iefix') format('embedded-opentype'),
         url('../woff/itcavantgardestd-mdcn-2.woff') format('woff'),
         url('../ttf/itcavantgardestd-mdcn-2.ttf') format('truetype'),
         url('../svg/itcavantgardestd-mdcn-2.svg#Archer') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
	font-family: 'ITCAvantGardeStd'; 
	src: url('../eot/2e40c8_0_0-2.eot');
	src: url('../eot/2e40c8_0_0d41d-2.eot?#iefix') format('embedded-opentype'),
	url('../woff2/2e40c8_0_0-2.woff2') format('woff2'),
	url('../woff/2e40c8_0_0-2.woff') format('woff'),
	url('../ttf/2e40c8_0_0-2.ttf') format('truetype');
	font-weight: bold;
}
 
/* ==========================================================================
	Helpers
   ========================================================================== */
.hidden {display: none!important; visibility: hidden;}
.last {margin-right: 0 !important;}
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* left: 0; right: 0; */}
.v-container {display:table; height: 100%;}
.v-content {display:table-cell; vertical-align:middle; height: 100%;}
.center {display:block; margin-left: auto; margin-right:auto;} 
.image img {width: 100%; height: auto;}
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.m-show {display: none !important;}
img {max-width: 100%; height: auto;}

.screen-reader-text {display: none;}

.image-container { width: 100%; position: relative; }
.image-container img { position: absolute; top:0; left: 0; width: 100%; height: auto; }

/* Lazyloading */
.lazyload {opacity: 0;  -webkit-transition: opacity 1s; transition: opacity 1s;  }
.lazyload.initial, .lazyload.loaded, .lazyload.error, .slick-initialized img.lazyload { opacity: 1; }
img:not([src]) { visibility: hidden; }


/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
*, *:before, *:after  {box-sizing: inherit;}
html {-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; box-sizing: border-box;} 
body {background: #ffffff; color: #000;  font-family: 'ITCAvantGardeStd'; letter-spacing: 0.1em; font-size: 12px; line-height: 1.5; text-align: center; padding-top: 200px;}
img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic;}
a {text-decoration: none;}
li {list-style-type: none;}


/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4, small {font-weight: normal; text-transform: uppercase;}
h1 {font-size: 18px; font-weight: 600; }
h2 {font-size: 18px; letter-spacing: 0.1em; margin-bottom: 16px;}
h3 {font-size: 12px; font-weight: 600;}
p {margin-bottom: 12px;}
a {color: #000;}
small {font-size: 9px;}
address {font-style: normal;}

h1.page-title {margin-top: 20px;}

/* ==========================================================================
	Forms
   ========================================================================== */
textarea, input[type=phone], input[type=text], input[type=submit], input[type=email], input[type=password], input[type=search], select {-webkit-appearance: none; border-radius:0; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; color: #000; background: transparent; }
 
   
input, select, textarea { font-size: 13px; outline: none; font-family: 'ITCAvantGardeStd';     letter-spacing: 0.1em; }
input, select { height: 44px; line-height: 43px; border: 1px solid #dadada; width: 100%; }
input[type=text], input[type=email], input[type=tel], input[type=password] { text-indent: 10px; }
input[type=radio] { display: none; }
input[type=radio] + label { position: relative; cursor: pointer; }
input[type=radio] + label:before { content: ''; vertical-align: middle; display: inline-block; border-radius: 50%; -webkit-transition: border 0.3s cubic-bezier(.77,0,.175,1); transition: border 0.3s cubic-bezier(.77,0,.175,1); width: 13px; height: 13px; border: 1px solid #dadada; margin-right: 8px; }
input[type=radio]:checked + label:before { border: 3px solid #000; }
input[type=checkbox] { display: none; }
input[type=checkbox] + label { position: relative; cursor: pointer; }
input[type=checkbox] + label:before { content: ''; vertical-align: middle; display: inline-block; border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); width: 13px; height: 13px; border: 1px solid #dadada; margin-right: 8px;  margin-top: -1px;}
input[type=checkbox]:checked + label:before { border: 3px solid #000; }
textarea { width: 100%; padding: 10px; height: 150px; border: 1px solid #dadada;  }
fieldset { border: 0; }
.required { color: red; }

.mc4wp-checkbox-woocommerce input + span, .woocommerce-form__label-for-checkbox input + span { position: relative; cursor: pointer; }
.mc4wp-checkbox-woocommerce input + span:before, .woocommerce-form__label-for-checkbox input + span:before { content: ''; vertical-align: middle; display: inline-block; border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); width: 13px; height: 13px; border: 1px solid #dadada; margin-right: 8px; margin-top: -1px; }
.mc4wp-checkbox-woocommerce input:checked + span:before, .woocommerce-form__label-for-checkbox input:checked + span:before{ border: 3px solid #000; }

::-webkit-input-placeholder {color: #878786;}
:-moz-placeholder {color: #878786;}
::-moz-placeholder {color: #878786;}
:-ms-input-placeholder {color: #878786;}

.select2-container { height: 45px !important; }
.select2-container .select2-selection--single { height: 45px !important; border: 1px solid #dadada !important; border-radius: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px !important; padding: 0 10px !important; font-size: 13px !important;     letter-spacing: 0.1em !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px !important; }
.select2-dropdown { border: 1px solid #dadada !important; font-size: 13px !important; border-radius: 0 !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #000 !important; color: #FFF !important; }



/* Buttons */
button, input[type="button"], input[type="submit"], input.submit, button.button, a.button {cursor: pointer;  border-color: #000; text-indent: 0; text-transform: uppercase; color: #FFF; background: #000; font-weight: bold; height: 44px; line-height: 42px; font-size: 14px; font-family: 'ITCAvantGardeStd';    letter-spacing: 0.1em; }
input.button-secondary, a.button-secondary, .button.view {background: #FFF; border: 1px solid #000; color: #000;}
a.more {display: inline-block; padding: 0 40px; width:auto; margin-top: 20px;}
a.more:hover {background-color: #000; color: #FFF;}
.button.wc-backward { display: inline-block; padding: 0 20px; }

/* Columns */
.col2-set {width:100%; clear: both; text-align: left; float: left; margin-top: 10px;}
.col-1 {float: left; width: 50%;}
.col-2 {float: right; width: 50%;}

/* Dropdown Arrows */
.dropdown {position: relative; display: inline-block; width: 100%;}
.dropdown select {width: 100%;}
.dropdown:after {content:''; position:absolute; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #000000 transparent transparent transparent; right: 10px; top: 13px; opacity: 0.3;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.dropdown:hover:after {opacity: 1;}

label {display: inline-block; vertical-align: top;}

/* ==========================================================================
	Header
   ========================================================================== */
.header {position: fixed; top:0; left:0; right:0; background: #FFF; text-transform: uppercase; border-bottom: 0; z-index: 1000; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #FFF; height: 200px;}
.header .mini {position: absolute; content: ''; left: 20px; bottom: 9px; background: url('../svg/logo-2.svg'); background-size: 100% auto; background-repeat: no-repeat; height: 30px; width: 26px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.condensed-header .header {-webkit-transform: translate3d(0,-130px,0); transform: translate3d(0,-124px,0);} 
.condensed-header .header .mini {opacity: 1; visibility: visible;}
.condensed-header .menu {line-height: 45px; height: 45px;}

.logo { display: inline-block; margin: 74px auto 30px; }
.menu {line-height: 40px; font-size: 0; height: 40px;}
.menu li {list-style-type: none; display: inline-block; min-width: 110px;}
.menu a {font-size: 12px; margin: 0 20px; display: block;}
.menu .active a {border-bottom: 1px solid #000;}

.shop-nav {line-height: 36px; background: #333; display: flex; justify-content: flex-end; padding: 0 20px;  font-size: 10px; position: fixed; top:0; left:0; right: 0; z-index: 1001; text-transform: uppercase;}
.shop-nav > a {color: #FFF; padding: 0 10px; display: inline-block; border-right: 1px solid #555; line-height: 20px; height: 20px; margin-top:auto; margin-bottom: auto; }

.burger { width: 26px; height: 20px; border-top: 2px solid #000; border-bottom: 2px solid #000; position: absolute; top: 30px; bottom: 0; margin: auto; left: 20px; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.burger:after, .burger:before {content:''; height: 2px; background: #000; left:0; right:0; position: absolute; top:50%; margin-top: -1px;}

/* Sticky Filter */
.stick-filters .shop-filter {  position: fixed; left: 0; right: 0; top: 75px; z-index: 1000;} 
.stick-filters h1.page-title {padding-bottom: 88px;}

.searchform {position: absolute; bottom:0; left:10px; height: var(--shop-nav);}
.searchform input {background: transparent; color: #FFF; line-height: var(--shop-nav); height: var(--shop-nav); font-size: 10px; border: 0; width: 200px; text-transform: uppercase;}
.searchform input::-webkit-input-placeholder {color: #FFF;}
.searchform input:-moz-placeholder {color: #FFF;}
.searchform input::-moz-placeholder {color: #FFF;}
.searchform input:-ms-input-placeholder {color: #FFF;}


/* Region Selector */
.button-region-selector { width: 30px; height: 16px; display: inline-block; background-size:cover; appearance: none; margin: 10px 0 10px 10px; }
.button-region-selector.is-eu { background-image:url('../png/eu-2.png'); }
.button-region-selector.is-uk { background-image:url('../png/uk-2.png'); }
.button-region-selector.is-us { background-image:url('../png/us-2.png'); }
.button-region-selector.is-row { background-image:url('../png/row-2.png'); }
.region-selector { max-width:345px; position: fixed; background: #333333; color:#FFF; right: 0; padding: 20px 10px 15px 10px; z-index: 1001; top: calc( var(--shop-nav) + 4px ); display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; visibility: hidden; opacity: 0; }
.region-selector:before { content:''; position: absolute; top:-4px; right: 0; height: 4px; background: #333333; display: block; width:90px; }
.region-selector h3 { width: 100%; font-size: 14px; font-weight: normal; text-align: left; font-weight: normal; margin-bottom: 12px; }
.button-region { background: none; line-height: normal; font-size: 14px; height: auto; font-weight: normal; width: 25%; line-height: 1.1; color: inherit; text-transform: uppercase; }
.button-region img { height: 31px; width: 62px; margin: 0 auto 10px auto; filter: grayscale(1); }
.button-region:hover img, .button-region.is-active img { filter: grayscale(0); }
.show-region-selector .region-selector { visibility: visible; opacity: 1; }

/* Header Messages */
.header-messages { color: #FFF; position: absolute; left: 300px; right: 300px; top:0; height: 36px; width: auto; font-size: 12px; }
.header-messages a { color: #FFF; background: #333333;}
.header-message { height: 36px; line-height: 36px; }

/* ==========================================================================
	Mobile Menu
   ========================================================================== */
.mobile-menu {position: fixed; top:0; left:0; bottom: 0; background: #333; padding: 20px; z-index: 1000; width: 80%; z-index: 10000; display: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; overflow: scroll; -webkit-overflow-scrolling: touch; text-align: left;}
.mobile-menu li {line-height: 40px; color: #FFF; text-transform: uppercase; display: block; border-bottom: 1px solid #555; position: relative;}
.mobile-menu li li {border-bottom: 0; line-height: 30px; }
.mobile-menu li li a {font-size: 11px;}
.mobile-menu li:last-child {border-bottom: 0;}
.mobile-menu ul ul {display: none; border-top: 1px solid transparent;}
.mobile-menu ul .active ul {display: block;}
.mobile-menu .has-children:after {content: '+'; line-height: 40px; width: 40px; text-align: center; position: absolute; top:0; right:-10px; pointer-events: none; color: #FFF; font-size: 20px;}
.mobile-menu .has-children.active:after {content: '-';}

.mobile-menu .active a {border: 0;}
.mobile-menu a {display: block; color: #FFF; margin: auto;}
.mobile-menu:after {content: ''; width: 50px; height: 57px; background:url('../svg/logo-white-2.svg'); background-size:100% auto; background-repeat: no-repeat; background-position: top center;  margin: 20px auto; display: block;}

/* ==========================================================================
	Shop Menu
   ========================================================================== */
.shop-menu {background: #FFF; text-align: left; text-transform: uppercase; position: relative; z-index: 1; height: 0; overflow: hidden; -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out}
.shop-menu .column { width: 25%; float: left; padding: 40px 20px;}
.shop-menu a {display: block; }
.shop-menu a.active, .shop-menu a:hover { text-decoration: underline; }
.shop-menu .menu-new-arrivals, .shop-menu .menu-sale {line-height: 40px; padding: 0 10px; display: inline-block;}
.menu-new-arrivals {background-color: #000; color: #FFF;}
.menu-new-arrivals.black-friday { background: #ffe900; color: #000; font-weight: bold; }

/* Shop Header */
.woocommerce-products-header {line-height: 75px;}
.woocommerce-products-header h1 {margin-top: 0;}

/* ==========================================================================
	Structure
   ========================================================================== */
.page .main {padding: 60px 0;} 

/* ==========================================================================
	Homepage
   ========================================================================== */
.home  {background-color:#000; }
.home .page-text {padding: 20px 0 10px 0;}
.home .page-text h2 {margin-bottom: 30px;}
.home .main section {background-color: #FFF;}
.home .main {padding: 0;}

/* Loading */
.main.container {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1;}
.main.container.loading {opacity: 0;}

/* Section Border */
.border {padding-top: 20px; border-bottom: 1px solid #EFEFEF; margin-bottom: 20px;}
.border:last-of-type {border-bottom: 0; margin-bottom: 0;}
.selected-products, .selected-category {padding: 20px 0; }
.selected-products h3:after, .selected-category h3:after, h3.underline:after {content: ''; height: 2px; width: 10px; margin: 10px auto; display: block; background: #000;}

/* Homapge Banners */
.banners {background-color: #000;}
.banners img {width: 100%; height: auto; max-width: none;}
.banner {position: relative; background-color: #000; display: block;}
.banner .hover {visibility: hidden; position: absolute; top:0; left:0;}
.banner:hover .hover {visibility: visible;}  
.banner:hover .overlay {opacity: 1; visibility: visible;}

.about {padding: 40px 0;}

/* Splash */
.splash {position: fixed; top:0; right:0; bottom: 0; left:0; z-index: 1000; padding: 150px; background-color:rgba(0,0,0,0.8);  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; visibility: hidden;}
.splash.active {visibility: visible;}
.splash svg path {  stroke-width: 4px; stroke: #FFF; fill:transparent;}
.splash object {width: 200px; margin: auto; position: absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.splash.hide {opacity: 0; z-index: -1; visibility: hidden; }

.home .item-video {position: relative;}
.home .item-video:before {content: ''; padding-top: 44.45%; width: 100%; display: block;}
.home .owl-video-wrapper {position: absolute !important; top:0; right: 0; bottom: 0; left:0; background: transparent !important;}
.home .owl-video-play-icon {height: 60px; width: 60px; background: #000; color: #FFF; position: absolute; text-align: center; line-height: 56px; font-family: 'stighlorgan'; font-size: 46px; top: 50%; left:50%; margin-top: -30px; border-radius: 50%; cursor: pointer;     margin-left: -30px;}
.home .owl-video-play-icon:before {content: '\e802'; position: relative; left:2px;}
.home .owl-video-tn {display: none !important;}

.slider .product {width: 100%;}


/* ==========================================================================
	Collections
   ========================================================================== */
.page-template-_collection .main {padding: 0;}
.collection { background-color: #000;}
.collection .owl-item.active {background:url('../gif/loading-black-2.gif') no-repeat center center; background-size: 32px 32px;}
.collection h1 {font-size: 62px; color: #FFF; left:0; right:0; font-weight: normal; line-height: normal;}
.collection h1 span {font-size: 26px; display: block;}
.spacer {width: 100%; height: auto;}

.collections {margin-top: 1px;}
.collections, .collections .cover {display: block;}
.collections .cover {background-color: #000;}
.collections a {position: relative;}
.collections a:hover .overlay {opacity: 1; visibility: visible;}

/* General Overlay  */
.overlay {background: rgb(0,0,0); background:rgba(0,0,0,0.5); position: absolute; top:0; left:0; right:0; bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.overlay div {font-weight: 500; text-transform: uppercase; font-size: 36px; color: #FFF; left:0; width: 100%;}
.overlay span {font-size: 14px; display: block;}

.touch .overlay:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent; position: absolute; top:-10px; left:0; right:0; margin: auto;}
.touch .overlay {position: relative; top:auto; bottom: auto; color: #FFF; opacity: 1; visibility: visible;}
.touch .overlay div {-webkit-tranform:none; transform: none; position: static; padding: 10px 0;}

/* Video Slide */
.collection .owl-video-wrapper {position: relative;}
.collection .owl-video-tn:before {content: ''; padding-top: 53.333333333333%; display: block;}
.collection .owl-video-play-icon {height: 60px; width: 60px; background: #000; color: #FFF; position: absolute; text-align: center; line-height: 56px; font-family: 'stighlorgan'; font-size: 46px; top: 50%; left:50%; margin-top: -30px; border-radius: 50%; cursor: pointer;     margin-left: -30px;}
.collection .owl-video-play-icon:before {content: '\e802'; position: relative; left:2px;}

/* ==========================================================================
	Footer
   ========================================================================== */
.footer { border-top: 1px solid #EFEFEF; padding: 40px 0 20px 0; line-height: 30px; background-color: #FFF;}
.footer small {margin: 20px auto; color: #333;}
.footer input {text-transform: uppercase;}
.footer-menu a {padding: 0 20px; text-transform: uppercase; font-size: 10px; }

.social {font-size: 16px; text-align: center; font-family: 'stighlorgan';}
.social a {padding: 0 20px;}

.newsletter input {font-size: 10px; border: 0; border-bottom: 1px solid #EFEFEF; text-indent: 0;}

/* Footer : Popup */
.popup-newsletter {position: fixed; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 3;}
.popup-newsletter .popup-close {line-height: 60px; width: 60px; height: 60px; text-align: center; color: #FFF; position: absolute; top:0; right: 0; font-size: 30px; background: transparent; border:0;}
.popup-image {position: absolute; width: 50%; left: 0; top:0; bottom: 0; }
.popup-form {float: right; width: 50%; padding: 40px; background: #343434; color: #FFF; text-align: left;}
.popup-form form {max-width: 490px; position: relative; margin-top: 5px;  margin-top: 10px;}
.popup-form h2 {margin-bottom: 0;}
.popup-form input, .popup-form button {height: 45px; line-height: 45px; margin-bottom: 0;}
.popup-form button { position: absolute; bottom:0; right: 0; padding: 0 20px;}
.wcmd-validation.error {color: red; margin-bottom: 10px; border: 0; padding: 0; background: transparent;}
.wcmd-validation.success {font-weight: bold; margin-bottom: 10px; color: #FFF; }

/* Footer : Popup : State */
.show-popup .popup-newsletter {-webkit-transform: translateY(0); transform: translateY(0); }

/* ==========================================================================
	Page
   ========================================================================== */
.page-content h3 {margin-bottom: 8px;}
.page-text {min-width: 400px; margin-left: auto; margin-right: auto; max-width: 550px;}

/* Featured Image */
.hero {min-height: 400px; overflow: hidden; max-height: 500px;} 
.hero.fitimage {background-color: #000; height: auto; min-height: inherit;}
.hero.fitimage img {margin: auto; max-width: 100%; height: auto;}
.hero img {width: 100%; height: auto; max-width: none;}
 
/* ==========================================================================
	Post
   ========================================================================== */
.news-container {max-width: 80%; margin: -1px auto auto auto; border-left: 1px solid #EFEFEF;   border-right: 1px solid #EFEFEF; clear:both; position: relative; overflow: auto;}
.news-container:before {content: ''; position: absolute; top:0; bottom: 0; width: 1px; background-color:#EFEFEF; left: 50%; z-index: 0; }

.post {border-top: 1px solid #EFEFEF; text-align: left; }
.post .image, .post .post-meta {padding: 40px; display: block; margin: 40px 40px 20px; 40px;}
.post .image {margin-bottom: 0; padding-bottom: 0;}
.post .post-meta {margin-top: 0;}
.post .post-meta img {margin-bottom: 20px; max-width: 100%;}
.post p {max-width: 650px;}
.read-more {text-transform: uppercase;}

.single-post .image {margin: 40px 40px 0 40px; padding: 40px 40px 20px 40px;  }
.single-post .post-meta {margin-top: 40px;}


.recent-posts {clear:none!important; background-color: #000;}
.recent-posts a {width: 50%; float: left; opacity: 0.4;  -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.recent-posts a:hover, .recent-posts a.active {opacity: 1;}
.recent-posts .image {margin: 0; padding: 0;}
.recent-posts img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.pagination {line-height: 100px; text-align: center; background-color: #FFF; text-transform: uppercase; position: relative; z-index: 1; border-top: 1px solid #EFEFEF;}
.pagination a, .pagination span {padding: 0 10px;}

/* ==========================================================================
	SLG Store
   ========================================================================== */
.map {width: 100%; height: 400px;}
.page-id-13 .main {padding-bottom: 0;}
.page-id-13 .main article {padding-bottom: 60px;}
.page-id-13 .hero {max-height: none;}

/* ==========================================================================
	Product Listing
   ========================================================================== */
/* Category Description */
.category-description {padding: 20px 0;}
   
.products {text-align: center; text-transform: uppercase; padding: 20px; clear: both; overflow: auto;}
.products .image-container {margin-bottom: 10px;}
.products a {padding: 20px; display: block;}
.products h3 span {display: block; font-weight: normal; text-transform:none;}
.products li {position: relative; width: 25%; float: left;}

/* Product Filter */
.product-filter-container {position: relative; min-height: 90px;}
.product-filter { padding: 32px 0; text-transform: uppercase; min-height: 90px;}
.product-filter a {display: inline-block; padding: 0 15px;}
.product-filter a.active { text-decoration: underline; }

.filtered .product {display: none;}
.filtered .product.active {display: block;}

/* Product Ordering */
.product-ordering {position: absolute; right: 0; color: #989898; text-align: right; text-transform: uppercase; top:0;     width: 200px;}
.product-ordering label {line-height: 90px; padding: 0 20px;}
.product-ordering label:before {content: 'Sort By:'; position: absolute; left:0; }
.product-ordering div {position: absolute; top:60px; opacity: 0; visibility: hidden; padding: 20px; z-index: 1; right: 0; left: 0; background: #FFF;}
.product-ordering:hover div {opacity: 1; visibility: visible;}
.product-ordering a {display: block;}


/* Sale Pricing */
.price ins {text-decoration: none; color: #d74343;}
.onsale {display: none;}

/* Pagination */
.woocommerce-pagination {line-height: 100px;}
.woocommerce-pagination li {display: inline-block;}
.woocommerce-pagination a, .woocommerce-pagination span {display: inline-block; padding: 0 20px;}
.woocommerce-pagination .current {font-weight: bold;}

/* Category Banner */
.category-banner img {max-width: 100%; margin: auto; height: auto;}

/* ==========================================================================
	Product Single
   ========================================================================== */
.product-info {padding: 5% 7%; text-align: left;}

/* Quantity */
.product-info .quantity  { float: left; display: inline-block; }
.product-info .quantity input { width: 44px; text-align: center; }
.single_add_to_cart_button { display: inline-block; width: 100%; width: calc(100% - 45px); }

/* Brand Title */
h1.product-title {margin-bottom: 6px;   font-size: 32px; line-height: 1; max-width: 75%;}
h1.product-title span, h2.brand {font-weight: normal; display: block; font-size: 16px; margin-bottom: 0; line-height: 2;}
h1.product-title span {font-size: 14px;}

/* Image Gallery */
.gallery .owl-nav div {width: 30%;}
.gallery .owl-item.active {background:url('../gif/loading-2.gif') no-repeat center center; background-size: 32px 32px;}

/* Tabs */
.woocommerce-tabs { margin-top: 40px; clear: both; line-height: 1.8;}
.woocommerce-tabs p {max-width: 450px;}
.woocommerce-tabs .panel {  padding: 20px; border: 1px solid #EFEFEF; clear: both;}
.tabs li {line-height: 40px; border: 1px solid #FFF; border-bottom: 0; width: 50%; float: left; text-indent: 20px; position: relative; top:1px; text-transform: uppercase; font-weight: bold;}
.tabs li.active {border-color: #EFEFEF; background-color: #FFF;}
.tabs li.active a {color: #000;}
.tabs li a {color: #666;}

/* Table */
table {width: 100%; text-align: left; margin-bottom: 20px;}
th {text-transform: uppercase;}
th,td {line-height: 30px; vertical-align: top;}
td p {margin-bottom: 0;}

/* Gallery */
.owl-dots {position: absolute; left:20px; right:20px; bottom: 20px; text-align: center;}
.owl-dot {padding: 10px; display: inline-block;} 
.owl-dot span {width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #000; border: 2px solid #000; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.owl-dot.active span {background-color: transparent;}

.owl-nav div {position: absolute; top:0; width: 10%; bottom: 0;}
.owl-nav div:after {height: 60px; width: 30px; background: #000; color: #FFF; position: absolute; text-align: center; line-height: 60px; font-family: 'stighlorgan'; font-size: 26px;  top:50%; margin-top: -30px; }
.owl-prev {left: 0;}
.owl-prev:after { content: '\e800'; left:0;}
.owl-next {right:0; }
.owl-next:after {content: '\e802'; right:0;}

/* Upsells */
.upsells, .related {border-top: 1px solid #EFEFEF; padding: 40px 0;}

/* WooCommerce : Message */
.woocommerce-message, .wc-block-components-notice-banner  {line-height: 30px; background-color: #000; color: #FFF; margin-bottom: 20px; padding: 0 10px;}
.woocommerce-message a, .woocommerce-message a.button, .wc-block-components-notice-banner a {color: #FFF; text-decoration: underline; display: inline;}
.wc-block-components-notice-banner svg { display: none; }

/* WooCommerce : Confirmation */
.woocommerce-info {line-height: 30px; background-color: #FFF; color: #000; border: 1px solid #EFEFEF; margin-bottom: 20px; padding: 0 10px;}
.woocommerce-info a {color: #000; text-decoration: underline;}

.woocommerce-error {line-height: 1.5; background-color: #d74343; color: #FFF; margin-bottom: 20px; padding: 10px; text-align: left; }
.woocommerce-error li {list-style-type: none;}
.woocommerce-error a {color: #FFF; text-decoration: underline;}

/* Variations */
.variations {margin-bottom: 0;}
.variations td { padding-bottom: 10px; line-height: 44px;}
.variations .value { position: relative; }
.variations .value:after { content: ''; position: absolute; top:0; bottom: 10px; right: 10px; pointer-events: none; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #000000 transparent transparent transparent; margin: auto; }
.variations .value select { text-indent: 10px; }
.variations label {text-transform: uppercase;}

.single_variation {line-height: 30px;}
.reset_variations {display: none !important;}

/* Hide SKU */
.sku_wrapper {display: none;}

/* Hide Weight attribute */
.woocommerce-product-attributes-item--weight { display: none; }

/* ==========================================================================
	Cart
   ========================================================================== */
.shipping-calculator-button {text-decoration: underline;}
.shipping-calculator-form select {margin-bottom: 0;}

.woocommerce-cart-form__contents td { line-height: normal; padding: 23px 0; }
.woocommerce-cart-form__contents .product-subtotal { text-align: right; }
.woocommerce-cart-form__contents td.product-quantity { padding: 10px 0; }
.woocommerce-cart-form__contents .product-quantity input { width: 45px; text-align: center; }
.woocommerce-cart-form__contents .product-thumbnail img {width: 100px; height: auto;}

.cart_totals td {width: 50%;}
.cart_totals td, .cart_totals th { line-height: 40px; }

.cart-collaterals { max-width: 450px; margin: auto; }
.cart-collaterals h2 { font-weight: bold; }

.woocommerce-cart-form { margin-bottom: 40px; }

/* Coupon */
.woocommerce-cart-form__contents .actions { padding: 0; }
.woocommerce-cart-form__contents .actions > button { display: none; } /* Hide update cart */
.woocommerce-cart-form__contents .coupon { font-size: 0; }
.woocommerce-cart-form__contents .coupon input, .woocommerce-cart-form__contents .coupon button { vertical-align: top; float: left; }
.woocommerce-cart-form__contents .coupon input { width: 180px; }
.woocommerce-cart-form__contents .coupon button { background: #FFF; color: #000; padding: 0 20px; border: 1px solid #000; margin-left: -1px;  }
.woocommerce-cart-form__contents .coupon label { display: none; }

/* Shipping Calculator */
.shipping-calculator-form .form-row { margin-bottom: 10px; }
.shipping-calculator-form .button { padding:  0 20px; }

/* Button */
.checkout-button { display: block; }

/* ==========================================================================
	Checkout
   ========================================================================== */
.woocommerce-checkout {position: relative;}
.woocommerce-checkout:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}

.checkout_coupon {margin-bottom: 20px;}
.checkout_coupon input { vertical-align: top;}
.checkout_coupon p {margin-bottom: 0; clear: none; width: 50%; float: left;}

.checkout .col2-set {width: 60%;}
.checkout .col-1, .checkout .col-2 { width: 100%; float: none; }

/* Fields */
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: grid; grid-gap:10px; grid-template-columns: repeat(2, 1fr); }
.form-row { margin-bottom: 0; }
.form-row label { display: none; }
.form-row .woocommerce-form__label-for-checkbox { display: block; }
.form-row.notes { width: 100%; clear: both; grid-column: 1; margin-bottom: 20px; }
.form-row.notes label { display: block; padding-bottom: 10px; }
.form-row .button { width: 100%; }

.no-cssgrid .woocommerce-billing-fields__field-wrapper .form-row, .no-cssgrid .woocommerce-shipping-fields__field-wrapper .form-row { width:50%; display: inline-block; padding-right: 10px; margin-bottom: 10px; }

.woocommerce-checkout p {margin-bottom: 0;}
.woocommerce-checkout-review-order {float: right; width:40%; text-align: left; }
.woocommerce-checkout-review-order .pad {padding: 20px; border: 1px solid #000; margin-left: 20px;}
.woocommerce-checkout-review-order a {text-decoration: underline;}
.woocommerce-checkout-review-order table { border-bottom: 1px solid #000; padding: 0 0 10px 0; margin-bottom: 0; }
.woocommerce-checkout-review-order td, .woocommerce-checkout-review-order th { line-height: 40px; }
.about_paypal {display: block; margin-bottom: 10px;}
.payment_box p {margin-bottom: 10px; margin-top: 20px; }

/* Order Review */
#order_review_heading { display: none; }
.woocommerce-checkout-review-order { padding-left: 40px; } 
th.product-total { text-align: right; }
.cart_item .product-total { text-align: right; }
.cart-subtotal td, .order-total td { text-align: right; }
.cart-subtotal td, .cart-subtotal th { border-top:1px solid #eeefee; border-bottom: 1px solid #eeefee; }
.order-total td, .order-total th { padding-top: 10px; border-top:1px solid #eeefee;  }

/* Coupon */
.woocommerce-form-coupon-toggle .wc-block-components-notice-banner  { border: 0; padding: 0; text-align: left; color:#000; background-color: #FFF; }
.woocommerce-form-coupon-toggle .wc-block-components-notice-banner a { color:#000; }
.woocommerce-form-coupon { max-width: 500px; }
.woocommerce-form-coupon p:first-child { display: none; }

/* Login */
.woocommerce-checkout .login .form-row-first, .woocommerce-checkout .login .form-row-last {width:48%; float: left; clear:none;}
.woocommerce-checkout .login .form-row-last {float: right;}
.woocommerce-checkout .login .clear {clear: both;}
.woocommerce-checkout .lost_password {margin-bottom: 20px;}

/* Payment Methods */
.wc_payment_methods { margin-bottom: 16px; }
.wc_payment_method { list-style-type: none; padding: 12px 0; border-bottom: 1px solid #000; }
.wc_payment_method label { display: block; font-weight:bold; text-transform: uppercase; }

/* Paypal Payments */
.payment_method_ppcp-gateway > label { position: relative; }
.payment_method_ppcp-gateway > label:after { content:''; background-image:url('../svg/gateway-paypal-2.svg'); position:absolute; top:1px; right:0; width:82px; height:18px; background-size:contain; background-position: center right; background-repeat: no-repeat;  }

/* Paypal */
.payment_method_paypal img { float:right; width:70px; margin-top: 0; }

/* Stripe */
#wc-stripe-payment-request-wrapper { margin-bottom: 20px; }
.payment_method_stripe img { width: 30px; display: inline-block; float: right; margin-left: 10px; margin-top: 6px;}
.about_paypal { display: none; }

/* Gift Voucher */
.woocommerce-checkout .gift-certificate {width: 60%; text-align: left; padding: 20px;}
.woocommerce-checkout .gift-certificate-show-form p {margin-bottom: 10px;}
.woocommerce-checkout .gift-certificate .form_table {padding: 10px 0 0 0;}

/* Validation */
.woocommerce-invalid-required-field input { border-color: #d74343; }

/* Newsletter */
.woocommerce-checkout p.mc4wp-checkbox-woocommerce { margin-bottom: 20px; }
.woocommerce-checkout p.mc4wp-checkbox-woocommerce span { font-size: 12px; font-weight: 600; text-transform: uppercase; }

/* Login */
.woocommerce-checkout .login { max-width: 400px; text-align: left; margin: auto; }
.woocommerce-checkout .login label { display: block; margin-bottom: 10px; }
.woocommerce-checkout .login p { margin-bottom: 10px; }
.woocommerce-checkout .login .inline { display: none; }
.lost_password a { text-decoration: underline; }

/* Account */
.woocommerce-checkout .create-account { margin-bottom: 20px; }
.woocommerce-checkout .create-account label { font-size: 12px; font-weight: 600; text-transform: uppercase; display: block; }

/* Terms */
.woocommerce-terms-and-conditions-wrapper { margin-bottom: 14px; }

/* Order Payment */
body.woocommerce-order-pay .woocommerce { max-width: 600px; text-align: left; margin: auto; }

/* ==========================================================================
	Order Details
   ========================================================================== */
.order-details {margin-top:20px;}
.order-details p {margin-bottom: 12px;}
.order-details .col2-set {width: 100%; float: none;}
.order-details .col-1, .order-details .col-2 {width: 50%; text-align: left;}
.order_details td, .customer_details td {width: 50%;}
.order_details, .customer_details {border-bottom: 1px solid #EFEFEF; margin-bottom: 20px; padding-bottom: 20px;}

/* ==========================================================================
	My Account
   ========================================================================== */
.myaccount_user {width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.myaccount_user a {text-decoration: underline;}

/* My Account - Edit Links */
.edit {text-decoration: underline; line-height: 30px;}

/* My Account - View */
.button.view {text-align: center; padding: 0 10px; height:30px;}

.my_account_orders {border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; margin: 20px 0; padding: 20px 0;}

/* Edit Addresses */
.two-column-fields label {line-height: 30px; float: left; width: 50%; text-align: left;}
.two-column-fields input.input-text {width: 50%; float: left;}
.two-column-fields .select2-container {width: 50% !important; float: left;}
.two-column-fields #billing_address_2_field, .two-column-fields #shipping_address_2_field {padding-left: 50%;}
.two-column-fields #billing_address_2_field input, .two-column-fields #shipping_address_2_field input {width: 100%;}
.two-column-fields h3 {margin-bottom: 20px;}

/* Login */
.woocommerce-login .form-row { margin-bottom: 12px; }

/* ==========================================================================
	Brands
   ========================================================================== */
/* .layout-brands {padding: 0 20px;} */
.layout-brand {position: relative; width: 25%; padding: 20px; display: inline-block; float: left;}
.layout-brand a {position: relative; background: #000; display: block; }
.layout-brand a:before {content: ''; width: 100%; padding-top: 227.441860465116%; display: block; }
.layout-brand h2 {padding: 16px; z-index: 1; color: #FFF;}
.layout-brand .image-container  {position: absolute; top:0; left:0; width: 100%; height: auto; z-index: 0;}
.layout-brand.text-black h2 {color: #000;}

.layout-product {width: 25%; padding: 20px; display: inline-block; position: relative; text-align: center;}

.layout-category {clear: both; overflow: auto; text-align: left;}
.layout-category.even .layout-brand {float: right;}
.layout-category-link {line-height: 100px; margin-bottom: 20px; clear: both; overflow: auto; text-transform: uppercase;}


/* ==========================================================================
	Layout : Trust Signals
   ========================================================================== */
.layout-trust-signals { background: #323332; color: #FFF; padding: 20px 0; text-align: left; clear: both; }
.layout-trust-signals-inner { margin: auto; max-width: 85%; display: flex; justify-content: center; }
.layout-trust-signals-inner > div { width: 33.33%; float: left; vertical-align: top; padding: 20px 30px 0 30px;}
.layout-trust-signals h3 { font-size: 18px; font-style: italic; margin-bottom: 10px; }
.layout-trust-signals h4 { margin-bottom: 30px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.layout-trust-signals p { margin-bottom: 16px; }
.layout-trust-signals a { color: #FFF; text-decoration: underline; }
.layout-trust-signals input[type=email] { background: #FFF; border: 0; }
.layout-trust-signals .footer-as-seen { max-width: 400px; width: 100%; }
.layout-trust-signals .footer-payment-icons { max-width: 250px; }

.footer-newsletter .mc4wp-form { position: relative; }


/* ==========================================================================
	Layout : Gallery
   ========================================================================== */
.layout-gallery {display: grid; grid-gap: 0px;}
.columns-1 { grid-template-columns: repeat(1, 1fr); }
.columns-2 { grid-template-columns: repeat(2, 1fr); }
.columns-3 { grid-template-columns: repeat(3, 1fr); }
.column-inner { position: relative; padding-top: 100%; z-index: 0; width: 100%; display: block; }
.column img, .column video { position: absolute; top:0; left: 0; bottom: 0; right: 0; object-fit:contain; width: 100%; height: 100%; }
.column.has-video .column-inner { background: #000; }
.column.has-video .column-inner:before { content: "";display: inline-block; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 35px; border-color: transparent transparent transparent #FFF; pointer-events: none; position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; } 
.no-touchevents .column.has-video:hover .column-inner:before, .column-inner.is-playing:before { visibility: hidden; }
.no-cssgrid .layout-gallery { font-size: 0; }
.no-cssgrid .column { width: 33.333%; display: inline-block; }

/* ==========================================================================
	Layout : Cookie
   ========================================================================== */
.moove-gdpr-branding-cnt { display:none !important; }
.page-id-13595 .main td {line-height: normal; padding: 10px 10px 10px 0; font-size: 12px;}
.page-id-13595 .main .button {width: auto; padding: 0 20px; margin-top: 10px;}

/* ==========================================================================
	Admin
   ========================================================================== */
.admin-bar .header { top: var(--admin-bar); }
.admin-bar .shop-nav { top:var(--admin-bar); }
.admin-bar .region-selector { top: calc( var(--shop-nav) + var(--admin-bar) + 4px ); }

/* ==========================================================================
	Media Queries
   ========================================================================== */
@media only screen and (max-width : 1110px) {

	.layout-trust-signals .footer-newsletter { width: 100%; float: none; clear: both; margin-top: 20px;  }
	.footer-newsletter input[type=email] { padding-right: 200px; }
	.footer-newsletter input[type=submit] {     position: absolute; top: 0; right: 0;  max-width: 200px; }
}

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

	/* Checkout:  Knock  to one column */
	.checkout .col2-set { width: 100%; float: none; }
	.woocommerce-checkout-review-order { float: none; width: 100%; padding-left: 0; padding-top: 20px; margin-top: 40px; border-top: 1px solid #000; } 
	

	body.woocommerce-checkout .woocommerce { max-width: 600px; margin: auto; }

}

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

	/* ==========================================================================
		Layout : Trust Signals
	   ========================================================================== */
	.layout-trust-signals-inner div { width: 100%; float: none; padding: 0; margin-bottom: 30px; }

}

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

	/* Checkout:  Knock  to one column */
	.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { display: block; }
	.woocommerce-checkout .form-row { margin-bottom: 10px; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 768px) {

	:root {
  		--admin-bar:46px;
	}

	/* Helper */
	.m-hide {display: none !important;}
	.m-show {display: block !important;}

	/* ==========================================================================
		Mobile Menu
	   ========================================================================== */
	.mobile-menu {-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); display: block;}
	.mobile-menu .menu {height: auto; line-height: normal;}
	.menu-open .mobile-menu {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	
	/* Menu Mask */
	.menu-mask {cursor: pointer; position: fixed; top:0; bottom: 0; left: 0; right: 0; z-index: 9999; opacity: 0; visibility: hidden; background: #FFF;}
	.menu-open .menu-mask {opacity: 0.5; visibility: visible; }
	
	/* Condensed Header */
	.header .mini {display: none;}
	.header .logo {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.condensed-header .header { -webkit-transform: translate3d(0,-37px,0); transform: translate3d(0,-37px,0);}
	.condensed-header .burger { -webkit-transform: translateY(19px); transform: translateY(19px);}
  .condensed-header .logo { -webkit-transform: scale(0.8) translateY(21px); transform: scale(0.8) translateY(21px); -webkit-transform-origin: center center; transform-origin: center center ;}
	.condensed-header .mobile-menu {height: auto; line-height: 40px;}


	body { padding-top: 172px; }
	
	/* ==========================================================================
		Owl Slider
	   ========================================================================== */	
	.owl-item.active {background-image: none;}
	.owl-dots {bottom: 0; left:10px; right: 10px;}

	/* ==========================================================================
		Header
	   ========================================================================== */
	.header { height: 100px; min-height: 100px; top:72px; } 
	.header .logo {margin: 25px auto 25px auto;}
  .burger { top:0; }
	.shop-nav { justify-content: center; padding-top:36px; padding-bottom: 0; }
	.shop-nav a {padding: 0 5px;}
  .header-messages { left: 0; right:0; font-size: 11px; }
	.searchform {position: static; display: inline-block;}
	.searchform input {width: 60px;}
	.region-selector { top: calc( var(--shop-nav) + 40px );}

  /* Admin Bar */
  .admin-bar .region-selector { top: calc( var(--shop-nav) + var(--admin-bar) + 40px ); }
  .admin-bar.stighlorgan .header { top: calc( var(--admin-bar) + 67px ); }
	
	/* ==========================================================================
		Page
	   ========================================================================== */
	.page-content {width:85%; margin: auto;}	
	.page-text {min-width: inherit;}

	/* ==========================================================================
		Collections
	   ========================================================================== */
	.category-description {width:85%; margin: auto;}	
	.collection { background-color: #000;}
	.collection .cover {height: 300px;}
	.collection .owl-video-tn:before  {height: 300px; padding: 0;}

	.mobile-collections {margin: 20px 0;}
	.mobile-collections a {display: block; padding: 10px 0;}
	.mobile-collections a span {display: block; color: #7F7F7F;}

	/* ==========================================================================
		Footer
	   ========================================================================== */
	.footer {padding: 20px 10% 20px 10%;}
  .footer-newsletter input[type=submit] { position: static; }
	.newsletter input {text-align: center; margin-bottom: 10px;}
	.footer-menu {margin: 10px 0px; padding: 0 10px;}
	.footer-menu a {padding: 0 10px;}
	.social {text-align: center; margin-bottom: 10px;}
	.social a {padding: 0 20px;}

	/* Popup */
	.popup-image {display: none;}
	.popup-form {width: 100%; padding: 20px;}
	.popup-newsletter .popup-close {line-height: 40px; width: 40px; height: 40px;}

	/* As seen in */
	.footer-as-seen { max-width: 250px; }
	
	/* Trust Signals */
	.layout-trust-signals { padding-top: 40px; }
	.layout-trust-signals-inner > div { width: 50%; margin-bottom: 40px; }
	.layout-trust-signals h4 { margin-bottom: 10px; }
	
	/* ==========================================================================
		Cart
	   ========================================================================== */
	.cart .product-thumbnail, .cart .product-thumbnail img {width:30px;}

	/* Collapse Shipping Calculator */
	.calculated_shipping td, .calculated_shipping th {display: inline;}
	.calculated_shipping tr {padding-right: 10px; display: block;}


	/* Hide extra fields */
	.woocommerce-cart-form__contents  .product-price, .woocommerce-cart-form__contents th.product-price { display: none; }

	/* ==========================================================================
		Checkout
	   ========================================================================== */
	
	/* Gift Certificate */
	.woocommerce-checkout .gift-certificate {width: 100%; float: none;}
	
	/* ==========================================================================
		Product Listing
	   ========================================================================== */	
	.products a {padding: 10px;}
	.products li { width: 50%;}

	.product-ordering { top: 0; width: auto; left: 20px; right: 0;}
	.product-filter {padding: 40px 0 0 0;}
	.product-ordering label {line-height: 20px;}
	.product-ordering div {padding-top: 10px; top:20px; }
	
	.product-filter-container.no-filter .product-ordering {top:20px;}
	
	/* ==========================================================================
		Product Single
	   ========================================================================== */
	.woocommerce-breadcrumb {text-align: center;}
	
	.gallery .owl-dots { position: static; margin-top: 10px; }
	
	/* ==========================================================================
		Order Details
	   ========================================================================== */
	.order-details .col-1, .order-details .col-2 {width: 100%; margin-bottom: 20px;}

	/* ==========================================================================
		My Account
	   ========================================================================== */
	.myaccount_user {width: 100%;}

	/* ==========================================================================
		Page
	   ========================================================================== */	
	.hero {min-height:250px;}


	/* ==========================================================================
		Landing Page
	   ========================================================================== */	
	.layout-brand, .layout-product {width: 50%;}

	/* ==========================================================================
		News
	   ========================================================================== */
	.news-container {max-width: 100%;}
	.news-container:before {display: none;}
	.post {clear: both !important; float: none !important;}
	.post .image {padding: 0; margin-top: 0;}
	.post p {max-width: 100%;}
	.post .image, .post .post-meta {margin-left: 0; margin-right: 0;}

	/* ==========================================================================
		Layout : Gallery
	   ========================================================================== */
	.layout-gallery { grid-template-columns: repeat(2,1fr); }
	.no-cssgrid .column { width: 50%; }

	/* ==========================================================================
		Layout : Cookie
	   ========================================================================== */
	.layout-cookie-warning button {position: static; }
	.layout-cookie-warning p {  padding-right: 0; text-align: center; margin-bottom: 10px; }


}

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

	/* ==========================================================================
		Header
	   ========================================================================== */
	.logo { width: 250px; margin: 32px auto 32px auto; } 
	.condensed-header .logo { -webkit-transform: scale(0.8) translateY(23px); transform: scale(0.8) translateY(23px); }

  /* ==========================================================================
   Footer
   ========================================================================== */	
  .woocommerce-cart-form__contents .coupon { display: grid; grid-template-columns: repeat(2,1fr); }
  .woocommerce-cart-form__contents .coupon input { width: auto;}
  
	/* ==========================================================================
		Footer
	   ========================================================================== */
	.layout-trust-signals-inner { flex-direction: column; }
	.layout-trust-signals-inner > div { width: 100%; }

	/* ==========================================================================
		Layout : Gallery
	   ========================================================================== */
	.layout-gallery { display: block; }
	.no-cssgrid .column { width: 100%; }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	/* Hide Search - not enough space */
	.searchform {display: none;}
}

/* ==========================================================================
	Knot Animation
   ========================================================================== */

.knot:hover img:nth-child(1) {
  -webkit-animation: one 3s infinite;
     -moz-animation: one 3s infinite;
       -o-animation: one 3s infinite;
          animation: one 3s infinite;
}

@-webkit-keyframes one {
  0%   { visibility: hidden; }
  20%  { visibility: visible; }
}
@-moz-keyframes one {
  0%   { visibility: hidden; }
  20%  { visibility: visible; }
}
@-o-keyframes one {
  0%   { visibility: hidden; }
  20%  { visibility: visible; }
}
@keyframes one {
  0%   { visibility: hidden; }
  20%  { visibility: visible; }
}

.knot:hover img:nth-child(2) {
  -webkit-animation: two 3s infinite;
     -moz-animation: two 3s infinite;
       -o-animation: two 3s infinite;
          animation: two 3s infinite;
}

@-webkit-keyframes two {
  20%   { visibility: hidden; }
  40%  { visibility: visible; }
}
@-moz-keyframes two {
  20%   { visibility: hidden; }
  40%  { visibility: visible; }
}
@-o-keyframes two {
  20%   { visibility: hidden; }
  40%  { visibility: visible; }
}
@keyframes two {
  20%   { visibility: hidden; }
  40%  { visibility: visible; }
}

.knot:hover img:nth-child(3) {
  -webkit-animation: three 3s infinite;
     -moz-animation: three 3s infinite;
       -o-animation: three 3s infinite;
          animation: three 3s infinite;
}

@-webkit-keyframes three {
  40%   { visibility: hidden; }
  60%  { visibility: visible; }
}
@-moz-keyframes three {
  40%   { visibility: hidden; }
  60%  { visibility: visible; }
}
@-o-keyframes three {
  40%   { visibility: hidden; }
  60%  { visibility: visible; }
}
@keyframes three {
  40%   { visibility: hidden; }
  60%  { visibility: visible; }
}

.knot:hover img:nth-child(4) {
  -webkit-animation: four 3s infinite;
     -moz-animation: four 3s infinite;
       -o-animation: four 3s infinite;
          animation: four 3s infinite;
}

@-webkit-keyframes four {
  60%   { visibility: hidden; }
  80%  { visibility: visible; }
}
@-moz-keyframes four {
  60%   { visibility: hidden; }
  80%  { visibility: visible; }
}
@-o-keyframes four {
  60%   { visibility: hidden; }
  80%  { visibility: visible; }
}
@keyframes four {
  60%   { visibility: hidden; }
  80%  { visibility: visible; }
}

.knot:hover img:nth-child(5) {
  -webkit-animation: five 3s infinite;
     -moz-animation: five 3s infinite;
       -o-animation: five 3s infinite;
          animation: five 3s infinite;
}

@-webkit-keyframes five {
  80%   { visibility: hidden; }
  100%  { visibility: visible; }
}
@-moz-keyframes five {
  80%   { visibility: hidden; }
  100%  { visibility: visible; }
}
@-o-keyframes five {
  80%   { visibility: hidden; }
  100%  { visibility: visible; }
}
@keyframes five {
  80%   { visibility: hidden; }
  100%  { visibility: visible; }
}


/* ==========================================================================
	Core Owl Carousel CSS File
   ========================================================================== */
.owl-item { outline: none; }

.owl-item.active:hover {background: none;}
   
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
      overflow: hidden;

  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .active  .owl-lazy{opacity: 1;}
.owl-carousel  img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }