html, body {height: 100%; font-size:12px; font-family: 'Poppins', sans-serif;}

/* add sorting icons to gridview sort links */
h1, .h1 {font-size: 2.3rem; padding-bottom: 1rem;}
a{ cursor:pointer; text-decoration:none;}
a.asc:after, a.desc:after {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings';  font-style: normal; font-weight: normal; line-height: 1; padding-left: 5px;}
a.asc:after {content: /*"\e113"*/ "\e151";}
a.desc:after {content: /*"\e114"*/ "\e152";}
.sort-numerical a.asc:after {content: "\e153";}
.sort-numerical a.desc:after {content: "\e154";}
.sort-ordinal a.asc:after {content: "\e155";}
.sort-ordinal a.desc:after {content: "\e156";}
.hint-block {display: block; margin-top: 5px; color: #999;}

.error-summary {color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px 0; }
img {max-width: 100%;}
@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: normal;
	font-display: swap;
    src: url('../fonts/poppins/Poppins-Regular.woff') format('woff');
    }	
@font-face {
    font-family: 'trendaregular';
    src: url('../fonts/latinotype__trenda_regular-webfont.woff2') format('woff2'),
         url('../fonts/latinotype__trenda_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'trendaregular_semi';
    src: url('../fonts/latinotype__trenda_regular-webfont-semi.woff2') format('woff2'),
         url('../fonts/latinotype__trenda_regular-webfont-semi.woff') format('woff'),
         url('../fonts/latinotype__trenda_regular-webfont-semi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/CenturyGothic.woff') format('woff'), 
		 url('../fonts/CenturyGothic.ttf')  format('truetype'), 
		 url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SaolDisplay-Regular';
    src: url('../fonts/SaolDisplay-Regular.eot'),
		 url('../fonts/SaolDisplay-Regular.woff2') format('woff2'),
		 url('../fonts/SaolDisplay-Regular.ttf')  format('truetype'),
         url('../fonts/SaolDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: "SaolDisplay-Regular";
	src: url("../fonts/4c4c08af466e9ad071b6d69cf44093df.eot"); 
	src: url("../fonts/4c4c08af466e9ad071b6d69cf44093df.eot?#iefix") format("embedded-opentype"),
	url("../fonts/4c4c08af466e9ad071b6d69cf44093df.woff2") format("woff2"),
	url("../fonts/4c4c08af466e9ad071b6d69cf44093df.woff") format("woff"), 
	url("../fonts/4c4c08af466e9ad071b6d69cf44093df.ttf") format("truetype"), 
	url("../fonts/4c4c08af466e9ad071b6d69cf44093df.svg#SaolDisplay-Regular") format("svg"); 
}

@font-face {
    font-family: 'Graphik-Regular';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Graphik-Regular.woff') format('woff'),
         url('../fonts/Graphik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Ubuntu', sans-serif;
*/

@font-face{
	font-family:"icons";src:url("../fonts/icons.eot");
	src:url("../fonts/icons.eot?1323060827233957075#iefix") format("embedded-opentype"),
		url("../fonts/icons.woff?1323060827233957075") format("woff"),
		url("../fonts/icons.ttf?1323060827233957075") format("svg");
		font-weight:normal;
		font-style:normal;
}
.clearfix:after{content:"";display:table;clear:both}*,input,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.header-topbar a{ text-decoration:none; color:#333;}

.site-header .login-info .bi{font-size: 22px; line-height: 1.3;}
.site-header .login-info:hover {background: #f1f1f1; cursor: pointer;}
.site-header .login-info a{ color:#333;}
.site-header.sticky .login-info:hover{ background:#f1f1f1; }
.site-header .login-info:hover .dropdown-menu{ background:#fff; display:block;left: -100px; width: 230px;}
.site-header .login-info .dropdown-menu[data-bs-popper]{left: -100px; width: 230px;}

.header-icons{gap: 1.5rem;}
.header-icons .bi{font-size: 20px;}
.container-fluid-lg{width: 100%; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5);}
@media screen and (max-width: 990px){
    .header-icons {gap: 1.0rem;}
}
@media screen and (min-width: 990px){
	.product-sticky{width: calc(50% - -50%); float: left; position: sticky; position: -webkit-sticky; top: 90px; min-height: 540px; z-index:1;}	
}
@media screen and (min-width: 1480px){
	.container-fluid{max-width: 1920px; padding-right: var(--bs-gutter-x, 2.75rem); padding-left: var(--bs-gutter-x, 2.75rem);}
}
@media screen and (min-width: 1536px){
    .container-fluid-lg {max-width: 1920px;  padding: 0 150px 0 150px; margin: 0 auto;}
}
@media screen and (max-width: 769px){
	.site-header .login-info a{ color:#333;}
	.site-header .login-info:hover{ background:#f1f1f1;}
        .gallery-view.gallery-banner{display:none;}
}
.gallery-view .product-grid-item:hover{border: none; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1); background:#fff;}

.custom-gallery-page .gallery-view .product-grid-item:hover{left:inherit; -webkit-transform:none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; border: none;box-shadow: none; background:#fff; margin: 0; }
.custom-gallery-page .gallery-view a.product-grid-item{ display:grid;}

.gallery-view .product-grid-item:hover .view-thumbs{visibility: visible; display:block;}
.gallery-view .view-thumbs{display: flex; justify-content: space-around; height: calc(100% - 70px); max-width: 196px; align-self: center; visibility: hidden; display:none;  position: relative; top: -5px;}
.gallery-view .view-thumbs-img{position: relative;}
.gallery-view .view-thumbs-img{height: 50px; width: 50px; border: 1px solid #D8D3D3; border-radius: 4px; display: inline-block; margin-right: 5px; overflow: hidden;}
.gallery-view .view-thumbs-img:hover{border-color: #f06890; }
.gallery-view .view-thumbs-img img {max-width: initial; height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.gallery-view .bottom-detail-container{display: flex; flex-direction: column; position: relative; width: 100%;}
.gallery-view .view-thumbs-img:last-child {margin-right: 0;}
.gallery-view .product-grid-item:hover{margin-bottom: -30px; z-index: 3;}
.gallery-view .product-grid-image img{ max-width:90%}
.gallery-view:has(.soldout) .new-tag {    display: none;}

.hf-nav #mainNavigation{ background:#fff; border:none; margin:0; min-height: 40px;}
@media only screen and (min-width: 990px){
	.hf-nav .dropdown-menu{ width:100%;
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		border: 1px solid #ddd;
		background-color: #fff;
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		z-index: 20;
		-webkit-transition: all 150ms;
		-moz-transition: all 150ms;
		-ms-transition: all 150ms;
		-o-transition: all 150ms;
		transition: all 150ms;
	}
	.hf-nav .dropdown:hover .dropdown-menu{opacity: 1; box-shadow: 0 8px 8px rgba(0,0,0,0.15); visibility: visible; -webkit-transition: all 90ms; -moz-transition: all 90ms; -ms-transition: all 90ms; -o-transition: all 90ms; transition: all 90ms;}
	
	.hf-nav .dropdown:hover > a::before {position: absolute; bottom: -2px; left: 40%;content: " "; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ddd;}
	.site-header.sticky .hf-nav{/*-44px;*/ transition: height 2s linear 1s;}
}
.hf-nav .dropdown .dropdown-menu .cat-head {margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; color:#000; text-transform: uppercase;}
.hf-nav #mainNavigation .navbar-nav > li{font-size: 14px; text-transform: uppercase; cursor: default; position:inherit; margin:0}
.hf-nav #mainNavigation .navbar-nav > li > a{ color:#000;}
.hf-nav #mainNavigation .navbar-nav > li .dropdown-menu a {color: #333; text-transform: none; padding: 0.33333px 5px 0.33333px 0px; font-size: 12px; font-weight:500; border-bottom: 0px #ddd solid; margin: 0 0 5px;}
.site-header.navbar{ padding:0;}

 .hf-nav .dropdown-item:active{ background-color: transparent;}

.dropdown-toggle:after { display:none;}

@media screen and (min-width: 769px) and (max-width: 1280px){ 
	.hf-nav #mainNavigation .navbar-nav > li{font-size:12px}
	.hf-nav #mainNavigation .navbar-nav > li > a{padding: 0 8px;}
}
@media only screen and (max-width: 990px){	
	.hf-nav .navbar-nav > li > .dropdown-menu.show {position: relative; width: 100%; box-shadow: none; height: 200px; overflow: auto; border: 1px #ddd solid; visibility: visible; opacity: 1; margin-bottom:20px;}
	.hf-nav .navbar-collapse {position: fixed; height: 100% !important; width: 80%; background: #fff; z-index: 99; left: 0; padding: 15px; top:60px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
	.hf-nav .navbar-nav > li{ border-bottom:1px #ddd solid;}
	.hf-nav .navbar-nav > li > a{padding: 7px 0 !important; font-size: 16px;}
}
@media screen and (min-width: 769px) and (max-width: 990px){ 
	.hf-nav .navbar-collapse {top:85px;}
	.site-header.sticky .hf-nav .navbar-collapse {top:60px;}
}
@media only screen and (min-width: 991px){
	.hf-nav #mainNavigation .navbar-nav > li > a{ padding:10px 10px; position:relative; text-transform: capitalize;}	
}
@media only screen and (max-width: 1280px){
	.navbar-light .navbar-brand { width:13%}
}
@media screen and (max-width: 991px){
	.hf-nav #mainNavigation .navbar-nav > li .dropdown-menu a {margin: 0 0 10px; white-space: break-spaces; word-wrap: break-word;}
}

.header-topbar	{ padding:4px 0}
.site-header{background-color:#fff;color:#000; height: 85px; display: flex;}
.site-header .site-header--text-links a{color:#000}
.site-header .site-header--text-links a:hover{opacity:0.9}

.product-atrribute .heading{ font-size:16px;}
.product-atrribute .heading:after{content: "\f282"; font-family: bootstrap-icons !important; float: right; transition: transform .35s ease; transform-origin: .5em 50%; transform: rotate(-0deg);}
.product-atrribute .heading[aria-expanded="true"]::after{transform: rotate(-180deg);}
.product-atrribute .attr-block{ margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px #ddd solid; }
.product-atrribute .aboutinfo{font-size: 14px; margin: 6px 0; font-weight: 600;}
.product-atrribute #viewMore{display:none;}

.product-desc .attr-block {float: left; width: 46%; margin-right: 30px;}
.product-desc .attr-block .heading {font-size: 16px; color:  #000;}
.product-desc .aboutinfo, .attr-block h2{display: table; font-weight: 500; font-size: 14px; color: #000; width: 85%; margin: 10px 0px 0; padding: 10px 0 5px 0px; padding-bottom: 5px;}
.attr-info-row {display: flex;width: 100%; margin-bottom: 3px; padding-bottom:5px;}
.attr-info-row .info {font-weight: 500; width: 50%; margin-right: 5px;}
.attr-info-row .value {width: 50%; position: relative;}
@media screen and (min-width: 769px) and (max-width: 990px){.product-desc .attr-block {width: 45%;} }

@media screen and (min-width: 769px){
	.site-header .grid,.site-header .grid--rev,.site-header .grid--full{display:table;table-layout:fixed;width:100%}
	.site-header .grid>.grid-item,.site-header .grid--rev>.grid-item,.site-header .grid--full>.grid-item{float:none;display:table-cell;vertical-align:middle}
} 

.header-logo{margin:10px auto;max-width:px}
@media screen and (min-width: 769px){.header-logo{margin:5px 0}} 
@media screen and (max-width: 768px){
	.header-logo{text-align:center}
	.product-desc .attr-block{ width:100%;}
} 
.header-logo a,.header-logo a:hover,.header-logo a:focus{text-decoration:none;color:#424242}

.header-logo img{margin:0}
.site-header--text-links{display:inline-block;font-size:0.95em;}

.site-header--meta-links{display:inline-block;margin-left:15px}
.site-header--spacer{padding:0 5px}
.header-cart-btn{color: #555; line-height: 1.3;}

.header-cart-btn:hover,.header-cart-btn:focus{color:#000; background-color:#f1f1f1; text-decoration:none;}
.cart-count{display:inline-block;text-align:center;background-color:#f16f92/*#2468b3*/;color:#fff;font-size:11px;min-width:14px;height:14px;line-height:14px;border-radius:2px}.cart-count.hidden-count{display:none}
.cart-badge--desktop{position:absolute;top:-5px;left:14px}
.search-bar{width:100%;margin:0 auto}.search-bar .icon-search{font-size:18px}@media screen and (max-width: 768px){.search-bar{display:block;max-width:100%;margin-bottom:15px}} 
.search-bar input[type="text"],.search-bar input[type="search"]{width:100%;margin-bottom:0;padding:5px 45px 5px 10px; font-weight:500;font-size:14px;line-height:24px !important;background:#fff !important;border:1px #ddd solid !important; }
.search-bar input::placeholder{ color:#555 !important;}

.search-bar input[type="submit"],.search-bar .search-bar--submit{position:absolute;top:0px;bottom:0;right:0;width:35px;margin:0;border:0 none;background:none;text-align:center;cursor:pointer}
.site-header .search-bar input[type="submit"],.site-header .search-bar .search-bar--submit{color:#424242}
.search-bar input[type="submit"]{text-indent:-9999px}

.site-header .search-bar{display:block;margin-bottom:0}

@media screen and (min-width: 769px){
	.site-header .search-bar{display:inline-block; width:70%;}
	/*.site-header .search{float: right; border-left: 1px #ddd solid; margin-left: 10px;padding-left: 10px;}*/
} 

.site-header .search-bar input[type="text"],.site-header .search-bar input[type="search"]{border:0 none;background-color:#f4f4f4;color:#000;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.site-header .search-bar input[type="text"]:hover,.site-header .search-bar input[type="text"]:focus,.site-header .search-bar input[type="search"]:hover,.site-header .search-bar input[type="search"]:focus{background-color:#e7e7e7;-webkit-transition:background-color 0.05s ease-in;-moz-transition:background-color 0.05s ease-in;-ms-transition:background-color 0.05s ease-in;-o-transition:background-color 0.05s ease-in;transition:background-color 0.05s ease-in}
.site-header .search-bar input[type="text"]:focus,.site-header .search-bar input[type="search"]:focus{outline:0}
.site-header input::-webkit-input-placeholder{color:#424242}
.site-header input::-moz-placeholder{color:#424242}

.site-header .nav-bar {width: 100%; margin: 0 auto;}
.nav-bar{top:110%;bottom:0;left:0;right:0;background-color:#fff}
.nav-bar a{color:#000}.nav-bar a:active,.nav-bar a:focus{opacity:0.9}
.site-nav{margin:0; font-weight:500;font-size:14px;text-transform:uppercase;cursor:default}.site-nav li{margin:0;display:block}
.site-nav a{display:block;text-decoration:none;padding:10px 10px}
.site-nav .customer-navlink{color:#000; border-bottom:0;border-top:1px solid #ddd;margin-top:-1px}
@media screen and (max-width: 480px){.show-nav .nav-bar{bottom:0;top:50px}.show-nav,.show-nav body{height:100%;overflow:hidden}} 
@media screen and (max-width: 768px){
	.nav-bar{position:fixed;z-index:2000;-webkit-transition:all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);-moz-transition:all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);-ms-transition:all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);-o-transition:all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);transition:all 600ms cubic-bezier(0.47, 0.5, 0, 0.95)}
	.show-nav .nav-bar{max-height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 450ms cubic-bezier(0.47, 0, 0, 0.95);-moz-transition:all 450ms cubic-bezier(0.47, 0, 0, 0.95);-ms-transition:all 450ms cubic-bezier(0.47, 0, 0, 0.95);-o-transition:all 450ms cubic-bezier(0.47, 0, 0, 0.95);transition:all 450ms cubic-bezier(0.47, 0, 0, 0.95)}
	.nav-bar .wrapper{padding:15px 0 0}
	.show-nav .nav-bar .wrapper{min-height:101%}
	.nav-bar .search-bar{margin:0 15px 15px;width:auto}
	.site-nav{border-top:1px solid #fff}
	.site-nav li{border-bottom:1px solid #ddd;-webkit-tap-highlight-color:rgba(255,255,255,0.2)}
	.site-nav li:hover{background-color:#f1f1f1}
} 
@media screen and (min-width: 481px) and (max-width: 768px){.show-nav .nav-bar{top:50px;bottom:0}} 
@media screen and (min-width: 769px){
	.nav-bar .search-bar{float:right;z-index:2}
	.site-nav{text-align:left;white-space:nowrap;margin-left:-15px}
	.site-nav>li{display:inline-block}
	.site-nav a{white-space:nowrap}
} 
.icon-arrow-down{position:relative;top:-2px;font-size:12px}.site-nav--dropdown{display:none;margin:0}.site-nav--dropdown .icon-arrow-down{display:none !important}

@media screen and (min-width: 769px){
	.site-nav--dropdown{display:block;position:absolute;top:100%;left:0;border:1px solid #ddd;background-color:#fff;opacity:0;overflow:hidden;visibility:hidden;z-index:20;-webkit-transition:all 150ms;-moz-transition:all 150ms;-ms-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms}
	.site-nav--has-dropdown:hover .site-nav--dropdown,.site-nav--has-dropdown.nav-hover .site-nav--dropdown,.nav-focus+.site-nav--dropdown,
	.show-dropdown .site-nav--dropdown{opacity:1;box-shadow:0 8px 8px rgba(0,0,0,0.15);visibility:visible;-webkit-transition:all 90ms;-moz-transition:all 90ms;-ms-transition:all 90ms;-o-transition:all 90ms;transition:all 90ms}
	.site-nav--dropdown a{color:#333;text-transform:none;padding:3.33333px 5px 3.33333px 5px;font-size:13px;border-bottom:0px #ddd solid;margin:0 5px}
	.site-nav--dropdown a:hover,.site-nav--dropdown a:active,.site-nav--dropdown a:focus{color:#e71c25}
	.site-nav--dropdown a:focus{background-color:#f2f2f2}
} 
@media screen and (max-width: 768px){
	.site-nav--dropdown{background-color:#fff}
	.site-nav--dropdown>li{float:none;width:100%;border:none;text-transform:none;border-bottom:1px solid #fff}
	.show-dropdown .site-nav--dropdown{display:block}
} 
	#mobileNavBar{display:none;width:100%;background-color:#fff;border-bottom:1px #000 solid}
	#mobileNavBar:after{content:"";display:table;clear:both}#mobileNavBar .display-table-cell{padding:0 15px}
	#mobileNavBar .cart-toggle{text-align:right}
	
	@media screen and (max-width: 480px){#mobileNavBar{position:fixed;top:0;left:0;right:0}} 
	@media screen and (max-width: 768px){#mobileNavBar{display:table;height:50px;z-index:999999999}.show-nav #mobileNavBar{position:fixed;left:0;top:0}} 
	.mobileNavBar-link{display:block;padding:10px 0;color:#000;cursor:pointer; text-decoration:none; position:relative;}
	.mobileNavBar-link:hover,.mobileNavBar-link:focus{color:#000;text-decoration:none;}
	.mobileNavBar-link.menu-toggle .icon{font-size:12px;margin-right:10px}
	.mobileNavBar-link.menu-toggle .lt-ie9{background-image:none;padding-left:0}
	@media screen and (max-width: 768px){:target{padding-top:50px}} 
	.site-footer{background-color:#f7f7f7;padding:30px 0 0px;color:#000; }
	.site-footer .footer-stripe{background-color:#f3f4f9; padding:10px 0 10px; color:#555; border-bottom:1px #e4e6f1 solid; border-top:1px #e4e6f1 solid;  margin-bottom:20px;}
	.site-footer .footer-stripe ul{ text-align:center; padding: 0; margin: 0;}
	.site-footer .footer-stripe li{ display:inline-block; margin:0 15px;}
	.site-footer .footer-stripe li a{ color:#555; font-size:14px; text-transform:uppercase;}
	
	.footer-subscribe .social-icons{ margin:0; list-style:none;}
	.site-footer .social-icons li{ display:inline-block;}
	.footer-subscribe{padding:15px ; color:#fff; background-color: #eee; /*background-position: bottom center;*/ box-shadow: 0 1px 0px rgba(0,0,0,0.3);}
	.footer-subscribe .saprater{ background:#c0c0c0; width:1px; display:block; height:100px; margin:0 auto;}
	.footer-subscribe h3{font-family: 'playfair_displayregular'; font-size:24px; color:#67707f; margin: 0px 0 8px; text-transform: capitalize;}	
	.site-footer a.icon-fallback-text, .social-icons.icons-dark a.icon-fallback-text{display: block; border-radius: 10px; padding: 2px; border: 1px #67707f solid;}
	.site-footer a.icon-fallback-text:hover{background:#f06890; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease all; transition: .3s ease all;}
	.social-icons.icons-dark{ list-style:none;} 
	.footer-subscribe .subscribe-info-text{ font-size:11px; letter-spacing:0.4px; }
	.footer-subscribe a{color:#f16f92;}
	.footer-subscribe a:hover{ text-decoration:underline;}

	.social-icons.icons-dark a.icon-fallback-text{background:#f16f92; }
	.social-icons.icons-dark a:hover.icon-fallback-text{background:#784771; border: 1px #784771 solid;}
	.social-icons.icons-dark a.icon-fallback-text .youtube-icon{background-position:-212px -97px;}
	.social-icons.icons-dark a.icon-fallback-text .facebook-icon{background-position:-141px -98px; }
	.social-icons.icons-dark a.icon-fallback-text .instagram-icon{background-position:-173px -98px; }
	
	.site-footer h3,.site-footer .h3{margin:0 0 15px 0;color:#2468b3}
	.site-footer ul{ list-style:none; margin:0; padding:0;}
	.site-footer ul li{ margin-bottom:0.55em; font-size:12px;}
	.site-footer a{color:#484848}
	.site-footer a:hover{color:#000}
	.legal-links{margin-bottom:0}
	.site-footer .customer-care .ph{color:#fc6e94; font-size:22px;}
	.legal-links+.legal-links{margin-bottom:15px}
	.legal-links li{padding:0 15px 0 0;font-size:13px;line-height:30px}
	.row-negative-bottom{margin-bottom:-30px}
	.sold-out .product-grid-image{position:relative}
	.sold-out .product-grid-image img{opacity:0.7}
	.badge{display:none;position:absolute;top:50%;width:100%;margin-top:-15px;text-align:center;z-index:5}
	.badge-label{display:inline-block;margin:0 auto;padding:5px;font-size:13px;font-weight:bold;color:#fff;background-color:#000;text-transform:uppercase;border-radius:2px}
	.sold-out .badge--sold-out{display:block}
	@media screen and (max-width: 1200px){
		.footer-subscribe{ background-image:none; padding: 15px 0;}
		.footer-subscribe .subscribefrm-container{ margin-bottom:15px;}
	}
	@media screen and (max-width: 768px){
		.product-list-item .spr-badge{clear:both}
		.footer-subscribe{ text-align:center}		
		#addToCart{ display:block; width:100%;}
	} 
	@media screen and (min-width: 769px){
		.product-list-item .grid,.product-list-item .grid--rev,.product-list-item .grid--full{display:table;table-layout:fixed;width:100%}
		.product-list-item .grid-item{display:table-cell}		
	} 
	.product-grid-image{display:table;table-layout:fixed;width:100%;max-width:100%;min-width:100%; min-height:217px; margin:0 auto 15px; background:url(https://hautefacets.s3.amazonaws.com/images/ol-preloader.gif) no-repeat center/43%;}
	.product-grid-image img{display:block;margin:0 auto;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
	.product-list-image{display:block;margin:0 auto}
	.product-grid-image--centered{display:table-cell;vertical-align:middle}
	a.product-grid-item,.product-grid-item{display:block;color:#333;margin-bottom:60px}
	a.product-grid-item:hover img,.product-grid-item:hover img{opacity:1;-webkit-transition:opacity 0.05s ease-out;-moz-transition:opacity 0.05s ease-out;-ms-transition:opacity 0.05s ease-out;-o-transition:opacity 0.05s ease-out;transition:opacity 0.05s ease-out}
	@media screen and (min-width: 769px){a.product-grid-item,.product-grid-item{margin-bottom:30px}.template-list-collections a.product-grid-item,.template-list-collections .product-grid-item{margin-bottom:0}} 
	.product-item--price:after{content:"";display:table;clear:both}
	.product-item--price {margin-bottom:15px; color:#e83558 /*#2468b3*/;}
	.product-item--price .h2{font-size:1.8rem;}

	.sale-tag{display:inline-block;text-transform:uppercase;font-size:13px;font-weight:900;padding:0 8px;border-radius:3px;vertical-align:text-bottom;color:#ea333b;border:1px solid #ea333b}
	.sale-tag sup{display:none}.sale-tag.large{font-size:14px;padding:0 8px}.product-meta .sale-tag{position:relative;top:2px}.sale-tag.has-reviews{margin-bottom:10px}
	.featured-box{position:relative;display:block;padding:15px 0;border:1px solid #ddd;margin-bottom:30px}
	.featured-box:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.02);z-index:5}
	.featured-box img{-webkit-transition:opacity 0.1s ease-in-out;-moz-transition:opacity 0.1s ease-in-out;-ms-transition:opacity 0.1s ease-in-out;-o-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;padding:0 15px}.featured-box:hover img{opacity:0.9}.featured-box--inner{display:table;margin:0 auto}.featured-box--image{display:table-cell;vertical-align:middle}.featured-box--image img{width:100%}.featured-box--title{position:relative;display:block;color:#333;font-family:"Roboto","HelveticaNeue","Helvetica Neue",sans-serif;font-weight:500;padding-top:15px;line-height:1;z-index:10}
	
	@media screen and (max-width: 768px){
		.collection-filters.collapse{display:none}
		.collection-filters.collapse.show{display:block}
		a.product-grid-item,.product-grid-item{margin-bottom:0}
	} 
	@media screen and (min-width: 769px){.collection-filters.collapse, .collection-filters.offcanvas{display:block}.toggle-filters{display:none}} 		
	
	.advanced-filters a{display:block;position:relative;padding-left:25px;color:#000}
	
	.advanced-filters a:before,.advanced-filters a:after{content:'';display:block;position:absolute}
	.advanced-filters a:before{top:2px;left:0;width:15px;height:15px; background-color:#f7f7f7;border:1px solid rgba(34, 34, 34, 0.3); border-radius:2px;}
	.advanced-filters a:hover:before{background-color:#ffcfe2;}
	.advanced-filter.selected a:before{background-color:#f16f92;}
	.advanced-filters a:after{top:7px;left:3px;width:6px;height:6px;background-color:transparent}
	/*.advanced-filters li.selected a:after{background-color:#333}
	.advanced-filter.active-filter a:after{background-color:#000}*/
	.advanced-filter.active-filter a:hover:after{content:'\78';top:4px;left:0;width:12px;height:12px;background-color:#000;font-size:8px;text-align:center;color:#fff;font-family:"icons";line-height:12px;speak:none}
	.advanced-filter.selected a:after {left: 5px; top: 3px; width: 6px; height: 12px;
	 border: solid white; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	
	.breadcrumb{font-size:12px;margin-bottom:5px;height:52px; height: auto; padding: 8px 0;} 
	@media screen and (max-width: 481px){.breadcrumb li:last-child{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 120px; }}
	@media screen and (min-width: 482px) and (max-width: 990px){.breadcrumb li:last-child{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 355px; }}
	.breadcrumb{margin-top:0} 
	.breadcrumb a{color:#333}.breadcrumb a:hover{color:#333}
	.breadcrumb a,.breadcrumb span{/*display:inline-block;*/padding:15px 7px 15px 0;overflow:hidden}.breadcrumb a:first-child,.breadcrumb span:first-child{padding-left:0}
	.breadcrumb .divider{font-size:15px;font-family:'Verdana', sans-serif;padding:13px 7px 13px 0;color:#bbb}.breadcrumb+.grid-border{margin-top:-30px}.breadcrumb--truncate{width:250px;white-space:nowrap;text-overflow:ellipsis}.product-variants{display:none}
	.no-js .product-variants{display:block}
	@media screen and (min-width: 769px){.selector-wrapper select,.product-variants select{max-width:40%}} 
        #addToCartForm{margin-bottom:0}
        @media screen and (min-width: 481px){#addToCartForm select{max-width:50%}}     
	#productPrice{font-size:26px;margin-bottom:0;white-space:nowrap;color:#e83558;}
	#comparePrice{white-space:nowrap}
	.product-meta{margin-bottom:5px; list-style:none}.product-meta .product-meta--review{display:block}
        @media screen and (min-width: 481px){.product-meta{display:table}.product-meta li,.product-meta .product-meta--review{display:table-cell;vertical-align:middle;padding-right:15px}} 
        .variant-quantity{display:none;color:#2468b3;line-height:34px;padding:4px 15px}
		.variant-quantity.is-visible{display:inline-block}
		.product-photo-container{margin-bottom:30px;max-width:100%}
		.product-photo-container a,.product-photo-container img,.product-photo-thumbs a,.product-photo-thumbs img{ margin:0 auto; width:auto;}
		@media screen and (min-width: 769px){.image-zoom{display:inline-block;cursor:move}} 
		.comment{margin-bottom:30px}.comment+.comment{border-top:1px solid #ddd;padding-top:30px}
		.note,.errors{border-radius:2px;padding:15px;margin-bottom:15px;border:1px solid transparent}
		.note ul,.note ol,.errors ul,.errors ol{margin-top:0;margin-bottom:0}.note li:last-child,.errors li:last-child{margin-bottom:0}
		.note p,.errors p{margin-bottom:0}.note{border-color:#ddd}.errors ul{list-style:disc outside;margin-left:20px}
		.form-success{color:#0a942a;background-color:#ecfef0;border-color:#0a942a;padding:0.5em}
		.form-error,.errors{color:#dc0000;background-color:#fff6f6;border-color:#dc0000;padding:0.5em}
		.cart-row{margin-top:10px;padding-top:30px;border-top:1px solid #ddd}
		.cart-row:first-child{margin-top:0}.cart-row:first-child{padding-top:0;border-top:0 none}
		.cart-row a.product-title {font-size:1.2rem;}
		.cart-row a{color:#333; }		
		.cart-row a:hover{color:#2468b3}
		.cart-row input[type="image"]{padding:15px 0px}
		.cart-row .additional-checkout-buttons>*:not(script){padding:10px 0 0 10px;vertical-align:top;line-height:1}
		.cart-row .additional-checkout-buttons>*:not(script):first-child,.cart-row .additional-checkout-buttons>*:not(script):empty{padding-left:0px}
		@media screen and (max-width: 768px){.cart-image{margin-bottom:15px}} 
		.cart-subtotal{margin-bottom:0px; display:block; color: #f16f92;}
		a.remove{display:inline-block;margin-top:7px;height:19px;line-height:19px;padding:0 5px;border-radius:19px;font-size:9px;text-align:center;border:0 none}
			
.sidebar h3{margin: 0; padding: 5px 0px 15px 0px; position: relative; cursor: pointer;  text-transform: uppercase;font-size: 16px;}	
.advanced-filters{border-bottom:1px #ddd solid;padding-bottom:10px; list-style: none; padding-left: 0; margin-bottom:15px}
li.advanced-filter{margin-bottom:5px;}
.advanced-filters a{font-size:12px}
.mCustomScrollbar{max-height:280px;overflow:auto; min-height:50px;}
.showthat:after{position:absolute;right:0;content:"\e901";font-family:"icons";font-size:9px;top:10px}
.removethat:after{position:absolute;right:5px;content:"\34";font-family:"icons";font-size:16px;top:5px; transition: transform .35s ease; transform-origin: .5em 50%;}
.removethat.collapsed:after{transform: rotate(-90deg); }
.product-photo-thumbs.grid-uniform{margin-left:0px}
.product-photo-thumbs li{padding-left:0;padding-right:5px; list-style:none;}

.template-index .site-header{position:relative;z-index:99;background:#fff; border:none;width:100%; color: #000; display: flex;}
.site-header.sticky{position:fixed;z-index:99;transition:all 0.4s ease;background:#fff; width:100%; height: 85px; top:0;}

/*.template-index .site-header .wrapper{max-width:100%}*/

.site-header.sticky .top-bar{display:none}
.site-header .nav-bar a{ color:#000;}
.site-header.sticky .header-logo img{height: 68px; transition: height 2s linear 1s; display:none;}
.site-header.sticky .left-column ul, .site-header.sticky .right-column{transition: height 2s linear 1s; padding-right:0;}
.site-header.sticky .nav-bar{margin-top: -30px;/*-44px;*/ transition: height 2s linear 1s;}
.site-header.sticky .logo-small{ display:block; }
.site-header .navbar-toggler{ padding:4px 4px;}

.site-header.sticky .left-column ul{ display:none;}

.site-header .header-inner{grid-template-columns: 1fr auto 1fr; column-gap: 2rem; display: grid;}

.site-menu {background:#fff;}
@media screen and (min-width: 989px){
    .site-menu.sticky {position: fixed; z-index: 98; transition: all 0.4s ease; background: #fff; width: 100%; top: 85px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}
@media screen and (max-width: 989px){
    .site-header .header-inner{grid-template-columns: 1fr auto ;}    
    .customer-care{text-align: center;}
    .footerAllicons{ text-align: center;}
    .site-footer ul li{ font-size: 14px;}
}
@media screen and (min-width: 769px){
	.site-header .logo-small{ display:none;}	
}
@media screen and (max-width: 769px){
	.hf-nav .navbar-toggle{ position:absolute; top:5px; right:0px;} 
	.hf-nav #mainNavigation{ min-height: auto;}
	.site-header .search{ float:right;}
}
body.modal-open .site-header.sticky{padding-right: 17px; transition:none;}

/*.site-header .search {position: relative; margin-left: 10px; padding: 5px 0; border-radius: 50%; border: 1px #ddd solid; width: 32px;  height: 32px; text-align: center;}*/
.site-header .search:hover { cursor:pointer;}
.site-header .search-input-elm {position: absolute; top: 100%; right: 0px; display: none; width: 60%; left: 0; margin: 0 auto; box-shadow: 0 2px 2px rgba(0,0,0,0.15); background: #fff; padding: 15px 50px 25px; z-index: 2;}
.site-header .search-submit {position: absolute; top: 15px; right: 50px; height: 36px; background: #f16f92; border: 1px #ddd solid; color: #000; padding: 0 15px; color: #fff; font-weight: bold;}
.site-header .search-submit:hover {background: #ff5f92; }

@media screen and (max-width: 575px){
	.site-header .search, .site-header .login-info, .site-header.sticky .login-info, .header-cart-btn, .site-header .navbar-toggler{ margin-left:5px;}
}
.cart-row .toll{ display:table; margin:0 auto;}

.products-grid {list-style: none; margin: 0; padding: 0; width: 100%; padding: 28px 0px 0 0px; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; }
.products-grid li.gallery-banner > ul, .products-grid li.gallery-banner > div { width: calc(100% - 15px); height: calc(100% - 15px); margin: 0; padding: 0; position: absolute;}

.products-grid {list-style: none; margin: 0; padding: 0; width: 100%; padding: 20px 0px 0 0px; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; }
.products-grid li.gallery-banner > ul, .products-grid li.gallery-banner > div { width: calc(100% - 15px); height: calc(100% - 15px); margin: 0; padding: 0; position: absolute;}
.products-grid li.gallery-banner > ul > li, .products-grid li.gallery-banner > div > div, .products-grid li.gallery-banner .product-item-info  { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; list-style:none;}
.products-grid li.gallery-banner .product-item-info .cstm-banner {
	color: #000;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	padding: 10px;
}
.products-grid li.gallery-banner .product-item-info .cstm-title-top {font-size: 32px; border-bottom: 1px solid #000; font-family: 'playfair_displayregular',serif; padding-bottom: 15px; display: inline-block; margin-bottom: 15px; line-height: 1.3;}
.gallery-view{ position:relative; float: left; width:100%; padding:0px 7px 14px; min-height:380px;}
.gallery-view .wishlist-icon{position:absolute; top:10px; right:10px; display:none; cursor:pointer; z-index: 3;}
.gallery-view:hover .wishlist-icon{ display:block;}
.gallery-view .product-grid-item{ padding:7px 7px 0;}

@media screen and (min-width: 1100px) and (max-width: 1280px){.products-grid {grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);}} 
@media screen and (min-width: 769px) and (max-width: 1099px) {.products-grid {grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);} .wishlist-container .products-grid{grid-template-columns: 50% 50%;} }
@media screen and (max-width: 768px) {.products-grid {grid-template-columns: 50% 50%;} .wishlist-container .products-grid{grid-template-columns: 50% 50%;} } 

.wishlist-container .products-grid{grid-template-columns: 33.33% 33.33% 33.33%;}
.wishlist-container .products-grid .product-title{font-size:14px;}
.wishlist-container .gallery-view .product-grid-item:hover, .wishlist-container a.product-grid-item, .product-grid-item{ margin:0;}
.wishlist-container .gallery-view .product-grid-item{ padding:15px; text-align:left; background:#fff;}
.wishlist-container .gallery-view .product-grid-item:hover .btn-outline-primary{ background-color: #f16f92; color:#fff;}
.wishlist-container #addToCartForm .selector-wrapper{ width: 50%; margin-right: 15px;}
@media screen and (min-width: 769px) and (max-width: 1099px) {.wishlist-container .products-grid{grid-template-columns: 50% 50%;} }
@media screen and (max-width: 768px) {.wishlist-container .products-grid{grid-template-columns: 50% 50%;} } 

.wishlist-container .item-list{ border-bottom:1px #ddd solid; margin-bottom:15px; padding-bottom:15px;}
.wishlist-container .item-list:last-child{ border-bottom:none;}
.wishlist-container .item-list h6.product-title{font-size:16px} 
.wishlist-container .trash-icon {position: absolute; top: 2px; right: 12px; z-index: 9; font-size: 16px;}
.wishlist-container .trash-icon a{ color:#999;}
.wishlist-container .trash-icon a:hover{color:#e83558;}

.gallery-view .wishlist-icon{position:absolute; top:10px; right:10px; display:none; cursor:pointer; z-index: 3;}
.gallery-view:hover .wishlist-icon{ display:block;}
.gallery-view:hover .wishlist-icon{ display:block;}

@media screen and (min-width: 769px){
	.template-index .nav-bar{background:none}
	.nav-wrapper{max-width:1240px; margin:0 auto;}
	.nav-pose{position:relative}
	.site-nav--has-dropdown>a{position:relative}
	.site-nav--has-dropdown:hover>a::before{position:absolute;top:34px;left:40%;content:" ";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ddd}
	.hf-nav .dropdown .dropdown-menu .column-2{column-count:2; column-gap:0 }
} 

.site-header .left-column ul{margin: 26px 0 0 0;}
.site-header .left-column li{display:inline-block;position:relative;margin-right:15px; font-size: 0.95em;}
.site-header .left-column li,.site-header .left-column li a{color:#000}

.ol-icons{background:url("../images/icon-sprite.png")}
.call{float:left;margin-right:5px;width:18px;height:18px;top:0;left:0;background-position:0px -23px}
.email-icon{float:left;margin-right:5px;width:18px;height:18px;top:0;left:0;background-position:0 -45px}
.user-icon{float:left;margin-right:5px;width:18px;height:18px;top:0;left:0;background-position:0 -103px}
.cart-icon{float:left;margin-right:5px;width:22px;height:22px;top:0;left:0;background-position:-48px -103px}
.search-icon{float:left;margin-right:5px;width:22px;height:22px;top:0;left:0;background-position:-48px -58px; cursor:pointer;}
.search-icon:hover{background-position:-71px -58px;}
.arrow-down-icon{display:inline-block; width:12px;height:10px;top:0;left:0;background-position:-52px -87px}
.arrow-right-icon{display:inline-block; margin-right:5px;width:12px;height:12px;top:0;left:0;background-position:-63px -84px;}
.refund-icon{display:inline-block;width:32px;height:32px;background-position:-256px -96px;}
.return-icon{display:inline-block;width:33px;height:32px;background-position:-300px -57px;}
.fly-icon{ display:inline-block; width:38px;height:32px;background-position:-253px -57px;}
.certificate-icon{display:inline-block;width:32px;height:32px;background-position:-299px -96px;}
.tag-icon{float:left;margin-right:5px;width:18px;height:18px;background-position:-26px -60px}
.double-arrow-icon{float:left;margin-right:5px;width:18px;height:18px;background-position:-75px 0px}
.bbb-icon{float:left;margin-right:10px;width:105px;height:37px;background-position:-25px -173px}
.aplus-icon{float:left;margin-right:5px;width:37px;height:37px;background-position:-92px -134px}
.btn-arrow{float:left; width:35px;height:31px;background-position:-93px -98px}
.subscribe-icons{float:left; width:107px;height:75px;background-position:-142px -135px; margin-right:20px;}
.subscribe-icons.yellow{background-position:-255px -135px;}
.business-icons{margin:20px 0 0}
.facebook-icon{display:block; width:32px;height:32px;background-position:-141px -56px; }
.pinterest-icon{display:block; width:32px;height:32px;background-position:-113px -55px; }
.blog-icon{display:block; width:32px;height:32px;background-position:-276px 1px; }
.blog-icon:hover{background-position:-306px -0px; }
a.icon-fallback-text:hover .pinterest-icon{background-position:-113px -24px; }
a.icon-fallback-text:hover .facebook-icon{background-position:-141px -98px; }
.instagram-icon{display:block; width:32px;height:32px;background-position:-173px -55px; }
a.icon-fallback-text:hover .instagram-icon{background-position:-173px -98px; }
.youtube-icon{display:block; width:32px;height:32px;background-position:-212px -55px; }
a.icon-fallback-text:hover .youtube-icon{background-position:-212px -97px; }
.remove-icon{float:left;margin-right:5px;width:18px;height:18px;background-position:-53px -130px; cursor:pointer;}
.up-arrow-icon{display:inline-block; width:11px;height:10px;background-position:-115px -10px; }
.down-arrow-icon{display:inline-block; width:11px;height:10px;background-position:-115px 0;}
.qty-right-icon{display:inline-block; width:11px;height:10px;background-position:-152px 0px; }
.qty-left-icon{display:inline-block; width:11px;height:10px;background-position:-135px 0;}
.mysterybox-icon{display:inline-block; width:20px;height:20px;background-position:-47px -30px;}
.heart-icon{ display:inline-block; margin-right:5px;width:18px;height:18px;top:0;left:0;background-position:0 -127px}
.heart-icon:hover{background-position:-20px -147px}
.gift-icon{display:inline-block; width:20px;height:20px;background-position:-191px -22px; }
.heart-icon-large{ display:inline-block; margin-right:5px;width:20px;height:20px;top:0;left:0;background-position:-217px 0px; }
.heart-icon-large:hover{background-position:-217px -24px; }
.valentine-icon{ display:inline-block; margin-right:5px;width:25px;height:20px;top:0;left:0;background-position:-242px 0px; }
.similar-icon{display:inline-block; width:28px;height:28px;background-position:-71px -28px;}
.left-arrow-icon{display:block;width:5px;height:10px; background-position:-78px -87px}
.right-arrow-icon{display:block;width:5px;height:10px; background-position:-70px -87px}

.fly-icon-lg{float: left; margin-right: 5px; width: 76px; height: 65px; background-position: 0 -260px;}
.return-icon-lg{float: left; margin-right: 5px; width: 76px; height: 72px; background-position: -78px -253px;}
.refund-icon-lg{float: left; margin-right: 5px; width: 76px; height: 76px; background-position: -163px -249px;}
.source-icon-lg{float: left; margin-right: 5px; width: 76px; height: 76px; background-position: -75px -333px;}
.conflictfree-icon-lg{float: left; margin-right: 5px; width: 75px; height: 76px; background-position: -164px -333px;}
.lifetime-icon-lg{float: left; margin-right: 5px; width: 76px; height: 76px; background-position: 7px -333px;}
.lifetime-icon{display: inline-block; width: 32px; height: 32px; background-position: -344px 0;}

.fly-icon-xs{display: inline-block; width: 30px; height: 24px; background-position: -282px -336px;}
.fly-icon-xs.white{background-position: -282px -368px; width: 29px;}
.lifetime-icon-xs{display: inline-block; width: 30px; height: 24px; background-position: -313px -336px;}
.lifetime-icon-xs.white{background-position: -317px -368px; width: 20px;}
.return-icon-xs{display: inline-block; width: 30px; height: 24px; background-position: -250px -336px;}
.return-icon-xs.white{background-position: -250px -368px; width: 26px;}
.refund-icon-xs{display: inline-block; width: 22px; height: 22px; background-position: -325px -337px;}
.refund-icon-xs.white{background-position: -325px -368px;}
.source-icon-xs{display: inline-block; width: 24px; height: 24px; background-position: -343px -336px;}
.source-icon-xs.white{background-position: -353px -368px;}
.conflictfree-icon-xs{display: inline-block; width: 24px; height: 24px; background-position: -372px -336px;}
.conflictfree-icon-xs.white{background-position: -377px -368px;}
.free-mystery-icon-xs{display: inline-block; width: 30px; height: 24px; background-position: -339px -57px;}
.free-mystery-icon-xs.white{background-position: -342px -89px; width: 24px;}
.quality-icon-xs{display: inline-block; width: 24px; height: 24px; background-position: -246px -399px;}

.fly-icon-xxs{display: inline-block; width: 19px; height: 16px; background-position: 0 -423px;}
.fly-icon-xxs.white{background-position: 0 -444px;}
.lifetime-icon-xxs{display: inline-block; width: 16px; height: 16px; background-position: -46px -423px;}
.lifetime-icon-xxs.white{background-position: -46px -444px; }
.return-icon-xxs{display: inline-block; width: 16px; height: 16px; background-position: -26px -423px;}
.return-icon-xxs.white{background-position: -26px -444px; }
.free-mystery-icon-xxs{display: inline-block; width: 16px; height: 16px; background-position: -70px -423px;}
.free-mystery-icon-xxs.white{background-position: -70px -444px; }

.fly-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -154px -434px;}
.lifetime-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -243px -434px;}
.return-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -205px -434px;}
.source-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -365px -434px;}
.conflictfree-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -372px -434px;}
.free-mystery-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -287px -434px;}
.quality-icon-md{display: inline-block; width: 40px; height: 32px; background-position: -326px -434px;}

.difference-block h4{ font-size: 1.5rem ;}
.difference-block ul{ list-style:disc; padding: 0 0 0 30px;}

.divider-space{padding: 10px 0px;  display: block; clear: both;}
.divider-space-small {padding: 5px 0px;  display: block; clear: both;}

.heading-border{display:block;margin:10px auto;width:135px;height:18px;top:0;left:0;background-position:0 -220px}
.top-bar{background:#f4f4f4;padding:5px 0}
.template-index .top-bar{background:transparent}

.top-bar .site-header--text-links,.top-bar ul{margin-bottom:0;padding:0}.top-bar li,.top-bar li a{color:#000}
.home-banner .banner-item{margin:24px 0;display:table;width:100%}

.home-banner { position: relative; overflow: hidden;}
.home-banner img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;}
.home-banner:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

.confidence-block{font-size:14px; color:#555; display: flex; flex-flow: row wrap;}
.confidence-block .head{margin-bottom:15px;color:#333;text-transform:uppercase; font:18px 'Open Sans', sans-serif;}
.confidence-block a{color:#555; line-height: 1.2;}
.confidence-block a:hover{color:#2468b3}
.confidence-block .card{ box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); border-color: #f1f1f1; flex:1 0 0%; border:none;}
.confidence-block .card:hover{background: #f7f7f7;}

.product-title{font-size:18px;}
.product-description .head{font-size:18px; margin-bottom:10px;line-height:1; }
.product-description h2{font-size: 12px; line-height: 1.5; letter-spacing: 0.4px;}
.product-attribute{margin-top:0px}
.product-attribute h2,.product-attribute .h2{font-weight:normal; color:#000; font-size: 14px; font-family:tahoma,arial;}
.product-attribute ul li.head{color:#555;font-weight:bold;font-size:13px;margin:10px 0 0px}
.product-attribute ul li{font-size:13px;color:#666;display:table;width:100%;margin:0}
.product-attribute ul li .info{width:40%;float:left}
.product-attribute ul li .value{width:60%;float:left;position:relative}
.product-attribute em{color:#999}
.treatment-code{position:absolute;display:none;width:200px}
a.tooltip{opacity: 1; z-index:2; font-family: inherit; line-height: 1.3; display: inline-block; margin: 2px 0 0 5px; cursor:pointer; outline:none;border:1px #ddd solid;padding:0px 6px;font-weight:bold;border-radius:3px;font-size:12px}
a.tooltip strong{line-height:30px}
a.tooltip:hover{text-decoration:none}
a.tooltip span{z-index:10;display:none;padding:10px;margin-top:-30px;margin-left:28px;width:270px;line-height:16px;font-weight:normal;font-size:11px}
a.tooltip:hover span{display:inline;position:absolute;color:#111;border:1px solid #DCA;background:#fffAF0}
a.tooltip span{border-radius:4px;box-shadow:5px 5px 8px #CCC}

.tooltip-new {/*background: url("../images/icon-sprite.png") no-repeat -171px 0; height: 14px; width: 14px;*/ top: 0; position: absolute; margin-left: 5px; font-size: 14px; color: #784771;}
.callout{z-index:20;position:absolute;top:30px;border:0;left:-12px}
.sp-offer{max-width:323px;padding:5px 5px;border:1px dashed #999;font-size:16px;margin-top:10px}.sp-offer .text-bold{font-weight:bold}
.product-description{padding:0 0 30px 0; }
.product-desc .tags li{position:relative;background:#f1f1f1;display:inline-block}
.product-desc .tags li a{color:#333;padding:4px 15px;display:block; text-decoration:none;}
.product-desc .tags li a:hover{color:#fff;background:#2468b3}

#addToCartForm .selector-wrapper{position:relative;display:inline-block;width:40%;margin-right:30px}
#addToCartForm .selector-wrapper select{display:inline-block;max-width:100%}
#addToCartForm .selector-wrapper label, .qty-selector label{ font-weight:normal;}
#addToCartForm .js-qty{vertical-align:top}

.price-details .variant-sku{ font-size:14px; color: #333;}
.bi-envelope-paper-heart{ color:#f699b2; font-size:1.5rem ; line-height: 1;}

.bundle-products #addToCartForm .qty-selector{ width:auto;}
.bundle-products #addToCartForm .btn{ width:auto; margin: 26px 0 0 10px; display: inline-block;}
.bundle-products #addToCartForm .qty-selector .js--num {padding: 11px 25px;}
.bundle-products .qty-selector .js--qty-adjuster{padding: 12px 0;}

#addToCartForm .qty-selector{display:inline-block;width:40%;vertical-align:top}
#addToCartForm .qty-selector .js--num{padding:5px 25px}
#addToCartForm #size-chart-trigger{position:absolute;top:0;right:0}

.section-header{display: table; width: 100%;}
.section-header-right {display: table-cell; vertical-align: middle; text-align: right; width: 335px;}
.section-header-right .form-horizontal{   display: inline-block;  vertical-align: middle;}
/*@media screen and (min-width: 769px){#addToCartForm .btn,#addToCartForm .btn-secondary,#addToCartForm input[type="submit"],#addToCartForm .header-cart-btn{width:65.2%;font-size:20px}} */
p.product-title, .ContentRightWihoutFilter h2.product-title{font-size:14px;color:#000; line-height: 1.6;}
.section-header .collection-view{display:none !important}.section-header 
.section-header-right .form-horizontal select{border-top-width:0;border-bottom-width:0; background: #fff; border:1px #ddd solid; }
.section-header .section-header-right label{text-transform:uppercase}
.site-header .social-icons li{background:url(../images/social-icons.png) 0 0 no-repeat;display:inline-block;width:20px;height:16px}
.site-header .social-icons li a{display:block}
.site-header .social-icons li.facebook{background-position:0 0}
.site-header .social-icons li.facebook:hover{background-position:0 -18px}
.site-header .social-icons li.twitter{background-position:-24px 0}
.site-header .social-icons li.twitter:hover{background-position:-24px -18px}
.site-header .social-icons li.pinboard{background-position:-54px 0}
.site-header .social-icons li.pinboard:hover{background-position:-54px -18px}
.site-header .social-icons li.instagram{background-position:-122px 0}
.site-header .social-icons li.instagram:hover{background-position:-122px -18px}
.site-nav>.site-nav--active{border-bottom:0px solid #2468b3}
.site-nav--dropdown h1,.site-nav--dropdown .h1{margin-bottom:10px}
.template-collection.section-header{border-bottom:1px #ddd solid; padding-bottom:10px;}
@media screen and (max-width: 490px) {
	#addToCartForm .selector-wrapper, #addToCartForm .qty-selector{ width: 100%;}	
}
@media screen and (min-width: 769px){
	.related-product-block>.h1{margin-bottom:15px}
	.site-nav{font-weight:normal; position:inherit;}
	.site-nav--dropdown{padding:20px 0 30px}
	.site-header .nav-bar .site-nav--dropdown a{color:#000;}
	.site-header .nav-bar .site-nav--dropdown a:hover{ text-decoration:underline;}
} 
@media screen and (min-width: 1023px){
	.site-nav { display:table; margin:0 auto;} 
	.site-header.sticky .site-nav{width:1020px;}
}
@media screen and (max-width: 480px){.subscribe-icons{ display:none;}}
@media screen and (min-width: 769px) and (max-width: 1170px){ .site-header.sticky .site-nav{font-size:12px}}

@media screen and (max-width: 768px){
	#mobileNavBar .search-icon{ margin-top:10px;}
	.site-header .search-icon{ position:inherit}
	.site-header .search-input-elm {display: none; right:30px;  left: 0; width: 100%; top: 58px; padding: 15px;}
	.site-header .search-submit{right:15px;}
	.show-dropdown .site-nav--dropdown{background:#f7f7f7}.site-nav--dropdown>li{display:inline-block;text-align:left;width:49%}} 
	a.product-grid-item{position:relative; text-align:center; text-decoration:none;}
        
        .trending-products  a.product-grid-item .product-grid-image--centered img {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;}
	.trending-products a.product-grid-item:hover .product-grid-image--centered img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}
	footer .contact-form .input-group-field{background:#fff;height:36px}
	footer .contact-form .input-group-btn .btn-secondary{height:auto;background:#2468b3;height:34px;color:#fff}
	footer .contact-form .input-group-btn .btn-secondary:hover{background:#1a5ba3}
	.site-footer h3,.site-footer .h3{color:#000;text-transform:uppercase; font-size:14px;}
	.site-footer .social-heading{margin-bottom:5px}
	.social-icons li .icon{font-size:20px !important}
        .product-photo-thumb{border:1px #eee solid}
        .product-photo-thumb.active{border:1px #f06890 solid !important;}
	.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
	.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
	.slick-list:focus{outline:none}
	.slick-list.dragging{cursor:pointer;cursor:hand}
	.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
	.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}
	.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] 
	.slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}
	.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
	.product-slider .slick-prev,.product-slider .slick-next{z-index:1;font-size:24px;top:45%;position:absolute;cursor:pointer}.product-slider .slick-prev{left:18px}
	.product-slider .slick-next{right:-10px}.product-slider .slick-disabled,.right-rail-section .slick-disabled{opacity:0.5}.right-rail-section{border:0px #ddd solid}
	.right-rail-section .item{padding:10px;margin-bottom:10px;position:relative}
	.right-rail-section .item a.product-info{background:rgba(255,255,255,0.85);z-index:5;top:0px;width:90%;height:100%;padding:18px 0px 10px;display:block;transition:opacity 0.15s ease 0s}
	.right-rail-section .item a.product-info .title{font:12px/1 "museo_sans_cyrl500","ubuntu_condensedregular",sans-serif;color:#444}
	.right-rail-section .item a.product-info .sku{font:11px "museo_sans_cyrl500","ubuntu_condensedregular",sans-serif;margin-top:15px;color:#444}
	.right-rail-section .slick-prev,.right-rail-section .slick-next{z-index:1;font-size:16px;top:40%;position:absolute}
	.right-rail-section .slick-prev{left:0px}.right-rail-section .slick-next{right:0}.related-products .slick-disabled{opacity:0.3}
	.related-products .head{font:14px "museo_sans_cyrl500","ubuntu_condensedregular",sans-serif;margin-bottom:5px;color:#000}
	.right-rail-section .product-grid-item{margin-bottom:0}.right-rail-section .product-grid-image{margin-bottom:0}
	.right-rail-section .slick-arrow .icon{font-size:24px;cursor:pointer;padding:8px 12px 8px 14px;background:#f1f1f1}
	#recently-viewed-products-grid a p.title{color:#000}.product-slider .slick-prev,.product-slider .slick-next{background:#f1f1f1;padding:5px 10px 0 12px;box-shadow:0px 1px 1px rgba(0,0,0,0.3)}
	
a.product-grid-item .soldout{position: absolute; top: 0; left: 0; padding: 0 5px; font-size: 12px; text-transform: capitalize; border: 1px solid #ea333b; color: #ea333b; background: #fff;}
.price-details .badge-label{padding: 5px 10px; font-size:16px; text-transform: capitalize; border: 1px solid #ea333b; color: #ea333b; background: #fff;}

.social-sharing.social-icons-ol a{/*background:url(../images/social-icons-large.png) 0 0 no-repeat;*/border:none;vertical-align:top;color:#999;}
.social-sharing.social-icons-ol a:hover{ color:#f16f92;}
.social-sharing.social-icons-ol a.share-facebook{background-position:-48px 0}
.social-sharing.social-icons-ol a.share-facebook:hover{background-position:-48px -39px}
.social-sharing.social-icons-ol a.share-twitter{background-position:-96px 0}
.social-sharing.social-icons-ol a.share-twitter:hover{background-position:-96px -39px}
.social-sharing.social-icons-ol a.share-pinterest{background-position:-191px 0}
.social-sharing.social-icons-ol a.share-pinterest:hover{background-position:-191px -39px}
.social-sharing.social-icons-ol a.share-google{background-position:-144px 0}
.social-sharing.social-icons-ol a.share-google:hover{background-position:-144px -39px}

.site-footer .form-vertical{ margin-bottom:20px;}

.js--add, .ajaxifyCart--add {right: 0; border-left: 1px solid #ddd;}
.js--minus, .ajaxifyCart--minus {left: 0; border-right: 1px solid #ddd;}
.js-qty, .ajaxifyCart--qty {
    position: relative;
    margin-bottom: 1em;
    max-width: 100px;
    min-width: 75px;
    overflow: visible;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
.js--qty-adjuster, .ajaxifyCart--qty-adjuster {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    padding: 10px 0;
    width: 30px;
    text-align: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.qty-selector .js--qty-adjuster, .qty-selector .ajaxifyCart--qty-adjuster { padding:5px 0;}
.js--qty-adjuster:hover, .ajaxifyCart--qty-adjuster:hover { background:#f1f1f1;}
.js-qty input[type="text"], .ajaxifyCart--qty input[type="text"] {display: block; background: none; text-align: center; width: 100%; padding: 9px 25px; margin: 0;}

.strands-heading {font: 2.2rem 'playfair_displayregular', 'Roboto',"Open Sans","HelveticaNeue","Helvetica Neue",sans-serif; margin: 2rem 0px 2rem; position: relative; text-align: center;}
.strands-heading span { padding: 0.25rem 1.8rem; background: #FFF; z-index: 1; position: relative; }
.strands-heading::before { border-top: 1px solid #ccc; content: ""; margin: 0px auto;  position: absolute; top: 50%; left: 0px;  right: 0px; bottom: 0px; width: 100%; z-index: 0;}
@media screen and (max-width: 500px){.strands-heading {font-size: 1.5rem;}}

.ContentRightWihoutFilter {width:auto; overflow: hidden !important; position: relative; min-height: 500px; background: #fff; margin: 0px 8px 0 0; padding-bottom: 28px; /*box-shadow: 0 1px 3px -1px rgba(0,0,0,.4);*/}
.leftSidebar {float: left; width:244px; margin:0px 0px 0 0; }
.affix {position: fixed; top: 50px; width: 250px; background:#fff; z-index:1; margin-left: -270px;}
.affix-top {position: absolute; top:10px; width:250px; margin-left: -270px;}
.affix-bottom {position: absolute; width:250px; margin-left: -270px;}
 
/* First level of nav */
.sidenav {margin-bottom: 120px; padding:0px;  background-color: #fff; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); z-index: 1;}	

.cart-container .h2 small, .cart-container .h1 small{font-size: 80%; font-weight:bold; color:#333;}

.my-account-nav{ list-style:none;padding-left: 18px;}
.my-account-nav a{ font-size:14px; color:#333; margin-bottom:5px; display:block;}

/*=========================== Checkout Css bof =============================*/
.anyflexbox .content, .anyflexbox .content .wrap, .anyflexbox .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.anyflexbox .content {overflow: hidden;}
.wrap::after, .wrap::before { content: ""; display: table;}
.checkout-content .sidebar::after {
    content: "";
    display: block;
    width: 300%;
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    background: #fafafa;
        background-position-x: 0%;
        background-position-y: 0%;
    z-index: -1;
    box-shadow: 0 -1px 0 #e1e1e1 inset;
}
.content-box__hr--tight {margin: 0.85714em 0;}
.main__content {padding-bottom: 2em;}
.main__header {padding-bottom: 2em;}
.page--logo-main .main .logo {display: block;}

.csspointerevents .field__input-wrapper--select::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0;  width: 50px; background-position: center center; background-repeat: no-repeat; pointer-events: none;}

.icon-svg--size-10 {width: 10px; height: 10px;}

.checkout-content .breadcrumb{ background:none; margin:0}
.checkout-content .breadcrumb > li + li::before {padding: 0 5px; color: #ccc; content: " "/*"/\00a0"*/;}
.breadcrumb__text, .breadcrumb__link, .breadcrumb__chevron-icon {vertical-align: middle;}
.breadcrumb__chevron-icon {color: #999999; margin: 0 0.4em;}

.anyflexbox .step__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.step__footer {margin-top: 1.5em; z-index: 2; position: relative; }
.anyflexbox .step__footer__previous-link, .anyflexbox .step__footer__info { margin-right: 1em;}

.step__footer__previous-link, .step__footer__info {display: block;}
.order-summary-container {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: calc(100vh - 8em); width: 100%;}
.order-summary-section:first-child {padding-top: 0;}
.order-summary-section:first-child {border-top: none;}
.section-product-list {display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto;  flex: 0 1 auto; min-height: 7em; overflow: hidden; padding: 0; padding-top: 0px; position: relative;}
.order-summary-section-content {min-width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.section-product-list .product-table {margin-top: 0.75em; margin-bottom: 1.5em;}
table.product-table, .total-line-table{width: 100%; border-collapse: collapse;  border-spacing: 0; font-size: 1em;}
.sidebar-content td:last-child, th:last-child {text-align: right;}
/*.visually-hidden {border: 0; clip: rect(0, 0, 0, 0); clip: rect(0 0 0 0); width: 2px;  height: 2px; margin: -2px; overflow: hidden; padding: 0; position: absolute;}*/
.checkout-content .sidebar th {color: #323232; padding:0; border:none;}
.sidebar-content td:first-child, th:first-child {padding-left: 0; text-align: left; }
.sidebar-content .product td {padding-top: 1em;}
.sidebar-content .product:first-child td{padding-top: 0;}
.sidebar-content table td{ border:none; padding:0 0 0 1em;}

.total-line-table__tbody + .total-line-table__footer .total-line td { padding-top: 3em; position: relative;}
.total-line-table__tbody + .total-line-table__footer .total-line td::before {background-color: rgba(175,175,175,0.34); content: ''; position: absolute; top: 1.5em; left: 0; width: 100%; height: 1px;}
.payment-due-label__total {font-size: 1.14286em; color: #4b4b4b;}
.payment-due__currency {font-size: 0.85714em; vertical-align: 0.2em; margin-right: 0.5em; color: #969696;}
.sidebar-content .product-thumbnail {width: 4.6em; height: 4.6em; border-radius: 8px; background: #fff; position: relative;}
.sidebar-content .product-thumbnail__wrapper {width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 8px; z-index: 1;}
.sidebar-content .product-thumbnail__image {position: absolute; top: 0; left: 0; right: 0; bottom: 0;  max-width: 100%; max-height: 100%; margin: auto;}
.product-thumbnail__quantity{font-size: 0.85714em; font-weight: 500; white-space: nowrap; padding: 0.15em 0.65em; border-radius: 2em; background-color: rgba(153,153,153,0.9); color: #fff; position: absolute; right: -0.75em; top: -0.75em; z-index: 3; }
.product-thumbnail::after{content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 8px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset; z-index: 2;}
.product__description {width: 100%;}
.product__description__name {width: 1em; *width: 100%; min-width: 100%;}
.product__description__name, .product__description__variant, .product__description__property {display: block;}
.order-summary__emphasis {font-weight: 500; color: #4b4b4b;}
.order-summary__small-text {font-size: 0.85714em; color: #969696;}

.section {position: relative; padding-top: 2em;}
.section:first-child {padding-top: 0;}
.boxshadow .content-box {box-shadow: 0 0 0 1px #d9d9d9;}
.content-box:first-child, .content-box-spacing:first-child { margin-top: 0;}
.content-box-row:last-child {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.content-box-row:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.display-table {display: table; table-layout: fixed; width: 100%;}
.display-table .content-box-row {display: table; box-sizing: border-box; width: 100%;}
.content-box-row:first-child {border-top: none;}
.content-box-row {padding: 1.14286em; padding-top: 1.14286em; padding-bottom: 1.14286em; position: relative; border-top: 1px solid #d9d9d9; zoom: 1;}
.content-box-row.pointer label{ cursor:pointer;}
.content-box__row--tight-spacing-vertical {padding-top: 0.85714em; padding-bottom: 0.85714em;}
.review-block {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.review-block__inner {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.review-block-label { color: #4d4d4d; font-weight: 500; padding-right: 1.14286em;  -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.review-block__content {-webkit-flex: 3; -ms-flex: 3; flex: 3; color: #999999; padding-right: 1.14286em;}
.review-block__link {max-width: 10em; font-size: 0.85714em;}
.content-box { border-radius: 4px; background: #fff;}
.display-table .radio__input, .display-table .checkbox__input {display: table-cell;}
.radio__input, .checkbox__input {padding-right: 0.75em; white-space: nowrap;}
.display-table .radio__label, .display-table .checkbox__label {display: table-cell; width: 100%;}
.radio__label, .checkbox__label {cursor: pointer; vertical-align: middle;}
.display-table .radio__label, .display-table .checkbox__label {display: table-cell; width: 100%;}
.display-table .radio__label__primary { display: table-cell; width: 100%;}
.radio__label__accessory {padding-left: 0.75em; white-space: nowrap; text-align: right;}
.display-table .radio__label__accessory {display: table-cell;}
.content-box .field__input {background-color: white; color: #333333;}

.checkout-content .main__footer {padding: 1em 0; border-top: 1px solid #e6e6e6;}
.checkout-content .main__footer ul{ margin:0; list-style:none; padding:0;}
.policy-list__item {float: left; font-size: 0.85714em; margin-right: 1.5em; margin-bottom: 0.5em; }
.policy-list__item a{ color:#555;}

.order-summary-toggle {background: #fafafa; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;  padding: 1.25em 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: left; width: 100%;}
.display-table .order-summary-toggle__inner {display: table; box-sizing: border-box; width: 100%;}
.display-table .order-summary-toggle__icon-wrapper {display: table-cell;}
.order-summary-toggle__icon-wrapper {vertical-align: middle; padding-right: 0.75em; white-space: nowrap;}
.display-table .order-summary-toggle--show .order-summary-toggle__text--show, .display-table .order-summary-toggle--hide .order-summary-toggle__text--hide {display: table-cell; width: 100%;}

.order-summary-toggle__text {color: #1990c6;}
.order-summary-toggle__dropdown {vertical-align: middle; transition: fill 0.2s ease-in-out; fill: #1990c6;}
.order-summary-toggle__text {color: #1990c6; vertical-align: middle; transition: color 0.2s ease-in-out; display: none;}
.order-summary-toggle__total-recap {vertical-align: middle; text-align: right; padding-left: 0.75em; white-space: nowrap;}
.display-table .order-summary-toggle__total-recap {display: table-cell;}
.checkout-content .banner {padding: 1.5em 0; background: transparent; background-size: auto auto; background-size: cover; display: none;}
.section-scrollable .order-summary__scroll-indicator {opacity: 1; -webkit-transform: translateX(-50%) translateY(0) rotateZ(360deg); transform: translateX(-50%) translateY(0) rotateZ(360deg);}
.order-summary__scroll-indicator {
    background-color: rgba(50,50,50,0.85);
    border-radius: 2em;
    bottom: 1.5em;
    color: #fafafa;
    font-size: 0.85714em;
    left: 50%;
    opacity: 0;
    padding: 0.6em 1.2em;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(100%) rotateZ(360deg);
    transform: translateX(-50%) translateY(100%) rotateZ(360deg);
    transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);
    white-space: nowrap;
}
.payment-due__price {font-size: 1.71429em; font-weight: 500; letter-spacing: -0.04em; color: #4b4b4b; line-height: 1em;}

@media (max-width: 999px) {
	.checkout-content .wrap {width: 100%; box-sizing: border-box; padding: 0 1em; margin:0 auto;}
	.checkout-content .banner {display:none;}
	.checkout-content .breadcrumb {display:none }
	.order-summary--transition, .order-summary-is-collapsed {overflow: hidden;}
	.order-summary-is-collapsed {height: 0;}
}
.checkout-content .main .logo {display: block;}
.checkout-content .sidebar {position: relative; }
@media (min-width: 1000px) {
	.checkout-content .wrap {padding: 0 1%; width: 90%; max-width: 88.57143em; margin:0 auto;}
	.order-summary-toggle {display:none}
	.anyflexbox .content .wrap {-webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse }
	.page--logo-main .main .logo {display:block}
	.checkout-content .main {width: 52%; padding-right: 6%; float: left; }
	.checkout-content .sidebar {width: 38%; padding-left: 4%; background-position: left top; float: right; padding-top: 4em;}
	.checkout-content .sidebar::after {left: 0; background-position: left top; box-shadow: 1px 0 0 #e1e1e1 inset;}	
	.page--no-banner .main, .page--no-banner .sidebar {padding-top: 4em;}
	.image-zoom.preloader{background:url(https://hautefacets.s3.amazonaws.com/images/ol-preloader.gif) no-repeat center; width: 100%; text-align: center; vertical-align: middle; min-height: 470px; display: block;}
	.order-summary-section-content {overflow: hidden;}
	.order-summary-section-content:hover{ overflow: auto;}
	
}
@media (min-width: 750px) {
	.step__footer__previous-link, .step__footer__info {float: left;}
	.step__footer__continue-btn {float: right;}	
	.content-size{ font-size:16px}
}
@media (max-width: 749px) {
	.site-header{height: 60px; display: flex}
	.site-header.sticky{ position:fixed; top:0; height:60px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.checkout-content .main {padding-top: 1.5em;}
	.step__footer__previous-link, .step__footer__info {padding-top: 1.5em; text-align: center;}	
	.leftSidebar{ float:none; width:auto; }
	.sidenav{ margin-bottom:0;}
	
}
#signupform-verifycode-image{ margin-bottom:10px;}

/*=========================== Checkout Css eof =============================*/

.address_info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1;  padding: 15px 15px 10px 15px; width: 99%; margin-bottom: 40px;}
.address_info h4 {margin:0 0 15px; font-style: normal; font: 18px/1.55 'Open Sans', Helvetica, Arial, sans-serif; }
.google-map {width: 99%; height: 350px; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.officeimg{ background:#fff; border:1px #ddd solid; padding:5px; float:right;}

.shop-cart { position:relative; line-height: 1;}
#flycart {position: absolute; background: #fff; width: 260px; z-index: 99; top: 40px; color: #000; font-size: 12px; border-radius: 5px; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); right:-10px; text-align:left;}
#flycart  #shopWrap{ border:1px #f16f92 solid;}
#flycart .close {display: table; width: 100%; padding: 4px 4px 0 0;text-align: right;}
#flycart h3.title, #slidingTopContent h3.title {font: normal 12px tahoma, arial; margin: 10px 10px 10px 0; color: #000;}
#flycart .blue-row {background: #333; overflow: hidden; padding: 3px 5px; margin-top: 0px; color: #FFF; clear: both;}
#flycart .cartfooter, #slidingTopContent .cartfooter {background: #f1f1f1; overflow: hidden; padding: 10px;}
#flycart #flycart-content::before {content: ""; position: absolute; right: 7%; top: -5px; margin-top: -4px; border-width: 0px 10px 9px 10px; border-color: transparent transparent #f16f92 transparent; border-style: solid;}
#flycart .price {font-size: 18px; white-space: nowrap; color: #f16f92;}
#flycart .topcartimg{ padding:5px;}

/*======================= Floatin Form Css ===================*/

/* Product Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.product-slider { margin:20px 0;}
.product-slider .slick-prev, .product-slider .slick-next, .product-slider-smlr .slick-prev, .product-slider-smlr .slick-next  { z-index:1; font-size: 18px; top:45%; position:absolute; padding:5px 8px 2px 9px; border-radius: 3px; width:auto;}
.product-slider .slick-prev, .product-slider-smlr .slick-prev{left:0px; }
.product-slider .slick-next, .product-slider-smlr .slick-next {right:0px; }
.product-slider .slick-disabled, .product-slider-smlr .slick-disabled{ opacity: 0.5;}
.product-slider .product-title{width:90%; margin: 0 auto;}

.trending-products .product-item--price .h1{ color:#000000;}
.trending-products a.product-grid-item {width: 90%;  margin: 0 auto;}

.payoption .radio__label{ width:auto;}
.payoption .radio__input{ width:1%;}
.paymode-info{font-size: 11px; padding-left: 30px; display: table-cell; vertical-align: middle; text-align: right; cursor:pointer;}
.unset{cursor:unset; text-decoration: none !important; opacity: .6; pointer-events: none;}

.process-div{ position:fixed; z-index:9999; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.process-div .loader{ position:absolute; top:40%; left:0; right:0; text-align:center; color:#fff;}
.process-div .loader img {background: #000; padding: 20px; border-radius: 4px;}

h2.head{ font-family: 'playfair_displayregular'; font-size:40px; color:#000;}
h3.head{ /*font-family: 'playfair_displayregular';*/ font-size:30px; color:#000; text-transform: uppercase;}

#mainslider .col-sm-3{ padding:0 2px;}
picture img{ width: 100vw;}

.rose-banner-bg{background:url(../images/rose-banner-bg.jpg) no-repeat; background-size:cover; background-position: 33% 0%; display: table; width: 100%; border: 1px #ddd solid;}
.rose-banner-bg h2.head{ margin:100px 0 5px 0; text-transform:uppercase; font-style:italic;}
.rose-banner-bg h2.head span{ display:block; font-size:50px; font-weight:bold; font-style:normal;}
.rose-banner-bg .container{ position:relative;}
.rose-banner-bg .banner-info{ float:left; position: absolute; left: 15%;}
.rose-banner-bg .cj-banner{ float:right; margin-right:150px;}
.rose-banner-bg .info{font-family: 'playfair_displayregular'; font-size:16px; color:#000;}

@media screen and (min-width: 700px) and (max-width: 1150px){
	.rose-banner-bg .banner-info{left: 4%;}
	.rose-banner-bg .cj-banner{ margin-right:0;}
}
@media screen and (min-width: 700px) and (max-width: 859px) {
	.rose-banner-bg h2.head, .rose-banner-bg h2.head span{ font-size:34px;}
}
@media screen and (max-width: 699px) {
	.rose-banner-bg h2.head{ margin-top:0px;}
	.rose-banner-bg .banner-info{ float:none; left: 0%; position:relative; text-align:center;}
	.rose-banner-bg .cj-banner{ margin-right:0; float:none; text-align:center;}
}
/*
.wedoit-icons{background:url("../images/wedoit-icons.jpg");}
.esp-icon{width:130px;height:165px; background-position:0px 0px}
.dd-icon{width:177px;height:165px; background-position:-138px 0px}
.eq-icon{width:132px;height:165px; background-position:-328px 0px}
.fs-icon{width:148px;height:165px; background-position:-480px 0px}
*/
.wedoit-icons{background:url("../images/wedoit-icons.png");}
.esp-icon{width:128px;height:152px; background-position:0px 0px}
.dd-icon{width:140px;height:152px; background-position:-138px 0px}
.eq-icon{width:115px;height:152px; background-position:-278px 0px}
.fs-icon{width:171px;height:152px; background-position:-401px 0px}
@media screen and (max-width: 500px){
	.esp-icon {width: 100px; height: 106px; background-position: 0px 0px; background-size: 400%;}
	.dd-icon {width: 100px; height: 106px; background-position: -94px 0px; background-size: 400%;}
	.eq-icon{width: 100px; height: 102px; background-position: -200px 0px; background-size: 422%;}	
	.fs-icon{width: 100px; height: 102px; background-position: -300px 0px;  background-size: 400%;}	
}


.mystery-banner h2{ font-size:60px; }
.mystery-page .mbox-title{ font-size:16px; color:#f16f92; margin-top:15px; font-weight:600}
.mystery-page .info-text{ font-size:16px; }

.gift-box-container .info-text{font-size:16px; margin:10px 0;}
.gift-box-container a{ color:#000;}
.gift-box-container .disclaimer{ color:#3a7ebd;}

a.btn-primary{ color:#fff !important;}
.btn-primary{ background-color: #f16f92; border-color: #f16f92;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover{ background-color: #784771; border-color: #784771; color:#fff;}
.btn-outline-primary{color: #f16f92; border-color: #f16f92;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:visited, .btn-outline-primary:active:hover{background-color: #f16f92; border-color: #f16f92; color: #fff;}

.faq-content .nav-pills{ border:none;}
.faq-content .nav-pills .nav-link.active, .faq-content .nav-pills .show > .nav-link{ background-color:#f16f92; }
.faq-content .nav-pills > li > a{ position:relative; font-size:16px; color:#f16f92;}
.faq-content .nav-pills li > a.active:before {position: absolute; top: 100%; left: 44%; content: " "; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #f16f92;}
@media screen and (max-width: 769px) {
	h2.head, .rose-banner-bg h2.head, .rose-banner-bg h2.head span{ font-size:24px; }	
	.mystery-banner h2{ font-size:36px; }	
	h1, .h1{ font-size: 1.9rem;}
	.faq-content .tab-content{ padding:15px 0;}
}
@media screen and (max-width: 699px) {
	.faq-content .nav-pills > li > a{ position:relative; font-size:14px;}
}
.red{ color:#990000}
.grey{ color:#555}

.page-sidebar{ background:#f4f4f4; padding:8px 10px; position: sticky; top: 80px;}
.page-sidebar .head{ margin:10px 0; color: #784872; font-size: 16px; font-weight:600;}
.page-sidebar > ul{ padding:0; margin:0;}
.page-sidebar li{ padding:3px 0 3px 5px; position:relative; list-style:none;}
.page-sidebar li a{ color:#333; font-size:14px; display:block; padding:5px 0; }
.page-sidebar li a:hover{ color:#f16f93;}
.page-sidebar li.active a{ color:#f16f93; padding: 5px 10px; transition: 0.20s all cubic-bezier(0.4,0.14,0.3,1);}
.page-sidebar li.active{background:#fff; margin-right: -10px; border: 1px #ddd solid; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); border-right: none;}
.page-sidebar li.companyinfo a{color: #2d7fd3; font-size: 12px; display: inline-block;}
.page-sidebar li.active:before {position: absolute; top: 15px; right: 5px; content: " "; width: 0;  height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #f16f92;}

#appliedFilters {width: 100%; margin-bottom: 10px;}
.selected-filters {padding: 0; margin: 0 0 0 0;}
.selected-filters li {display: inline-flex; margin: 15px 0 0 0;}
.selected-filters li a {border: 1px  #d4d5d9 solid; padding: 5px 10px; border-radius: 20px; font-size: 12px; text-decoration: none; color:#555;}

.pagination-custom li .active {color: #fff; font-weight: bold; background: #6c757d;}
.pagination-custom li a.paging:hover {z-index: 2; color:  #0056b3; text-decoration: none; background-color:  #e9ecef; border-color: #dee2e6;}

.alert{ padding:5px 10px; }
.footer-subscribe .alert{ margin: 10px auto; width: 50%; text-align:center;}
.footer-subscribe .btn-outline-light:hover{ background:#f16f92; color: #fff;}

.mystery-box-desc ul {list-style: disc; padding: 0 30px;}
.mystery-box-desc ul li{padding: 4px 0;}

#viewSimilar{height: 100%; width: 380px; position: fixed; z-index: 1; top: 0; right: 0; background-color: #fff; z-index: 99; display: none; padding: 15px;}
#viewSimilar .closebtn {font-size: 18px; text-decoration: none; color: #999; line-height: 0.5;}
#viewSimilar .product-grid-item h2.product-title{ font-size:12px;}
.viewSimilar-leftCardOverlay{background-color: #000000; opacity: 0.4; z-index: 10039; position: fixed;top: 0; left: 0; bottom: 0; height: 100%; right: 0;}
#viewSimilar .product-grid-image{min-height: 152px;}
.halfcard-leftCard{position: fixed; z-index: 10040; top: 0; right:-380px; background: #fff; overflow: hidden; width:380px; overflow:auto; padding:15px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: right 200ms ease-in;
    -o-transition: right 200ms ease-in;
    -moz-transition: right 200ms ease-in;
    transition: right 200ms ease-in;
    will-change: right;
}

.light16{font-size:16px; line-height:1.4;}

.valentine-container.modal-lg{ width:752px;}
.valentine-container.modal-lg .modal-content{ border-radius:0;}
.valentine-popup{background:url(../images/valentine2020/popupbg.jpg) no-repeat; padding:0; font-size:16px;}
.valentine-popup h3.head{color:#e0207a; font-size: 54px; font-weight: bold; line-height: 1.2;}
.valentine-popup .btn{ background:#e0207a; color:#fff; font-weight: bold; font-size: 18px; text-transform: uppercase; padding: 5px 30px;}
.valentine-popup input.form-control{width: 80%; margin: 0 auto 10px auto; border:#f5c2c1; border-radius: 0; box-shadow: 0 1px 1px rgba(0,0,0,0.3); }
.valentine-popup .price{color:#e0207a; }
.valentine-popup .main-heading{ padding-top:10px; margin-bottom:8px;}
.valentine-popup .close{font-size: 18px; margin: 8px 10px 0 0; color: #000; border: 1px #000 solid; padding: 0px 5px; border-radius: 50%; opacity: 5;}

.subscribe-popup .modal-content{background:#bda297 url(../images/subscribe-popup-bg.jpg) no-repeat; border-radius: 0; min-height: 612px;}
.subscribe-popup .small-text-info{ font-size: 0.8rem;}
.subscribe-popup .form-control{border-radius: 0;}
.subscribe-popup .btn{border-radius: 0;}
@media only screen and (max-width: 990px){
    .subscribe-popup .modal-content{background:#d6c3bd;}         

}

.image-grid-similarColorsCta:hover {border-radius: 42px; width: 140px; text-align: left; padding-left: 10px;}
.product-similarItemCta:hover {border-radius: 40px; width: 132px; }
.product-base .product-similarItemCta {width: 30px; height: 30px; line-height: 26px; font-size: 12px; right: 12px; top: 207px; display: none; z-index: 1; }
.image-grid-similarColorsCta {width: 30px; height: 30px; border-radius: 50%; position: absolute; z-index: 4; color: #000; right: 5px; top: 170px; border: 1px solid #dadade; line-height: 30px; text-align: center; overflow: hidden; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; will-change: contents; background:#fff;}
.product-base .product-similarItemCta > span:first-child { width: 15px; height: 13px;}
.image-grid-iconText {font-weight: 500;color: #2468b3; vertical-align: middle; visibility: hidden; margin-left: 10px;  font-size: 14px; }
.product-similarItemCta > span:nth-child(2) {font-size: 12px; margin-top: 0 !important; margin-left: 6px !important;}
.image-grid-similarColorsCta:hover .image-grid-iconText {visibility: visible; display: inline-block; margin-top: 4px;}
.sprites-similarProductsIcon{ float:left; height: 30px;}

.deal-rg-content{background:url(../images/deal-banners/main-banner.jpg) no-repeat; padding:15px 15px; display:table; width:100%;}
.deal-rg{ background:#e83342; color:#fff; padding:15px; float:right; width:266px; text-align:center;}
.deal-rg h2.head{text-transform: uppercase; color:#fff; margin-bottom: 0px; line-height:1;}
.deal-rg .form-control {color: #000;}
.btn-black{ background:#000; color:#fff; border:none; font-size: 20px; text-transform: uppercase; border-radius: 4px; padding:5px;}
.btn-black:hover{ background:#30181a; }
.deal-rg .invalid-feedback, .deal-rg .required .checkbox{ color:#ccc; margin-top:0px; margin-bottom:5px;}
.deal-rg .invalid-feedback {position:absolute; top:4px; left:-237px; background:#fff; border-radius:3px; color:#f00; padding: 3px 8px; width:222px; text-align:left; }
.deal-rg .invalid-feedback:before{width: 0; height: 0;  border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; content:" "; position: absolute; right: -6px; top: 5px;}
#rc-imageselect .invalid-feedback{ transform:scale(1.3);-webkit-transform:scale(1.3);transform-origin:0 0;-webkit-transform-origin:0 0; left: -308px;}
.deal-rg .has-success label.small{ color:#fff;}
.deal-rg a{ color:#fff;}
.deal-rg .required{ margin-bottom:5px; position:relative;}
.deal-rg .form-control{ height:30px; padding:4px 10px;}
.deal-rg .checkbox{margin-top: -23px;}
#rc-imageselect {transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0;}

/*bof: Customize Jewelry Section*/
.variaton-options .options > ul{ margin:0 ; text-align:left; padding:0;}
.variaton-options .options{ background:#f7f7f7; padding:10px 5px; box-shadow: 0px 1px 0px rgba(0,0,0,0.1); border-radius: 2px; }
.gemslider{ margin:0; text-align:center;}
.gemstonedata {position: absolute; bottom: -32px; left: 0px; right: 0; margin: 0 auto; z-index: 9;}

.gemstonedata ul {list-style: none; margin: 0 auto; max-width: 210px; display: block; padding:0;}
.gemstonedata ul li {width: 30px; padding-top: 30px; position: relative; cursor: pointer; display:inline-block;}
.gemstonedata ul li.active span:before {content: ""; border: 1px solid #fa505a; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px;  z-index: 1; border-radius: 15px;}
.gemstonedata ul li span {display: block; width: 15px; height: 15px; background-image: url(../images/iconset-gemstonetype-color.png); background-repeat: no-repeat; position: relative; font-size: 0; float: left; position: absolute; top: 8px; left: 7px;}
.gemstonedata ul li.pink-sapphire span{background-position: 0 -3px}
.gemstonedata ul li.peridot span{background-position: 0 -23px}
.gemstonedata ul li.opal span{background-position: 0 -43px}
.gemstonedata ul li.morganite span{background-position: 0 -63px}
.gemstonedata ul li.garnet span{background-position: 0 -83px}
.gemstonedata ul li.emerald span, .gemstonedata ul li.zambian-emerald span{background-position: 0 -103px}
.gemstonedata ul li.citrine span{background-position: 0 -123px}
.gemstonedata ul li.blue-topaz,.gemstonedata ul li.swiss-blue-topaz span{background-position: 0 -143px}
.gemstonedata ul li.blue-sapphire span{background-position: 0 -163px}
.gemstonedata ul li.aquamarine span{background-position: 0 -183px}
.gemstonedata ul li.amethyst span{background-position: 0 -203px}
.gemstonedata ul li.tanzanite span{background-position: 0 -223px}
.gemstonedata ul li.ruby span{background-position: 0 -243px}.gemstonedata ul li.pink-tourmaline span{background-position: 0 -263px}
.gemstonedata ul li.carnelian span{background-position: 0 -283px}
.gemstonedata ul li.enhanced-blue-diamond span{background-position: 0 -303px}
.gemstonedata ul li.black-onyx span{background-position: 0 -323px}
.gemstonedata ul li.enhanced-black-diamond span{background-position: 0 -343px}
.gemstonedata ul li.freshwater-cultured-pearl span,.gemstonedata ul li.akoya-cultured-pearl span{background-position: 0 -363px}
.gemstonedata ul li.diamond span{background-position: 0 -383px}
.gemstonedata ul li.moissanite span{background-position: 0 -403px}
.gemstonedata ul li.tsavorite span{background-position: 0 -463px}
.gemstonedata ul li.coffee-diamond span{background-position: 0 -483px}
.gemstonedata ul li.rose-quartz span{background-position: 0 -503px}
.gemstonedata ul li.golden-south-sea-cultured-pearl span{background-position: 0 -443px}
.gemstonedata ul li.south-sea-cultured-pearl span{background-position: 0 -363px}
.gemstonedata ul li.tahitian-cultured-pearl span{background-position: 0 -423px}
.gemstonedata ul li.london-blue-topaz span{background-position: 0 -523px}
.gemstonedata ul li.fire-opal span{background-position: 0 -546px}
.gemstonedata ul li.yellow-sapphire span{background-position: 0 -630px}
.gemstonedata ul li.turquoise span{background-position: 0 -609px}
.gemstonedata ul li.orange-sapphire span{background-position: 0 -567px}
.gemstonedata ul li.rhodolite-garnet span{background-position: 0 -588px}
.gemstonedata ul li.moonstone span{background-position: 0 -651px}
.gemstonedata ul li.black-opal span{background-position: 0 -671px}
.gemstonedata ul li.teal-sapphire span{background-position: 0 -691px}
.gemstonedata ul li.orange-zircon span{background-position: 0 -730px}
.gemstonedata ul li.green-sapphire span,.gemstonedata ul li.green-tourmaline span{background-position: 0 -711px}
.gemstonedata ul li.teal-montana-sapphire span{background-position: 0 -750px}
/*eof: Customize Jewelry Section*/

.variaton-options .variation-label {width: 100%; font-size: 14px; line-height: 16px; margin-bottom: 12px;   /* margin-top: 14px; */}
.variation-stone, .variation-metal, .variation-sizes{display: table; width: 100%; margin-bottom: 15px;}
.variation-sizes ul{ padding-left: 0; margin:0;}
.variaton-options .options .option{width: 100px; display:inline-block;  text-align: center; font-size: 12px; padding: 0 5px 0 0; margin:0;}
.variaton-options .options .option.active .icon {border-color: #fa505a; box-shadow: 0 1px 3px 0 rgba(250,80,90,.2); background: #fff;}
.variaton-options .soldout{cursor: none; pointer-events: none;opacity: .7;}
.variaton-options .sizeslider .soldout span{text-decoration: line-through;}

.variaton-options .options .option .icon {
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    overflow: hidden;
    padding:4px;
    margin: 0 auto;
}
.variaton-options .options .option .label-name {padding-top: 5px; display: flex; justify-content: center; font-size: 11px;}
.sizeslider li{min-width: 30px; height: 30px; font-size: 16px;}
.sizeslider li {
    color: #444546;
    font-size: 1.083em;
    line-height: 2;
    font-weight: 500;
    cursor: pointer;
    background-color: #f5f5f5;
    display: inline-block;
    
    padding: 0px 5px;
    vertical-align: top;
    border: 1px solid #697071;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
}
.sizeslider li:hover{background: #f1f1f1/*28468F*/; color: #000;}
.sizeslider li.active{background: #f16f92; color: #fff; border-color: #784771;}


/***************************** Navigation Icon bof **********************/
.hf-nav .dropdown-menu .gemstone li{ padding-left:22px; }
.hf-nav .dropdown-menu li { position:relative;}
.hf-nav .dropdown-menu li a{ display:inline-block; }
.stone-img {margin-top: 3px;}
.hf-nav .dropdown-menu span.stone-img {
    background: url(../images/iconset-gemstonetype.jpg) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
    background-position: center 0;
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    left: -17px;
    top: -17px;
    pointer-events: none;
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
}
/*Shop By Gems*/

.hf-nav .dropdown-menu span.stone-img.blue-sapphire, .hf-nav .dropdown-menu span.stone-img.sapphire {background-position: center -799px;}
.hf-nav .dropdown-menu span.stone-img.pink-sapphire {background-position: center -550px;}

.hf-nav .dropdown-menu span.stone-img.teal-montana-sapphire {background-position: center -2900px;}
.hf-nav .dropdown-menu span.stone-img.yellow-sapphire {background-position: center -2649px;}
.hf-nav .dropdown-menu span.stone-img.orange-sapphire {background-position: center -2449px;}
.hf-nav .dropdown-menu span.stone-img.emerald {background-position: center -950px;}
.hf-nav .dropdown-menu span.stone-img.ruby {background-position: center -400px;}

.hf-nav .dropdown-menu span.stone-img.opal {background-position: center -450px;}
.hf-nav .dropdown-menu span.stone-img.aquamarine {background-position: center 0;}
.hf-nav .dropdown-menu span.stone-img.tanzanite {background-position: center -1200px}
.hf-nav .dropdown-menu span.stone-img.garnet {background-position: center -1150px}

.hf-nav .dropdown-menu span.stone-img.morganite {background-position: center -1398px;}
.hf-nav .dropdown-menu span.stone-img.amethyst {background-position: center -749px;}
.hf-nav .dropdown-menu span.stone-img.london-blue-topaz {background-position: center -1898px;}
.hf-nav .dropdown-menu span.stone-img.blue-topaz {background-position: center -849px;}
.hf-nav .dropdown-menu span.stone-img.chrome-diopside {background-position: center -1746px;}
.hf-nav .dropdown-menu span.stone-img.kunzite {background-position: center -3054px;}
.hf-nav .dropdown-menu span.stone-img.labradorite{background-position: center -3153px;}

.hf-nav .dropdown-menu span.stone-img.Peridot, .hf-nav .dropdown-menu span.stone-img.peridot {background-position: center -500px;}
.hf-nav .dropdown-menu span.stone-img.swiss-blue-topaz {background-position: center -849px;}

.hf-nav .dropdown-menu span.stone-img.pink-tourmaline {background-position: center -350px;}
.hf-nav .dropdown-menu span.stone-img.citrine {background-position: center -900px;}
.hf-nav .dropdown-menu span.stone-img.black-onyx, .hf-nav .dropdown-menu span.stone-img.onyx {background-position: center -50px;}
.hf-nav .dropdown-menu span.stone-img.fire-opal {background-position: center -2398px;}
.hf-nav .dropdown-menu span.stone-img.moonstone {background-position: center -2348px;}

.hf-nav .dropdown-menu span.stone-img.moissanite {background-position: center -1250px;}
.hf-nav .dropdown-menu span.stone-img.turquoise {background-position: center -2598px;}
.hf-nav .dropdown-menu span.stone-img.rose-quartz {background-position: center -1946px;}
.hf-nav .dropdown-menu span.stone-img.smoky-quartz {background-position: center -3106px;}
.hf-nav .dropdown-menu span.stone-img.tsavorite {background-position: center -1749px;}
.hf-nav .dropdown-menu span.stone-img.rhodolite-garnet {background-position: center -2499px}
.hf-nav .dropdown-menu span.stone-img.spessartite {background-position: center -2549px;}

/*Shop By diamond*/

.hf-nav .dropdown-menu span.stone-img.diamond {background-position: center -150px;}
.hf-nav .dropdown-menu span.stone-img.enhanced-blue-diamond {background-position: center -1000px;}
.hf-nav .dropdown-menu span.stone-img.enhanced-black-diamond {background-position: center -1350px;}
.hf-nav .dropdown-menu span.stone-img.coffee-diamond {background-position: center -1799px;}

/*Shop By pearl*/
.hf-nav .dropdown-menu span.stone-img.freshwater-cultured-pearl {background-position: center -2149px;}
.hf-nav .dropdown-menu span.stone-img.akoya-cultured-pearl {background-position: center -2149px;}
.hf-nav .dropdown-menu span.stone-img.tahitian-cultured-pearl {background-position: center -2250px;}
.hf-nav .dropdown-menu span.stone-img.south-sea-cultured {background-position: center -2199px;}
.hf-nav .dropdown-menu span.stone-img.golden-south-sea {background-position: center -2299px;}

.hf-nav .dropdown-menu span.stone-img.rubellite {background-position: center -3003px;}

/*Shop By style*/

.zodiac-signs li, .collection-icons li{display: flex;}
.zodiac-signs li img, .collection-icons li img{margin-right: 7px;}
.collection-icons li .bfly-icon{ width: 24px; height: 24px;}


.next-prev-thumbs li {position: relative; display: inline-block; margin: 0 1px 0 !important;}
.next-prev-thumbs .nav-dropdown-content{padding: 2px; width: 90px; min-width: 90px;}
.next-prev-thumbs li.has-dropdown:hover > .nav-dropdown-content{opacity: 1; max-height: inherit; left: -15px; }
.nav-dropdown-content {
	position: absolute;
	min-width: 260px;
	max-height: 0;
	z-index: 9;
	padding: 20px 0 20px;
	opacity: 0;
	margin: 0;
	transition: opacity .25s;
	box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
	border: 2px solid #ddd;
	color: #777;
	background-color: #fff;
	text-align: left;
	display: table;
	left: -99999px;
}
.button.is-outline, input[type="submit"].is-outline, input[type="reset"].is-outline, input[type="button"].is-outline {border: 2px solid #c4c4c4; background-color: transparent;}
.button.icon {margin-left: .12em; margin-right: .12em; display: inline-block; padding: 8px 10px; }
.circle {border-radius: 999px !important; object-fit: cover;}
.is-outline:hover{border-color: #784771; background-color: #f16f92;}
.is-outline:hover .left-arrow-icon{background-position:-84px -97px}
.is-outline:hover .right-arrow-icon{background-position:-76px -97px}
.next-prev-thumbs li.disabled > a{cursor: none; pointer-events: none; opacity: .5;}
.next-prev-thumbs li.disabled:hover > .nav-dropdown-content{opacity: 0;}

.xmas-bg{ background:#fff url('../images/xmas-bg.png') repeat-x !important;}
.no-result{ background:url(../images/ja-no-resultbg.jpg) no-repeat center 0;  margin: 0 0 -60px 0; height: 680px;}
.no-result .result-content{ width:750px; text-align:center; float: left; margin: 100px 160px 0 0;}
.no-result .result-content p{ font-size:22px; color:#000;}
.no-result .result-content h2{font-family:"Times New Roman", Times, serif; font-size: 60px; color: #fff;}
.no-result .result-content .btn {background: #000; border-color: #000;}
.no-result .result-content .btn:hover {background: #333; border-color: #000;}
@media (max-width: 990px) {
	.no-result .result-content{ margin: 20px 0px 0 0; width:100%;}
	.no-result .result-content p{ font-size:18px;}
}
/* Basic Style */
.form-group-floating [data-toggle="floatLabel"] + label, .form-group-floating [data-toggle="floatLabel"] + div.error-message + label {
    font-size: 12px;
	left: 12px;
	opacity: 1;
	position: absolute;
	top: 3px;
	transition: all 0.3s ease-in-out;
	color: #555;
}

@media only screen and (min-width: 769px){
	.custom-orders{ background:url(../images/custom-order-bg.jpg) no-repeat -0px -20px/30%; }
}

.hero {background-image: url(../images/ring-sizer-banner.jpg) ; position: relative; height: 300px; overflow: hidden; background-repeat:no-repeat; background-position:center;background-size: cover;}
.hero__title {color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-170%, -50%); font-size: 50px; z-index: 1; text-align:center;}
.hero__title h1{font-size:44px;}
.hero__title h2{font-size:16px;}

.cube {
  position: absolute;
  top: 30vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border-radius:50%;
  border: solid 1px #d975ab;
  /*transform-origin: top left;*/
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-animation: cube 12s ease-in forwards infinite;
          animation: cube 12s ease-in forwards infinite;
}
.cube:nth-child(2n) {border-color: #ed91c3;}
.cube:nth-child(2) {-webkit-animation-delay: 1s; animation-delay: 1s; left: 25vw; top: 20vh;}
.cube:nth-child(3) {-webkit-animation-delay: 2s; animation-delay: 2s; left: 75vw; top: 30vh;}
.cube:nth-child(4) {-webkit-animation-delay: 4s; animation-delay: 4s; left: 90vw; top: 10vh;}
.cube:nth-child(5) {-webkit-animation-delay: 6s; animation-delay: 6s; left: 10vw; top: 35vh;}
.cube:nth-child(6) {-webkit-animation-delay: 7s; animation-delay: 7s; left: 50vw; top: 10vh;}

@-webkit-keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

#backtotop {
  display: inline-block;
  background-color: #f16f92;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 130px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  font-size:24px;
  color:#fff;  
  padding-top:6px;
}
#backtotop:hover{background-color:#784771;}
#backtotop.show {opacity: 1; visibility: visible;}

.birthstone-icons{background: url('../images/birthstone-icons.png') no-repeat; width: 90px; height:90px; display: block; margin: 0 auto;}
.bs-garnet{background-position: 0 0;}
.bs-amethyst{background-position: -100px 0px;}
.bs-aquamarine{background-position: -200px 0px;}
.bs-diamond{background-position: -300px 0px;}
.bs-emerald{background-position: -400px 0px;}
.bs-pearl{background-position: -500px 0px;}
.bs-ruby{background-position: 0px -106px;}
.bs-peridot{background-position: -100px -106px;}
.bs-sapphire{background-position: -200px -106px;}
.bs-opal{background-position: -300px -106px;}
.bs-citrine{background-position: -400px -106px;}
.bs-bluetopaz{background-position: -500px -106px;}

.bs-month{ margin-top: 20px; color: #000;}
.bs-name{font-size: 1.6rem; color: #696969; text-transform: uppercase;}
.bs-link{ display: block}
.bs-link:hover .birthstone-icons {box-shadow: 0px 0px 14px rgba(357,14,99,0.4); border-radius: 50%; border: 2px #fff solid;}

.slick-dots {position: absolute; bottom: -25px;  display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px;  height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button::before {
  font-family: 'slick';
  font-size: 26px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {opacity: .75; color: black;}
.gallery-faqs .accordion-button:not(.collapsed){background-color:transparent; color: #f17496; box-shadow: none;}
.gallery-faqs .faq-answer{font-size: 11px; color: #555; padding-top: 0;}
/*------------------------------ Site Main Menu bof ------------------------------*/
@media only screen and (max-width: 989px) {
  #menu_trigger {height: 22px; width: 30px; display: none;}
  #menu_trigger .menulines {margin-top: 9px; position: relative; display: block;}
  #menu_trigger .menulines, #menu_trigger .menulines:before, #menu_trigger .menulines:after { content: ""; height: 2px; width: 30px; border-radius: 5px; background: #ffffff;}
  #menu_trigger .menulines:before, #menu_trigger .menulines:after {position: absolute; left: 0;}
  #menu_trigger .menulines:before {top: -9px;}
  #menu_trigger .menulines:after {top: 9px;}

  .mobile-menu {display: none; left: 0; right: 0; top: 100%; overflow: hidden;}
  .mobile-menu ul {transition: 350ms all; display: block;}
  .mobile-menu li {margin: 0; font-size: 16px;}
  .mobile-menu li a {color: #ffffff; display: block; position: relative; padding: 15px 20px;}
  .mobile-menu li a:hover {color: #ff5252;}
  .mobile-menu li a .navtrigger {position: absolute; right: 0; top: 0;  bottom: 0; width: 30px; background: #fff; }
  .mobile-menu li a .navtrigger:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 9px;
    width: 9px;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .mobile-menu li .submenu {position: absolute; top: 0; left: -100%; width: 100%;background: #fff;  height: 100%; transition: 350ms all; z-index: 1;}
  .mobile-menu li .submenu li {font-size: 14px;}
  .mobile-menu li .submenu .backmenu-row {position: relative; padding: 15px; padding-left: 40px; background: #fff;  font-size: 16px; line-height: 1; border-bottom: 1px #ddd solid; display: flex;}
  .mobile-menu li .submenu .backmenu-row .back-trigger {padding: 0; position: absolute; left: 0; top: 0; bottom: 0; width: 40px;  display: block; background: #fff; /*border: 1px solid #404040;*/ margin-bottom: 0 !important;}
  .mobile-menu li .submenu .backmenu-row .back-trigger:before {content: ""; position: absolute; top: 50%; left: 50%; height: 9px;  width: 9px; border-right: 1px solid #222; border-bottom: 1px solid #222; transform: translate(-50%, -50%) rotate(135deg);}
  .mobile-menu li .submenu .backmenu-row em {font-style: normal; color: #000; flex: 1 1 0;}
  .mobile-menu li.sub-open > .submenu {left: 0;}
  .hf-nav #mainNavigation .navbar-nav > li .dropdown-menu a.view-link{margin: 0; font-weight: bold; text-decoration: underline; align-self: center;}
  
  .mobile-scroll{overflow: hidden auto; max-height: calc(-160px + 100vh); padding-right: 18px;  padding-bottom: 85px;}
  .hf-nav .dropdown .dropdown-menu .cat-head{ margin:15px 0 10px;}
  .hf-nav .mobile-scroll{ padding-left: 20px;}
  .mobile-menu .submenu a{font-size: 13px !important;}
  .site-header .navbar-toggler:focus{ box-shadow: none;}
  .navigation-backdrop {display:none;position: fixed;width: 100%;height: 100vh; background:rgba(255, 255, 255, 0.3); left: 0; z-index: 98; backdrop-filter: blur(5px);}
  .navigation-backdrop-inset {position: absolute;width: 100%;height: 80px;top: -60px;z-index: 9999;left: 60%;}
   nav.site-menu{z-index: 999;}
   body.hfnavopen{ overflow:hidden;}
}