@font-face { font-family: gotham-light; src: url(Gotham-Light.ttf); }
@font-face { font-family: gotham-medium; src: url(Gotham-Medium.ttf); }

/*  Base HTML tags -------------------------------------------------- */
html { -webkit-font-smoothing: antialiased; }
body { margin: 0 auto; font-family: 'Arial', 'sans-serif'; color: #2d2d2d; font-size: 12px; line-height: 20px; position: relative; overflow-x: hidden;}

/*  Forms -------------------------- */
.visible-phone {display: none; }
fieldset, legend {  border: none; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] { display: inline-block;padding: 1.384615385em 0.615384615em; }
.row-fluid textarea[class*="span"] { padding-top: 0.5em; padding-bottom: 0.5em; }

blockquote { border-left: 5px solid #eee; font-size: 12px; font-style: italic;  margin: 0 0 20px;  padding: 10px 20px;  line-height: 26px; }
input[type="image"] { width: auto; }
textarea{ border: 1px solid #d2d8db; }
input[type="checkbox"] { vertical-align: top; margin-right: 10px; }

textarea,
.uneditable-input { margin: 0; padding: 0.615384615em; }

select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] { margin: 0; padding: 5px 10px; line-height: 1.35; height: 36px; border: 1px solid #cbcbcb; }

label { margin-bottom: 7px; font-weight: 700; }
label em { color: #f1152f; font-weight: 400; font-style: normal; margin-left: 3px; }

.form-actions { background: none; border: none;  padding: 20px 0 0 0;}
.form-success { border: 1px solid #c8d9b9; background:url(icons_new14.png ) 10px -1307px no-repeat;  margin-bottom: 20px; padding: 5px 20px 5px 30px; }
.form-error { color: #ab121c; }

ol { padding: 0; list-style: /*decimal inside*/ none; margin-bottom: 20px;}
ul { padding: 0; list-style: /*circle inside*/ none; margin-bottom: 20px;}
.alert ul { margin-bottom: 0;}

/*  Images -------------------------- */
img { max-width: 100%; height: auto;  border: 0; -ms-interpolation-mode: bicubic; -webkit-transition:all 250ms ease-in-out 0s; -moz-transition:all 250ms ease-in-out 0s; -ms-transition:all 250ms ease-in-out 0s; -o-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; }
.image { max-width: 100%;  height: auto;  border: 0;  -ms-interpolation-mode: bicubic;}

/*  Typography -------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.25em;  margin: 0;  padding: 0; }
h1 { font-size: 2.307692308em; /* 30/13 */ margin-bottom: 1em; }
h2 { font-size: 2em; /* 26/13 */ margin-bottom: 1em; }
h3 { font-size: 20px ; margin-bottom: 1.25em; }
h4 { font-size:17px ;  margin-bottom: 1.5em; }
h5 { font-size:15px ;  margin-bottom: 1.5em; }
h6 { font-size: 1em; margin-bottom: 1.5em; }

p:last-child { margin-bottom: 0;}
small { font-size: 12px ;}
h2 small.pull-right { padding-top: 0.538461538em; }

/*  Links -------------------------- */
a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #000; }
a:hover, a:focus, .btn:hover, .btn:focus { color: #888!important; text-decoration: none; }
a:focus { text-decoration: none; }
a, a:link, a:hover, a:active { outline: none; }

/*  Global classes -------------------------------------------------- */
.no-style { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center;}
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.hide, .hidden {display: none; }
.move { cursor: move; }

/*  Formatting ------------------------------------------ */
.section-title {  display: none;}

/*  Layout -------------------------------------------------- */
.main-content { display: block; padding-bottom: 50px; padding-top: 15px; min-height: 450px; }
.template-index .main-content { padding-bottom: 0; padding-top: 0; }

/*  Buttons -------------------------------------------------- */
.btn,
.btn:hover,
.btn-secondary { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }

.btn,
.btn-secondary,
.spr-summary-actions a { padding: 0 25px; text-transform: uppercase; line-height: 34px; height: 36px; letter-spacing: 0.05em; font-weight: 700; border: 2px solid transparent; text-decoration: none; }
.btn span.arrow { text-indent: -999em; display: inline-block; width:0; height:0; line-height:0; margin-left: 10px; border: 5px solid transparent; }

.infinite-scrolling a,
.infinite-scrolling-homepage a { display: inline-block; width: 345px; }
.infinite-scrolling a.disabled,
.infinite-scrolling-homepage a.disabled,
.infinite-scrolling a.disabled:hover ,
.infinite-scrolling-homepage a.disabled:hover { cursor: default; color: #000; background: #f3f3f3; border-color: #f3f3f3; border-bottom-color: #ebebeb; }

.input-group .input-group-field { height: 36px;}

.btn[disabled] { opacity:1; filter:alpha(opacity=100); background: none!important; border-color: #bebebe!important; color: #bebebe!important; }

.quickview-button { margin-top: 80px; line-height:1; }
.quickview-button a { padding: 5px 10px; text-transform: uppercase; font-size: 11px; font-weight:400; background: #333; color: #fff; display: block; letter-spacing:0.05em; text-decoration: none; }

/* table  ---------------------------------------------------- */
table { border: 1px solid #dfe4e6; width: 100%; }
table td,
table th  {border-bottom: 1px solid #dfe4e6; padding:10px; }
table th { font-size: 11px; text-transform: uppercase; font-weight: 700; }

/*  Fancybox -------------------------- */
.fancybox-title { display: none; }
.template-product .fancybox-nav span,
.template-collection .fancybox-nav span { visibility: visible; }

/*  SelectBoxIt -------------------------- */
.selectboxit-container,
.selectboxit,
.selectboxit:active{ outline: none;}

/* Div container holding the dropdown list */
.selectboxit-container { display: inline-block; width: 100%; }
.selectboxit{ cursor: pointer;height: 35px;margin: 0; white-space: nowrap; width: 100%;  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);-webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px; -webkit-transition: all 0.1s;-moz-transition: all 0.1s; -o-transition: all 0.1s;transition: all 0.1s; } /* Dropdown List Box */
.selectboxit, .selectboxit-options { width: 100%; } /* Dropdown List Box and Dropdown Options List  */
.selectboxit-default-icon { float: left; } /* Dropdown list Default Icon Positioning */
.selectboxit-text { text-indent: 10px; line-height: 35px; overflow: hidden; float: left; white-space: nowrap; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; ms-user-select: none; -o-user-select: none; user-select: none; } /* Dropdown List Box Text */
ul.selectboxit-options { cursor: pointer; display: none; list-style: none; margin-top: -1px; overflow: auto;  padding: 0.5em 0; position: absolute; min-width: auto; max-height: 180px; white-space: nowrap; width: 100%; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 2px;  -moz-border-radius: 2px;border-radius: 2px;  z-index: 99999; } /* Dropdown List Options List*/
.selectboxit-options.dropdown-menu li > a{ -webkit-transition: none;  -moz-transition: none;-o-transition: none;transition: none;}
ul.selectboxit-options a { padding: 3px 15px;}
.selectboxit-options li, .selectboxit-options .selectboxit-optgroup-header { line-height: 30px;  text-indent: 5px;  overflow: hidden;  white-space: nowrap;  list-style: none; } /* Dropdown List Individual Options */
.selectboxit-options .selectboxit-optgroup-header {  font-weight: bold; } /* Dropdown List Optgroup Headers */
.selectboxit-options .selectboxit-optgroup-option { text-indent: 20px; } /* Dropdown List Optgroup Options */
.selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover { cursor: default; } /* Dropdown List Optgroup Header hover psuedo class */
.selectboxit-arrow-container { padding-right: 5px; width: 19px; float: right; } /* Dropdown List Down Arrow Container (if an image is not used) */
.selectboxit-arrow-container i.selectboxit-arrow { margin: 0 auto; display: block; } /* Dropdown List Down Arrow Horizontally */
.selectboxit-options li i { display: none; float: left; } /* Dropdown List Individual Option Icon Positioning */

/* Title page -----------------------------------------------------------------------  */
.page-header h2,
.page-header h1,
.banner h2,
.banner-home-bottom .des h4,
.widget-title h3,
.free-shipping h3,
.newsletter .block-title h3 span,
.refined-widgets > span,
#email-modal .window-window .window-content .title,
.widget-new-product .widget-title h2,
.collection-title a,
.product-shop .product-description h4,
.related-products h2,
.recently-viewed-products h2,
#shipping-calculator h3,
#add-comment-title,
.title-comment { text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; }

.grid-item .spr-badge-caption { display: none; }

.page-header { margin: 0 0 23px; padding:0; border:0; }
.page-header h2,
.page-header h1 { font-size: 20px; margin-bottom: 22px; letter-spacing: 0.05em; margin:0; }

.page-header .img_cart { margin: 3px 0 24px; }
.page-header .rte { position: relative; line-height: 26px;}
.template-collection .page-header { padding: 0; margin: 0; margin-bottom: 33px; }
.template-collection .page-header .rte { line-height: 20px; }
.template-collection .page-header h2 { margin: 10px 0; font-size: 26px; text-align: center; }
.template-collection .img_cart{ padding: 0; margin: 0; }

/* pagging ----------------------------------------------------------------------- */
.padding { clear: both; overflow: hidden; }
.pagination-page { text-align: right; margin: 0; }
.pagination-page li { display: inline; list-style: none; }
.pagination-page li span,
.pagination-page li a { padding: 0; margin: 0 6px; letter-spacing: 0.02em; }
.pagination-page li span { color: #000; font-weight: 400; }
.pagination-page li.text a { border-bottom: 1px solid #000; color: #2d2d2d;}
.pagination-page li.text a:hover { border-bottom: 0; text-decoration: none; }

/* sidebar ----------------------------------------------------------------------- */
.col-main { width: 79.5%!important; }
.sidebar { width: 20.5%!important; }
.sidebar-banner { margin-bottom: 45px; text-align:center; }
.sidebar-banner img { border: 1px solid transparent; margin: -1px; }
.sidebar .widget-title { border-bottom: 1px solid #d0d0d0; padding-bottom:10px; margin-bottom:14px; }

.refined-widgets { margin-bottom: 10px; overflow: hidden; }
.refined-widgets > span { font-size: 14px; }
.refined-widgets > a { float: right; }

.sidebar-custom .widget-title h3 span:before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #000; display: inline-block; margin: 0 10px -2px 0; }
.sidebar-custom .widget-title h3 a { text-transform: capitalize; font-weight: 400; float: right; }
.sidebar-custom .widget-title.click h3 span:before { border-top-color: transparent; border-bottom-color: #000; margin-bottom: 2px; }
.sidebar-custom .widget-title { margin-bottom: 20px; padding: 21px 0 0; border-top: 1px solid #d0d0d0; border-bottom: 0; }
.sidebar-custom label { font-weight: normal; }
.sidebar-custom ul { overflow: hidden; }
.sidebar-custom .widget-content > ul > li { margin: 0; }
.sidebar-custom ul li a { text-decoration: none; }
.sidebar-custom ul li.active a,
.sidebar-custom ul li a:hover { font-weight: 700; }
.sidebar-custom input[type="checkbox"] { display: none; }
.sidebar-custom input[type="checkbox"] + label { background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/check-box.png) no-repeat 0 center; padding-left: 23px; }
.sidebar-custom input[type=checkbox] + label:hover,
.sidebar-custom input[type=checkbox]:checked + label { background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/check-box-checked.png) no-repeat 0 center; cursor: pointer; }
.sidebar-custom.color ul { margin: 0 -14px 10px 0; overflow: visible; }
.sidebar-custom.color ul:before,
.sidebar-custom.color ul:after { content: " "; display: table; }
.sidebar-custom.color ul:after { clear: both; }
.sidebar-custom.color ul li { width: 34px; margin: 0 14px 14px 0; padding:0; float: left; }
.sidebar-custom.color ul li a { display: block; border: 1px solid #eaeaea; width: 34px; height: 34px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.sidebar-custom.color ul li a img { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; opacity: 1; filter: alpha(opacity=100); }
.sidebar-custom.color ul li a:hover,
.sidebar-custom.color ul li a.active { border: 3px solid #000; }

.sidebar-custom.product-type ul li:first-of-type label { background: none; padding-left: 0; text-transform: uppercase; }
.sidebar-cms-custom .widget-title { margin-bottom: 22px; }
.sidebar-cms-custom .widget-content { color: #797979; font-style: italic; }

.widget-title h3 { font-size: 14px; margin: 0; }
.widget-content {margin-bottom: 47px;}
.widget-content > ul > li { margin: 19px 0; }
.widget-content > ul > li > a { font-weight: 700; color: #000; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; }

.widget-featured-product .products-grid .owl-item .grid-item { min-height: 100px; margin: 0 0 40px; padding: 0; width: 100%; height: auto; }
.widget-featured-product .product-title { margin-bottom: 4px; }
.widget-featured-product .price-box { margin-bottom: 15px; }
.widget-featured-product .owl-theme .owl-controls .owl-buttons div.owl-prev { top: 40%; left: 0; }
.widget-featured-product .owl-theme .owl-controls .owl-buttons div.owl-next { top: 40%; right: 0; }

/* flex slider ---------------------------------------------------------------------- */
/* jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets --------------------------------------- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles -------------------------------------------------------------------------- */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; cursor: pointer; }
.flexslider .slides .two-in-one img { width: 50%; display: inline-block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme */
.flexslider { padding:0; margin: 0 0 23px; position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 2; overflow: hidden;  cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* breadcrumb ---------------------------------------------------------------------- */
.breadcrumb { background: none; padding:0; margin-bottom:18px; -webkit-border-radius: 0; -moz-border-radius:0px; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; clear: both; letter-spacing: 0.02em; }
.breadcrumb a, .breadcrumb span { color: #848484;}
.breadcrumb span.arrow { margin: 0 10px; line-height:0; width:0; height:0; text-indent:-999em; display:inline-block; border-left: 4px solid #cbcbcb; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

/* header ------------------------------------------------------------------------- */
.header-top { text-transform:uppercase; font-size:11px; padding: 9px 0 6px; letter-spacing: 0.05em; display: none; }
.header-top p a { color: #fff; }
.header-top .close { text-indent: -999em; display:block; width: 9px; height: 9px; background: url(icons_new14.png ) no-repeat 0 -229px; opacity: 1; margin-top:3px; }

.template-index .header-top { display: block; }

.header-bottom { padding-top: 16px; background: #000; }
.header-panel-top { text-transform: uppercase; font-size:12px; letter-spacing: 0.05em; color: #fff; }
.header-panel-top div a:hover, .header-panel-top .selectize-dropdown .option:hover { text-decoration: none; color: #5e5e5e; }
.header-panel-top .left { clear: none; width: 350px; }
.header-panel-top .left p { padding: 3px 0; margin: 0 auto; }
.header-panel-top .customer-links { float: right; margin: 0 0 16px; }
.header-panel-top .customer-links span a, 
.header-panel-top .wishlist a { cursor: pointer; } /* Hand over link */
.header-panel-top .customer-links span, 
.header-panel-top .wishlist a,
.header-panel-top .currency,
.header-panel-top .top-header .top-cart { float: right; padding: 3px 0; }
.header-panel-top .currency > span:after { /*content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #969696; display: inline-block; margin: 0 0 -2px 10px;*/ }
.header-panel-top .currency-dropdown span a { color: #fff; }
.header-panel-top .currency-dropdown { max-height: 0; position: absolute; overflow: hidden; transition-property: max-height; transition: all 0.5s ease-in-out; }
.header-panel-top .currency:hover .currency-dropdown,
.header-panel-top .currency:focus .currency-dropdown { max-height: 30px; }
.header-panel-top span.break { float: right; padding: 3px 10px; }
.header-panel-top .top-header { position: relative; float:right; }
.header-panel-top .top-cart a { text-align: center; position: relative; letter-spacing: 0.02em; color: #fff; text-decoration: none; }
.header-panel-top .top-cart a span.first{ position: relative; }
.header-panel-top .nav-search { float: right;  }
.header-panel-top .nav-search form.input-group { padding: 2px 0; }
.header-panel-top .search-bar input.input-group-field { border:0; border: 1px solid #3b3b3b; color: #969696; width: 130px; line-height: 14px; padding: 0 30px 0 12px ; height: 22px; background: none; }
.header-panel-top .search-bar .input-group-btn input.btn{ background: url(search-icon-2.png ) 4px 5px no-repeat; text-indent: -999em; width: 22px; height: 22px; display: block; padding: 0; position: absolute; top: 0; right: 0; margin:0; border:0; }

.header { padding: 16px 0 0; }
.header-mobile { display: none; position: relative;float: left; width: 25%; /* background: #000; */ }
.header-mobile #showLeftPush { height:46px; background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/wizard-black.png) no-repeat center center; display: block; text-indent: -999em; text-align: center; /* border-right: 1px solid #868686; */ cursor: pointer; }
.header-mobile #showLeftPush.active,
.header-mobile #showLeftPush:hover { /* background-color: rgba(0,0,0,0.8); */ }
.header-mobile .customer-area { float: left; width: 50%; position: static; display: none; }
.header-mobile .customer-area > a { float: left; width: 100%; height:46px; border-right: 1px solid #868686; background: url(icon-customers.png) no-repeat center center; text-indent: -999em; }
.header-mobile .customer-area.open > a,
.header-mobile .customer-area > a:hover { background-color: rgba(0,0,0,0.8); }
.header-mobile .customer-links { margin: 0; }
.header-mobile .dropdown-menu { font-size:12px; margin: 0; width: 200%; padding: 10px 15px; 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.header-mobile .dropdown-menu ul { overflow: hidden; margin: 0 0 10px; }
.header-mobile .dropdown-menu .wishlist a { color: #323232; }

#dl-menu .dl-menu { padding-bottom: 60px; }

.header-panel .header-logo { margin: 15px 0; text-align: center; }
.header-panel .logo-title { display: block; padding: 30px;}

/* Dropdown cart */
.mini-products-list { display: block; clear: both; margin-bottom: 0px;}
.mini-products-list .item { display: block; clear: both; position: relative; padding-right: 15px;  display: block; padding-bottom: 25px; margin:0; overflow: hidden;}
.mini-products-list .item .btn-remove { position: absolute; right: 0; top: 6px; width: 9px; height: 9px; background:url(icons_new14.png ) 0 -1394px no-repeat; font-size: 0; }
.mini-products-list .item:last-child { border-bottom: 1px solid #cbcbcb;}
.mini-products-list .product-image { float: left; margin: 0 15px 10px 0; }
.mini-products-list .product-details { overflow: hidden; font-size: 11px; width: 60%; }
.mini-products-list .product-details .product-label { display: block; top: auto; right: auto; }
#dropdown-cart { width: 425px; border: 1px solid rgba(0,0,0,0.3); padding: 20px; position: absolute; top: 26px; left: -200px; background: #fff; z-index: 6; text-align: left; color: #000; }
#dropdown-cart .summary { display: block; clear: both;  padding-top: 16px; padding-bottom: 18px; overflow: hidden; text-transform: uppercase; }
#dropdown-cart .summary .label { display: block; float: left; font-size: 11px; font-weight: 700; color:#797979!important; padding: 6px 0 0;}
#dropdown-cart .summary .price { display: block; float: right; font-size: 16px; font-weight: 700; color: #000; }
#dropdown-cart .actions  { clear: both; margin-bottom: 12px; }
#dropdown-cart .actions .btn { width: 100%; height: 46px; line-height: 42px; }
#dropdown-cart .option { margin-bottom: 5px; }
#dropdown-cart li, #dropdown-cart .product-name { margin: 0; padding: 0; }

/* Navigation Menu */
.site-nav { width: 100%; margin:0; padding: 0; position: relative; }
.site-nav li {display: block;  margin: 0;}
.site-nav a { display: block;  padding: 12px;  text-decoration: none; /* white-space: nowrap; */}
.site-nav > li { position: relative; display: inline-block; list-style: none; }
.site-nav > li > a { text-transform: uppercase; margin: 16px 18px 12px; padding:0; letter-spacing: 0.05em; }
.site-nav > li:first-child > a { margin-left: 0; }

.site-nav > li:hover > a > span:first-child,
.site-nav > li:hover > a.current > span:first-child { padding-right: 0; color: #888; }
.site-nav > li > a.current > span:first-child { padding-right: 0; }

.site-nav-dropdown {
  text-align: left;
  position: absolute;
  top: 48px;
  left: 0;
  width: 180%;
  z-index: 5;
  padding: 0;
  margin: 0;
  height: auto;
  opacity: 1;
  border-top: 1px solid #888!important;
  /* slide close  */
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}

.site-nav >li:focus .site-nav-dropdown,
.site-nav >li:hover .site-nav-dropdown{
  /* slide open */
  max-height: 800px;
  border-bottom: 5px solid #000;
}

.site-nav-dropdown li a { padding: 8px 30px 8px 20px; position: relative; }

.wrapper-container .site-nav-dropdown ul { left: 100%; top: -1px; display: none; }
.wrapper-container .site-nav > .dropdown:hover > ul,
.wrapper-container .site-nav > .dropdown.open > ul { display: block; }
.wrapper-container .site-nav > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > .dropdown.open > ul { display: block; }
.wrapper-container .site-nav > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > .dropdown.open > ul { display: block; }
.wrapper-container .site-nav > li > ul > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul { display: block; }

.site-nav li.dropdown .icon-dropdown { height:0; width:0; border:4px solid transparent; display: inline-block; vertical-align:middle; margin-left: 7px; cursor: pointer; display: none;}
.site-nav-dropdown li.dropdown .icon-dropdown { position: absolute; top: 16px; right: 20px; display: none;}

/* Fix for overflow on tablet on November 27th, 2015 */
.site-nav { position: static; text-align: center; }
.nav-bar { position: relative; }

/* Sticky header */
.fixed{ position: fixed; top: 0; left: 0; width: 100%;  z-index: 9; }

/* home page ---------------------------------------------------------------------------- */
/* Main Slideshow */
.template-index .main-slideshow { overflow: hidden; /*margin-bottom: 23px;*/ }
.main-slideshow .flexslider .flex-direction-nav { visibility: hidden; }
.main-slideshow .flexslider:hover .flex-direction-nav { visibility: visible; }
.main-slideshow .flex-direction-nav a { width: 45px; height: 45px; /*width: 72px; height: 72px;*/ display: block; margin-top: -10px; text-indent: -999em; cursor: default; }
.main-slideshow .flex-direction-nav a.flex-prev { background: url(slideshow-left.png) 0px 0px no-repeat; /*background:url(icons_new14.png ) 0px -1017px no-repeat;*/ left: 3%; }
.main-slideshow .flex-direction-nav a.flex-next { background: url(slideshow-right.png) 0px 0px no-repeat;/*background:url(icons_new14.png ) 0px -1160px no-repeat;*/ right: 3%; }

.main-slideshow .flexslider { float:left; width: 100%; margin-bottom: 0; }
.main-slideshow .flexslider .slides > li { margin-bottom: 4px; }
.main-slideshow .flexslider .flex-control-nav { bottom: 40px; visibility: hidden; z-index: 2; }
.main-slideshow .flexslider:hover .flex-control-nav {visibility: visible; }
.main-slideshow .flex-control-paging a { -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; text-indent: -999em; border: 4px solid #fff; background-color: #fff; width: 15px; height: 15px; font-size: 0; display: block; cursor: default; opacity: 0.5; }
.main-slideshow .flex-control-paging li a.flex-active,
.main-slideshow .flex-control-paging li a:hover { background-color: transparent; border-color: #fff; opacity: 1; cursor: default;}

.main-slideshow .video-box { overflow: hidden; }
.main-slideshow .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 20px; margin-top: -11.5%; }
.main-slideshow iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main-slideshow .image { display: none; }

.slide-des { position: absolute; bottom: 25%; right: 28%; width: 400px; text-align: center; }
.slide-des .slide-heading { font-family: gotham-medium; padding:0 0 15px; margin-bottom: 0; letter-spacing: 0.3em; text-transform: uppercase; }
.slide-des p.line { width: 100%; margin: 0 auto 21px; height: 1px; background: #000; }
.slide-des .slide-text { padding:0 0 25px; margin: 0 auto; width: 80%; text-align: justify; }
.slide-des .slide-button { padding: 0 20px 0 26px; text-decoration: none; min-width: 215px; background: #000; }

.free-shipping {text-align: center; clear: both;}
.free-shipping h3 {font-size: 13px; margin-bottom: 35px; font-weight: normal; line-height: 24px;}

/* Home Video */
.home-video .container { max-height: 420px; overflow: hidden; margin-bottom: 20px; }
.home-video .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 20px; margin-top: -11.5%; }
.home-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Main Block Message - October 26th, 2015 */
.box-message { max-width: 380px; margin-left: auto; margin-right: auto; text-align: justify; }

/* Three Block Banner Top */
.banner-home-top { clear: both; text-align: center; }
.banner-home-top ul { margin-bottom: 0; }
.banner-home-top .block-wrapper { position: relative; max-width: 391px; margin: auto; overflow: hidden; }
.banner-home-top .block-bottom { display: none; position: absolute; max-width: 380px; background-color:rgba(0, 0, 0, 0.5); bottom: 0; height: 165px; text-align: left; }
.banner-home-top .block-bottom .logo { float: left; margin: 30px; }
.banner-home-top .block-bottom h4 { margin: 30px 20px 20px 0; }
.banner-home-top .block-bottom p { color: #fff; margin-right: 20px; }
.banner-home-top .block-bottom p.line { float: left; width: 275px; height: 1px; background: #fff; margin: 0 20px 20px 0; }
.banner-home-top ul li:hover .block-bottom { display: block; }

/* Block Banner */
.banner { text-align: center; position:relative; margin-bottom: 37px; clear: both; }
.banner .inner { position: absolute; right: 5%; top: 15%; max-width: 360px; }
.banner h2 { font-size: 40px; font-weight: 700; color: #000; margin: 0 0 15px; position: relative;}
.banner p { color: #2d2d2d; margin: 0 0 35px; }
.banner p.line { width: 50px; height: 2px; background: #000; margin: 0 auto 20px; }
.banner .inner a { padding: 0 auto; }
.block-banner-left { width: 60%; float: left; text-align: left; margin-bottom: 30px; }
.block-banner-right { width: 36%; float: right; text-align: right; margin-bottom: 30px; }
.banner .container { padding: 0; max-width: 1180px; }
.banner .block-banner-left .inner{ position: absolute; left: 15%; top: 20%; max-width: 360px; text-align: center; }

/* Three Block Banner Bottom */
.widget-trending-product,
.banner-home-bottom { clear: both;}
.banner-home-bottom ul { padding-left: 0; margin-bottom: 0;}
.banner-home-bottom li { position: relative; text-align:center; /*margin-bottom: 30px;*/ }
.banner-home-bottom .des h4 { position: relative; margin: 35px 0 20px; }
.banner-home-bottom .des p { clear: both; margin-bottom: 26px; }
.banner-home-bottom .des a { padding: 0 25px 0 32px; }

.banner-home-top ul, 
.banner-home-bottom ul, 
.two-banner-home-top ul, 
.two-banner-home-bottom ul { padding-left: 10px; padding-right: 10px; margin-bottom: 0; }

.banner-home-top ul li, 
.banner-home-bottom ul li, 
.two-banner-home-top ul li, 
.two-banner-home-bottom ul li { padding: 0; text-align: center; margin: 4px 0; }

.banner-home-top ul li:first-of-type, 
.banner-home-bottom ul li:first-of-type, 
.two-banner-home-top ul li:first-of-type, 
.two-banner-home-bottom ul li:first-of-type { text-align: left; }

.banner-home-top ul li:last-of-type, 
.banner-home-bottom ul li:last-of-type, 
.two-banner-home-top ul li:last-of-type, 
.two-banner-home-bottom ul li:last-of-type { text-align: right; }

/* Slider */
.owl-theme .owl-controls .owl-buttons div:hover{ background-color: #eff2f2 !important; }
.owl-theme .owl-controls .owl-buttons div { width: 35px; height:35px; top: 32%; background: url(icons_new14.png ) no-repeat -65px -592px; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { background-position: -65px -592px; left: -5px;  }
.owl-theme .owl-controls .owl-buttons div.owl-next { background-position: -65px -651px; right: -5px; }

.slider-brand-wrapper { overflow: hidden; clear: both; }
.slide_brand { position: relative; border-top: 1px dotted #000; padding: 39px 0 30px; }
.slide_brand .slides li {width: 200px !important;}
.slide_brand .owl-controls .owl-buttons div.owl-prev { background-position: 13px -441px; left:-10px; top:109px; }
.slide_brand .owl-controls .owl-buttons div.owl-next { background-position: 16px -507px; right:-10px; top:109px; }

/* Home Page Instagram */
#instafeed { margin-top: 4px; }
#instafeed .owl-item { padding: 0 10px; }
.home-instagram { text-align: center; padding-bottom: 20px; }
.home-instagram .owl-theme .owl-controls .owl-buttons div { margin-top: -14px; height: 33px; width: 33px; top: 50%; }
.home-instagram .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 30px; background-position: -66px -593px; }
.home-instagram .owl-theme .owl-controls .owl-buttons div.owl-next { right: 30px; background-position: -66px -652px; }
.home-instagram a.btn { min-width: 225px; margin-top: 10px; }

/* footer ------------------------------------------------------------------------- */
.footer-top { padding-bottom: 0;}
.footer-top .col-1,
.footer-top .col-2 { float:left; width: 30%; padding: 0 10px; }
.footer-top .col-1 ul,
.footer-top .col-2 ul { display: inline-block; vertical-align: top; width: 48%; min-width: 130px; }
/*.footer-top .col-3 { float:left; width: 20%; padding: 0 10px; }*/
.footer-top .col-4 { float:left; width: 40%; padding: 0 10px; }
.footer-top .text { float:left; }
.footer-top .text h3 { margin: 0; }
.footer-top .text h3 img:hover { opacity:1; }
.footer-top ul { padding:0; }
.footer-top ul.social-icons { margin: 4px 10px 20px 0; float:left; }
.footer-top ul.social-icons li { display:inline-block; margin-right:12px; }
.social-icons > li > a > span { display: none; }
.social-icons > li > a > div { width: 25px; height: 25px; }

.black-icons .social-email { background: url("social-icon-black-1.png"); }
.black-icons .social-facebook { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-black-2.png"); }
.black-icons .social-twitter { background: url("social-icon-black-3.png"); }
.black-icons .social-googleplus { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-black-4.png"); }
.black-icons .social-instagram { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-black-5.png"); }
.black-icons .social-pinterest { background: url("social-icon-black-6.png"); }
.black-icons .social-youtube { background: url("social-icon-black-7.png"); }
.black-icons .social-website { background: url("social-icon-black-8.png"); }

.white-icons .social-email { background: url("social-icon-white-1.png"); }
.white-icons .social-facebook { background: url("social-icon-white-2.png"); }
.white-icons .social-twitter { background: url("social-icon-white-3.png"); }
.white-icons .social-googleplus { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-white-4.png"); }
.white-icons .social-instagram { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-white-5.png"); }
.white-icons .social-pinterest { background: url("social-icon-white-6.png"); }
.white-icons .social-website { background: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/social-icon-white-8.png"); }

.footer-top h3 { color:#fff; text-transform: uppercase; font-size:12px; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 16px; }
.footer-top .newsletter { padding-top: 0px; }
.footer-bottom { border-top: 1px solid #282828; padding-top: 10px; }
.footer-bottom address { color: #969696; margin-bottom: 6px; line-height: 1.6; }
.payment-method { padding: 0 20px 0 0; }

.footer-top .col-1 ul li a:hover, 
.footer-top .col-2 ul li a:hover, 
.footer-top .col-3 ul li a:hover{ border-bottom: 0; color: #fff!important; }

.site-footer { padding: 20px 0; letter-spacing: 0.02em; font-size: 12px; }
.site-footer a:hover { text-decoration: none; }

.newsletter { clear:both; padding-top: 25px; }
.newsletter .block-title span {text-align: center; }
.newsletter .block-content { min-height: 56px; margin: 0 auto; width: 100%; position: relative;}
.newsletter .block-content .input-group  {display: block;}
.newsletter .input-group-field { background:none; width: 300px; border:1px solid #3b3b3b; color: #969696; float:left; margin: 0 5px 10px 0; padding: 0 15px; letter-spacing: 0.02em; }
.newsletter .input-group-btn { float:left; }
.newsletter .input-group-btn > .btn { background: #3b3b3b; color:#fff; border: 1px solid #3b3b3b; font-size: 11px; }
.newsletter .input-group-btn > .btn:hover { background: #fff; color:#000; }

/* contact page ------------------------------------------------------------------------- */
#contactFormWrapper img { margin-bottom: 10px; }
#contactFormWrapper h2 { font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 14px; }
#contactFormWrapper input { margin-bottom: 15px; }
#contactFormWrapper label { margin-bottom: 10px; display: block; }
#contactFormWrapper input[type="text"],
#contactFormWrapper input[type="email"],
#contactFormWrapper input[type="tel"] { width: 100%; }
#contactFormWrapper textarea { width: 100%; resize: vertical; margin-bottom: 20px; }

.contactus-page .location h4 { font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; margin: 6px 0 16px; }
.contactus-page .location p { margin-bottom: 20px; }
.contactus-page .location ul { margin-bottom: 40px; }
.contactus-page .location span { display: inline-block; text-indent: -999em; }
.contactus-page .location span.address { width: 25px; height: 25px; background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/contact-address.png) no-repeat; background-size: 80% 80%; vertical-align: top; }
.contactus-page .location span.phone { width: 25px; height: 25px; background: url(contact-phone.png) no-repeat; background-size: 80% 80%; }
.contactus-page .location span.fax { width: 25px; height: 25px; background: url(contact-fax.png) no-repeat; background-size: 80% 80%; }
.contactus-page .location span.email { width: 25px; height: 25px; background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/contact-email.png) no-repeat; background-size: 80% 80%; }
.contactus-page .location .social li span{ vertical-align: middle; }
.contactus-page .location span.facebook { width: 36px; height: 36px; background: url(social.png) no-repeat; background-position: 0 0; } /* color background 0 -44px */
.contactus-page .location span.twitter { width: 36px; height: 36px; background: url(social.png) no-repeat; background-position: -51px 0; } /* color background -51px -44px */
.contactus-page .location span.googleplus { width: 36px; height: 36px; background: url(social.png) no-repeat; background-position: -102px 0; } /* color background -102px -44px */
.contactus-page .location span.instagram { width: 36px; height: 36px; background: url(social.png) no-repeat; background-position: -153px 0; } /* color background -153 -44px */

/* blog page */
.template-article .sidebar,
.template-blog .sidebar { margin-top: 7px; }
.content-blog ul { padding:0; margin-top: 40px; }
.content-blog ul.pagination-page { margin: 20px 0; text-align: center; }
.content-blog .list-blog > li:first-child {padding-top:0; margin-top: 0; border-top: none;}
.content-blog .list-blog > li { border-top: 1px solid #d0d0d0; padding-top: 36px; margin-top: 33px;}
.content-blog .list-blog h3 { font-family: gotham-medium; letter-spacing: 3px; font-size: 30px; text-transform: uppercase; margin-bottom:10px; }
.content-blog .list-blog h3 a:hover { text-decoration: none; }
.content-blog .list-blog .des p { margin-bottom: 19px; }
.content-blog .list-blog .des p img { margin-bottom: 10px; }
.content-blog .list-blog .des blockquote {margin-bottom: 36px;}
.content-blog .list-blog .button { margin:0 0 20px; }
.content-blog .list-blog .button a { border: 1px solid transparent; padding:0 15px; height:36px; line-height:36px; display:inline-block; text-transform: uppercase; font-weight:700; font-size: 11px!important; }
.content-blog .list-blog .button a:hover { text-decoration: none; }
.blog_author { font-style: italic; color:#848484; margin-bottom:25px; } 
.blog_author a { color:#848484; }
.blog_author .separator { padding: 0 3px; }
.user-tags { display: inline; padding: 0; margin:0; }
.user-tags li {display: inline; font-style: italic; }
.user-tags li span {padding: 0 5px; text-transform: uppercase; }
.user-tags li label { text-transform: uppercase; text-decoration: none; margin-right: 2px; }
.user-tags li a { color: #2d2d2d; text-decoration: none; }
.user-tags li a:hover { color: #848484; text-decoration: underline; }

.blog-detail .page-header h2 { font-family: gotham-medium; letter-spacing: 3px; font-size: 40px; text-transform: uppercase; }
.blog-detail img {margin-bottom: 15px;}
.blog-detail .rte  { margin-bottom: 20px; }
.blog-detail .article-content h2,
.blog-detail .article-content h3,
.blog-detail .article-content h4,
.blog-detail .article-content h5,
.blog-detail .article-content h6 { text-align: center; text-transform: uppercase; margin: 25px auto; font-weight: 500; }
.blog-detail .article-content ol li,
.blog-detail .article-content ul li,
.blog-detail .article-content p { margin-bottom: 10px; font-size: 15px; }
.blog-detail .article-content p.caption { text-align: center; color: #ababab; margin-bottom: 25px; font-size: 13px;}
.blog-detail .article-content p.quote { border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; margin: 10px 0; padding: 20px 40px; font-style: italic; font-size: 20px; }
.blog-detail .article-content ol { list-style: decimal; }
.blog-detail .article-content ul { list-style: disc; }
.blog-detail .article-content ol,
.blog-detail .article-content ul { padding-left: 40px; margin-bottom: 15px; }
.blog-detail .article-content ul.flex-direction-nav { list-style: none; }
.blog-detail .share_box { border: 0; }
.blog-detail .share_box ul { float: left; }
.blog-detail .share_box ul li { padding: 0 40px 20px 0; }
.blog-detail .addthis  { clear: both; padding: 22px 0;}
.blog-detail .action-btn { clear: both; padding-bottom: 40px;}
.blog-detail .action-btn .right { float:right; }
.blog-detail #comments {clear: both; padding-bottom: 20px;}
.blog-detail #comments ul {list-style: none outside none;}
.blog-detail #comments ul li {padding-left: 120px; background:url('i-comment.jpg') 0 6px no-repeat; padding-bottom: 73px; margin:0; }

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

/* Blog Comment */
#add-comment-title,
.title-comment { font-size: 20px; letter-spacing: 0.05em; border-top: 1px solid #d0d0d0; padding-top: 25px;}

.comment-form label {display: block; margin-bottom: 7px; }
.comment-form .comment-form input { display: block; width: 100%; max-width: 500px; margin-bottom: 16px; }

.message #comment-body { width:100%; max-width: 500px; margin-bottom: 15px; min-height: 132px; resize: vertical; }
.comment-head { color:#848484; font-style: italic; padding-bottom: 10px;}
.blog-detail p.note { margin-bottom: 22px; font-style: italic; color:#797979; }

/* Image slider in Blog Post */
#slider { margin-bottom: 20px; }
.blog-flexslider .flexslider ul { padding-left: 0; }
.blog-flexslider .flexslider .flex-control-nav { visibility: hidden; padding-left: 0; padding-bottom: 20px; }
.blog-flexslider .flexslider .flex-direction-nav { visibility: hidden; }
.blog-flexslider .flexslider:hover .flex-direction-nav { visibility: visible; }
.blog-flexslider .flex-direction-nav a { width: 72px; height: 72px; display: block; margin-top: -40px; text-indent: -999em; cursor: default; }
.blog-flexslider .flex-direction-nav a.flex-prev { background:url(icons_new14.png ) 0px -1017px no-repeat; left: 40px;}
.blog-flexslider .flex-direction-nav a.flex-next { background:url(icons_new14.png ) 0px -1160px no-repeat; right: 40px;}
.blog-flexslider #carousel ul li { padding-right: 20px; }

/* Blog Re-design October 22nd, 2015 */
.blog-header-top { text-align: center; font-family: Montserrat; text-transform: uppercase;}
.blog-header-top .col-xs-8 { padding: 0; }
.blog-header-top .col-xs-4 img { padding: 40px; }
.blog-header-top h2 { font-size: 30px; margin: 0; font-family: gotham-medium; letter-spacing: 0.25em; }
.blog-header-top h4 { font-size: 11px; margin-bottom: 20px; }
.blog-header-top p.message { max-width: 240px; text-transform: none; text-align: justify; margin: 10px auto; font-size: 11px; line-height: 1.2;}
.blog-header-top p.line { width: 100%; max-width: 300px; margin: 0 auto 21px; height: 2px; background: #000; }
.blog-header-top p.link { font-size: 14px; margin-bottom: 20px; }
.blog-header-top a:hover { text-decoration: none; }

.blog-header-bottom { text-align: center; padding: 0; } 
.blog-header-bottom div.col-xs-4 { color: #000; padding: 0; }
.blog-header-bottom div h5 { margin: 0; font-size: 20px; padding: 20px; font-family: Montserrat; text-transform: uppercase; }
.blog-header-bottom .blog-header-image-wrapper { position: relative; }
.blog-header-bottom .arrow-down { display:none; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 10px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -10px; }
.blog-header-bottom a:hover div.col-xs-4 { background: #fff; }
.blog-header-bottom a:hover .arrow-down { display: block; border-top: 10px solid #fff; }

.blog-header-menu { display: none; text-align: center; font-size: 20px; padding: 20px; font-family: Montserrat; text-transform: uppercase; }

.blog-top-line { height: 5px; background: #000; }

.blog-sidebar { margin-top: 40px!important; width: 25%!important; }
.blog-sidebar .blog-search { margin-bottom: 45px; }
.blog-sidebar .blog-search .blog-select-tag { margin-bottom: 20px; }
.blog-sidebar .blog-search form input[type=text] { margin-bottom: 20px; width: 100%; }

/* Popup Newsletter  ------------------------------------------------------------------- SS16 */
#email-modal { display: none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1041; }
#email-modal .modal-overlay { background: rgba(45,45,50,0.8); height:100%; top: 0; left: 0; position:absolute; width:100%; }
#email-modal .modal-window { display: none; position:relative; top: 10%; left: 0; right: 0; margin: 0 auto; width: 600px; max-height: 90%; overflow-y: scroll; }   
#email-modal .window-window { position:relative; }
#email-modal .window-window .window-content { position:relative; background: rgba(0,0,0,0); float: none; }
#email-modal .window-window .window-content .window-background img { width: auto; margin: 30px; }
#email-modal .window-window .window-content .left { width: 200px; position: absolute; top: 52%; left: 75px; text-align: center; }
#email-modal .window-window .window-content .btn.close,
.close-window,
.close-modal { padding:0; height: 29px; width: 29px; position: absolute; /*right: -15px; top: -15px;*/ top: 0; right: 0; z-index: 9; text-indent: -999em; border:0; background:url(icons_new14.png ) 0 -877px #000; cursor: pointer; filter:alpha(opacity=100); opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#email-modal .window-window .window-content .btn.close:hover,
.close-window:hover,
.close-modal:hover { background-color: #e95144;}
#email-modal .window-window .window-content .title { position: relative; margin-bottom: 8px; line-height: 24px; }
#email-modal .window-window .window-content .title span { font-family: 'gotham-medium'; font-size:20px; letter-spacing: 3px; vertical-align: middle; margin-right: 6px; }
#email-modal .window-window .window-content .sub-title { margin-bottom: 15px; letter-spacing: 0.05em; color: #555555; }
#email-modal .window-window .window-content .message { clear: both;  padding: 0 0 30px; letter-spacing: 0.02em; font-size: 13px; text-transform: uppercase; line-height: 20px; width: 280px; margin: 0 auto; }
#email-modal .window-window .window-content hr { border-top: 1px solid #000; margin: 15px 0; }
#email-modal .window-window .window-content .close-message { font-size: 10px; line-height: 12px; margin-top: -10px; }
#email-modal a:hover { text-decoration: none; cursor: pointer; }

/* Social Icons */
.icon-social { text-align: left; }
.icon-social ul { padding: 0; }
.icon-social li{ display: block; margin: 0 6px; float: left; white-space: nowrap;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #333333; width: 36px; height: 36px; text-align: center; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.icon-social li a { text-indent: -999em; font-size: 0; display: block; height: 36px; width: 36px; }
.icon-social li.social-1 a { background: url(icons_new14.png ) 11px -1675px no-repeat; }
.icon-social li.social-2 a { background: url(icons_new14.png ) 11px -1710px no-repeat; }
.icon-social li.social-3 a { background: url(icons_new14.png ) 11px -1747px no-repeat; }
.icon-social li.social-4 a { background: url(icons_new14.png ) 11px -1783px no-repeat; }
.icon-social li.social-5 a { background: url(icons_new14.png ) 11px -1818px no-repeat; }
.icon-social li.social-6 a { background: url(icons_new14.png ) 11px -1855px no-repeat; }

.icon-social li.social-1:hover { background: #4a73bd; }
.icon-social li.social-2:hover { background: #46b0e2; }
.icon-social li.social-3:hover { background: #ea3b02; }
.icon-social li.social-4:hover { background: #f9bc2e; }
.icon-social li.social-5:hover { background: #cc2127; }
.icon-social li.social-6:hover { background: url(social.png) no-repeat -153px -44px; }
.icon-social li span { color: #013055; }
.icon-social li span span { display: block; }
.icon-social li img { margin-right: 10px; float: left}

.modal-window .icon-social { overflow: hidden; }
.rte .icon-social { text-align: center; }
.rte .icon-social li { display: inline-block; float: none; }

.top-cart .block-content .item .product-name a { color: #000; }
.widget-products .products-grid:after {clear: none;}
.input-group-btn {width:auto;}

/* widget new product ---------------------------------------------------------------------------------------- */
.widget-title fieldset.box-title legend { text-align: center; text-transform: uppercase; background: #000; color: #fff!important; display:block; width: 100%; margin: 0; padding: 5px; font-size: 16px; font-weight: 600; letter-spacing: 4px; }
.widget-new-product { padding-bottom: 50px; clear: both; }

/* rating ------------------------------------------------------------------------------------------- */
.products-grid .spr-badge { margin-bottom: 10px; left: 0; width: 100%; }
.product-shop .spr-badge { padding: 0; margin: 0 0 20px; }
.product-shop .spr-badge .spr-starrating { margin-right: 15px;}
.product-shop .spr-badge .spr-badge-caption { text-transform: lowercase; }
.spr-badge-starrating .spr-icon { font-size: 105% !important; padding: 0 1px;}

/* product-grid ------------------------------------------------------------------------------------------- */
.template-collection .products-grid .grid-item { margin-bottom: 70px; }
.grid-item .product-top { position: relative; overflow: hidden; }
.products-grid { margin: 0 -10px; clear: both; }
.products-grid .grid-item { width: 220px; margin: 0 10px; position: relative; float: left; vertical-align: top; text-align: center; margin-bottom: 0!important; height: 440px; }
.products-grid .grid-item .product-top { margin-bottom: 15px; }
.products-grid .grid-item .product-bottom { /* min-height: 70px; */ position: relative; }
.products-grid .grid-item .product-grid-image  {text-align: center; display: block; }
.products-grid .grid-item #product-actions {margin: 0;}
.products-grid .grid-item .product-grid-description { position: absolute; top: 240px; width: 100%; opacity: 0; filter: alpha(opacity=0); }
.products-grid .grid-item .product-grid-description p { width: 80%; margin: 0 auto; text-align: justify; }
.products-grid .grid-item:hover .product-grid-description { opacity: 1; filter: alpha(opacity=100); transform: translateY(-200px); transition-duration: 1s; }
.products-grid .grid-item .product-grid-description a:hover { text-decoration: none; }
.products-grid .product-des { text-align: center; position: absolute; bottom: 100px; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
.products-grid .grid-item:hover .product-des { opacity: 1; filter: alpha(opacity=100); }

.products-grid .grid-item .product-grid-image .product-image-1 { opacity: 1; position: absolute!important; top: 0; left: 0; }
.products-grid .grid-item .product-grid-image .product-image-2 { display: none; opacity: 1; position: absolute!important; top: 0; left: 0; z-index: -1; }
.products-grid .grid-item .product-image .made-in-canada, 
.product-list .product-image .made-in-canada { width: 11%!important; height: auto!important; position: absolute!important; bottom: 5%; right: 3%; z-index: 2;  }

/* Added on July 2nd, 2015 by Bonnie Lo */
.products-grid .grid-item .product-top form.contact-form, 
.products-grid .grid-item .product-top a.wishlist { position: absolute; bottom: 55%; left: 45%; opacity: 0; filter: alpha(opacity=0); }
.products-grid .grid-item .product-top .action { position: absolute; bottom: 35%; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.products-grid .grid-item .product-top .quickview-button { position: absolute; bottom: 0; width: 100%;  opacity: 0; filter: alpha(opacity=0); margin-top: 0; }
.products-grid .grid-item:hover form.contact-form, 
.products-grid .grid-item:hover a.wishlist,
.products-grid .grid-item:hover .action, 
.products-grid .grid-item:hover .quickview-button { opacity: 1; filter: alpha(opacity=100); }

.grid-item #add-to-cart {display: block; width: 100%; text-align: center; height: 42px; line-height: 42px;-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition:all 250ms ease-in-out 0s; -moz-transition:all 250ms ease-in-out 0s; -ms-transition:all 250ms ease-in-out 0s; -o-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; opacity:0; filter:alpha(opacity=0); }
.grid-item:hover .hover { opacity:0.6; filter:alpha(opacity=60); }

.product-title,
.product-name a,
.ajax-product-title { color: #000; display: block; margin-bottom: 6px; text-decoration: none!important; }

.price-box { color: #000; font-size:13px; font-weight: 700; display: block; }
.price-box em { font-weight: 400; }
.old-price { margin-right: 6px; }
.old-price,
.old-price .money,
.compare-price .money { color: #969696!important; text-decoration: line-through; display: inline; font-weight: 400; }
.price-box .money { display: inline; }
.compare-price:not(:empty) {margin-right: 10px;}
.price.on-sale .money ,
.special-price .money,
.price.promo-price,
.price.promo-price .money { color: #e95144; }

.special-price em { display: none; }

.product-label { position: absolute; top: 0; right: 0;}
.product-label strong { color: #e95144; line-height: 16px; height: 20px; font-size: 10px; font-weight: 700; display: inline-block; text-transform: uppercase; padding: 0 5px; border: 2px solid #e95144; background: #fff; margin: 0 2px 10px 0; float: right; clear: both; }
.product-label strong.new-label { color: #fff; background-color: #e95144; border-color: #e95144; }
.product-label strong.sold-out-label { color: #d2d8db; border-color: #d2d8db; }
.product-label strong.discount-code-label,
.product-label strong.pre-order-label { color: #dda8a0; border-color: #dda8a0; }
.product-label strong.sale-label { color: #e95144; border-color: #e95144; }
.product-new-label { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background-color: #000; font-size: 10px; font-weight: 700; text-transform: uppercase; text-align: center; }

.products-grid.owl-carousel .grid-item {width: auto;}

.product-colour { display: inline-block; width: 30px; height: 30px; border: 1px solid #969696; background-size: 100%; }

/* product-list ------------------------------------------------------------------------------------------- */
.product-list { margin-bottom: 40px; }
.product-list .grid-item { width: auto; float: none; margin: 40px 0 0px 0; clear: both; position: relative; overflow: hidden; border-top: 1px solid #dfe4e6; padding-top: 40px; text-align: left; }
.product-list .grid-item:first-child { padding-top: 0; margin-top: 0; border-top: 0;}
.product-list .product-details { overflow: visible; /*overflow: hidden;*/ }
.product-list .product-details ul { list-style: none; /*list-style: disc;*/ margin-left: 20px; }
.product-list .product-list-thumb { display: block; float: left; max-width: 200px; position: relative; margin-top: 25px; }
.product-list .price-box{ margin-bottom: 20px; }
.product-list .action { margin-bottom: 20px; }
.product-list .grid-item #add-to-cart{width: auto;}
.product-list .product-label{ /*left: 0; right: auto;*/ top: 0;}
.product-list .product-label strong { float: none; display: block; }
.product-list .spr-badge { margin: 0 0 10px; padding: 0; }
.product-list .spr-badge:after {clear: none;}

/*  List Category Page -------------------------- */
.template-collection .breadcrumb { margin-bottom: 34px; }
.list-category .grid-item { clear: both; text-align: center; margin-bottom: 14px; }

/* category Page -------------------------- */
.toolbar { font-size: 11px; font-weight: 700; color: #3c3c3c; text-transform: uppercase; margin-bottom: 40px; position: relative; float: left; width: 100%; /* background: #eee; border: 1px solid #cbcbcb; */ padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; display: block; text-align: right; }
.toolbar.toolbar-bottom { color:#2d2d2d; border-color:#d0d0d0; padding: 15px 30px 15px 20px; margin-bottom: 0; }
.toolbar-bottom .padding {padding-top: 0;}
.toolbar.toolbar-bottom .page-total { float: left; margin: 0; font-size: 12px; font-weight: normal; text-transform: none; }
.toolbar label { color: #3c3c3c; letter-spacing: 0.05em; margin: 0 12px 0 0; }
.toolbar .view-mode { float: left; text-align: left; }
.toolbar .view-mode label { /* border-right: 1px solid #cbcbcb;*/ padding: 16px 20px; margin: 0 20px 0 0; }
.toolbar .btn-group label { margin-top: 8px; float:left; }
.toolbar .btn-group { margin: 8px 8px 8px 22px; text-align: left; }
.toolbar button { color: #66787f; text-transform: uppercase; padding: 0; text-align:left; font-weight: 400; letter-spacing: 0; }
.toolbar button.btn-hover { color: #e95144; position: relative; z-index: 2; }
.toolbar button.btn-hover:before { background: #fff;  border-right: 1px solid #dfe4e6;  content: "";  height: 91px;  position: absolute;  right: -30px;  top: -40px;  width: 119px;  z-index: -1;}
.toolbar .right button.btn-hover:before  {right: auto; left: -30px;border-left: 1px solid #dfe4e6; border-right: none;}
.toolbar .collection-filter-btn,
.toolbar .collection-filter-btn .icon-drop {height:0;width:0;border:5px solid transparent;border-top-color:#7a8e95; display: inline-block;vertical-align:middle; margin-left: 7px; text-indent: -999em;cursor: pointer; margin:3px 3px 0 10px; padding: 0; background: none; }
.toolbar .collection-filter-btn.btn-hover .icon-drop {border-top-color:#e95144;}
.toolbar .grid,
.toolbar .list { width:14px; height:14px; text-indent: -999em; display: inline-block; background:url(icons_new14.png ) 0 0px no-repeat; line-height: 14px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;letter-spacing: 0.05em;}

.toolbar .grid {margin-right: 20px;}
.toolbar span.grid {background-position: 0 -600px; color: #e95144;}
.toolbar a.grid {background-position: 0 -640px;}
.toolbar a.grid.active,
.toolbar a.grid:hover {background-position: 0 -600px; text-decoration: none;color: #e95144;}
.toolbar a.list {background-position: 0 -727px;}
.toolbar a.list.active,
.toolbar a.list:hover {background-position: 0 -768px; text-decoration: none;color: #e95144;}
.toolbar span.list {background-position: 0 -768px;color: #e95144;}

.toolbar .btn-group.filter-show { margin-left: 10px; }
.toolbar .filter-show button.dropdown-toggle { width: 120px; }
.toolbar .filter-show.open .dropdown-menu { min-width: 120px; }
.toolbar button.dropdown-toggle { float:none; border: 1px solid #cbcbcb; color: #505050; background: #fff; line-height: 34px; padding: 0 10px; position: relative; text-transform: capitalize; width: 170px; }
.toolbar button.dropdown-toggle:after { content: ""; width: 36px; height: 35px; border-left: 1px solid #cbcbcb; position: absolute; right: 0; top: 0; }
.toolbar button.dropdown-toggle:before,
.toolbar button.dropdown-toggle:before { position: absolute; right: 14px; top: 16px; width: 0; height: 0; border: 4px solid transparent; border-top-color:#000; content: ""; }
.toolbar .btn-group.open .dropdown-toggle { -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.toolbar .btn-group.open .dropdown-toggle:before { border-top-color:transparent; border-bottom-color:#000; margin-top: -5px; }

.toolbar .open .dropdown-menu { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;  border-radius:0; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; display: block; left: auto; right:0; min-width: 170px; }
.toolbar .open .dropdown-menu li.active { margin:0; }
.dropdown-menu > li > a { color: #505050; font-size: 12px; text-transform: capitalize; padding: 3px 10px; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #f5f5f5; color: #66787f;}

.infinite-scrolling ,.infinite-scrolling-homepage {text-align: center; clear: both;}

/* product detail Page -------------------------- */
.template-product .breadcrumb { margin-bottom: 34px; }
.product { margin-bottom: 0; }
.product-shop .product-title { margin-bottom: 10px; }
.product-shop .product-title.has-btn { padding-right: 30px; position: relative; }
.product-shop .product-title h2,
.product-shop .product-title a { font-size: 24px; font-weight:700; margin-bottom: 0; line-height: 30px; text-decoration: none; }
.product-shop .product-title h2:first-letter,
.product-shop .product-title a:first-letter { text-transform: uppercase; }
.product-shop .product-infor { margin-bottom: 20px; }
.product-shop .product-infor label { font-size:11px; font-weight: 700; text-transform:uppercase; min-width: 105px; padding-right:5px; margin: 0; }
.product-shop .product-infor p { margin-bottom: 5px; }
.product-shop .product-title a.btn { display: block; text-indent: -999em; width: 8px; height: 13px; padding: 0; background: url(btn-product.png) no-repeat; border: 0; position: absolute; top: 10px; right: 20px; }
.product-shop .product-title a.btn.next { background-position: right center; right: 0; }

#product-variants { margin-bottom: 17px; }

.quick-view .content .product-shop .product-item .details .variants .swatch .noshow { display: none!important; }
.quick-view .content .product-shop .product-item .details .variants .swatch.noshow { display: none!important; }

.total-price label { margin: 0 5px 0 0; }
.product-shop .total-price { clear: both; margin-bottom: 22px; }
.product-shop .total-price > span { font-size: 14px; font-weight: 700; color: #000; }
.product-shop .prices { display: block; margin-bottom: 22px; clear: both; }
.product-shop .prices .compare-price .money { font-size:16px; font-weight: 400; }
.product-shop .prices .compare-price { text-decoration: line-through; }
.product-shop .prices .price { font-size: 22px; font-weight: bold; }
#addToCartForm #product-add-to-cart {display: block; margin-bottom: 20px;}
#addToCartForm #quantity { width: 100px; margin-bottom: 20px; }
#productPrice span,
.product-shop .short-description { margin-bottom: 20px; }
.product-shop .short-description ul { list-style: disc; margin-left: 20px; }
#add-to-cart-form strong.h2{margin-bottom: 20px; display: block; margin-top: 14px;}
.quick-view .product-shop .price,
.product-shop .price > span { font-size: 18px; font-weight: 600; color: #000; }
.product-shop .old-price { margin-right: 10px; }
label[for="quantity"] {display: block; font-weight: 700; margin-bottom: 5px; }

.quick-view .product-shop button.btn,
.product-shop #add-to-cart-form .btn { margin: 0 30px 30px 0; height: 48px; min-width: 270px; float: left; clear: both; }
.product-shop a.btn { margin-bottom: 20px; }
.product-shop .tags { margin-bottom: 20px; clear: both; }
.product-shop .tags a { padding-right: 7px;}
.product-shop .tags .icon-tags { text-transform: uppercase; padding-right: 7px; }
.product-shop .tags span { padding-right: 7px; }
.product-shop .tags span:nth-child(1) { display: none; }
.product-shop .tags span:nth-of-type(1) { display: none; }

.product-shop .product-description { padding: 0; }
.product-shop .product-description h4 { font-size: 12px;}
.share_toolbox { clear:both; border: 1px solid #e3e3e3; border-width: 1px 0; overflow: hidden; padding: 10px 0 7px; }
.share_toolbox p { display: inline-block; color: #969696; margin: 0;}
.share_toolbox p strong { font-weight: 500; }
.share_toolbox ul { float: right; margin: 0; line-height: 18px; }
.share_toolbox ul li { display: inline-block; padding: 0 0 0 12px; margin: 0; }

.share_box { clear:both; border-top: 1px solid #e3e3e3; border-width: 1px 0; overflow: hidden; }
.share_box p { float: left; color: #969696; margin: 0; font-weight: 500; padding: 20px 0 0 20px; }
.share_box ul { float: left; margin: 0; line-height: 20px; padding: 16px 0; }
.share_box ul li { display: inline-block; padding-left: 40px; margin: 0; }

.zoomWrapper > div { width: 64px !important; height: 64px !important; background-color: #fff!important; left: 50% !important; margin: -32px 0 0 -32px !important; top: 50% !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 99!important; }
.zoomWrapper img { z-index: -1 !important; }

.product-img-box { position: relative; padding-right: 30px; margin-bottom: 10px;}
.product-img-box .product-photo-container { position: relative;overflow: hidden; text-align: center; }
.product-img-box .more-view-wrapper img:hover { opacity: 0.3; }
.product-img-box .product-photo-thumbs li { margin: 0; }
.product-img-box .product-photo-thumbs.owl-theme li { padding: 0 5px; width: 100%; }
.product-img-box .product-photo-thumbs li a { display: block; }

.more-view-wrapper { visibility: hidden; margin: 25px 0 0; }
.more-view-wrapper.more-view-wrapper-owlslider li { float: left; }
.more-view-wrapper .owl-theme .owl-controls { height: 55px; }
.more-view-wrapper .owl-theme .owl-controls .owl-buttons div { top: auto; bottom: 0; }
.more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 50%; margin-left: -43px; }
.more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background-color: transparent !important; }
.more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { right: 50%; margin-right: -43px; }
.more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background-color: transparent !important; }

/* Vertical Moreview */
.product-img-box.has-jcarousel .product-photo-container { float: left; width: 290px; }
.product-img-box.has-jcarousel .more-view-wrapper { float: right; margin: 0; }
.product-img-box.has-jcarousel .product-photo-thumbs li { margin: 0 0 15px; }

.more-view-wrapper ul { padding: 0; }
.more-view-wrapper-jcarousel .product-photo-thumbs li {padding: 0; margin: 0 0 20px; }
.more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-vertical { width: 15px; height: 10px; top: 30px; left: 50%; margin-left: -8px; background-position: 100% -456px;z-index: 2;}
.more-view-wrapper .jcarousel-skin-tango .jcarousel-next-vertical { width: 15px; height: 10px; bottom: 30px; left: 50%; margin-left: -8px; background-position: 100% -523px;z-index: 2;}
.more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-disabled,
.more-view-wrapper .jcarousel-skin-tango .jcarousel-next-disabled {display:none}

.quickview-more-views,
#more-view-carousel { padding: 0; margin: 0; }
.more-view-wrapper .jcarousel-clip-vertical { width: 55px; height: 346px;}
.more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-disabled,
.more-view-wrapper .jcarousel-skin-tango .jcarousel-next-disabled {display:none!important}
.more-view-wrapper .jcarousel-skin-tango .jcarousel-next-vertical { bottom: 0;}
.more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-vertical {top: 0;}
.more-view-wrapper .jcarousel-container { padding: 20px 0; }

.quick-view .product-img-box.has-jcarousel .product-photo-container { width: 280px; }

.at-share-tbx-element { display: none; }
.at-share-tbx-element:first-child { display: block; }

/* Qty */
.selector-wrapper { padding-bottom: 10px;}
.selector-wrapper select{ height: 30px; padding: 4px; min-width: 100px;}
.selector-wrapper label { margin-right: 10px; display: block; margin-bottom: 5px;}
.button.inc,
.button.dec { float: left; width: 35px; height: 36px; border: 1px solid #cbcbcb; cursor: pointer; background: url(icons_new14.png ) no-repeat 12px -923px; text-indent: -999em; }
.button.dec { border-right: 0;  }
.button.inc { border-left: 0; background-position: 12px -965px; }
.product-shop .quantity,
.product-shop #quantity { float: left; width: 50px; }
#quantity {width: 100px; margin-bottom: 22px;}
label[for="productSelect"] {margin-bottom: 10px;}
.quantity select {height: 30px; padding: 4px; }

/* Tab Detail -------------------------- */
.panel-group { margin:0; }
.nav-tabs { border-bottom: 1px solid #d0d0d0; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 26px; }
.nav-tabs > li { background: #fafafa; margin: 0 -1px 0 0; }
.nav-tabs > li > a { font-weight: 700; color: #000; text-transform: uppercase; letter-spacing: 0.05em; margin: 0; border: 1px solid #d0d0d0; border-bottom:0; padding: 14px 25px 10px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.nav-tabs > li:hover,
.nav-tabs > li.active { border-top: 2px solid #000; }
.nav-tabs > li:hover > a,
.nav-tabs > li.active > a { padding-bottom: 11px; padding-top: 13px; margin-bottom: -1px; }
.nav-tabs > li > a:hover,
.nav-tabs > li:hover > a,
.nav-tabs > li:hover > a:hover,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus { border: 1px solid #c8c8c8; border-width:0 1px; color: #000; }
.nav > li > a:hover, 
.nav > li > a:focus { background: #fff; color: #000; }

.tab-content h4 { font-size:12px; font-weight: 700; padding: 0 0 15px; margin:0; }
.tab-content p { margin-bottom: 20px; }
#collapse-tab1 p { margin-bottom: 30px; }
#collapse-tab1 ul { margin: 0 0 30px; list-style:disc; padding-left: 40px; }
#collapse-tab1 ol { margin: 0 0 30px; list-style:decimal ; padding-left: 40px; }
.tab-content blockquote { font-style: normal; border: 0; padding: 0; margin: 0; line-height: 20px; }

.tab-content .spr-container { border: none; padding: 0 !important; }
.tab-content .spr-container h2.spr-header-title { display:none; }
#shopify-product-reviews { margin:0; padding: 10px 0; }
.tab-content .spr-summary-starrating { margin-right: 20px; }
.tab-content .spr-review, .tab-content .spr-form { border-top: 1px dotted #d0d0d0!important; margin-top:30px; padding-top: 23px; padding-bottom: 0; }
.tab-content .spr-review:first-child { margin-top:30px; }
.tab-content .spr-review .spr-review-header-title { font-size:14px; font-weight:700; margin-bottom: 3px; }
.tab-content .spr-review .spr-review-header-byline { font-style: normal; font-size: 12px; margin-bottom: 8px; opacity: 0.6; }
.tab-content .spr-review .spr-review-header-byline strong { font-weight: normal; }
.tab-content .spr-review .spr-review-content { margin-bottom: 30px; }
.tab-content .spr-review .spr-review-content p { margin: 0; }
.tab-content .spr-form-title { text-transform: uppercase; font-size:14px; font-weight: 700; letter-spacing: 0.05em;}
.tab-content .spr-form-label { display:block; font-size:12px; }
.tab-content .spr-form-review-rating .spr-form-label { display:inline-block; margin-right:20px;}
.tab-content .spr-form-review-rating .spr-starrating { display:inline-block; line-height: 25px; }
.tab-content .spr-form-input-text, 
.tab-content .spr-form-input-email { width: 370px; clear:both; }
.tab-content .spr-form-input-textarea { width: 670px; clear:both; }
.tab-content .spr-form-actions { max-width: 670px; }
.spr-review-header .spr-review-header-starratings { margin: 0 0 6px; }

.spr-summary-actions a { line-height: 30px; height: 32px; }
.spr-review-footer .spr-review-reportreview { color: #e95144; }

.tab-content .tab-fabric h5 { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; }
.tab-content .tab-fabric p:first-of-type { text-transform: uppercase; }
.tab-content .tab-fabric ul li { display: inline-block; width: 100px; vertical-align: top; text-align: center; }
.tab-content .tab-fabric ul li p { margin-top: 10px; margin-bottom: 0; font-size: 11px; }

.product-shop .selectize-input { padding: 0 12px !important; min-height: 34px !important; border-color:#cbcbcb!important; -webkit-border-radius:0 !important;  -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important;  border-radius:0 !important;}
.product-shop .selectize-input.full { width: 100%;}
.product-shop .selectize-input > * { line-height: 36px; }
.product-shop .selectize-control.single .selectize-input:after { border-width: 4px 4px 0!important; border-top-color: #000!important;  right:14px!important; top:20px!important; }
.product-shop .selectize-control.single .selectize-input.dropdown-active:after { border-width: 0 4px 4px!important; border-bottom-color: #000!important; margin-top:-2px!important; }
.product-shop .selectize-control.single .selectize-input:before { position:absolute; content:''; width: 36px; height:36px; border-left:1px solid #cbcbcb; right:0; top:0; }

[class^="spr-icon-"]:before, [class*=" spr-icon-"]:before {font-size: 100% !important;}

/* related product */
.related-products { border-top: 1px dotted #000; margin-top: 30px; }
.related-products h2 { font-size: 14px; padding: 27px 0; }
.related-products .products-grid .grid-item { margin-bottom: 0; }
.related-products .products-grid .product-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.related-products .products-grid .product-image:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
.related-products .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; opacity: 0; filter:alpha(opacity=0); }
.related-products .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; opacity: 0; filter:alpha(opacity=0); }
.related-products .owl-theme:hover .owl-controls .owl-buttons div.owl-prev { opacity: 1; filter:alpha(opacity=100); }
.related-products .owl-theme:hover .owl-controls .owl-buttons div.owl-next { opacity: 1; filter:alpha(opacity=100); }

/* recently viewed products */
.recently-viewed-products { border-top: 1px dotted #000; padding:0; margin-top: 50px; clear:both; display: none; }
.recently-viewed-products h2 { font-size: 14px; padding: 27px 0; }
.recently-viewed-products .products-grid .grid-item { margin-bottom: 0; }
.recently-viewed-products .price-box,
.recently-viewed-products .spr-badge { margin: 0 0 10px; }
.recently-viewed-products .product-bottom .action { position: absolute; top: -152px; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
.recently-viewed-products .grid-item:hover .product-bottom .action { opacity: 1; filter: alpha(opacity=100); }

.col-main .products-grid .owl-item .grid-item { width: auto!important; }

/* shopping cart Page -------------------------- */
.template-cart .page-header { overflow: hidden; }
.template-cart .page-header h1 { float: left; }
.template-cart a.continue { letter-spacing: 0.02em; float: right; margin-top: 5px; padding-right: 35px; background: url(icons_new14.png) no-repeat right -159px; }
.wrapper-cart { overflow-x: auto; overflow-y: hidden; width: 72.5%; }
.cart-wholesale-action { margin-bottom: 20px; }
.cart-wholesale-action a { margin-right: 10px; }
.cart-title h2 { color:#797979; font-weight: 700; font-size:11px; text-transform: uppercase; background: #fafafa; border-bottom: 1px solid #eaeaea; padding: 12px 20px 8px; letter-spacing: 0.02em; line-height: 20px; margin-bottom: 40px; }
.cart-list li { overflow: hidden; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; }
.cart-list a.product-img { display: table-cell; vertical-align: bottom; width: 25%; padding-right: 20px; position: relative; }
.cart-list .product-info { display: table-cell; vertical-align: bottom; width: 30%; text-align: left; overflow: hidden; position: relative; }
.cart-list .product-details { display: block; width: 100%; padding-bottom: 20px; min-width: 250px; position: absolute; top: 0; left: 0; }
.cart-list .product-variant-color { display: inline-block; vertical-align: bottom; width: 100%; }
.cart-list .product-variant-color > div{ width: 100px; height: 100px; background-size: 100%; }
.cart-list .product-order-quantity { display: table-cell; vertical-align: bottom; width: 50%; margin-top: 20px; }
.cart-list .product-name { display: inline-block; margin-bottom: 9px; }
.cart-list .product-name:hover { text-decoration: none; }
.cart-list p.size { color:#717171; margin: 0 0 5px 10px; }
.cart-list p.vendor { color:#717171; font-weight: 700; margin: 0 0 10px 10px; }
.cart-list p.price { margin-bottom: 16px; text-align: right; }
.cart-list .quantity { display: table; width: 100%; }
.cart-list .quantity > div { display: table-cell; vertical-align: bottom; }
.cart-list .money { font-size: 13px; font-weight: 700; }
.cart-list .product-order-quantity .sale span { color: #ab121c; }
.cart-list .quantity label { margin-bottom: 9px; display: block; }
.cart-list input.qty { width: 60px; margin-right: 6px; }
.cart-list input.update { border: 0; background: none; text-transform: uppercase; color: #000; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; padding: 0; line-height: 18px; }
.cart-list a.remove { text-transform: uppercase; color: #e95144; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; }
.cart-list input.update:hover,
.cart-list a.remove:hover { text-decoration: none; color: #969696; }
.cart-list a.product-img .product-label { float: none; position: absolute; top: 0; left: 0; right: auto; }

.cart-item p { font-weight: bold; }

.cart-row { width: 27.5%; }
.cart-row h3 .money { font-size: 32px;font-style: normal;  text-align: right; font-weight: bold;}
.cart-row .total-price { text-align: center; border-bottom: 1px solid #eaeaea; padding-bottom: 28px; margin-bottom: 14px; }
.cart-row .total-price h3 { color:#797979; font-weight: 700; font-size:11px; text-transform: uppercase; background: #fafafa; border-bottom: 1px solid #eaeaea; padding: 12px 10px 8px; letter-spacing: 0.02em; line-height: 20px; margin-bottom: 30px; }
.cart-row .total-price .money { font-size: 20px; font-weight: 600; }
.cart-row .btn { width:100%; }
.cart-row label.add-comments { display: block; font-weight: normal; margin-bottom: 13px; }
.cart-row label.add-comments span { background: #e95144; color:#fff; font-size: 10px; font-weight: 700; padding: 2px 5px; margin-right:10px; text-transform: uppercase; }
.cart-row textarea { height: 111px; width: 100%; margin-bottom: 16px; resize: vertical; }
.cart-row input { margin-bottom: 20px; }

#shipping-calculator { margin-bottom: 25px; }
#shipping-calculator h3 { font-size: 14px; font-weight: 700; letter-spacing: 0.05em; border-bottom: 1px solid #eaeaea; padding-bottom: 16px; }
#shipping-calculator-form-wrapper p select,
#shipping-calculator-form-wrapper p input[type="text"] { width: 100%;}
#shipping-calculator-form-wrapper p select { margin-bottom: 8px; }
#shipping-calculator-form-wrapper label { display: block; }
#shipping-calculator-form-wrapper label[for="get-rates-submit"] { display: none; }
#get-rates-submit { margin: 10px 0; }

.zoomContainer { z-index: 99; width: auto !important; height: auto !important;}

/* customer account pages header style */
.customer-account-heading { text-align: center; font-size: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; background: #fafafa; border: 1px solid #eaeaea; border-width: 1px 0; padding: 15px 0 13px; }

/* create an account */
.create-an-account p.title { color:#323232; border:1px solid #eaeaea; border-width: 1px 0; padding: 16px 0; margin-bottom: 26px; }
#create_customer label {display: block; }
#create_customer input {display: block; margin-bottom: 15px; min-width: 200px; width: 100%; max-width: 600px; }
#create_customer .action-btn { padding-top:5px; margin-bottom: 50px; }
#create_customer .action-btn input { min-width: 0px; width: auto; margin-bottom: 24px; margin-right: auto; margin-left: auto; color: #fff; background-color: #000; }
#create_customer .action-btn input:hover { color: #000; background-color: #fff; }

/* Activate Account */
#activate_account .form-input { width: 100%; max-width: 560px; margin: 0 auto; }
#activate_account label { display: block; }
#activate_account input[type="password"] { width: 100%; }
#activate_account .text-center p { padding-top: 20px; }

/* login page */
#customer_login label {display: block; }
#customer_login input {display: block; margin-bottom: 15px; width: 100%; }
#customer_login .action-btn { margin-bottom: 50px; margin-top: 20px;}
#customer_login .action-btn input { min-width: 0px; width: auto; margin-bottom: 24px; margin-right: auto; margin-left: auto; background-color: #000; color: #fff; }
#customer_login .action-btn input:hover { background-color: #fff; }
#customer_login .action-btn p.last span { color: #404e53; font-style: italic; padding: 0 3px; }
.login-page p { text-align: center; }
.login-with-amazon img { padding-bottom: 20px; }

/* forgot password */
label#reset_password, label#password_confirmation,
#recover_password label {display: block; }
input#reset_password, input#password_confirmation,
#recover_password input {display: block; margin-bottom: 15px; min-width: 200px; width: 100%; max-width: 600px; }
#recover_password .action-btn input { min-width: 0px; width: auto; margin-bottom: 24px; margin-right: auto; margin-left: auto; }

/* my password 
.grid-item .page-header { margin-bottom: 10px; margin-top: 30px; }
.grid-item .page-header h4 { margin-bottom: 0; }
.grid-item form input[type="tel"],
.grid-item form input[type="text"] { display: block; width: 380px; margin-bottom: 10px; }
.grid-item select { width: 380px; display: block; margin-bottom: 10px; }
.grid-item h3 { font-size: 14px; }

/* order */
.customer-order .page-header { margin-top: 20px; }
.customer-order .customer-order-summary { margin-bottom: 10px; }
.customer-order .customer-order-summary thead { background-color: #fafafa; }
.customer-order p , .customer-order h5 { padding-left: 20px; }

/* search page */
.search-page .page-header h2 { margin-bottom: 20px; }
.search-page .search-bar label, .search-page .search-bar select,
.search-page .search-bar .input-group-field { margin-right: 10px; }
.search-page .search-bar label { text-transform: uppercase; }
.search-page .toolbar-bottom { margin-top: 30px; }

.search-page .search-result-list .article-item .result-image { clear: both; float: none; }
.search-page .search-result-list .article-item .result-des { clear: both; margin-top: 20px; float: none; }
.search-page .search-result-list .product-details ul { list-style: disc; margin-left: 20px; }

.wrapper-search-bar { margin-bottom: 20px; }

.nav-search .search-bar .input-group-field { font-size: 12px; padding: 5px 30px 5px 20px; height: 30px; }

/* quick view */
.quickview-template ,
.quick-view{ bottom: 0; display: none; left: 0; outline: 0 none;  overflow-x: auto; overflow-y: scroll; position: fixed;  right: 0;  top: 0; z-index: 1050; display: none;  }
.quickview-template .content,
.quick-view .content { position: relative; width: 90%; margin:30px auto;  background: #fff; padding: 50px; }
.quick-view .overlay,
.ajax-success-modal .overlay {background: rgba(45, 45, 50, 0.8); height: 100%; width: 100%; position: fixed;}
._quick-view-content { display: none; }
.quick-view .product-shop { float: right; }
.quick-view .product-img-box { margin: 0; float: left; }
.quick-view .product-img-box .image-wrapper { width: 311px; height: 311px; overflow: hidden; position: relative; }
.quick-view .product-img-box .image { width: 311px; height: 311px; overflow: hidden; position: relative; } 
.quick-view .product-img-box .image img { display: block; position: relative; max-width: 110%; }
.quick-view .product-img-box .thumbnails { padding: 20px 0 0 40px; position: relative; }
.quick-view .product-img-box .thumbnails .jcarousel-next-horizontal { width: 70px; height: 70px; position: absolute; top: 0; right: 0; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.quick-view .product-img-box .thumbnails .jcarousel-next-horizontal:hover { opacity: 1; }
.quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal { width: 70px; height: 70px; position: absolute; top: 0; left: 0; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal:hover { opacity: 1; }
.quick-view .product-img-box .thumbnails ul { float: left; text-align: center; width: 240px; }
.quick-view .product-img-box .thumbnails ul li a:hover { opacity: 1; }
.quick-view .product-img-box .thumbnails ul li .active { opacity: 1; }
.quick-view .product-img-box .thumbnails ul li a img { max-width: 110%; }
.quick-view .product-img-box .thumbnails ul { width: 266px; }
.quick-view .product-shop p.custom { margin: 0; }
.quick-view .product-shop .prices { margin-top: 25px; }
.quick-view .product-shop .prices:first-child { margin-top: 0; }
.quick-view .product-shop .addthis { margin-bottom: 0; }
.quick-view .product-shop .product-label { right: auto; left: -80px; top: 8px; }
.quick-view .product-shop .product-description { display: none; }

.quick-view .size-chart-link { font-size: 14px; font-weight: 700; }
.quick-view .product-UBO .size-chart-link { display: none; }
.quick-view .product-UBO .product-vendor { display: block!important; }

.ajax-form-submited-wrap { display: none; position: relative; width: 270px; height: 50px; float: right; }
.ajax-form-submited-success, .quick-view .ajax-form-submited-error { position: absolute; left: 0px; top: 0; display: none; font-weight: bold; width: 270px; margin-right: 30px; height: 50px; font-size: 14px; }
.ajax-form-submited-success { line-height: 50px; }
.ajax-form-loader { position: absolute; right: 0; top: 20px; width: 40px; height: 15px; }
.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35; filter:alpha(opacity=0); z-index: 700; display: none; }
.quick-view .product-shop .price { margin-bottom: 20px; }
.quick-view .product-shop .product-description { margin-bottom: 22px; padding: 0;}
.quick-view .product-shop .product-description ul { list-style: disc; margin-left: 20px; }
.quick-view .product-shop .quantity { margin-bottom: 25px; }
.quick-view .product-shop .details input[type="number"] {margin-bottom: 30px; }

.zoomWindowContainer .zoomWindow {border: 5px solid #fff !important;}

.loading-modal { background:#fff url("loading.gif") center 14px no-repeat; border: 1px solid rgba(0,0,0,0.15); position: fixed; top: 50%!important; bottom: auto; left: 50%; right: auto; width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; overflow: hidden; padding: 0; text-align: center; text-indent: -999em; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3); box-shadow: 0 1px 4px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ajax-success-modal .content { background: #fff; bottom: auto; left: 50%; margin-left: -270px; margin-top: -100px; min-height: 200px; padding: 45px 40px; position: fixed; right: auto; top: 50% !important; width: 535px;}
.ajax-success-modal .ajax-left { float: left; margin-right: 20px; margin-bottom: 20px; }
.ajax-success-modal .ajax-right { margin-left: 96px; }

.ajax-error-modal { bottom: auto; left: 0; overflow: hidden; padding: 10px 20px; position: fixed; right: auto; top: 50%; width: 100%; text-align: center; }
.ajax-error-modal .modal-inner { color: #fff; background: #e95144; display: inline-block; padding: 10px 20px; }
.ajax-success-modal .continue-shopping{ margin-right: 12px; padding: 0 20px; width: 240px; }
.ajax-success-modal .btn-secondary { margin-top: 10px; padding: 0 20px; width: 240px; }

.success-message { background: #f5f8f3 url(icons_new14.png ) 20px -1476px no-repeat; height: 40px; line-height: 40px; color: #5f943c; padding: 0 10px 0 40px; margin-bottom: 20px; border-bottom: 1px solid #dde8d6; }
.ajax-product-title { text-align: left; margin-bottom: 9px; }
 
/* animate */
.widget-product .grid-item,.wow.animated { -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; -ms-animation-duration:1.5s; -o-animation-duration:1.5s;  animation-duration:1.5s; }
.animated { -moz-opacity: 1; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */}

/* Large Back to Top Icon */
#back-top { background: url(icons_new14.png ) -79px -448px no-repeat #fff; z-index:99; font-size: 0;  height: 30px;  position: fixed;  right: 40px;  top: 50%;  width: 30px; cursor: pointer; margin:0; border-radius: 30px; border: 2px solid #000; }

/* Swatches Styles */
.swatch { margin: 0 0 11px; }
.swatch .header { margin: 0; border: none; padding: 0 0 5px; font-weight: 700; color: #000; } /* Label */
.swatch input { display:none; } /* Hide radio buttons.*/
.swatch label { border: 1px solid #cbcbcb; float: left; font-weight: 400; font-size: 11px; min-width: 34px!important; height: 34px!important; line-height: 32px; margin: 0; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; background-size: 100%; }
.swatch-element label { padding:0 5px; }
.color.swatch-element label { padding:0; }

/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label ,
.swatch label:hover { border-color: #000; border-width: 3px; line-height: 28px; color: #000; font-weight: 600; }
.swatch .swatch-element.black input:checked + label, 
.swatch .swatch-element.black label:hover,
.swatch .swatch-element.colorblack input:checked + label, 
.swatch .swatch-element.colorblack label:hover{ border-color: #969696; }
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); 		/* webkit flicker fix */
  -webkit-font-smoothing:antialiased; 	/* webkit text rendering fix */
  margin: 0 15px 15px 0; 				/* Spacing between buttons */
  position:relative; 					/* To position the sold out graphic and tooltip */
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label { 
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;       /* khtml, old safari */
  -moz-opacity: 0.6;         /* mozilla, netscape */
  opacity: 0.6;              /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip, 
.block-swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-28px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}

.block-swatch { position: relative; }
.block-swatch:hover .tooltip { filter:alpha(opacity=100); opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }

.swatch .tooltip:before, .block-swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; }

/* CSS triangle */
.swatch .tooltip:after, .block-swatch .tooltip:after { border-left:solid transparent 10px; border-right: solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; }
.swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; }
.swatch.error p { margin:0.7em 0; }
.swatch.error p:first-child { margin-top:0; }
.swatch.error p:last-child { margin-bottom:0; }
.swatch.error code { font-family: monospace; }

.product-photo-container #product-featured-image {  position: static !important; height: auto !important; width: auto !important; }
.product-photo-container > a {position: relative; display: block;width: 100%; }

/* Css Fix */
.products-grid .grid-item .product-image  {display: table; /*overflow: hidden;*/ position: relative;  table-layout: fixed; text-align: center; width: 100%;  }
.products-grid .grid-item .product-image > a,
.product-list .grid-item .product-image > a {display: table-cell;  line-height: 0;  vertical-align: middle; width: 100% !important;}

.product-list .grid-item .product-image { overflow: hidden; position: relative; text-align: left; float: left; margin-right: 30px; width: auto;}
.product-list .grid-item .product-image > a img { max-height: 300px; }

.products-grid .grid-item-border .product-image,
.grid-item-border.product-img-box .product-photo-container {border: 1px solid #c4cdcd; padding: 10px;}
.products-grid .grid-item-border .product-des .product-title {padding-left: 10px; padding-right: 10px; }
.no_crop_image img {height: auto !important; position: static !important;  }

.zoomWrapper {overflow: hidden; height: auto !important; width: auto !important; text-align: center;}
.zoomWrapper img:nth-child(2) {display:none}

/* FAQs 
.panel-group .panel + .panel { margin-top: 0; }
#faqs .breadcrumb { display: none; }
#faqs .page-header { position: relative; padding-bottom: 15px; margin-bottom: 23px; }
#faqs .page-header:after { content: ""; border: 0; height: 2px; width: 32px; position: absolute; left: 50%; bottom:0; margin-left: -16px; background: #000; }
#faqs .page-header h2 { text-align: center; }
#faqs .panel-group { border-top: 1px solid #d2d8db; margin-top: 45px; }
#faqs .panel-group .panel { border-color: transparent; }
#faqs .panel-default > .panel-heading { background: #f4f6f7; padding: 26px 30px 26px 25px;  }
#faqs .panel-title { position: relative; }
#faqs .panel-title:before { content:"Question"; float: left; margin: -3px 20px 0 0; height: 25px; line-height: 25px; width: 77px; text-align: center; color: #fff; background: #e66f65; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#faqs .panel-title > a { text-transform: none; font-size: 14px; font-weight: normal; color: #404e53; display: block; position: relative; padding-right: 40px; }
#faqs .panel-title > a:after { content: "-"; position: absolute; right: 0; top: 0; color: #66787f; text-transform: uppercase; font-size: 20px; font-weight: 700; letter-spacing: 0.02em; opacity: 0.6; }
#faqs .panel-title > a.collapsed:after { content: "+"; }
#faqs .panel-group .panel-body { padding: 26px 25px 35px; }
#faqs .panel-group .panel-body:before { content:"Answer"; float: left; margin: -3px 20px 0 0; height: 25px; line-height: 25px; width: 77px; text-align: center; color: #fff; background: #b0c0c7; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#faqs .panel-group .panel-body img { margin-top: 30px; }

/* Lookbook */
#lookbook .main-content { width: 100%; margin: 0; }
#lookbook .breadcrumb, 
#lookbook .main-content header,
#lookbook #carousel { max-width: 1200px; margin-left:auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

.lookbook-flexslider .flexslider .flex-direction-nav { visibility: hidden; }
.lookbook-flexslider .flexslider:hover .flex-direction-nav { visibility: visible; }
.lookbook-flexslider .flex-direction-nav a {width: 72px; height: 72px; display: block; margin-top: -40px; text-indent: -999em; cursor: default;}
.lookbook-flexslider .flex-direction-nav a.flex-prev { background:url(icons_new14.png ) 0px -1017px no-repeat; left: 40px;}
.lookbook-flexslider .flex-direction-nav a.flex-next { background:url(icons_new14.png ) 0px -1160px no-repeat; right: 40px;}
.lookbook-flexslider #carousel ul li { margin-right: 20px; }
.lookbook-flexslider #carousel ul li img { opacity: 0.25; }
.lookbook-flexslider #carousel ul li img:hover,
.lookbook-flexslider #carousel ul li.flex-active-slide img { opacity: 1; }
.lookbook-flexslider h3 { text-align: center; text-transform: uppercase; font-size: 30px; font-weight: 700; padding-top: 30%; }
.lookbook-flexslider .share_box { border: 0; display: table; margin: 0 auto; }
.lookbook-flexslider .share_box ul { float: none!important; display: table; }
.lookbook-flexslider .share_box ul li { padding-left: 10px; padding-right: 10px; }
.lookbook-flexslider .share_box p { display: none; }

/* wishlist 
a.wishlist { display:inline-block; margin-bottom: 19px; text-decoration: none; margin-top: 10px; }
a.wishlist .icon { background: url(icons_new14.png ) no-repeat 0 -267px; width: 27px; height: 27px; margin-right: 10px; display: inline-block; border:0; }
a.wishlist span { color: #2d2d2d; letter-spacing:0.02em; font-size: 11px; font-weight: 700; line-height: 14px; text-transform: uppercase; vertical-align: middle; }
button.wishlist { background: url(icons_new14.png ) no-repeat 0 -267px; border:0; text-transform: uppercase; color: #2d2d2d; letter-spacing:0.02em; font-size: 11px; font-weight: 700; padding: 0; padding-left: 35px; height: 27px; margin-top: 10px; }
.products-grid .wishlist { text-indent: -999em; width: 27px; height: 27px; background: url(icons_new14.png ) no-repeat 0 -267px; display: inline-block; padding:0; }
.products-grid .contact-form { display: inline-block; margin-bottom: 19px; }
.products-grid .product-top > a.wishlist { opacity: 0; filter: alpha(opacity=0); }
.product-shop .wishlist { float: left; margin: 10px 0 19px; }
.product-shop  button.wishlist { padding-left: 38px; line-height: 27px; }
.product-shop  a.wishlist .icon { margin:0 10px 0 0; }
.product-shop  a.wishlist span { float: left; margin-top: 7px; }
.product-shop  a.wishlist:hover span { border:0; }
.product-shop .contact-form { float: left; }

/* wishlist page 
table.wishlist-product { border:0; margin: 0 0 26px; }
table.wishlist-product thead th { color: #797979; background: #fafafa; border-bottom: 1px solid #eaeaea; padding: 16px 20px 13px; white-space: nowrap; letter-spacing: 0.05em; line-height: 1; }
table.wishlist-product tbody td { padding: 30px 20px; vertical-align: top; }
table.wishlist-product tbody td img { max-width: 96px; max-height: 154px; }
table.wishlist-product tbody .quickview-button { margin-top: 10px; text-align: center; }
table.wishlist-product a.product-title { font-weight: 700; display: inline-block; margin-top: 17px; }
table.wishlist-product .product-detail li { display: inline-block; width: 120px; }
table.wishlist-product .product-detail li:first-child { text-transform: uppercase; } 
table.wishlist-product p > span { font-size: 13px; font-weight: 700; color: #232323; display: inline-block; margin-top: 17px; }
table.wishlist-product a.btn-remove-wishlist { display: inline-block; width: 35px; height: 35px; text-indent: -999em; background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/btn-remove01.png) no-repeat center -2px; border: 2px solid #e95144; margin-top: 7px; border-radius: 35px; }
table.wishlist-product a.btn-remove-wishlist:hover { background-color: #e95144; background-position: center -37px; }
table.wishlist-product .btn { display: inline-block; width: 35px; height: 35px; text-indent: -999em; background: url(btn-cart01.png) no-repeat center -2px; border: 2px solid #2e2e2e; padding: 0; margin-top: 7px; border-radius: 35px; }
table.wishlist-product .btn:hover { background-color: #232323; border-color: #232323; background-position: center -37px; }
table.wishlist-product .a-right { text-align: right; }
table.wishlist-product .a-center { text-align: center; }
.wishlist-page a.share { color: #232323; letter-spacing: 0.02em; padding-left: 27px; background: url(icon-share01.png) no-repeat 0 center; }
.wishlist-page .main-content { padding-top: 40px; }
.wishlist-page .page-header { margin: 0; padding-bottom: 21px; }
.wishlist-page .main-content p { margin: 20px 0; }
table.wishlist-product p.before-sale-price span{ text-decoration: line-through; color: #797979; }

/* My Account */
.template-customers-account .grid .grid-item:first-child { padding-bottom: 48px; }
.template-customers-account .grid .grid-item > h5 { font-size: 16px; margin: 0 0 14px; }
.template-customers-addresses .grid .large--right { margin: 25px 0; }
.template-customers-addresses .grid .large--right a { font-size: 13px!important; }
.template-customers-addresses .grid .large--text-right a { color: #323232; }
.template-customers-addresses .grid .grid-item p.button > a { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 0 10px; height: 32px; line-height: 30px; background: #e95144; color: #fff; display: inline-block; border: 1px solid transparent; min-width: 96px; text-align: center; text-decoration: none; margin: 15px 0 20px; }
.template-customers-addresses .grid .grid-item p.button > a:first-child { border: 1px solid #7d7d7d; color: #000; background: none; margin-right: 17px; min-width: 79px; }
.template-customers-addresses .grid .grid-item p.button > a:hover { background: #000; color: #fff; }
.template-customers-addresses hr { border: 0; }
.customer-address input, .customer-address select { width: 100% }
.customer-address .size1of2 { float: left; width: 50%; padding: 0 2px; }
.customer-address .first-half input{ width: 96%; }

.account-col { width: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: top; }
.account-col .col-info, .account-order p { padding: 0; margin: 0; text-align: center; }
.account-order table thead { background-color: #fafafa; }
.account-col .col-info .info-block { text-align: left; margin-left: 30px; }
.account-col p.button { text-align: center; }
.account-col .col-info .item { display: none; }
.account-col .col-info .item:first-child { display: block; text-align: center; }
.account-col .col-info img { max-width: 240px; max-height: 240px; }
.account-col .col-info .icon-social { text-align: center; }
.account-col .col-info .icon-social ul { display: inline-table; }
.account-col .col-info .icon-social ul li { display: inline; }
.account-col .col-info p.code span { border: 1px solid #000; padding: 10px; font-size: 20px; font-weight: 600; }
.account-col .col-info p.code { padding: 10px; }

/* Mega Menu */
.site-nav > li.mega-menu { position: static; }
.site-nav > li.mega-menu .site-nav-dropdown { width: 100%; }
.wrapper-container .site-nav li.mega-menu:hover .site-nav-dropdown { display: block; padding-top: 20px; padding-bottom: 10px; border-bottom: 5px solid #000; }
.wrapper-container .site-nav li.dropdown:hover.mega-menu > a > .icon-dropdown { border-top-color: #fff; opacity: 1; }
.wrapper-container .site-nav li.mega-menu .site-nav-dropdown { width: 200%; left: -50%; right: -50%; border: 0; padding: 0; margin: 0; }
.sub-mega-menu .parent-link { border-bottom: 1px solid #3d4549; color: #fff; font-weight: 700; padding-bottom: 20px; margin-bottom: 15px; }
.sub-mega-menu .parent-link a { text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 0.05em; display: inline-block; padding:0; margin: 0; }
.sub-mega-menu .parent-link > span.up { text-indent: -999em; display: block; background: url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/icon-menu-up.png) no-repeat; opacity: 0.5; width: 9px; height: 6px; position: absolute; left: 50%; top: 6px; cursor: pointer; }
.sub-mega-menu .parent-link > span.up:hover { opacity: 1; }
.sub-mega-menu .parent-link > span { padding: 0 10px; }

.site-nav-dropdown .col-1 { width: 100%; /*float: left; width: 55%;*/ }
.site-nav-dropdown .col-1 .inner { /* float: left; width: 33.3%;*/ padding-right: 2%; display: inline-block; /* width: 23%;*/ width: 18%; vertical-align: top; }
.site-nav-dropdown .col-1 .inner:first-of-type { /*margin-left: 25%;*/ margin-left: 40%; }
.site-nav-dropdown .col-1 .inner > a { text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; padding: 0; margin-bottom: 5px; }
.site-nav-dropdown .col-1 .inner .dropdown { margin-bottom: 15px; /* 38px */ }
.site-nav-dropdown .col-1 .inner > a { text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; padding: 0; margin-bottom: 5px; }
.site-nav-dropdown .col-1 .inner p.toogleClick { display: none!important; }
.site-nav-dropdown .col-1 ul.dropdown { display: block; position: static; padding: 0; }
/*.site-nav-dropdown .col-1 ul.dropdown li:hover > a { padding-left: 20px;}
.site-nav-dropdown .col-1 ul.dropdown li:hover > a:before { left: 0; top: 15px; }*/
.site-nav-dropdown .col-1 ul.dropdown li a { display: inline-block; padding: 5px 0; }
.col-1 ul.dropdown li .icon-dropdown { margin-left: 20px; }
.site-nav-dropdown .col-1 ul.dropdown li a:hover span { border-bottom: 0; }
.site-nav-dropdown .col-1 ul.dropdown li a:hover span.icon-dropdown { border-bottom: 0; margin-top: -3px; }
.site-nav li.mega-menu > .dropdown:hover > .site-nav-dropdown, 
.site-nav li.mega-menu > .dropdown.open > .site-nav-dropdown { display: block; }

.site-nav-dropdown .col-2 , .site-nav-dropdown .col-3 { float: left; width: 22.5%; padding: 0; text-align: center; color: #fff; }
.site-nav-dropdown .col-2 a, .site-nav-dropdown .col-3 a { padding: 0; }
.site-nav h3 { font-size: 12px; letter-spacing: 0.02em; line-height: 20px; text-transform: uppercase;}

.site-nav .widget-featured-product { float: left; width: 100%; text-align: center; }
.site-nav .widget-featured-product .widget-product { overflow: hidden; }
.site-nav .widget-featured-product .widget-product .products-grid { margin:0; }
.site-nav .widget-featured-product .widget-title { margin-bottom: 15px; }
.site-nav .widget-featured-product .widget-title h3 { font-size: 12px; letter-spacing: 0.02em; line-height: 20px; }
.site-nav .widget-featured-product .products-grid .grid-item { width: 100%; padding: 0; margin: 0; }
.site-nav .products-grid .grid-item .product-grid-image { display: inline-block; padding: 0; margin-bottom: 21px; }
.site-nav .widget-featured-product .grid-item .product-grid-image img { max-width: 160px; max-height: 213px; }
.site-nav .widget-featured-product .product-title { padding: 0; }
.site-nav .widget-featured-product .spr-badge { margin-bottom: 6px; }
.site-nav .widget-featured-product .price-box { margin: 0; }
.site-nav .widget-featured-product .btn { padding: 0; border: 0; letter-spacing: 0.02em; border-bottom: 1px solid transparent; height: 25px; background: none; }
.site-nav .widget-featured-product .btn:hover { border: 0; border: 0; background: none!important; color: #000; }

.cbp-spmenu .site-nav-dropdown .col-1 { padding:0; }
.cbp-spmenu .site-nav-dropdown .col-1 .inner { position: relative; }
.cbp-spmenu .site-nav-dropdown .col-1 .inner > a { margin: 0; padding: 11px 0 13px; font-size: 13px; letter-spacing: 0.02em; /* border-top: 1px solid #e5e5e5; */}
.cbp-spmenu .site-nav-dropdown .col-1 ul.dropdown { /* display: none; */ padding: 0; margin-bottom: 25px; }
.cbp-spmenu .site-nav li.mega-menu li li a { font-size: 12px; padding: 9px 35px; }
.cbp-spmenu .site-nav li.mega-menu li li a:hover span { border-bottom: 1px solid #fff; }
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a:hover, 
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a, 
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown a:active { background: none; } 
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown > p.toogleClick { top: 0; }

.sub-mega-menu { display: none; }

.addthis_native_toolbox .at-share-tbx-element { display: none; }
.addthis_native_toolbox .at-share-tbx-element:first-child { display: block; }

/* Display Left */
#displayTextLeft { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; background: rgba(0,0,0,0.9); color: #fff; text-transform: uppercase; letter-spacing: 0.02em; padding: 0 20px; position: fixed; left: 0; bottom: 0; height: 36px; line-height: 36px; width: 100%; text-align: center; display: none; }
#displayTextLeft span { background: url(btn-sidebar.png) right 3px no-repeat; padding-right: 20px; }
#displayTextLeft.hidden-arrow-left span { background-position: right -42px; }

.nav-bar { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; border-bottom: 1px solid #888; }
.nav-bar.on { position: fixed; left: 0; right:0; top:0; z-index: 999; }
.wrapper-container .nav-bar.on .site-nav li.dropdown.mega-menu > a:after,
.wrapper-container .nav-bar.on .site-nav li.dropdown.mega-menu > a:before { display: none; }

/* Sizing and Fit Page */
.two-columns-left{ border-right: 1px solid #dfe4e6; padding-right: 10px; margin-bottom: 20px; }
.two-columns-right{ padding-left: 10px; margin-bottom: 20px; }

#fit-specifications > div  img,
#fit-specifications > div .fit-detail { padding: 0; margin: 0; vertical-align: bottom; width: 110px; border: 0; display: inline-block; }

/* Size Giude 2017 - April 6th, 2017 */
#size-chart { background-color: #eceaeb; padding: 20px; }
#size-chart h3 { font-size: 24px; }
#size-chart div.col-xs-7 { margin-top: 12%; }
#size-chart div.col-xs-7 h3 { padding-left: 60px; }
#size-chart table { border: 0; }
#size-chart table tr { border: 0; }
#size-chart table tr td { border: 0; text-align: center; padding: 10px 0; }
#size-chart table thead tr td { border-bottom: 1px solid #999; font-size: 12px; padding: 0;}
#size-chart table thead tr td:first-of-type { border: 0; }
#size-chart table tbody:before { content: "-"; display: block; line-height: 1em; color: transparent; }
#size-chart table tbody tr td { border-right: 1px solid #dadada; font-size: 15px; }
#size-chart table tbody tr td:first-of-type { border-right: 1px solid #999; text-align: right; font-weight: 600; padding-right: 5px; }

/* List Blog Front Page */
#blog-main{ width: 100%; margin: 0 auto; }
#blog-main .blog-search { clear: both; display: inline-block; float: right; }
#blog-main .blog-search .blog-select-tag, 
#blog-main .blog-search form { display: inline-block; margin-bottom: 20px; }
#blog-main .blog-search label, 
#blog-main .blog-search select,
#blog-main .blog-search form input[type=text]{ margin-right: 10px; display: inline-block; }
#blog-main .blog-search form .input-group-btn { display: inline-block; }

#blog-main .blog-content{ width: 100%; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
#blog-main .blog-content .blog-block{ display: inline-block; margin-bottom: 20px  width: 100%; border: 1px solid #d0d0d0; padding: 10px; }
#blog-main .blog-content .blog-block img { margin-bottom: 10px; }

/* Collection Banner Video container */
.page-header .video-container{ position: relative; padding-bottom: 33%; height: 0; margin-bottom: 10px; }
.page-header .video-container .img-cart,
.page-header .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-header .video-container .img-cart { display: none; }

.tab-pane .video-container{ position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 10px; }
.tab-pane .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Shipping & Returns Tab */
#shipping-cost ul{ list-style: none; }
#shipping-cost ul li{ display: inline-block; width: 25%; }
#shipping-cost ul:first-child li{ border-bottom: 1px solid #000; }
#return-list ul{ list-style-type: disc; margin-left: 20px; }

/* Terms and Conditions Tab */
#termsTab { width: 100%; border-bottom: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 0.05em; margin-top: 26px; }
#termsTab > li { width: 100%; background: #fff; margin: 0; }
#termsTab > li > a { font-weight: 400; color: #000; text-transform: uppercase; letter-spacing: 0.05em; margin: 0; border: 1px solid #d0d0d0; border-bottom:0; padding: 11px 25px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
#termsTab > li:last-child > a{ border-bottom: 1px solid #d0d0d0; }
#termsTab > li:hover,
#termsTab > li.active { border-top: 2px solid #000; margin-top: -1px; }
#termsTab > li:hover > a,
#termsTab > li.active > a { background: #fff; padding-bottom: 11px; padding-top: 10px; margin-bottom: -1px; }
#termsTab > li > a:hover,
#termsTab > li:hover > a,
#termsTab > li:hover > a:hover,
#termsTab > li.active > a, 
#termsTab > li.active > a:hover, 
#termsTab > li.active > a:focus { border: 1px solid #c8c8c8; border-width: 1px; color: #000; }
#termsTab > li > a:hover, 
#termsTab > li > a:focus { background: #fff; color: #000; }
#termsTabContent{ margin-top: 26px; min-height: 265px; }

/* Fabric page */
.feature-fabric { text-align: center; padding: 0; }
.feature-fabric img { margin-bottom: 20px; }
.feature-fabric .feature-fabric-info { height: 210px; position: relative; }
.feature-fabric p { margin: 0 35px; }
.feature-fabric .btn { position: absolute; bottom: 20px; left: 50%; }
.feature-fabric.three-columns-left .btn { margin-left: -97px; }
.feature-fabric.three-columns-middle .btn { margin-left: -113px; }
.feature-fabric.three-columns-right .btn { margin-left: -129px; }

.feature-fabric.three-columns-left { padding-left: 10px; }
.feature-fabric.three-columns-right { padding-right: 10px; } 
.feature-fabric.three-columns-middle img { padding: 0 5px; }
.feature-fabric.three-columns-middle .feature-fabric-info { border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 2px; }

.list-fabric h4 { text-align: center; }
.list-fabric ul.collapsible { list-style: none; }
.list-fabric li { position: relative; }
.list-fabric li span { position: absolute; top: -50px; }

.collapsible li input + div { display: none; margin-bottom: 20px; padding-left: 20px; }
.collapsible li input:checked + div { display: block; }
.collapsible li input[type=checkbox] { display: none; }
.collapsible li label:hover::after { content: " \25CF"; }
.collapsible li div p:first-of-type { text-transform: uppercase; }
.collapsible li div ul.icons { list-style: none; }
.collapsible li div ul.icons li { display: inline-block; width: 80px; vertical-align: top; text-align: center; }
.collapsible li div ul.icons li p { font-size: 11px; line-height: 1.2; margin: 5px auto; }

/* New Store Locator App - StoreMapper */
#storemapper-left { background-color: #eee; }
#storemapper-form { padding: 20px; }
#storemapper #storemapper-form #storemapper-go { background-color: #000; color: #fff; border: 2px solid #000; border-radius: 0; text-transform: uppercase; }
#storemapper #storemapper-form #storemapper-go:hover { background-color: #eee; color: #000; }
#storemapper-list li { padding: 0 20px; }
#storemapper-list li h4 { text-transform: uppercase; }
#storemapper .storemapper-maplink, #storemapper .storemapper-map-directions { border: 0; padding: 0; font-weight: 100; font-size: 12px; }
#storemapper .storemapper-categories { display: none; }
#storemapper small { display: none!important; }

/* Karma Store Location */
.store-info { padding: 0 20px 20px; }
.store-info p { margin-bottom: 10px!important; }
.store-info .business-hours { display: table; }
.store-info .business-hours .row { display: table-row; }
.store-info .business-hours .cell { display: table-cell; padding: 0 10px 10px 0; }

/* Career Pages - added on June 3rd, 2015 by Bonnie */
#careers-overview h2 { text-align: center; margin-top: 25px; }
#careers-overview p { text-align: justify; }
#careers-overview div a { margin: 20px 0; }
#careers-overview ul { list-style: none; padding: 0; }
#careers-overview ul li { margin: 20px auto; }
#careers-overview .job-link { font-size: 16px; text-transform: uppercase; }
#careers-overview .job-link:hover { text-decoration: none; }

.job-posting header { margin-bottom: 5px; }
.job-posting ul li { list-style-type: disc; margin-left: 30px; }
.job-posting p, .job-posting ul { margin-bottom: 25px; }
.job-posting h3 { font-weight: 600; }
.job-posting .btn { margin-bottom: 20px; }
.job-posting ul li ul { margin-bottom: 0; }
.job-posting ul li ul li { list-style-type: circle; }

/* Help lightbox pop-up */
#help-popup,
#country-help-popup, 
#country-switch-popup { bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1050; }
.black_overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(45, 45, 50, 0.8); }
.white_content { position: relative; width: 50%; margin: 200px auto; background: #fff; padding: 50px; }
#country-switch-popup .white_content { color: #000; }
/*#country-switch-popup .proceed-btn { background-color: #000; color: #fff; }*/
.country-help-icon { float: right; }
.country-help-icon a:hover { text-decoration: none; } 
.help-icon { position: fixed; right: 40px; bottom: 40px; }

#bundle-add-to-popup { bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1050; }
#bundle-add-to-popup img { display: block; }
#bundle-add-to-popup img:first-of-type { margin-bottom: 20px; }

/* Main Block Message Home Page - October 26th, 2015 */
.banner .box-message { max-width: 380px; margin-left: auto; margin-right: auto; text-align: justify; }

/* BHM SEO content block pre-footer */
.pre-footer-wrap{ margin:15px auto 25px auto !important; border-top: 1px solid #ccc; padding: 40px 0; }
.banner .pre-footer h2{ margin-bottom:10px; text-transform:initial; font-size:115%; font-weight:400; }
.banner .pre-footer p{ margin-bottom:10px; font-size:85%; padding:0 15px;}

/* Make Moves Video Page */
.full-page .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 30px; }
.full-page .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Community Page */
.community .container { padding: 0; }
.community .row img { width: 380px; margin: 10px; }
.community .row .pinboard { display: inline; }
.community .pinboard > span { margin: 9px!important; }
.community { margin-top: 30px; padding: 0; text-align: center; }
.community .community-top-logo { padding-bottom: 20px; }
.community .box-message { max-width: 480px; width: 100%; }
.community .newsletter { position: relative; margin: 0 auto; width: 100%; max-height: 56px; }
.community .newsletter .input-group-field, .community .newsletter .input-group-btn { float: none; display: inline-block;  }
.community .fb-page { max-width: 100%; margin: 20px; }

/* New Page Template - February 26th, 2016 */
div.new-page p, div.new-page ul, div.new-page ol { font-family: 'gotham-light', 'Varela', 'Oxygen', sans-serif; margin-bottom: 20px; }
div.new-page h2, div.new-page h3, div.new-page h4, div.new-page h5, div.new-page h6 { font-family: 'gotham-medium', 'Varela', 'Oxygen', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; }
div.new-page h2 { font-size: 16px; text-align: center; background: #000; color: #fff; padding: 5px; }
div.new-page h3 { font-size: 14px; text-align: center; }
div.new-page ul { list-style: disc; padding-left: 20px; }
div.new-page ol { list-style: decimal; padding-left: 20px; }
div.new-page li { padding-left: 5px; }
div.new-page .content { padding: 0 5%; }
div.new-page .btn { background: #000; color: #fff; }
div.new-page .btn:hover { background: #fff; color: #000; }
div.new-page a:hover { color: #888; }

/* Product Bundle - April 18th, 2016 */
.product-bundle { border-top: 1px solid #e3e3e3; }
.product-bundle h2 { font-size: 14px; padding: 27px 0; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em;  }
.product-bundle .grid-item { display: table-cell; float: none; width: 28%!important; padding-bottom: 20px; }
.product-bundle .bundle-sign { display: table-cell; width: 5%; vertical-align: middle; text-align: center; }
.product-bundle .bundle-action { display: table-cell; width: 28%; vertical-align: middle; }
.product-bundle .bundle-title { margin: 15px 0; }
.product-bundle .product-image { max-height: 150px; }
.product-bundle .product-image img { max-height: 122px!important; }

.desktop-view { display: block; }
.mobile-view { display: none; }

/* Activist Profile - July 27th, 2016 */
.page-loading { width: 100%; height: 50px; z-index: 9999; background: url("loading.gif") center no-repeat #fff; }
.mosaicflow__column { float:left; }
.activist-profile { width: 100%; display: inline-block; padding: 0 3px; margin: 0 0 5px; text-align: center; white-space: normal; vertical-align: top; position: relative; overflow: hidden; }
.activist-profile .profile-bottom { position: absolute; bottom: -50px; transition: bottom ease 0.5s; width: 100%; background: rgba(255, 255, 255, 0.7); overflow: hidden; padding-bottom: 10px; }
.activist-profile h5 { text-transform: uppercase; margin: 10px auto; }
.activist-profile:hover .profile-bottom { bottom: 0; }
.activist-bio { max-width: 450px; display: block; padding: 20px 10px; white-space: normal; vertical-align: top; }
.activist-bio h4 { text-transform: uppercase; font-size: 20px; font-weight: 700; margin-bottom: 0; }
.activist-bio h5 { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; margin-top: 30px; }

.image-circle-cropper { width: 360px; height: 360px; position: relative; overflow: hidden; border-radius: 50%; display: block; margin: 20px auto; }
.image-circle-cropper img.landscape { height: 100%; width: auto; max-width: none; }
.image-circle-cropper img.portrait { height: auto; width: 100%; }

/* Blog Contributor Bio - March 30th, 2017 */
.article-contributor-bio { margin-bottom: 40px; background-color: #fafafa; }
.article-contributor-bio > div { padding: 10px; text-align: center; }
.article-contributor-bio div h4 { text-transform: uppercase; text-align: left; margin-top: 20px; }
.article-contributor-bio .image-circle-cropper { width: 240px; height: 240px; position: relative; overflow: hidden; border-radius: 50%; display: block; margin: 20px auto;  }

/* Fullscreen Home Page - August 18th, 2016 */
#fullscreen .main-content { width: 100%; padding: 0; }
#fullscreen .site-header { display: none; }
#fullscreen .main-content .col-xs-12, 
#fullscreen .main-content .col-xs-4 { padding: 0; }
#fullscreen .main-content .col-xs-12 img, 
#fullscreen .main-content .col-xs-4 img { width: 100%; }

#fullscreen .main-content .share-footer .share-frame { position: relative; z-index: 1; overflow: hidden; }
#fullscreen .main-content .share-footer .share-frame img { z-index: 1; max-width: none; width: 300%;  }
#fullscreen .main-content .share-footer .share-frame:nth-of-type(1) img { -webkit-clip-path: inset(0 66.67% 0 0); clip-path: inset(0 66.67% 0 0); }
#fullscreen .main-content .share-footer .share-frame:nth-of-type(2) img { margin-left: -100%; -webkit-clip-path: inset(0 33.31% 0 33.31%); clip-path: inset(0 33.31% 0 33.31%); }
#fullscreen .main-content .share-footer .share-frame:nth-of-type(3) img { margin-left: -200%; -webkit-clip-path: inset(0 0 0 66.67%); clip-path: inset(0 0 0 66.67%); }
#fullscreen .main-content .share-footer .share-frame:hover { z-index: 5; overflow: visible; }
#fullscreen .main-content .share-footer .share-frame:hover img { z-index: 5; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

/* New Homepage - August 25th, 2016 */
.template-index .fullscreen { width: 100%; padding: 0; }
.template-index .fullscreen img { max-width: 100%; }
.template-index .main-slideshow .flexslider .slides li,
.template-index .fullscreen ul,
.template-index .fullscreen ul li { padding: 0; margin: 0; }

.banner-home-top ul li,
.banner-home-middle ul li,
.banner-home-bottom ul li { position: relative; }
.banner-home-top ul li a,
.banner-home-middle ul li a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }
.banner-home-top ul li:hover a,
.banner-home-middle ul li:hover a { display: block; }
.banner-home-top ul li .des,
.banner-home-middle ul li .des { position: relative; margin: 70% auto 0; text-align: center; }
.banner-home-top ul li .des h3,
.banner-home-middle ul li .des h3 { text-transform: uppercase; font-size: 36px; margin: 0; padding-top: 18px; border-top: 1px solid #fff; color: #fff; letter-spacing: 0.1em; display: inline; min-width: 400px; overflow: visible; }
.banner-home-top ul li .des h5,
.banner-home-middle ul li .des h5 { text-transform: uppercase; font-size: 19px; color: #fff; }
.banner-home-top ul li .des h5.empty,
.banner-home-middle ul li .des h5.empty { width: 100%; height: 23px; }
.banner-home-top ul li .des span,
.banner-home-middle ul li .des span,
.banner-home-bottom ul li .des span { text-transform: uppercase; color: #fff; background: rgba(255,255,255,0.4); padding: 8px 55px; letter-spacing: 0.05em; font-weight: 700; font-size: 10px; margin-top: 20px; }
.banner-home-top ul li img,
.banner-home-middle ul li img,
.banner-home-bottom ul li img { width: 100%; padding: 0; margin: 0; }

.banner-home-bottom ul li .des { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; }
.banner-home-bottom ul li .icon { display: block; margin: 10px auto; padding-bottom: 10px; border-bottom: 1px solid #fff; max-width: 50px; margin-top: 30%; transition: margin-top 1s ease; }
.banner-home-bottom ul li h3 { text-transform: uppercase; font-size: 26px; margin: 0; padding-top: 18px; color: #fff; letter-spacing: 0.05em; display: block; }
.banner-home-bottom ul li h5 { text-transform: uppercase; font-size: 12px; color: #fff; max-width: 300px; line-height: 1.5; margin: 0 auto; padding: 20px 0 30px; }
.banner-home-bottom ul li a h5,
.banner-home-bottom ul li a span { opacity: 0; filter: alpha(opacity=0); transition: opacity 1s; }
.banner-home-bottom ul li:hover a h5,
.banner-home-bottom ul li:hover a span { opacity: 1; filter: alpha(opacity=100); transition: opacity 1s; }

.main-slideshow ul li .slide-des { bottom: 5%; left: 5%; text-align: left; width: auto; }
.main-slideshow ul li .slide-des h2 { width: auto; padding: 0; margin: 0; letter-spacing: normal; }
.main-slideshow ul li .slide-des h2 span { clear: both; float: left; display: block; position: relative; color: #fff; line-height: 1.3em; letter-spacing: 0.15em; overflow: hidden; }
.main-slideshow ul li .slide-des h2 span:first-of-type { padding-top: 0.2em; border-top: 3px solid #fff;  }

/* 404 Error Page (FW16) - November 7th, 2016 */
.template-404 .main-content { padding: 0; margin: 0; width: 100%; position: relative; }
.template-404 .main-content img { width: 100%; }
.template-404 .main-content div { position: absolute; top: 100px; text-align: center; width: 400px; margin-left: 10%;}
.template-404 .main-content div h3 { font-size: 60px; margin: 0; font-family: gotham-medium; }
.template-404 .main-content div h4 { font-size: 26px; margin: 0; text-transform: uppercase; font-family: gotham-medium; }
.template-404 .main-content div p { font-size: 12px; text-transform: uppercase; font-family: gotham-medium; letter-spacing: 0.25em; margin-bottom: 20px; }
.template-404 .main-content div p a.btn { width: 320px; height: auto; font-size: 20px; padding: 10px 0; }

/* New Product Label - November 10th, 2016 */
.product-label div { width: 52px; height: 52px; }
.product-label div.sale-60off-label { background:url(60off_52.png ) 0 0 no-repeat; }
.product-label div.sale-55off-label { background:url(55off_52.png ) 0 0 no-repeat; }
.product-label div.sale-50off-label { background:url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/50off_52.png ) 0 0 no-repeat; }
.product-label div.sale-45off-label { background:url(45off_52.png ) 0 0 no-repeat; }
.product-label div.sale-40off-label { background:url(40off_52.png ) 0 0 no-repeat; }
.product-label div.sale-35off-label { background:url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/35off_52.png ) 0 0 no-repeat; }
.product-label div.sale-30off-label { background:url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/30off_52.png ) 0 0 no-repeat; }
.product-label div.sale-25off-label { background:url(25off_52.png ) 0 0 no-repeat; }
.product-label div.sale-20off-label { background:url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/20off_52.png ) 0 0 no-repeat; }
.product-label div.sale-upto-50off-label { background:url(https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/upto_50off_52.png ) 0 0 no-repeat; }
.product-label div.sale-upto-40off-label { background:url(upto_40off_52.png ) 0 0 no-repeat; }
.product-label div.karmaluxe-promo-label { background:url(30off_checkout_52.png ) 0 0 no-repeat; }
.product-label div.kore-promo-label { background:url(20off_checkout_52.png ) 0 0 no-repeat; }

/* About KarmaLuxe Page Refresh - November 16th, 2016 */
.fullscreen { width: 100%; padding: 0; }
.fullscreen img { width: 100%; padding: 0; }
#about-karmaluxe .fullscreen { background-image: url("testing-background.jpg"); color: #fff; }
#about-karmaluxe .fullscreen h2 { width:100%; text-align: center; text-transform: uppercase; background: #000; font-size: 20px; padding: 6px 0; margin: 0; }
#about-karmaluxe .fullscreen h3 { text-transform: uppercase; font-size: 26px; }
#about-karmaluxe .fullscreen h4 { text-transform: uppercase; font-size: 32px; text-align: center; margin: 0.5em 0; }
#about-karmaluxe .fullscreen p { font-size: 18px; line-height: 2em; }
#about-karmaluxe .content { max-width: 1200px; padding: 0 10px 20px; margin: 0 auto; }
#about-karmaluxe .content > p { text-align: center; }
#about-karmaluxe .content p img { max-width: 600px; padding: 20px 0; }
#about-karmaluxe .content .row { padding: 20px 0; }
#about-karmaluxe .content div.col-sm-3 { padding: 0; }

/* Gift Of Giving */
.newsletter-snow { z-index: 999!important; }

#gift-of-giving main { background: #000; background-image: url("https://cdn.shopify.com/s/files/1/0791/7897/t/28/assets/0-giftofgiving-background.jpg"); background-repeat: no-repeat; background-size: 100%; }
#gift-of-giving .main-content .container { color: #fff; padding: 30px; }
#gift-of-giving .main-content .container img { width: auto; margin: 20px 0; }
#gift-of-giving .main-content .container h3 { text-align: center; margin-top: 20px; }
#gift-of-giving .main-content .container h3 span { text-transform: uppercase; border-bottom: 1px solid #fff; font-family: gotham-medium; }
#gift-of-giving .main-content .container p a { color: #fff; }
#gift-of-giving .main-content .container p { text-transform: uppercase; text-align: center; font-size: 16px; line-height: 2em; width: 100%; max-width: 800px; margin: 0 auto; }
#gift-of-giving .main-content .container p strong { font-family: gotham-medium; }
#gift-of-giving .main-content .container p:last-of-type { text-transform: none; text-align: justify; font-size: 11px; line-height: 1.5em; margin-top: 20px; }

@media (max-width: 767px){
  #gift-of-giving main { background-size: 300%; background-position: center top; }
  #gift-of-giving .main-content .container h3 { font-size: 14px; }
  #gift-of-giving .main-content .container p { font-size: 11px; }
  #gift-of-giving .main-content .container p:last-of-type { font-size: 10px; }
}

/* February 6th, 2017 - hyperline style more visible */
p > a { color: #428bca; }

/* End Of Season - April 5th */
.main-slideshow.fullscreen .flexslider ul li .image-des a img { position: absolute; }
.main-slideshow.fullscreen .flexslider ul li .image-des a:first-of-type img { width: 66%; top: 24%; left: 17%; }
.main-slideshow.fullscreen .flexslider ul li:nth-of-type(2) .image-des a:first-of-type img { top: 22%; left: 4%; }

@media (max-width: 767px){
  .main-slideshow.fullscreen .flexslider ul li .image-des a:first-of-type img { width: 100%; }
  .main-slideshow.fullscreen .flexslider ul li:first-of-type .image-des a:first-of-type img { top: 30%; left: 70%; }
  .main-slideshow.fullscreen .flexslider ul li:nth-of-type(2) .image-des a:first-of-type img { top: 50%; left: 100%; }
  .main-slideshow.fullscreen .flexslider ul li:nth-of-type(3) .image-des a:first-of-type img { top: 30%; left: 100%; }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape){
  .main-slideshow.fullscreen .flexslider ul li img { margin-left: 0; }  
  .main-slideshow.fullscreen .flexslider ul li:first-of-type .image-des a:first-of-type img,
  .main-slideshow.fullscreen .flexslider ul li:nth-of-type(2) .image-des a:first-of-type img,
  .main-slideshow.fullscreen .flexslider ul li:nth-of-type(3) .image-des a:first-of-type img { top: 0; left: 0; }
}

/* Mother's Day Campaign - May 1st */
#mothers-day-top-banner { position: relative;  }
#mothers-day-top-banner .des { position: absolute; top: 20%; left: 35%; width: 30%; height: 60%; }
#mothers-day-top-banner .des .title { position: relative; width: 100%; background-color:rgba(255, 255, 255, 0.9); padding: 20px 0; }
#mothers-day-top-banner .des .title > div  { text-align: center; text-transform: uppercase; line-height: 1em; font-weight: 600; margin-bottom: 10px; }
#mothers-day-top-banner .des > p { text-align: center; text-transform: uppercase; font-size: 14px; margin-top: 20px; }

.gift-detail { width: 100%; height: auto; border: 2px solid #fff; position: relative; }
.gift-detail .text { position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; }
.gift-detail .text p { text-transform: uppercase; text-align: center; line-height: 2em; font-size: 36px; color: #fff; }

@media (min-width: 1200px){
  .gift-detail { width: 570px; height: 570px; }
  #mothers-day-top-banner .des .title > div  { font-size: 36px; }
  #mothers-day-top-banner .des .title > div:first-of-type { font-size: 98px; }
  #mothers-day-top-banner .des .title > div:last-of-type { font-size: 39px; }
}

@media (max-width: 1199px){
  .gift-detail { width: 460px; height: 460px; }
  .gift-detail .text { left: 10%; width: 80%; }
  #mothers-day-top-banner .des .title > div  { font-size: 33px; }
  #mothers-day-top-banner .des .title > div:first-of-type { font-size: 90px; }
  #mothers-day-top-banner .des .title > div:last-of-type { font-size: 36px; }
}

@media (max-width: 991px){
  #mothers-day-top-banner .des { top: 20%; left: 30%; width: 40%; height: 60%; }
  #mothers-day-top-banner .des .title > div  { font-size: 30px; }
  #mothers-day-top-banner .des .title > div:first-of-type { font-size: 82px; }
  #mothers-day-top-banner .des .title > div:last-of-type { font-size: 33px; }
  #mothers-day-top-banner .des > p { display: none; }
  
  .gift-detail { width: 350px; height: 350px; }
  .gift-detail .text { top: 15%; height: 70%; }
  .gift-detail .text p { font-size: 30px; }
}

@media (max-width: 767px){
  .gift-detail { width: 100%; height: auto; }
  .gift-detail .text { position: relative; margin: 20px 0; }
  #mothers-day-top-banner .des .title > div  { font-size: 20px; }
  #mothers-day-top-banner .des .title > div:first-of-type { font-size: 54px; }
  #mothers-day-top-banner .des .title > div:last-of-type { font-size: 22px; }
}

@media (max-width: 574px){
  #mothers-day-top-banner .des { top: 10%; left: 20%; width: 60%; height: 80%; overflow: hidden; }
  .gift-detail .text p { font-size: 20px; }
}

@media (max-width: 499px){
  #mothers-day-top-banner .des .title > div  { font-size: 16px; margin-bottom: 2px; }
  #mothers-day-top-banner .des .title > div:first-of-type { font-size: 46px; }
  #mothers-day-top-banner .des .title > div:last-of-type { font-size: 18px; }
}