@charset "utf-8";
/* CSS Document */
/*general colors*/
body,.goods_details .container_box .goods_reviews_list .review_item .review_left .by-text,.goods_details .container_box .goods_reviews_list .review_item .review_left .date-text{color: var(--color_body_text);}
h1,h2,h3,h4,h5,h6, .h1, .h2,a,.goods_details .container_box .review_box h6,.goods_details .container_box .goods_reviews_list .review_item .review_left .name-text,#goods_details_left .left_box h3{color: var(--color_title_text);}
.btn1{width:auto; min-width: 150px; font-size: 14px; text-align: center; padding:10px 15px;border:none;	border-radius:4px;background:var(--color_small_button);color:var(--color_small_button_text);cursor:pointer;	display: inline-block;}
.btn1:hover {background:var(--color_small_button);color:var(--color_small_button_text);text-decoration: none; filter: brightness(0.95);}
.btn2{width:auto; min-width: 150px; font-size: 14px; text-align: center; padding:10px 15px;border:none;	border-radius:4px;background:var(--color_button);color:var(--color_button_text);cursor:pointer;	display: inline-block;}
.btn2:hover {background:var(--color_button);color:var(--color_button_text);text-decoration: none; filter: brightness(0.95);}
.btn{padding:15px 15px;}
#shopcart_content .calculator .checkout button,button.cusbutton {color:rgb(241,241,241);font-size: 14px;width:100%;padding:11px 0;border:none;	border-radius:4px;background:var(--color_button);color:var(--color_button_text);	text-transform:uppercase;	cursor:pointer;	font-family:var(--font_body_family);}
#shopcart_content .calculator .checkout button:hover,#shopcart_content button.cusbutton:hover {background:var(--color_button);color:var(--color_button_text);filter: brightness(0.95);}
#shopcart_content .calculator .checkout button:active,#shopcart_content button.cusbutton:acitve {filter: brightness(0.8);}
a.addtocart_btn{background:var(--color_button);color:var(--color_button_text);}
a.addtocart_btn:hover {background:var(--color_button);color:var(--color_button_text);text-decoration: none; filter: brightness(0.95);}
.goods_details .container_box > h3,#goods_details_left .left_box h3,#main_account_right .right_box h3{border-bottom-color: var(--color_borders);}
/*body*/
.gradient{background: var(--color_body_bg);}

/*top*/
#top_bar{height:40px; background:var(--color_top_bar_bg); line-height:40px; color:var(--color_top_bar_text_link); border-bottom: 1px var(--color_top_bar_border) solid; width: 100%; z-index: 999; overflow: visible; top:0px;}
#top_bar .top_bar_box{width:1200px; margin:auto; height:40px;}
#top_bar .top_bar_box .top_bar_left{width:400px; float:left; line-height:40px; font-weight:bold;}
#top_bar .top_bar_box .top_bar_right{ float:right; height:40px; line-height:40px;}
#top_bar .top_bar_box .top_bar_right ul li{height:40px; line-height:40px; float: left;}
#top_bar .top_bar_box .top_bar_right ul li a{margin:0 5px;}
#top_bar .top_bar_box .top_bar_right ul li a.top{ margin:0px; padding-left:10px; padding-right:10px; height:40px; display:inline-block; color:var(--color_top_bar_text_link); font-weight:bold;}
#top_bar .top_bar_box .top_bar_right ul li a.top i{ font-size: 16px; vertical-align: text-bottom; margin-right: 5px;}
#top_bar .top_bar_box .top_bar_right ul li a:hover{text-decoration: underline;}
#top_bar .top_bar_box .top_bar_right ul li a.shopcart span{color: red;}
#top_bar .top_bar_box .top_bar_right ul li a.account:hover,#top_bar .top_bar_box .top_bar_right ul li a.wishlist:hover,#top_bar .top_bar_box .top_bar_right ul li a.shopcart:hover{}
#top_bar .top_bar_box .top_bar_right ul li.cur{}
#top_bar .top_bar_box .top_bar_right ul li.currency{padding: 0px 10px; font-weight: bold; cursor: pointer; position: relative; z-index: 20;}
#top_bar .top_bar_box .top_bar_right ul li.currency ul{position: absolute; background: #FFF; border: 2px #666 solid; width: 110px; top: 40px; right: -2px; color: #333; display: none;}
#top_bar .top_bar_box .top_bar_right ul li.currency ul li{float: none; padding: 0px; height: auto; line-height: 22px;}
#top_bar .top_bar_box .top_bar_right ul li.currency ul li a{padding:3px 5px; margin:0px; display: block; color: #333; line-height: 22px;}
#top_bar .top_bar_box .top_bar_right ul li.currency ul li a:hover{background: #666; color: #FFF;}

#header_wrapper{background: var(--color_header_background);margin:auto;display: block; padding: 10px 0px;}
#top_main{width:1200px; height:90px; margin:auto; position:relative; z-index: 1;}
#top_main .logo{width:320px; height:90px; float:left; text-align:left; overflow:hidden;}
#top_main .logo img{max-width: 360px; max-height: 90px;}
#top_main .search{width:320px; height:40px;float: right; margin-top:30px; margin-right:20px; overflow:hidden;}
#top_main .search_btn{width:40px; height:40px; border:none; font-size: 16px; cursor:pointer; padding:0px; float:right; background: var(--color_header_cart_search); color: var(--color_header_text);}
#top_main .search_input{width:280px; height:40px; text-indent:10px; padding:1px; border:none; float:left; outline:none; line-height:40px; background: var(--color_header_cart_search); color: var(--color_header_text);}
#top_main a.cart{padding:5px 18px; height:40px; background:var(--color_header_cart_search); line-height:40px; display:inline-block; position:relative; float: right; margin-top:30px;}
#top_main a.cart .cart-text,#top_main a.cart .icon{font-size:18px; display: inline-block; line-height: 22px; margin-right: 5px;}
#top_main a.cart .cart-count{display:inline-block; position: absolute; top: -5px; right: -5px; text-align:center;background-color:#7b7b7b;color:#fff;font-weight:700;font-size:13px;min-width:20px;height:20px;line-height:20px;border-radius:20px}
#top_main a.cart .cart-count.hidden-count{display:none}
#top_main a.cart:hover{text-decoration: none;}
#top_main .mid_con{ float: right; height:70px; padding-top:20px;}
#top_main .mid_con img{margin:0px 6px; float:left;}

#main.index{max-width: 100%;}
.page-width{max-width: var(--page_width); margin: auto;}
.container{max-width: var(--page_width); margin: auto;}

.featured_product .buynum{border-top:1px #CCC solid; border-bottom:1px #CCC solid; overflow: hidden; display: inline-block; float: left;}
.featured_product .buynum .minus,.featured_product .buynum .plus{width:28px; height:28px; border-left:1px #CCC solid; border-right:1px #CCC solid; text-align:center; line-height:28px; background: #f5f5f5; color:#333; padding: 0px; margin: 0px; font-size:14px; font-weight:bold; display:block; float:left;}
.featured_product .buynum input.num{width:50px; height:28px; line-height:28px; padding:0px 5px; margin:0px; border:0px #CCC solid; border-radius:3px; display:block; float:left; text-align:center; line-height:28px; color:#333; font-size:14px; font-weight:bold; text-align:center;}
.featured_product .wishlist{display: inline-block; background: #f5f5f5; border: #ddd solid 1px; padding: 8px 13px; border-radius: 3px; vertical-align: bottom; line-height:18px; margin-right:10px; float:left;}
.featured_product .wishlist a{display:inline-block;width:23px;height:19px;background:url(../images/y.png) no-repeat 0 -262px;opacity:0.7;filter:alpha(opacity=70); vertical-align:middle;}
.featured_product .wishlist a.saved{background:url(../images/y.png) no-repeat 0 -309px;opacity:0.9;filter:alpha(opacity=90);}
.featured_product .wishlist a:hover{opacity:1;filter:alpha(opacity=100);}
.featured_product .wishlist span{display:inline-block;background:#fff;border:#ddd solid 1px;border-radius:2px;padding:1px 8px 1px 5px;color:#666;position:relative;margin-left:10px;}
.featured_product .wishlist span em,.wishlist span i{display:inline-block;position:absolute;width:0;height:0;border-style:solid;}
.featured_product .wishlist span em{left:-12px;top:4px;border-width:6px;border-color:transparent #ddd transparent transparent;}
.featured_product .wishlist span i{left:-10px;top:5px;border-width:5px;border-color:transparent #fff transparent transparent;}
.featured_product .wishlist:hover{background:#eee;border:#cfcfcf solid 1px;}
.featured_product .wishlist.haved{background:#fff;}
.featured_product .product-photo-container{position: relative; z-index: 1;}

.swiper-slide img{max-width: 100%;}
/*============================================================================
  Ajaxiuu Colours
  Add your theme colors in here, or create new styles.
    - If creating new styles, you may have to restyle text, headers and links
==============================================================================*/
/*============================================================================
  Sass Helpers
==============================================================================*/
/*============================================================================
  General Styles
==============================================================================*/
@media screen and (max-width: 480px) {
  body.ajaxiuu-modal--visible {
    overflow: hidden; } }
.ajaxiuuCart-loader {
  display: none;
  opacity: 0;
  position: absolute;
  left: -24px;
  top: 50%;
  margin-top: -8px;
  padding: 0;
  width: 16px;
  height: 16px;
  -webkit-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPYAAP///8zMzPX19enp6d7e3tjY2NnZ2eHh4evr6/f39+zs7NPT09PT09XV1dbW1tjY2ODg4PDw8NHR0eLi4vr6+vr6+vLy8ufn59vb297e3vHx8fT09NfX19DQ0Ofn5+3t7d7e3uTk5Pj4+Obm5s7OzuDg4Orq6uDg4O/v79nZ2c3Nze7u7unp6dDQ0M3Nzfn5+fz8/OPj4+Xl5fz8/OXl5e3t7f39/f39/fHx8fPz8/z8/Pb29u7u7vv7+/X19fj4+Pf39/T09PLy8vHx8fj4+Pb29vv7+/b29uTk5O/v7+/v79ra2tzc3N3d3d/f39jY2NfX1/Ly8uPj49XV1fr6+tTU1Ofn593d3dTU1NHR0evr69vb28/Pz+bm5t/f39bW1vPz8/T09Pn5+fDw8OTk5Ojo6Ovr69zc3Ojo6Nra2tra2tLS0uzs7M/Pz87Ozu3t7czMzOrq6tPT08/Pz9fX1+Li4tXV1c3NzeLi4tLS0tzc3OHh4eXl5QAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA); }
  .flip--is-loading .ajaxiuuCart-loader {
    display: block;
    opacity: 1; }

form[action="/cart/add"]:after,
form[action^="/cart/add"]:after {
  content: "";
  display: table;
  clear: both; }

/*============================================================================
  Ajaxiuu Cart - General
==============================================================================*/
.ajaxiuuCart--content {
  position: relative;
  background-color: #ebebeb;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: hidden; }
  .is-visible .ajaxiuuCart--content {
    -webkit-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -moz-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -ms-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -o-transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .ajaxiuuCart--content form {
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .ajaxiuuCart--content {
      padding-top: 15px;
      padding-bottom: 15px; } }

.ajaxiuuCart--products {
  padding-bottom: 10px;
  margin-bottom: 20px; }

.ajaxiuuCart--product {
  position: relative;
  padding: 10px 0; }
  .ajaxiuuCart--product:first-child {
    padding-top: 0; }

.ajaxiuuCart--product,
.cart-row {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -moz-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -ms-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -o-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  max-height: 500px;
  visibility: visible; }
  .ajaxiuuCart--product.is-removed,
  .cart-row.is-removed {
    overflow: hidden;
    opacity: 0;
    padding: 0;
    margin: -24px 0 0;
    visibility: hidden;
    -webkit-transform: rotateX(-92deg);
    -moz-transform: rotateX(-92deg);
    -ms-transform: rotateX(-92deg);
    -o-transform: rotateX(-92deg);
    transform: rotateX(-92deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    max-height: 0; }

.ajaxiuuCart--row {
  clear: both; }
  .ajaxiuuCart--row:after {
    content: "";
    display: table;
    clear: both; }

.ajaxCart--product-image {
  display: block;
  overflow: hidden;
  margin-bottom: 15px; }
  .ajaxCart--product-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }

/*============================================================================
  #Quantity Selectors
==============================================================================*/
.js-qty, .ajaxiuuCart--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 input[type="text"], .ajaxiuuCart--qty input[type="text"] {
    background: none;
    text-align: center;
    width: 100%;
    padding: 5px 25px;
    margin: 0; }

.js--qty-adjuster, .ajaxiuuCart--qty-adjuster {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  padding: 5px 0;
  width: 20px;
  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; }
  .js--qty-adjuster:hover, .ajaxiuuCart--qty-adjuster:hover {
    background-color: #dedede; }
  .js--qty-adjuster:active, .ajaxiuuCart--qty-adjuster:active {
    background-color: #c5c5c5; }

.js--add, .ajaxiuuCart--add {
  right: 0;
  border-left: 1px solid #dedede; }

.js--minus, .ajaxiuuCart--minus {
  left: 0;
  border-right: 1px solid #dedede; }

/*============================================================================
  #Quantity Selectors in the Ajax Cart
==============================================================================*/
.ajaxiuuCart--qty {
  margin: 0; }
  .ajaxiuuCart--is-loading .ajaxiuuCart--qty {
    opacity: 0.5;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

.ajaxiuuCart--num {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .supports-no-touch .ajaxiuuCart--num {
    border: 1px solid rgba(0, 0, 0, 0); }
  .cart-row:hover .ajaxiuuCart--num, .ajaxiuuCart--product:hover .ajaxiuuCart--num, .supports-touch .ajaxiuuCart--num {
    border-color: #dedede; }

.ajaxiuuCart--qty-adjuster {
  opacity: 0; }
  .cart-row:hover .ajaxiuuCart--qty-adjuster, .ajaxiuuCart--product:hover .ajaxiuuCart--qty-adjuster, .supports-touch .ajaxiuuCart--qty-adjuster {
    opacity: 1;
    -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; }
  .ajaxiuuCart--product:hover .ajaxiuuCart--qty-adjuster:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

/*============================================================================
  Ajaxiuu Flip
==============================================================================*/
.flip {
  display: block;
  float: left;
  position: relative;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  perspective: 600px; }

.flip-front,
.flip-back {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  z-index: 10; }
  .flip-front:focus,
  .flip-back:focus {
    outline: 0 none; }

.flip-front {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0; }
  .is-flipped .flip-front {
    -webkit-transform: rotateX(92deg) translateY(-50%);
    -moz-transform: rotateX(92deg) translateY(-50%);
    -ms-transform: rotateX(92deg) translateY(-50%);
    -o-transform: rotateX(92deg) translateY(-50%);
    transform: rotateX(92deg) translateY(-50%); }

.flip-back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  text-align: center;
  background-color: #464646;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotateX(-90deg) translateY(50%);
  -moz-transform: rotateX(-90deg) translateY(50%);
  -ms-transform: rotateX(-90deg) translateY(50%);
  -o-transform: rotateX(-90deg) translateY(50%);
  transform: rotateX(-90deg) translateY(50%);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  .is-flipped .flip-back {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); }

.flip.no-transforms .flip-back {
  display: none; }
.flip.no-transforms.is-flipped .flip-back {
  display: block; }

.flip-extra {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  padding: 4px 0;
  overflow: visible;
  width: 0;
  white-space: nowrap;
  z-index: 5;
  line-height: 34px;
  -webkit-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -moz-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -ms-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -o-transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  transition: opacity 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .is-flipped + .flip-extra {
    opacity: 1;
    visibility: visible;
    width: auto;
    padding-left: 10px;
    -webkit-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms;
    -moz-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms;
    -ms-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms;
    -o-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms;
    transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 750ms; }

.flip-cart {
  display: inline-block;
  padding: 0 8px; }

.flip-checkout {
  margin: 0; }

/*============================================================================
  Ajaxiuu Modal
==============================================================================*/
.ajaxiuu-modal {
  position: absolute;
  top: 170px;
  left: -200%;
  margin-left: -500px;
  width: 100%;
  max-width: 760px;
  height: auto;
  z-index: 99999999;
  visibility: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
  -moz-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
  -ms-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
  -o-transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
  transition: left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; }
  @media only screen and (max-height: 645px) {
    .ajaxiuu-modal {
      top: 70px; } }
  @media screen and (max-width: 768px) {
    .ajaxiuu-modal {
      max-width: 90%; } }
  @media screen and (max-width: 480px) {
    .ajaxiuu-modal {
      position: fixed;
      top: 0;
      bottom: 0;
      margin: 0 !important;
      max-height: none;
      max-width: none; } }
  .ajaxiuu-modal .ajaxiuuCart--content {
    padding-left: 24px;
    padding-right: 24px; }
    @media screen and (max-width: 768px) {
      .ajaxiuu-modal .ajaxiuuCart--content {
        padding-left: 15px;
        padding-right: 15px; } }
    @media screen and (max-width: 480px) {
      .ajaxiuu-modal .ajaxiuuCart--content {
        padding-bottom: 60px;
        min-height: 100%; } }
  .ajaxiuu-modal.is-visible {
    visibility: visible;
    left: 50%;
    -webkit-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
    -moz-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
    -ms-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
    -o-transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out;
    transition: left 0s linear, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out; }
    @media screen and (min-width: 769px) {
      .ajaxiuu-modal.is-visible {
        box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.25); } }
    @media screen and (max-width: 480px) {
      .ajaxiuu-modal.is-visible {
        left: 0; } }
  .ajaxiuu-modal .ajaxiuuCart--row > div {
    padding-left: 20px; }
    .ajaxiuu-modal .ajaxiuuCart--row > div:first-child {
      padding-left: 0; }
  .ajaxiuu-modal .ajaxiuuCart--product {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .ajaxiuu-modal .update-cart {
    display: none !important; }
  .ajaxiuu-modal.no-transforms {
    border: 1px solid #dedede; }

#ajaxiuuCart-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 99999998;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  background-color: #d3d3d3; }

@media screen and (min-width: 481px) {
  .is-visible ~ #ajaxiuuCart-overlay {
    visibility: visible;
    -webkit-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -moz-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -ms-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    -o-transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    opacity: 0.8; }
    .lt-ie9 .is-visible ~ #ajaxiuuCart-overlay {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }
.ajaxiuu-modal .ajaxiuuCart--content {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0; }

.ajaxiuu-modal.is-visible .ajaxiuuCart--content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

@media screen and (max-width: 768px) {
  .ajaxiuu-modal input[type="text"] {
    border-color: #dedede; }
  .ajaxiuu-modal .ajaxiuuCart--qty-adjuster {
    opacity: 1; } }

/*============================================================================
  Ajaxiuu Drawer
==============================================================================*/
.ajaxiuu-drawer {
  height: 0px;
  overflow: hidden;
  border-bottom: 0px solid transparent;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -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); }
  .ajaxiuu-drawer.is-visible {
    -webkit-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95);
    -moz-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95);
    -ms-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95);
    -o-transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95);
    transition: all 550ms cubic-bezier(0.47, 0, 0, 0.95);
    border-bottom: 1px solid #dedede; }
  .ajaxiuu-drawer .update-cart {
    display: none !important; }
  .ajaxiuu-drawer .ajaxiuuCart--content {
    margin: 0 auto;
    opacity: 0;
    overflow: hidden;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg); }
  .ajaxiuu-drawer.is-visible .ajaxiuuCart--content {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); }

.ajaxiuuDrawer-caret {
  position: relative;
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .ajaxiuuDrawer-caret {
      display: none; } }
  .is-visible + .ajaxiuuDrawer-caret {
    opacity: 1;
    overflow: visible; }
  .ajaxiuuDrawer-caret > span {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ebebeb;
    margin-left: -6px;
    opacity: 0;
    -webkit-transform: translate(0, -12px);
    -moz-transform: translate(0, -12px);
    -ms-transform: translate(0, -12px);
    -o-transform: translate(0, -12px);
    transform: translate(0, -12px);
    -webkit-transition: all 0.25s ease-in-out 0.2s;
    -moz-transition: all 0.25s ease-in-out 0.2s;
    -ms-transition: all 0.25s ease-in-out 0.2s;
    -o-transition: all 0.25s ease-in-out 0.2s;
    transition: all 0.25s ease-in-out 0.2s; }
  .is-visible + .ajaxiuuDrawer-caret > span {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }

.sprite, .ajaxiuuCart--add, .ajaxiuuCart--minus, .ajaxiuuCart--close {
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0; }

.ajaxiuuCart--add {
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY1NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEY2NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyOEE0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RjQ0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VbCy4AAAAWklEQVR42mJsampigAIeIH4GZUsB8RcQg4UBAUACvEhsBpgCkE5GKA0DklBF/0EKXgExJwMqgFn1nYmBAACZIIZkBbojwVbAHPQZSeNzZBOQvfkZiQ3WCBBgALZlEm83dptmAAAAAElFTkSuQmCC); }

.ajaxiuuCart--minus {
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEZENDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZFNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0RkI0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RkM0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MzbYiAAAALElEQVR42mL6//8/Az7MxEAAEFTA2NTU9A1Ic+KQ/07YBJBDKHIDQQUAAQYAbksecMSS2doAAAAASUVORK5CYII=); }

.ajaxiuuCart--close {
  position: absolute;
  top: 24px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  border: 0 none;
  width: 30px;
  height: 25px;
  cursor: pointer;
  background-color: transparent;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMzRUY2REVBNDY1QjExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMzRUY2REVCNDY1QjExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzNFRjZERTg0NjVCMTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzNFRjZERTk0NjVCMTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sdZ8fAAAAp0lEQVR42nSPQQ6CMBBFx4ZEj+DSY8BGt9SVwRP1QBDdULeygaN4BFzpn+Q3mZCW5DFk/uvQ2YUQfiIygYuUnzc4O7wW/QCxIEbmi8oNG23mgO03js0reDF4gCNry77mUpkpHvSgo7QHA7gnwW1+q8FKcbViTtbJB/Bl7Uty5BWe4MTa2aWTPJplbuDDmpYe04IzqBn4zbU8J2udHcUpI9oDmtd/AQYAX20mtnhTCxQAAAAASUVORK5CYII=);
  z-index: 999999999;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -moz-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -ms-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -o-transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .is-visible .ajaxiuuCart--close {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms;
    -moz-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms;
    -ms-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms;
    -o-transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms;
    transition: opacity 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95) 200ms; }
  .ajaxiuuCart--close:hover {
    opacity: 1; }
  @media screen and (max-width: 768px) {
    .ajaxiuuCart--close {
      top: 15px;
      right: 8px; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ajaxiuuCart--add {
    background-size: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFODI2Mjg4NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFODI2Mjg5NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyODY0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4MjYyODc0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Q1IXcAAAAL0lEQVR42mJsampiwAH+o/EZsSliYqAQjBrAwMCCJbSJjZXhFAaMoylxgA0ACDAAufIFqTR3duwAAAAASUVORK5CYII=); }

  .ajaxiuuCart--minus {
    background-size: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY5NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZBNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0Rjc0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0Rjg0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54TqQaAAAAKElEQVR42mL8//8/AyWAiYFCMGoAAwNLc3Pz/xEeBoyjKXEQGAAQYABVgwijPO94YQAAAABJRU5ErkJggg==); } }


/*nav*/
#nav{height:40px; margin:auto; display: block; background:var(--color_nav_bg); top: 0px; z-index: 999; width: 100%;}
#nav ul.nav_box{width:1200px; height:40px; line-height:40px; margin:auto;}
#nav ul.nav_box li.item{height:40px; line-height:40px; float:left; position: relative; z-index: 12;}
#nav ul.nav_box li.item a{padding:0px 8px; height:40px; line-height:40px; display:inline-block; font-size:12px; color:var(--color_nav_text); font-family:var(--font_body_family);}
#nav ul.nav_box li.item a.first:hover{color:#333;}
#nav ul.nav_box li.item.cur{background:var(--color_nav_hover_background);}
#nav ul.nav_box li.item.cur a.first{color:#FFF;}
#nav ul.nav_box li.dailynew{width:85px;}
#nav ul.nav_box li.item ul.sub_box{width:320px; padding:10px; border:3px var(--color_nav_hover_background) solid; position:absolute; z-index:10; background:#FFF; margin-top:-2px; overflow:hidden; display:none; left: 0px; top:40px;}
#nav ul.nav_box li.item ul.sub_box li{width:260px; height:25px; line-height:25px; float:left;}
#nav ul.nav_box li.item ul.sub_box li a{padding:0px; height:25px; line-height:25px; color:#666; font-size:12px; font-weight:normal;}
#nav ul.nav_box li.item ul.sub_box li a:hover{color:#333;}
#nav ul.nav_box li.item ul.sub_box li.cur{background:none;}
#nav ul.nav_box li.item ul.mini_sub_box{width:260px; padding:10px; border:3px var(--color_nav_hover_background) solid; position:absolute; z-index:10; background:#FFF; margin-top:-2px; overflow:hidden; display:none; left: 0px; top:40px;}
#nav ul.nav_box li.item ul.mini_sub_box li{width:260px; height:25px; line-height:25px; float:left;}
#nav ul.nav_box li.item ul.mini_sub_box li a{padding:0px; height:25px; line-height:25px; color:#666; font-size:12px; font-weight:normal;}
#nav ul.nav_box li.item ul.mini_sub_box li a:hover{color:#333;}
#nav ul.nav_box li.item ul.mini_sub_box li.cur{background:none;}
#nav ul.date_sub_box{width:90px; padding:10px; border:3px #666 solid; position:absolute; z-index:10; background:#FFF; margin-top:-2px; overflow:hidden; display:none; left: 0px; top:40px;}
#nav ul.date_sub_box li{width:90px; height:25px; line-height:25px; float:left;}
#nav ul.date_sub_box li a{padding:0px; height:25px; line-height:25px; color:#666; font-size:12px; font-weight:normal;}
#nav ul.date_sub_box li a:hover{color:#333;}
#nav ul.date_sub_box li.cur{background:none;}
.mobileNavBar-link .cart-count{display:inline-block;text-align:center;background-color:#7b7b7b;color:#fff;font-weight:700;font-size:13px;min-width:20px;height:20px;line-height:20px;border-radius:20px}
.mobileNavBar-link .cart-count.hidden-count{display:none}

#nav ul.nav_box li.top_allcategories{background:none; height:50px; float:left; z-index: 11; margin-top: -10px;}
#nav ul.nav_box li.top_allcategories_hide .top_allcategories_catecon{display:none;}
.top_allcategories{position:relative;}
.top_allcategories_top{width:220px; height:50px; line-height:40px; padding-top: 10px; text-indent:14px; font-size:16px; background:var(--color_nav_hover_background); color:#FFF;}
.top_allcategories_catecon{width:220px; border:0px #CCC solid; border-top:0px; box-shadow:0px 1px 3px 2px  rgba(0,0,0,0.2); position:absolute; background:#FFF;}
#nav ul.nav_box li.top_allcategories:before{
	transform: rotate(45deg);
    background: var(--color_nav_bg);
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    right: -7px;
    top: 3px;
	z-index:-1;
}
#nav #catebox{background:#fff;padding-bottom:10px;}
#nav #catebox li{border-top:1px solid #fff;border-bottom:1px solid #ececec;height:30px;line-height:30px;text-indent:10px;width:220px;position:relative;font-size:13px;}
#nav #catebox > li > a{display:block;}

#nav #catebox li a.catea{color:#222}
#nav #catebox li.nobor{border:0;}
#nav #catebox li.hover{border-top:2px solid #CCC;border-bottom:2px solid #CCC; top:-1px;}
#nav #catebox li a:hover{color:#BD0E12;}
#nav #catebox li dl{display:none;position:absolute;left:220px;top:-2px; min-height: 100px; z-index: 999;background:#fff;border:2px solid #CCC;width:524px;padding:0px 10px;}
#nav #catebox li dl dt{min-height:30px;line-height:30px;text-align:left;font-size:12px; text-indent:0px; width:150px; float:left;}
#nav #catebox li dl dt a{color:#333;}
#nav #catebox li dl dd{width:350px;float:left; min-height:30px; line-height:30px; padding-left:9px; text-indent:0px;overflow:hidden;font-weight:normal;border-left:1px solid #CCC;}
#nav #catebox li.hover dl{display:block;}
#nav #catebox li .clear1{overflow:hidden; height:0px; margin-top:-1px; clear:both; width:100%;}
#nav #catebox li dl .twobox{display:block;border-top: 1px solid #ccc;}
#nav #catebox li dl .notop{display:block;border-top:0px;}

#nav #catebox li dl a{color:#333;}
#nav #catebox li dl dd a{margin-right:5px;}
#nav #catebox li p{height:26px;width:30px;background:#fff;position:absolute;right:-8px;top:0;display:none; z-index: 9999999}
#nav #catebox li.hover p{display:block}

.helpbox,.popularbox{margin:auto; padding-bottom:20px;}
dl.help_dl,dl.popular_dl {}
dl.help_dl dt,dl.popular_dl dt {font-weight: bold; font-size:16px; height:30px; line-height:30px; text-align:left;}
dl.help_dl dd a,dl.popular_dl dd a {color:var(--color_footer_text_links);display: block; line-height: 17px; text-align:left; padding:5px 0px;}
dl.popular_dl dd a {display: inline-block;}
.bom_social{max-width: 100%; margin: auto;}
.bom_social li{line-height:32px; font-weight:bold; padding-right:5px;}
.bom_social li a{min-width:32px; text-decoration: none; height:32px; text-align: center; margin-right:3px; display:inline-block; font-size: 20px; color:var(--color_footer_social_media);}
.bom_social li a.facebook:hover{background-position:0px 0px;}
.bom_social li a.facebook:hover{background-position:0px -41px;color:#427eed;}
.bom_social li a.twitter{background-position:-42px 0px;}
.bom_social li a.twitter:hover{background-position:-42px -41px;color:#427eed;}
.bom_social li a.youtube{background-position:-84px 0px;}
.bom_social li a.youtube:hover{background-position:-84px -41px;color:#da0f0f;}
.bom_social li a.pinterest{background-position:-124px 0px;}
.bom_social li a.pinterest:hover{background-position:-124px -41px;color:#fd2775;}
.bom_social li a.instagram{background-position:-165px 0px;}
.bom_social li a.instagram:hover{background-position:-165px -41px;color:#914949;}
.bom_social li a.tumblr:hover{color:#310da8;}
.bom_social li a.vimeo:hover{color:#1ea9e9;}

@media (max-width: 575.98px) {
    dl.help_dl{max-width: 100%; flex: 0 0 100%;}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
    dl.help_dl{max-width: 50%; flex: 0 0 50%;}
}

@media screen and (max-width: 480px){body{padding-top:50px}}
.nav-bar {top:50px;bottom:0;left:0;background-color:#000}
.nav-bar a,.nav-bar button {color:#fff}
.nav-bar a:active,.nav-bar a:focus,.nav-bar button:active,.nav-bar button:focus {opacity:0.9}
.site-nav {display:none;margin:0;text-align:left;margin-left:-15px;font-family:var(--font_body_family);font-weight:700;font-size:14px;text-transform:uppercase;cursor:default}
.site-nav li {margin:0;display:block;position:relative}
.site-nav>li {display:inline-block}
.site-nav a,.site-nav button {display:block;text-decoration:none;padding:15px;white-space:nowrap}
.site-nav button {background:none;border:0;font-size:14px;text-transform:uppercase}
.site-nav .customer-navlink {color:#fff;background-color:#262626;border-bottom:0;border-top:1px solid #0d0d0d;margin-top:-1px}
@media screen and (max-width:480px) {.show-nav{bottom:0;right:0}
.show-nav,.show-nav body {height:100%;overflow:hidden}
}
@media screen and (max-width:768px) {.show-nav {position:fixed;overflow:hidden;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 {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}
.nav-bar .search-bar input[type="search"]::-webkit-input-placeholder {color:#fff}
.nav-bar .search-bar input::-webkit-input-placeholder {color:#fff}
.nav-bar .search-bar .search-bar--submit .icon {color:#fff}
}
@media screen and (min-width:481px) and (max-width:768px) {.show-nav {top:50px;bottom:0;right:0}
}
.mobile-nav{background: var(--color_nav_bg); top: 49px; position: fixed; z-index: 9999999999; max-height: 100%; overflow-y: auto; padding-bottom: 50px;}
@media screen and (min-width:769px) {.nav-bar .search-bar {display:none}
.site-nav {display:block}
.mobile-nav {display:none}
}
@media screen and (max-width:769px) {.mobile-nav {right:100%}
                                     
}
.icon-arrow-down {position:relative;top:-2px;font-size:12px}
.mobile-nav--dropdown .icon-arrow-down {-ms-transform:none;-webkit-transform:none;transform:none}
.mobile-nav--has-dropdown .icon-arrow-down {top:0}
.site-nav--dropdown .icon-arrow-down {display:inline-block;line-height:1;top:0;width:800px}
.site-nav--dropdown,.site-nav--dropdown-grandchild {position:absolute;top:100%;left:0;border:1px solid #dedede;background-color:#ebebeb;opacity:0;pointer-events:none;z-index:20;margin:0}
.site-nav--dropdown--more .site-nav--dropdown,.site-nav--dropdown--more .site-nav--dropdown-grandchild {top:-1px;left:auto;right:100%}
.no-touch .site-nav--has-dropdown:hover>.site-nav--dropdown,.site-nav--has-dropdown.nav-hover>.site-nav--dropdown,.nav-focus+.site-nav--dropdown,.nav-hover>.site-nav--dropdown,.no-touch .site-nav--has-dropdown:hover>.site-nav--dropdown-grandchild,.site-nav--has-dropdown.nav-hover>.site-nav--dropdown-grandchild,.nav-focus+.site-nav--dropdown-grandchild,.nav-hover>.site-nav--dropdown-grandchild {opacity:1;box-shadow:0 5px 40px rgba(0,0,0,0.05);pointer-events:initial}
.site-nav--dropdown a,.site-nav--dropdown-grandchild a {color:#1d1918;text-transform:none;padding:10px 45px 10px 15px}
.site-nav--dropdown a:hover,.site-nav--dropdown a:active,.site-nav--dropdown a:focus,.site-nav--dropdown-grandchild a:hover,.site-nav--dropdown-grandchild a:active,.site-nav--dropdown-grandchild a:focus {color:#010101}
.site-nav--dropdown a:focus,.site-nav--dropdown-grandchild a:focus {background-color:#dedede}
.site-nav--dropdown-grandchild {top:-1px;left:100%}
.site-nav--dropdown-grandchild.nav-outside {left:-100%}
.mobile-nav {width: 100%;text-align:center;border-top:1px solid #1a1a1a;margin:0;font-family:var(--font_body_family);font-weight:700;font-size:14px;text-transform:uppercase;cursor:default}
.mobile-nav ul{width: 100%;}
.mobile-nav li {border-bottom:1px solid #333;-webkit-tap-highlight-color:rgba(255,255,255,0.2);margin:0}
.mobile-nav li.mobile-nav--has-dropdown.nav-active a {background-color:var(--color_nav_hover_background);}
.mobile-nav li.mobile-nav--has-dropdown-grandchild.nav-active a {background-color:#404040}
.mobile-nav li form{margin: 10px 0px;}
.mobile-nav a {display:block;text-decoration:none;padding:15px;white-space:nowrap;color:var(--color_nav_text);}
.mobile-nav .icon{font-size: 20px; vertical-align: middle;}
.mobile-nav--dropdown,.mobile-nav--dropdown-grandchild {display:none;margin:0}
.mobile-nav--dropdown>li,.mobile-nav--dropdown-grandchild>li {float:none;width:100%;border:none;text-transform:none;border-top:1px solid #0d0d0d}
.nav-active>.mobile-nav--dropdown,.nav-active>.mobile-nav--dropdown-grandchild {display:block}
#mobileNavBar {display:none;width:100%;background-color:var(--color_nav_bg);}
#mobileNavBar:after {content:"";display:table;clear:both}
#mobileNavBar .display-table-cell {padding:0 15px}
#mobileNavBar .cart-toggle {text-align:right}
#mobileNavBar .user-cart select{display: inline-block; margin-right: 10px;
  height: 29px;
   border: 1px #FFF solid;
   border-radius: 5px;
  background: var(--color_nav_hover_background);
  color: var(--color_nav_text);
  appearance: auto;
  padding-right: 0px;
  }
@media screen and (max-width:480px) {#mobileNavBar {position:fixed;top:0;left:0;right:0}
                                     #top_bar,#nav{display: none;}
                                     #top_main,#top_main .logo{width: 100%; text-align: center;}
                                     #top_main .search,#top_main .mid_con,#top_main a.cart{display: none;}
}
@media screen and (max-width:768px) {#mobileNavBar {display:table;height:50px;z-index:999}
.show-nav #mobileNavBar {position:fixed;left:0;top:0}
.show-nav .mobile-nav{right:0px;}
#top_bar,#nav{display: none;}
#top_main,#top_main .logo{width: 100%; text-align: center;}
#top_main .search,#top_main .mid_con,#top_main a.cart{display: none;}
}
.mobileNavBar-link {display:inline-block;padding:10px 0;color:var(--color_nav_text);cursor:pointer;border:0;background:none}
.mobileNavBar-link:hover,.mobileNavBar-link:focus {color:var(--color_nav_text);}
.mobileNavBar-link .icon {font-size:19px;margin-right:10px}
.mobileNavBar-link .icon-cart:before,.mobileNavBar-link .icon-user:before{vertical-align: middle;}
.mobileNavBar-link.menu-toggle .icon {font-size:12px;margin-right:10px}
.mobileNavBar-link.menu-toggle .lt-ie9 {background-image:none;padding-left:0}
.user-cart {text-align:right}

@media screen and (max-width:1199.98px) {
    #nav,#nav ul.nav_box,#top_main,#top_bar .top_bar_box,#copyright .copyright{width: 100%;}
    #top_main .search{width: 220px;}
    #top_main .search_input{width: 180px;}
    #top_bar .top_bar_box{padding: 0px 15px;}
    #top_bar .top_bar_box .top_bar_left{width: 300px;}
    #header_wrapper{padding: 10px;}
}

.popsearchbox{padding: 5px; position: relative; text-align: left;}
.popsearchbox .search_input{ width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);}
.popsearchbox .search_btn{width: 50px; height:30px; padding: 3px; text-align: center; font-size: 25px; position: absolute; top:15px; right: 5px;}
#copyright{border-top: 1px solid var(--color_footer_border_top); background: var(--color_footer_background); color:var(--color_footer_text_links)}
#copyright .copyright{color: var(--color_footer_text_links);}
/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #dedede;
  border-width: 1px 0 0;
  margin: 0 0 30px;
  height: 0; }
  hr.hr--small {
    margin: 15px 0; }
  hr.hr--clear {
    border-top-color: transparent; }
  footer hr {
    border-top-color: black; }
  @media screen and (min-width: 769px) {
    hr.hr--offset-left {
      margin-left: -30px; } }
/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 12px;
  line-height: 1.6;
  font-family: var(--font_body_family); font-style: var(--font_body_style); font-weight: var(--font_body_weight);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }
.section-header{margin-bottom: 20px; display: table; width: 100%;}
h1, .h1, #shopiuu-product-reviews .spr-header-title, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    display: block;
    margin: 0 0 0.5em;
    line-height: 1.4;
    font-family: var(--font_heading_family); font-style: var(--font_heading_style); font-weight: var(--font_heading_weight);
}
#user_content .bigtitle, .index_floor .floor_title span{
  font-family: var(--font_heading_family); font-style: var(--font_heading_style); font-weight: var(--font_heading_weight);
}
h1, #shopiuu-product-reviews .spr-header-title {
  font-size: 1.733em;
  margin-bottom: 10px; }
h1{
   }

h2, .h2 {
  font-size: 1.333em; }

h3, .h3 {
  font-size: 1.133em; }

h4, .h4 {
  font-size: 1.067em; }

h5, .h5 {
  font-size: 1em; }

h6, .h6 {
  font-size: 1em; }

  p {
    margin: 0 0 0px 0; }
    p img {
      margin: 0; }
  
  em {
    font-style: italic; }
  
  b, strong {
    font-weight: bold; }
  
  small {
    font-size: 80%; }
  
  sup, sub {
    position: relative;
    font-size: 60%;
    vertical-align: baseline; }
  
  sup {
    top: -0.5em; }
  
  sub {
    bottom: -0.5em; }
  
  .text-light, s {
    color: #858585; }/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 30px; }


input,
textarea,
select,
fieldset {
  border-radius: 2px;
  max-width: 100%; }
  input.input-full,
  textarea.input-full,
  select.input-full,
  fieldset.input-full {
    width: 100%; }

/*============================================================================
  #Links and Buttons
==============================================================================*/
a {
  text-decoration: none;
  background: transparent; }


button {
  overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }
.visually-hidden{display: none !important;}
.btn, .btn-secondary,
input.btn-secondary, .header-cart-btn {
  display: inline-block;
  padding: 8px 20px;
  margin: 0;
  line-height: 1.42;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  font-family: var(--font_body_family);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  -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;
  /*================ Set primary button colors - can override later ================*/
  background-color: #1d1918;
  color: white; }
  .btn.btn--small, .btn--small.btn-secondary, input.btn--small[type="submit"], .btn--small.header-cart-btn {
    padding: 8px 12px 7px;
    font-size: 12px; }
  .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .btn--wide.header-cart-btn {
    min-width: 40%; }
    @media screen and (max-width: 768px) {
      .btn.btn--wide, .btn--wide.btn-secondary, input.btn--wide[type="submit"], .btn--wide.header-cart-btn {
        width: 100%; } }
  .btn.btn--full, .btn--full.btn-secondary, input.btn--full[type="submit"], .btn--full.header-cart-btn {
    width: 100%; }
  .btn:hover, .btn-secondary:hover, .header-cart-btn:hover {
    background-color: #0f0d0c;
    color: white;
    -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; }
  .btn:active, .btn-secondary:active, .header-cart-btn:active {
    background-color: #010101;
    color: white; }
  .btn[disabled], [disabled].btn-secondary, input[disabled][type="submit"], [disabled].header-cart-btn, .btn.disabled, .disabled.btn-secondary, input.disabled[type="submit"], .disabled.header-cart-btn {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }

.btn-secondary,
input.btn-secondary {
  background-color: white;
  color: #858585; }
  .btn-secondary:hover,
  input.btn-secondary:hover {
    background-color: #f2f2f2;
    color: #858585; }
  .btn-secondary:active,
  input.btn-secondary:active {
    background-color: #e6e6e6;
    color: #858585; }
/*================ Section Headers ================*/
.section-header {
    margin-bottom: 20px; }
  
  .section-header--title {
    margin-bottom: 12px; }
  
  /*@media screen and (min-width: 769px) {*/
    .section-header {
      display: table;
      width: 100%; }
  
    .section-header--left {
      display: table-cell;
      vertical-align: middle;
      margin-bottom: 0; }
      .section-header--left h1, .section-header--left .h1, .section-header--left #shopiuu-product-reviews .spr-header-title, #shopiuu-product-reviews .section-header--left .spr-header-title, .section-header--left h2, .section-header--left .h2, .section-header--left h3, .section-header--left .h3, .section-header--left h4, .section-header--left .h4,
      .section-header--left .h1, .section-header--left .h2, .section-header--left .h3, .section-header--left .h4 {
        margin-bottom: 0; }
  
    .section-header--right {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      width: 335px; } /*}*/
    @media screen and (min-width: 769px) and (max-width: 768px) {
      .section-header--right {
        margin-bottom: 30px; } }
  
  @media screen and (max-width: 768px) {
    .index-section .section-header {
      display: table;
      width: 100%; }
  
    .index-section .section-header--left {
      display: table-cell;
      vertical-align: middle;
      margin-bottom: 0; }
      .index-section .section-header--left h1, .index-section .section-header--left .h1, .index-section .section-header--left #shopiuu-product-reviews .spr-header-title, #shopiuu-product-reviews .index-section .section-header--left .spr-header-title, .index-section .section-header--left h2, .index-section .section-header--left .h2, .index-section .section-header--left h3, .index-section .section-header--left .h3, .index-section .section-header--left h4, .index-section .section-header--left .h4,
      .index-section .section-header--left .h1, .index-section .section-header--left .h2, .index-section .section-header--left .h3, .index-section .section-header--left .h4 {
        margin-bottom: 0; }
  
    .index-section .section-header--right {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      width: 65px; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .index-section .section-header--right {
        margin-bottom: 30px; } }
  
  .section-header--right .form-horizontal {
    display: inline-block;
    vertical-align: middle; }
  @media screen and (min-width: 481px) {
    .section-header--right label + select,
    .section-header--right .collection-view {
      margin-left: 15px; } }
  
  .collection-view {
    display: none;
    border: 1px solid #dedede;
    border-radius: 2px;
    padding: 11px;
    height: 39px;
    vertical-align: middle;
    /*================ We use SVG icons, so simply hide this in oldIE ================*/
    /*================ Only show on larger screens ================*/ }
    .lt-ie9 .collection-view {
      display: none; }
    @media screen and (min-width: 769px) {
      .collection-view {
        display: inline-block; } }
    .collection-view a {
      color: #858585;
      display: block;
      float: left;
      opacity: 0.7;
      cursor: pointer;
      line-height: 100%;
      -webkit-transition: opacity 0.15s ease-out;
      -moz-transition: opacity 0.15s ease-out;
      -ms-transition: opacity 0.15s ease-out;
      -o-transition: opacity 0.15s ease-out;
      transition: opacity 0.15s ease-out; }
      .collection-view a + a {
        margin-left: 10px; }
      .collection-view a:hover {
        opacity: 0.9;
        -webkit-transition: opacity 0.05s ease-in;
        -moz-transition: opacity 0.05s ease-in;
        -ms-transition: opacity 0.05s ease-in;
        -o-transition: opacity 0.05s ease-in;
        transition: opacity 0.05s ease-in; }
      .collection-view a.collection-view--active {
        opacity: 1;
        cursor: default; }
    .collection-view img {
      display: block;
      opacity: inherit; }
  
  .newsletter-section {
    padding: 20px 0; }
    .newsletter-section .h1 {
      margin-bottom: 10px; font-size: 16px;; }
    @media screen and (min-width: 769px) {
      .newsletter-section .newsletter_form {
        width: 50%;
        margin: 0 auto; } }
  
  /*============================================================================
    #Rich Text Editor
  ==============================================================================*/
  .rte {
    margin-bottom: 15px; }
    .rte img {
      max-width: 100%;
      height: auto; }
    .rte h1, .rte .h1, .rte #shopiuu-product-reviews .spr-header-title, #shopiuu-product-reviews .rte .spr-header-title, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
      margin-top: 0.5em; }
      .rte h1:first-child, .rte .h1:first-child, .rte #shopiuu-product-reviews .spr-header-title:first-child, #shopiuu-product-reviews .rte .spr-header-title:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
        margin-top: 0; }
    .rte > div {
      margin-bottom: 15px; }
    .rte ul, .rte ol {
      margin-left: 35px; }
    .rte ul ul {
      list-style: circle outside; }
    .rte li {
      margin-bottom: 0.4em; }
    .rte table {
      table-layout: fixed; }
  
  .rte--header {
    margin-bottom: 0; }
/*============================================================================
  #Image with link
==============================================================================*/
.rich-text{margin: auto;}
.rich-text__heading--small{font-size: 12px;}
.rich-text__heading--medium{font-size: 18px;}
.rich-text__heading--large{font-size: 24px;}
.rich-text__text--small{font-size: 12px;}
.rich-text__text--medium{font-size: 16px;}
.rich-text__text--large{font-size: 20px;}
@media screen and (max-width: 769px){
    .rich-text {
        padding:0px 10px;
    }
    
}
.index_image_link {
    width: 100%;
    margin: 0 0 30px;
}
.index_image_link img{max-width: 100% !important;}
.index_image_link_empty {
    height: 475px;
    position: relative;
}
@media screen and (min-width: 769px){
    .index_image_link_empty {
        height: 475px;
    }

}
.placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justiuu-content: center;
    background-color: rgba(133, 133, 133, 0.1);
}
svg:not(:root) {
    overflow: hidden;
}
.placeholder-svg {
    display: block;
    fill: rgba(133, 133, 133, 0.35);
    background-color: rgba(133, 133, 133, 0.1);
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(133, 133, 133, 0.2);
}

/*============================================================================
  #Image with text
==============================================================================*/
.feature-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justiuu-content: space-between;
    -ms-justiuu-content: space-between;
    justiuu-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .feature-row {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; flex: none; } }
  
  .feature-row__item {
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%; }
    @media screen and (max-width: 768px) {
      .feature-row__item {
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%; } }
  
  .feature-row__image-wrapper {
    position: relative;
    margin: 0 auto; }
  
  .feature-row__image {
    display: block;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .feature-row__image {
        order: 1; } }
    .js .feature-row__image {
      max-width: 100%; }
  
  .feature-row__text {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .feature-row__text {
        order: 2;
        padding-bottom: 0; } }
  
  @media screen and (min-width: 769px) {
    .feature-row__text--left {
      padding-left: 30px; }
  
    .feature-row__text--right {
      padding-right: 30px; } }
  @media screen and (min-width: 769px) {
    .featured-row__subtext {
      font-size: 1.14286em; } }

/*========================================================
  image-bar
========================================================*/
.index_gallery {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden; }
  
  .gallery_item {
    width: 25%;
    float: left;
    margin-bottom: 5px; }
  
  .gallery_item_empty {
    height: 200px;
    width: 100%;
    position: relative; }
  
  @media screen and (max-width: 480px) {
    .gallery_item, .gallery_item_empty {
      width: 50%; } }
  @media screen and (max-width: 768px) {
    .gallery_item, .gallery_item_empty {
      width: 50%; } }
  @media screen and (min-width: 769px) {
    .gallery_item, .gallery_item_empty {
      width: 25%; } }
  .gallery_item img {
    width: 100%; }
  
  .gallery_item a:hover {
    opacity: 0.9;
    background: #FFF; }

/*================ Input width and border ================*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {
  border: 1px solid #dedede;
  background-color: var(--color_text_field);
  color: var(--color_text_field_text);
  /*width: 100%;*/
  max-width: 100%;
  /*display: block;*/
  /*margin: 0 0 20px;*/ }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="file"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #c5c5c5; }
  input[type="text"][disabled], input[type="text"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="file"][disabled],
  input[type="file"].disabled,
  input[type="number"][disabled],
  input[type="number"].disabled,
  input[type="tel"][disabled],
  input[type="tel"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }

@media screen and (min-width: 480px) {
  input[type="number"] {
    width: 50%; } }
textarea {
  min-height: 100px; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0;
  padding: 0; }

select {
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/ }
  .ie9 select, .lt-ie9 select {
    padding-right: 10px;
    background-image: none; }

select::-ms-expand {
  display: none; }
/*================ Error styles ================*/
input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="file"].error,
input[type="number"].error,
input[type="tel"].error,
textarea.error {
  border-color: #dc0000;
  background-color: #fff6f6;
  color: #dc0000; }

label.error {
  color: #dc0000; }

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .input-group-field:first-child,
  .input-group .input-group-btn:first-child,
  .input-group .input-group-btn:first-child > .btn,
  .input-group .input-group-btn:first-child > .btn-secondary,
  .input-group .input-group-btn:first-child > input[type="submit"],
  .input-group .input-group-btn:first-child > .header-cart-btn,
  .input-group input[type="hidden"]:first-child + .input-group-field,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn-secondary,
  .input-group input[type="hidden"]:first-child + .input-group-btn > input[type="submit"],
  .input-group input[type="hidden"]:first-child + .input-group-btn > .header-cart-btn {
    border-radius: 2px 0 0 2px;
    border-right: none; }
  .input-group .input-group-field:last-child,
  .input-group .input-group-btn:last-child > .btn,
  .input-group .input-group-btn:last-child > .btn-secondary,
  .input-group .input-group-btn:last-child > input[type="submit"],
  .input-group .input-group-btn:last-child > .header-cart-btn {
    border-radius: 0 2px 2px 0; }
  .input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px; }

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0; }

.input-group .btn, .input-group .btn-secondary, .input-group input[type="submit"], .input-group .header-cart-btn,
.input-group .input-group-field {
  height: 42px; text-indent: 10px; }

.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0;
  border-color: #ababab;
  border-right: none; }

.input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0; }

.form-spacer {
  margin: 0 15px; }

  /*================ Select fields ================*/
.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%; } }
.add-to-cart--large {
  padding: 16px 20px;
  font-weight: 700;
  margin-bottom: 30px; }

#addToCartForm {
  margin-bottom: 0; }

@media screen and (min-width: 481px) {
  #addToCartForm select {
    max-width: 50%; } }
/*================ Product details ================*/
#productPrice {
  font-size: 32px;
  margin-bottom: 0;
  white-space: nowrap; }

#comparePrice {
  white-space: nowrap; }

.product-meta {
  margin-bottom: 5px; }
  .product-meta .product-meta--review {
    display: block; }
  .product-meta span {
    margin-bottom: 0; }
  @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; } }

.full-details {
  display: inline-block;
  margin-top: 15px;
  cursor: pointer; }
.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: #1d1918;
    border: 2px solid #1d1918; }
    .sale-tag sup {
      display: none; }
    .sale-tag.large {
      font-size: 16px;
      padding: 0 12px; }
    .sale-tag.small {
      font-size: 12px;
      padding: 0 12px; }
    .product-meta .sale-tag {
      position: relative;
      top: 2px; }
    .sale-tag.has-reviews {
      margin-bottom: 10px; }
/*================ Social share buttons ================*/
.social-sharing {
  font-family: var(--font_body_family);
  padding-top: 15px;
  /*================ Large Buttons ================*/ }
  .social-sharing a {
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    font-weight: normal; }
    .social-sharing a:hover {
      color: #fff; }
  .social-sharing span {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    font-size: 12px; }
  .social-sharing .icon {
    padding: 0 5px 0 10px; }
    .social-sharing .icon:before {
      line-height: 22px; }
  .social-sharing.is-large a {
    height: 44px;
    line-height: 44px; }
    .social-sharing.is-large a span {
      height: 44px;
      line-height: 44px;
      font-size: 18px; }
    .social-sharing.is-large a .icon {
      padding: 0 10px 0 18px; }
      .social-sharing.is-large a .icon:before {
        line-height: 44px; }

.share-title {
  font-weight: 900;
  font-size: 12px;
  padding-right: 10px; }
  .is-large .share-title {
    padding-right: 16px; }

.share-facebook {
  background-color: #3b5998; }
  .share-facebook:hover {
    background-color: #2d4373; }

.share-twitter {
  background-color: #00aced; }
  .share-twitter:hover {
    background-color: #0087ba; }

.share-pinterest {
  background-color: #cb2027; }
  .share-pinterest:hover {
    background-color: #9f191f; }

.share-fancy {
  background-color: #4999dc; }
  .share-fancy:hover {
    background-color: #2780cb; }

.share-google {
  background-color: #dd4b39; }
  .share-google:hover {
    background-color: #c23321; }

/*================ Clean Buttons ================*/
.social-sharing.is-clean a {
  background-color: #fff;
  border: 1px solid #ececec;
  color: #333;
  height: 30px;
  line-height: 30px; }
  .social-sharing.is-clean a span {
    height: 30px;
    line-height: 30px;
    font-size: 13px; }
  .social-sharing.is-clean a:hover {
    background-color: #f9f9f9; }
  .social-sharing.is-clean a .share-title {
    font-weight: normal; }
.social-sharing.is-clean .icon-facebook {
  color: #3b5998; }
.social-sharing.is-clean .icon-twitter {
  color: #00aced; }
.social-sharing.is-clean .icon-pinterest {
  color: #cb2027; }
  ul.productlist li a.pic{padding-bottom: 100%;}