:root{
    --primary-color:#47cf96;
    --primary-color-dark:#3e9c75;
    --accent-color:#0864bf;
    --dark-color:#000000;
    --light-color:#ffffff;
}
@font-face {
    font-family: 'Print Clearly';
    src: url('../fonts/PrintClearly-webfont.eot');
    src: url('../fonts/PrintClearly-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintClearly-webfont.woff') format('woff'),
         url('../fonts/PrintClearly-webfont.ttf') format('truetype'),
         url('../fonts/PrintClearly-webfont.svg#print_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@-webkit-keyframes easing{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
@keyframes easing{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
.as-header-top{
    background:var(--primary-color-dark);
    border:none;
}
.as-header-top .fx-dropdown.login a{
    color:var(--light-color);
}
.as-header-top .fx-row.fx-row-nowrap.fx-col-md-7 > a[href="#joindrop"]{
    color:aliceblue !important;
}
.as-header-top .login .fx-dropdown-list .fx-tab{
    color:#0098ff;
}
.as-header-top .joindrop.fx-dropdown-list .fx-tab{
    color:#ff6154;
}
.as-header-top  .fx-dropdown.login > div > i{
    -webkit-text-stroke:1px var(--light-color);
    margin-top:4px;
}
.as-header-top *{
    color:var(--light-color);
}
.as-header-top .general-search input[type="text"] {
    background:rgba(0,0,0,0.2);
    border:none;

}
.as-header-top .pw_by_aswaq{
    filter: grayscale(100%) brightness(400%) saturate(244%) sepia(900%) contrast(800%);
}
.as-header-top .fx-dropdown-list label, .as-header-top .fx-dropdown-list input{
    color:#000000;
}
.as-header-top .fx-dropdown-toggle:after{
    color:#ffffff;
}
.as-header-top .fx-dropdown{
    z-index:9;
}
.as-header-top .fx-dropdown-list *{
    color:inherit;
}
.as-header-top .fx-dropdown-list{
    border-color:var(--primary-color-dark);
}
.as-header-top .fx-dropdown-list:after{
    border-bottom-color:var(--primary-color-dark);
}
.as-header-top .general-search  *::-webkit-input-placeholder{
    color:#dbdbdb;
}
.as-header-top .general-search  *::-moz-placeholder{
    color:#dbdbdb;
}
.as-header-top .general-search  *:-ms-placeholder{
    color:#dbdbdb;
}
.as-header-top .shopping-cart  i{
    background-color:var(--light-color);

}
.as-header-top .general-search  input[type="text"]:focus {
    background:#ffffff;
    color:#484848;
    border:none;
}
.as-header-top input[type="text"]:focus ~ button i{
    color:#484848;
}
.as-header-top .fx-dropdown-list p, .as-header-top .fx-dropdown-list span,.as-header-top .fx-dropdown-list h3{
    color:var(--dark-color);
}
.pr_details-div{
    width:100%;
}
.pr_details-div ul{
    padding:0;
    display: flex;
    flex-wrap: wrap;
}
.pr_details-div ul li{
    width:auto !important;
}
.pr_details-div .clear{
    display:none;
}
.pr_details-div .product-price span{
    font-weight:700 !important;
    color:var(--primary-color);
}
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .emerald-sorting-bar select {max-width:58px;}
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #378ef3;
    background: #ffffff;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #2c2c2c;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #fff;
}
.sp-input:focus  {
    border-bottom: 1px solid #378ef3;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    /* border-left: solid 1px #fff; */
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
    display: flex;
    align-items: center;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display: flex;
    *
    zoom: 1;
    *
    display: inline;
    background: #3a3a3a;
    color: #fff;
    vertical-align: middle;
    width: 56px;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: rgba(255, 255, 255, 0.46);
    color: #111;
    display: flex;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #378ef3;
  border: none;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  padding: 5px 4px;
  color: #ffffff;
  text-align: center;
  vertical-align: baseline;
  padding: 12px;
}
.sp-container button:hover {
    background-color: #3377c6;
    cursor: pointer;
}
.sp-container button:active {
}
.sp-cancel {
    font-size: 16px;
    color: #62abff !important;
    margin:0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;
    line-height: 2.8;
    margin-bottom: 0 !important;
}
.sp-cancel:hover {
    color: #378ef3 !important;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}


*{
    outline: none;
    border:none;

    box-sizing: border-box;
}
lebel{
    z-index:0;
}
header.emerald-prod-header {
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 6;
    width: 100%;
}
header.emerald-prod-header .header-top{
    background-color:none;
}
html, body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--dark-color);
}
body{
    animation:easing 1.2s ease-in-out;
}
h1,h2,h3,h4{
    margin: 0;
    padding: 0;
    font-family: "josefin sans", sans-serif;
}
h1{
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 25px;
}
h2{
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 25px;
}
h3{
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 22px;
}
h4{
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 28px;
}
p,*{
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
  /*  margin-bottom:15px; /* removed by SM*/
    line-height:1.4;
}
.emerald-price{
    font-weight:600;
}
.fx-blue-color{
    color:var(--primary-color);
}
a{
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 1em;
    transition: ease-in-out .25s;
    color: var(--primary-color);
}
a:hover{
    color: var(--primary-color-dark);
}
.fx-bacdrop-element{
    width:100%;
}
.icofont{
    font-family: "icofont";
}
section{
    margin-bottom:0 ;
}
/** header **/
.emerald-featured > .fx-container {
    height:380px;
    /*! overflow:hidden; */
    overflow: hidden;
    backface-visibility: hidden;
}
html[dir="rtl"] .emerald-featured > .fx-container{
    height:365px;
}
.emerald-featured  .emerald-horizontal-scroll{
    bottom: 18px;
    position: relative;
    padding-top: 25px;
}
 .emerald-horizontal-scroll{


}
.emerald-header-top{
    transition:ease-in-out .3s;
    padding: 14px;
    background-color: var(--primary-color);
}
.emerald-header-top.emerald-sticky{
        position:fixed;
        top:0;
        left:0;
        transform: translate3d(0px,0px,0px);
        backface-visibility: hidden;
        width:100%;
        box-shadow: 0px 1px 5px rgba(0,0,0,0.12);
        z-index: 4;
        background: var(--primary-color);
    }
 .emerald-menu-links {
     padding-top:16px;
     padding-bottom: 16px;
     transition:ease-in-out .3s;
     background-color: var(--primary-color-dark);
 }
  .emerald-menu-links.emerald-sticky{
        position:fixed;
        top: 85px;
        width:100%;
        background: var(--primary-color-dark);
        z-index:4;
        box-shadow: 0px 2px 5px rgba(0,0,0,0.12);
  }
.emerald-menu-links a{
    width:auto;
    flex-basis:initial;
    max-width:initial;
    color:var(--light-color);
    padding:8px;
    flex: initial;
    width: 120px;
    text-transform: uppercase;
}
.emerald-menu-links a .ripple{
    background:rgba(255, 255, 255, 0.15);
}
/** ui **/


.emerald-window{
    position:fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    left:0;
    top:0;
    background: var(--light-color);
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition:transform ease-in-out .3s;
    transition:transform ease-in-out .3s;
    pointer-events:none;
}

.emerald-window.fx-show{
    pointer-events:all;

    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition:transform ease-in-out .3s;
    transition:transform ease-in-out .3s;
    pointer-events:all;
}

.emerald-title-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    height:60px;
    margin: auto;
}
.emerald-title-bar h2, .emerald-title-bar h3{
    margin:0;
}
.hider{
    opacity: 0;
    pointer-events: none;
}
.emerald-category-list{

}
.emerald-category-list a{
    display:block;
    width:100%;
    padding:6px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    color: var(--dark-color);
}
.emerald-category-list a:hover{
    padding-left:6px;
    color:var(--primary-color);
}
.emerald-window .fx-scrollview {
    height: 100%;
}
.emerald-window .fx-scrollview .fx-scrollview{
        padding:15px;
        max-height: calc(100% - 76px);
}
.emerald-tabs a{
    padding:12px;
    text-transform:uppercase;
    color:var(--dark-color);
    overflow: hidden;
    opacity:0.5;
    border-bottom:1px solid transparent;
    position: relative;
}
.emerald-tabs a:hover{
    opacity:1;
    color: var(--dark-color);
}
.emerald-tabs a.fx-active{
    opacity:1;
    border-color: var(--primary-color);
}
 header{
        background: var(--primary-color);
        position:relative;
        height: auto;
        z-index: 9;
    }
    header .emerald-pattern{
		background-image: url(https://www.colourbox.com/preview/18904958-fashion-and-shopping-seamless-background-pattern.jpg);
		background-blend-mode: multiply;
		background-size: 10%;
		background-attachment: fixed;
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		opacity: 0.1;
		pointer-events:none;
	}

    .emerald-logo{
        height: 58px;
        width:150px;
        margin:16px 0;
    }
    .emerald-menu-trigger{
        color:var(--light-color);
        width:56px;
        height:56px;
        position:absolute;
        background: var(--accent-color);
        border-radius:50%;
        left:0;
        right:0;
        margin:auto;
        bottom:-28px;
        display:flex;
        justify-content:center;
        align-items:center;
        box-shadow: 0px 1px 7px rgba(0,0,0,0.2);
        z-index: 3;
    }
    .emerald-menu-trigger:hover{
        color:var(--light-color);
    }
    .emerald-menu-trigger.emerald-sticky{
         position: fixed;
         top: inherit;
         bottom: 16px;
         left: inherit;
         right: 16px;
    }
    .emerald-menu-trigger.emerald-toggled{
        position: fixed;
        top:0;
        bottom:0;
        margin: auto;
        background: var(--light-color);
        color: #ff6060;
        left: 0;
        right: 0;
    }
    .emerald-menu-trigger.emerald-toggled i{
        font-size:28px;
    }
    .emerald-menu-trigger.emerald-toggled i:before{
        content:'X';
        font-family:"Josefin Sans";

        font-weight:300;
    }
    .emerald-featured > div > h3{
        color:var(--light-color);
        margin-top: 16px;
    }
    .emerald-featured .emerald-item{
        width: 234px;
        text-align:center;
        max-width: 234px;
    }
    .emerald-sorting-bar{
        padding:12px 8px;
    }
    .emerald-sorting-bar select{
        padding: 8px 8px;
        box-shadow:0px 1px 2px rgba(0,0,0,0.12);
    }
    .emerald-item .emerald-item-photo{
        width: 100%;
        height: 195px;
        background-size: contain;
        align-self: flex-start;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: center;
    }
    .emerald-item h4{
        font-size: 16px;
        margin: 8px 0 0;
        width:100%;
        text-overflow:ellipsis;
        align-self: flex-start;
        overflow: hidden;
        height: 38px;
    }
    .emerald-item .emerald-item-info{
        font-size:14px;
        margin: 0 0 8px;
        width:100%;
        text-overflow:ellipsis;
        align-self: flex-start;
        height: 95px;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 10px;
        align-content: flex-start;
    }
    .emerald-item p, .emerald-item p span {
        height:32px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "Print Clearly";
        font-size: 16px;
        line-height: 1;
    }
    .emerald-item .emerald-price{
        margin-bottom:0;
        color:#464646;
        font-weight: 700;
        align-self: flex-end;
        text-align:center;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: auto;
        font-family: "Josefin Sans";
        padding-bottom: 15px;
        color: var(--primary-color);
    }
    .emerald-item .emerald-price > span {
        font-family: "Josefin Sans";
    }

    .emerald-title-bar{
        padding:0 15px;
    }
    .emerald-window.fx-scrollview{
        padding:0 15px;
    }
.as-product-actionbar button {
    padding: 9px 5px;
}

    .emerald-window .fx-scrollview{
        padding:15px;
        max-height: calc(100% - 76px);
    }
    header{
        /* padding:0 15px; */
        /* padding-bottom: 26px; */
    }

    header .emerald-logo{
        margin:auto;
        text-align: center;
    }
    header .emerald-logo img{
        max-height:100%;
    }

    .fx-side-nav{
        background:var(--light-color);
        padding-top:45px;
    }
    .fx-side-nav a{
        text-transform:uppercase;
        padding:10px;
        color:#4b4b4b;
    }
    .fx-side-nav a i{
        width:48px;
        font-size:28px;
        color:#931b3d;
    }


    .fx-col-md-6{
        max-width:50%;
    }
    .emerald-title-bar h2{
        font-size:20px;
        white-space:nowrap;
    }

    .emerald-title-bar i{
        font-size:18px;
    }
    .emerald-horizontal-scroll {
        flex-wrap:nowrap;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        display: flex;
        user-select: none;
    }
   .emerald-featured .emerald-horizontal-scroll .emerald-item{
       overflow: hidden;
       flex:none;
       margin-right:8px;
       display: flex;
       padding: 0;
       backface-visibility: hidden;
       flex-wrap: wrap;
       max-height: 300px;
       color: inherit;
       height: 300px;
       align-content: flex-start;
       margin-bottom: 8px;
       transform: translate3d(0,0,0);
   }
   .emerald-item.promote-border{
       border:1px solid var(--primary-color);
   }
   .emerald-item.promote-background > div{
       z-index:1;
       position:relative;
   }
    .emerald-item.promote-background:after{
       position:absolute;
       width:100%;
       height:100%;
       left:0;
       top:0;
       content:' ';
       z-index:0;
       opacity: 0.20;
       background-color: var(--primary-color);
   }
    .emerald-item-list{
        margin-top: 18px;
        margin-bottom: 16px;
    }
.emerald-category-container{
}
.emerald-carousel-container{
    position: relative;
    overflow: hidden;
    padding: 16px 0;
}
.emerald-carousel-container:hover .emerald-carousel-back, .emerald-carousel-container:hover .emerald-carousel-next{
    opacity:1;
}
.emerald-vertical-carousel{
    position: relative;
    height: 306px;
    overflow-y: hidden;
    right: -24px;
    padding-right: 32px;
}
.emerald-vertical-carousel .emerald-item:first-child{
    margin-top:4px !important;
}
.emerald-vertical-carousel .emerald-item:last-child{
    margin-bottom:4px !important;
}
.emerald-carousel-container .emerald-carousel-back, .emerald-carousel-container .emerald-carousel-next{
    left:0;
    right:0;
    justify-content: center;
    margin:auto;
}
.emerald-carousel-container a.emerald-carousel-back{
    top:0;
    bottom:initial;

}
.emerald-carousel-container a.emerald-carousel-next{
    bottom:0;
    top:initial;
}
.emerald-vertical-carousel .emerald-item{
    margin:8px;
    margin-top:8px;
    margin-bottom:8px !important;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
    .emerald-item-list .emerald-item{
        margin-bottom: 0;
        padding: 0;
        height: 298px;
        display: block;
        color: inherit;
    }
.fx-mobile, .fx-mobile.fa{
    display: none;
}
.emerald-prod-img-big{
    margin-bottom:8px;
    display:flex;
    justify-content:center;
    overflow: hidden !important;
}
.emerald-prod-img-big img{
    max-width:100%;
    max-height:100%;
    /* margin: auto; */
    display: block;
}
.emerald-prod-img-big.fx-show {
        height: 350px;
        align-items: flex-start;
}
.emerald-prod-img-thumbs a{
    position:relative;
    overflow:hidden;
}
.emerald-prod-img-thumbs img{
    height:80px;
    margin: 0 6px;
}
.emerald-button,input[type="button"].emerald-button{
    background: var(--primary-color);
    padding:  5px 10px;
    border: 1px solid transparent;
    color:var(--light-color);
    font-size: 18px;
}
.emerald-button:hover,input[type="button"].emerald-button:hover{
    background: var(--primary-color-dark);
    color: var(--light-color);
}
.emerald-ghost-button {
    font-size: 16px;
    padding: 12px 16px;
    background: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.emerald-ghost-button[is_followed] {
    border: 1px solid transparent;
    padding: 3px 15px;
}
.emerald-ghost-button:hover{
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--light-color);
}
.emerald-breadcrumbs {
    align-content:center;
    align-items:center;
    display:flex;
    margin-bottom: 16px;
}
.emerald-breadcrumbs .fx-breadkrumbs{
    padding:0;
}
.emerald-breadcrumbs i{
    margin:0 16px;

}
.emerald-breadcrumbs a{
    color:var(--dark-color);
}
.emerald-breadcrumbs a.emerald-current{
    font-weight:bold;
    pointer-events:none;
}
.emerald-pagination a{
    padding:6px 0;
    border-radius:4px;
    width:28px;
    text-align:center;
    height: 33px;
    line-height: 1.2;
}
.emerald-pagination a.curent{
    background: #d6dce3;
    color:var(--dark-color);
    font-weight: 600;
    pointer-events: none;
}
.emerald-pagination a i:before{
    line-height:1.2;
}
.emerald-pagination span{
    font-size:18px;
    font-weight:500;
    line-height:0.8;
    margin:0 14px;
}
header .emerald-title-bar{
       display:none;
    }
header.as-header-top-small {
    position: relative !important;
    z-index: 11 !important;
}

 .emerald-theme-settings{
        position:fixed;
        background:rgba(0,0,0,.8);
        z-index:6;
        transition:ease .2s;
        transform: translateX(-171px);
        width: 218px;
        left:0;
        top: 65px;
        padding:10px;
        padding-right: 48px;
        pointer-events: all;
        height: auto;
        backface-visibility: hidden;
    }
    html[dir="rtl"]  .emerald-theme-settings{
        left:initial;
        right: 0;
        transform: translateX(165px);
        padding-right: 8px;
        padding-left: 48px;
    }

     .emerald-theme-settings .fx-collapsible{
         background:transparent;
         border:none;
         padding: 0;
     }
     .emerald-theme-settings .fx-collapsible-toggle:after{
        float:right;
        font-size:12px;
        align-self:center;
        height: auto;
        line-height: 0;
     }
.emerald-theme-settings  label{
    margin-top:0;
}
.emerald-theme-settings  label p{
    margin-top:0;
    text-transform:capitalize;
}
.emerald-theme-settings .fx-switch span{
    background: #686868;
    margin-left: auto !important;
}
.emerald-theme-settings .fx-collapsible label{
}
.emerald-theme-settings .fx-collapsible-content label{
    text-transform:none;
    font-size:12px;
    margin-top: 4px;
}
.emerald-theme-settings label{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
    opacity: 1;
    display: flex;
    width:100%;
    height: 30px;
    align-items:center;
    padding: 0;
}
 .emerald-theme-settings:hover,.emerald-theme-settings:active{
     transform: translateX(0) !important;
 }
 @keyframes rotate{
     from{
         transform:rotate(0);
     }
     to{
         transform:rotate(360deg);
     }
 }
  .emerald-theme-settings:after {
    font-family:"FontAwesome";
    color:#ffffff;
    position:absolute;
    animation:linear rotate 3s infinite;
    right:0;
    width:52px;
    top:16px;
    font-size: 20px;
    content:'\f013';
    text-align:center;
 }
 html[dir="rtl"] .emerald-theme-settings:after {
     right:initial;
     left: 0;
 }
 .emerald-theme-settings:before {
    color:#ffffff;
    position:absolute;
    right: -4px;
    top: 116px;
    /* bottom:0; */
    /* margin:auto; */
    /* left: 0; */
    font-size: 20px;
    content:'Theme';
    transform: rotate(90deg);
    width: 64px;
 }
 html[dir="rtl"] .emerald-theme-settings:before {
     right:initial;
     left:-4px;
 }
 .emerald-theme-settings:hover:before{

 }
 .emerald-theme-settings a{
     width: 48px;
     height: 48px;
     display: inline-block;
     text-transform: capitalize;
     margin-bottom: 18px;
     text-align:center;
     position:relative;
     margin-right: 2px;
 }
  .emerald-theme-settings a span{
     width: 20px;
     height: 20px;
     border-radius:50%;
    position:relative;
    top:34px;
    border:2px solid #282828;
     display: inline-block;
     margin-top: 3px;
 }
 .emerald-theme-settings a:after{
     content:"\f00c";
     opacity:0;
     pointer-events:none;
     transition:ease-in-out .3s;
     font-family:"FontAwesome";
     color:#ffffff;
     height:100%;
     width:100%;
     display:flex;
     justify-content:center;
     align-items:center;
     position:absolute;
     top: 0;
     left: 0;
 }
 .emerald-theme-settings a.emerald-selected:after{
     opacity:1;
 }
#global-buy-product-button{
    width:50%;
    max-width:50%;
    font-weight: 18px;
}
 div#wizard-messages-types a{
    width:100%;
    display:block;
    color:#000000;
    padding: 10px 16px; 0px
    opacity:0.6;
    text-transform:uppercase;
    font-size:14px;
    text-align: left;
    /* border: 1px solid rgba(0,0,0,0.1); */
    margin-top: -1px;
}
div#wizard-messages-types a.tab-active{
    opacity:1;
    border-color:var(--primary-color);
    background: var(--primary-color);
    color: #ffffff;
}
.add-to-wsh,.add-to-fav{
    text-indent:-9999px;
    float:left;
    line-height:0.6;
    width:52px
}
.add-to-wsh[is_part="0"],.add-to-fav[is_part="0"]{
    color:var(--primary-color);
    background:var(--light-color);
}
.add-to-wsh[is_part="1"],.add-to-fav[is_part="1"]{
    color:var(--light-color);
    background:var(--primary-color);
}

.add-to-wsh:before, .add-to-fav:before{
    float:left;
    text-indent:0;
}
.pr_details-div li:last-child{
    width:100%;
    max-width:100%;
    min-width:100%;
    display:block;
}
html[dir="rtl"] .add-to-wsh[is_part] {
    font-size: 16px;
}



@media screen and (min-width:681px) and (max-width:1280px){
    .fx-container{
        width:100%;
        max-width:100%;
        flex-basis:100%;
        padding: 0 16px;
    }
}

@media screen and (min-width:601px) and (max-width:680px){
    .kl-emerald-info {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (min-width:320px) and (max-width:680px){
    .emerald-category-container .emerald-carousel-back, 
    .emerald-category-container .emerald-carousel-next {
        display: none !important;
    }
    
    
    html[dir="ltr"] .as-product-actionbar {
        width: 80px;
        opacity: 1;
        right: 1px;
        left: auto;
        bottom: 2px;
    }
    .as-product-actionbar {
        background: transparent;
        box-shadow: none;
    }
    .kl-full-width {
        min-width: 100%;
        flex-basis: 100%;
    }
    .emerald-prod-img-big img{
        margin:auto;
    }
    .auction-state{
        position:relative;
        z-index:5;
    }
    .clear{
        display:none;
    }
    .auction-state {
        background: rgba(222, 242, 255, 1);
        padding: 15px;
        margin-bottom: 0;
        border: 1px solid #0098ff;
    }
    .auction-state br{
        display:none;
    }
    .auction-state.auction-state-canceled {
        background: rgba(255, 245, 224, 1);
        border: 1px solid #ffd400;
    }
    .emerald-special-justify{
        justify-content: center;
    }
    .as-header-top{
        padding:0 16px;
        z-index: 1000;
        position: relative;
    }
    .pr_details-div{
        justify-content:center;
        display:flex;
    }
    div#wizard-messages-types a{
        width:100%;
        display:block;
        color:#000000;
        padding:6px; 0px
        opacity:0.6;
        text-transform:uppercase;
        font-size:14px;
        text-align:center;
        /* border: 1px solid rgba(0,0,0,0.1); */
    }
    div#wizard-messages-types a.tab-active{
        opacity:1;
        border-color:var(--primary-color);
    }
    .pr_details-div ul{
        justify-content:center;
        display:flex;
        flex-wrap:wrap;
    }
    .emerald-tabs{
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        justify-content:space-between;
        padding:16px;
    }
    html[dir="ltr"] .emerald-tabs{
        margin-right:16px;
    }
    html[dir="rtl"] .emerald-tabs{
        margin-left:16px;
    }
    .emerald-vertical-carousel .fx-paper-card{
        background:transparent;
        box-shadow:none;
    }
    .fx-paper-card h3{
/*
        margin-bottom: 16px;
        margin-top: 4px;
*/
    }
    .emerald-theme-settings .fx-collapsible{
        width:100%;
    }
    .emerald-product-details{
        padding-top:232px !important;
    }
    .emerald-carousel-container{
        height:auto;
        max-height:initial;
        padding: 0;
    }
    .emerald-vertical-carousel{
        padding-right:0;
        right: 0;
        height:auto;
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap:nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .emerald-vertical-carousel .emerald-item{
        flex:none;
        height: 2;
        border: none;
        height: 235px;
        width: 156px;
    }
    .emerald-vertical-carousel .emerald-item .emerald-item-info{
        height:auto;
    }
    .emerald-vertical-carousel .emerald-item h4{
        white-space:nowrap;
        height:auto;
    }
    .emerald-item-list .fx-padding-left-10{
        padding-left:0;
        padding-right:0;
    }
    .emerald-theme-settings{
        top:0 !important;
        transform:translateX(-100%);
        z-index:6;
        padding-right: 8px;
        height: 100%;
    }
    html[dir="rtl"] .emerald-theme-settings{
        padding-left:16px;
        transform:translateX(100%);
    }
    .emerald-theme-settings .emerald-scrollview{
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .emerald-theme-settings:before{
        display:none;
    }
    .emerald-theme-settings a{
        width:46px;
        height:46px;
        margin-right: 2px;
    }
    .emerald-theme-settings:after{
        display:flex;
        justify-content:center;
        align-items:center;
        width:48px;
        height:48px;
        background:rgba(0,0,0,0.76);
        border-radius:50%;
        right: -58px;
        pointer-events:all;
        z-index: 8;
        backface-visibility: hidden;
    }
    html[dir="rtl"] .emerald-theme-settings:after{
        right:initial;
        left:-58px;
    }
    .emerald-prod-header ~ .emerald-theme-settings:after{
        top:90px !important;
    }
    .selling_data div{
        justify-content:center;
    }
    .emerald-product-details .emerald-price{
        width:100%;
        color:var(--primary-color);
        font-size:18px;
        text-align:center;
    }
    header .emerald-pattern{
        background-size:48%;
    }
    .emerald-prod-header div{
        padding:0;
    }
    header .emerald-title-bar{
       display:flex;
    }
    header .emerald-title-bar h3{
        font-size:18px;
        padding-right: 8px;
        text-indent: -99999px;
        float: left;
        width: 24px;
        display: block;
    }
    header .emerald-title-bar h3 i{
        text-indent:0;
        float:left;
        font-size:32px;
    }
     header .emerald-title-bar a{
         display:block;
     }
    header .emerald-title-bar h2{
        transition:ease-in-out .3s;
        color:transparent;
        font-size:24px;
        /* width: 19%; */
        max-width: 191px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

     header.emerald-special-header .emerald-title-bar h2,header.emerald-special-header .emerald-title-bar h3{
        color: var(--light-color);
        text-align: center;
    }
    .emerald-horizontal-scroll{
        /* padding-top:28px */
    }
    .emerald-prod-header  .emerald-logo{
        display:none;
    }
    .fx-container{
        width:100%;
        max-width:100%;
        flex-basis: 100%;
        padding: 0 8px;
    }
    header.emerald-prod-header {
        position: fixed;
        top: 0;
        left: 0;
        padding: 8px 16px;
        z-index: 6;
        width: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0.26),transparent);
    }
     header.emerald-special-header{
         background: var(--primary-color);
         transition:ease-in-out .3s;
     }
     .emerald-special-header.emerald-auto-hide{
         transform:translateY(-100%);
     }
    header.emerald-prod-header .emerald-menu-trigger{
        display:none;
    }
    header.emerald-prod-header .emerald-header-top{
        background-color: transparent;
    }
    .emerald-prod-img-thumbs{
        display:none;
    }
    .emerald-breadcrumbs{
        flex-wrap:nowrap;
        /* overflow-y:auto; */
        order: 0;
        -webkit-overflow-scrolling:touch;
    }
    .emerald-product-details{
       position:relative;
        background:#ffffff;
        z-index: 4;
        margin-bottom: 0;
    }
    .emerald-product-details .fx-container{
        padding:0;
    }
    .emerald-product-details .fx-container > div.fx-valign-top{
    position: relative;
    }
    .emerald-product-details .emerald-breadcrumbs{
        margin-bottom:0;
        padding: 16px;
        box-shadow: 0px -3px 5px rgba(0,0,0,0.06);
    }
    .emerald-product-details .emerald-product-info, .emerald-product-details .fx-tab-content{
        padding:0 16px;
    }
    .emerald-product-details .emerald-breadcrumbs, .emerald-product-details .emerald-product-info,.emerald-product-details .emerald-product-info ~ div, .emerald-product-details .fx-tab-container{
         position:relative;
         background:#ffffff;
         z-index: 6;
         /* padding: 16px !important; */
    }
    .emerald-product-details .emerald-product-info, .emerald-product-details .emerald-breadcrumbs{
    }
    .emerald-product-details .add-to-wsh,.emerald-product-details .add-to-fav{
        position:absolute;
        bottom: 50px;
        text-indent: -9999px;
        z-index:999;
        float: left;
        display: block;
        width: 36px;
        height: 36px;
        font-size: 16px;
        background: var(--primary-color);
        border-radius: 50%;
        color: var(--light-color);
        box-shadow: 0px 1px 7px rgba(0,0,0,0.2);
    }
    html[dir="ltr"] .emerald-product-details .add-to-wsh{
        right:64px;
    }
    html[dir="rtl"] .emerald-product-details .add-to-wsh{
        left:64px;
    }
    html[dir="ltr"] .emerald-product-details .add-to-fav{
        right:16px;
    }
    html[dir="rtl"] .emerald-product-details .add-to-fav{
        left:16px;
    }
    .emerald-product-details .add-to-wsh:before,.emerald-product-details .add-to-fav:before{
        float: left;
        transition:ease-in-out .7s;
        text-indent:0;
        display:block;
        text-align: center;
        width: 100%;
        line-height: 2.3;
        font-size: 16px;
    }
    @keyframes bounce{
        0%{
            transform:scale(0.6);
        }
        50%{
            transform:scale(1.8);
        }
        100%{
            transform:scale(1);
        }
    }
    .emerald-product-details .add-to-wsh[is_part="1"]:before{
        animation: bounce ease-in-out .7s;
        color: var(--accent-color);
    }
    .emerald-product-details .add-to-fav[is_part="1"]:before{
        color: #ffdf54;
        animation: bounce ease-in-out .7s;
    }
    .emerald-breadcrumbs a{
        flex:none;
    }
    .emerald-product-info .emerald-product-controls{
        justify-content: center;
        backface-visibility: hidden;
        transform: translate3d(0,0,0);
    }
    input[type="button"].emerald-button,input[type="button"].emerald-button:hover,.emerald-button, .emerald-button:hover{
        background: var(--primary-color);

        border: 1px solid transparent;
        color:var(--light-color);
    }
    .emerald-button,input[type="button"]{
        padding:  12px 16px;
    }
    .emerald-button:active,input[type="button"].emerald-button:active,.emerald-button:active{
        background: var(--primary-color-dark);
    }
    .emerald-ghost-button{
        padding: 12px 16px;
    }
    .emerald-ghost-button, .emerald-ghost-button:hover{

        border: 1px solid var(--primary-color);
        background: transparent;
        color: var(--primary-color);
    }
    .emerald-ghost-button:active{
        background: var(--primary-color);
        color: var(--light-color);
        border: 1px solid var(--primary-color);
    }
    .emerald-product-info{
        text-align:center;
    }
    .emerald-product-details .emerald-product-info,{
        background:#ffffff;
        position:relative;
        z-index:4;
    }
    .emerald-product-details .emerald-product-info ~ div{
        background:#ffffff;
        position:relative;
        z-index:4;
        backface-visibility: hidden;
    }
    .emerald-product-details .fx-tab-container{
        position:relative;
        background:#ffffff;
        z-index:4;
        padding: 0;
        backface-visibility: hidden;
    }
    .emerald-product-details .fx-discount-badge {
        top: -100px;
    }
    
    .emerald-product-details > div > .fx-tab-container{
        position:relative;
        background:#ffffff;
        z-index: 5;
        padding: 0;
    }
    .emerald-product-details .emerald-tabs ~ .fx-tab-content.fx-show{
        padding-bottom:60px;
    }
    .emerald-product-info h1{
        margin-top: 0;
        font-size: 22px;
        font-weight: 600;
        padding-top: 20px;
    }
    .emerald-category-list a:hover{
        padding-left:0;
        color: var(--dark-color);
    }
    .emerald-category-list a:active{
        color:var(--primary-color);
    }
    .emerald-featured > .fx-container{
        height:auto;
        overflow:visible;
    }
    .emerald-featured  .emerald-horizontal-scroll{
        bottom: 0;
        position: relative;
        backface-visibility: hidden;
    }
    a:hover{
        color:var(--primary-color);

    }
    a:active{
        color:var(--primary-color-dark);

    }
    header{
        background: var(--primary-color);
        position:relative;
        height: auto;
    }


    .emerald-logo{
        height: 58px;
        width:150px;
        margin:16px 0;
    }
    .emerald-menu-trigger.fx-mobile{
        color:var(--light-color);
        width:56px;
        height:56px;
        position:absolute;
        background: var(--accent-color);
        border-radius:50%;
        left:0;
        right:0;
        margin:auto;
        bottom:-28px;
        display:flex;
        justify-content:center;
        align-items:center;
        box-shadow: 0px 1px 7px rgba(0,0,0,0.2);
        z-index: 3;
        backface-visibility: hidden;
        transform: translate3d(0px,0px,0px);
    }
    .emerald-menu-trigger:hover{
        color:var(--light-color);
    }
    .emerald-menu-trigger.emerald-sticky{
         position: fixed;
         top: inherit;
         bottom: 45px;
         left: inherit;
         right: 16px;
    }
    .emerald-menu-trigger.emerald-toggled{
        position: fixed;
        top:0;
        bottom:0;
        margin: auto;
        background: var(--light-color);
        color: #ff6060;
        left: 0;
        right: 0;
        overflow: hidden;
        z-index: 5;
    }
    .emerald-menu-trigger.emerald-toggled i{
        font-size:28px;
    }
    .emerald-menu-trigger.emerald-toggled i:before{
        content:'X';
        font-family:"Josefin Sans";

        font-weight:300;
    }
    .emerald-featured > div > h3{
        color:var(--light-color);
        margin-bottom: 16px;
    }
    .emerald-featured .emerald-item{
        width:180px;
        text-align:center;
        max-width: 180px;
    }
    .emerald-sorting-bar{
        padding:12px 8px;
    }
    .emerald-sorting-bar select{
        padding: 8px 8px;
        box-shadow:0px 1px 2px rgba(0,0,0,0.12);
    }
    .emerald-featured .emerald-item .emerald-item-photo{
        width:100%;
        height: 204px;
        background-size: cover;
        align-self: flex-start;
    }
    .emerald-item .emerald-item-photo{
        width:100%;
        height: 186px;
        background-size: cover;
        align-self: flex-start;
    }
    .emerald-item h4{
        font-size:16px;
        margin: 8px 0 0;
        width:100%;
        text-overflow:ellipsis;
        align-self: flex-start;
        overflow: hidden;
        height: auto;
        margin-bottom: 4px;
         white-space: nowrap; /* must to remain*/
        max-height: 58px;
    }
    .emerald-item .emerald-item-info{
        font-size:14px;
        margin:0 0 8px;
        width:100%;
        text-overflow:ellipsis;
        align-self: flex-start;
        height: auto;
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0 10px;
        flex-basis: 100%;
        height: 29%;
    }
    .emerald-item p{
        height:32px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "Print Clearly";
        font-size: 16px;
        line-height: 1;
    }
    .emerald-item .emerald-price{
        margin-bottom:0;
        color:#464646;
        font-weight:600;
        align-self: flex-end;
        text-align:center;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: auto;
    }

    .emerald-title-bar{
        padding:0 15px;
    }
    .emerald-window.fx-scrollview{
        padding:0 15px;
    }


    .emerald-window .fx-scrollview{
        padding:15px;
        max-height: calc(100% - 76px);
    }
    header{
        padding:0 15px;
        padding-bottom: 26px;
        backface-visibility: hidden;
    }

    header .emerald-logo{
        margin:auto;
        text-align: center;
    }

    header .emerald-logo img{
        max-width:100%;
        max-height:100%;
    }
    .fx-col-md-6{
        max-width:50%;
    }
    .emerald-title-bar h2{
        font-size:20px;
        white-space:nowrap;
    }

    .emerald-title-bar i{
        font-size:18px;
    }
    .emerald-horizontal-scroll {
        flex-wrap:nowrap;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        display: flex;
    }
    .emerald-product-details .emerald-horizontal-scroll{
        top: 35px;
        position:fixed;
        left: 0;
        width: 100%;
    }
    header.as-header-top-small{
		height:35px;
    }
    .emerald-horizontal-scroll .emerald-item.fx-tab-content{
        opacity:1;
        height: 232px;
        max-width:100%;
        width:100%;
        flex: none;
        display: block;
        background: #ffffff;
        display: flex;
        overflow: hidden;
    }
   .emerald-horizontal-scroll .emerald-item{
       flex:none;
       margin-right:8px;
       display: flex;
       padding: 0;
       flex-wrap: wrap;
       max-height: 232px;
       color: inherit;
       height: 211px;
       align-content: flex-start;
       margin-bottom: 16px;
   }
    .emerald-item-list{
        margin-top: 27px;
    }
    .emerald-item-list .emerald-item{
        margin-bottom: 0;
        padding: 0;
        /* height: 220px; */
        display: block;
        color: inherit;
        margin-top: 4px;
    }

    .emerald-mobile-menu{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity: 0;
        /* transform: translateY(-15%); */
        pointer-events: none;
        transition: all ease-in-out .5s, background cubic-bezier(0, 0.76, 0.18, 0.96) .7s;
        z-index: 5;
        overflow-y: auto;
        overflow-x: hidden;
        backface-visibility:hidden;
    }
    .emerald-mobile-menu.fx-show{
        opacity: 1;
        /* transform: translateY(0px); */
        pointer-events: all;
        background: #ffffff;
        transition: all ease-in-out .5s, background cubic-bezier(1, 0.1, 0.73, 0.07) .7s;
    }
    .emerald-mobile-menu .emerald-menu-bg-left,.emerald-mobile-menu .emerald-menu-bg-top,.emerald-mobile-menu .emerald-menu-bg-bottom,.emerald-mobile-menu .emerald-menu-bg-right{
        transition:ease-in-out .5s;
    }
     .emerald-mobile-menu .emerald-menu-bg-left,.emerald-mobile-menu .emerald-menu-bg-top,.emerald-mobile-menu .emerald-menu-bg-bottom,.emerald-mobile-menu .emerald-menu-bg-right{
        backface-visibility:hidden;
    }
     .emerald-mobile-menu.fx-show .emerald-menu-bg-left,.emerald-mobile-menu.fx-show .emerald-menu-bg-top,.emerald-mobile-menu.fx-show .emerald-menu-bg-bottom,.emerald-mobile-menu.fx-show .emerald-menu-bg-right{
        transform:translateX(0) translateY(0) translateZ(0px);
    }
   .emerald-mobile-menu .emerald-menu-bg-top{
        border-top: solid 50vh var(--light-color);
        border-left: solid 50vw transparent;
        border-right: solid 50vw transparent;
        position: fixed;
        top:0;
        left:0;
        transform:translateY(-100%);
        z-index: 0;
    }
     .emerald-mobile-menu .emerald-menu-bg-bottom{
        border-bottom: solid 50vh var(--light-color);
        border-left: solid 50vw transparent;
        border-right: solid 50vw transparent;
        position: fixed;
        bottom:0;
        left:0;
        transform:translateY(100%);
        z-index: 0;
    }
    .emerald-mobile-menu .emerald-menu-bg-left{
        border-top: solid 50vh transparent;
        border-left: solid 50vw var(--light-color);
        border-bottom: solid 50vh transparent;
        position: fixed;
        top: 0px;
        left: 0px;
        transform:translateX(-100%);
        z-index: 0;
    }
    .emerald-mobile-menu .emerald-menu-bg-right{
        border-top: solid 50vh transparent;
        border-right: solid 50vw var(--light-color);
        border-bottom: solid 50vh transparent;
        position: fixed;
        top: 0px;
        right: 0px;
        transform:translateX(100%);
        z-index: 0;
    }
    .emerald-mobile-menu .emerald-menu-links{
        position: relative;
        margin-top: 105%;
        z-index: 1;
        background:none;
        top: 0;
        box-shadow: none;
    }
    .emerald-mobile-menu .emerald-menu-links a{
        line-height:2;
        font-size:18px;
        text-transform: uppercase;
        overflow: hidden;
        display: block;
        position: relative;
        width: 100%;
        color: var(--primary-color);
    }
    .emerald-menu-trigger.emerald-toggled .ripple{
        background:rgba(255, 106, 106, 0.24);
    }
    .fx-mobile{
    display: inherit;
    }
    .fx-desktop{
        display:none !important;
    }
	div.emerald-prod-img-container:before{
		display:inline-block !important;
	}
	div.prod.fx-tab-container:before{
		display:none !important;		
	}
    a.emerald-carousel-back, a.emerald-carousel-next {
        opacity: 1 !important;
        display: flex !important;
    }     
}





.emerald-item{
    position:relative;
    /* overflow:hidden; */
}
.emerald-item:hover .icon-prod:after {
    transition: ease 1s;
/*    opacity: 0.75;*/
    background-color: var(--primary-color-dark);
}
.emerald-item:hover .reverse-auction-badge .icon-prod:before {
    border-top-color: var(--primary-color-dark);
    border-bottom-color: var(--primary-color-dark);
}

.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(47, 47, 47, 0.1);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
    animation: rippleDrop .6s linear;
}
*{

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.product-c{
    position:absolute !important;
    padding:8px;
    top:0;
    background:#e95252;
    color:var(--light-color);
}
html[dir="ltr"] .product-c{
    left:0;
    border-bottom-right-radius:18px;
    z-index: 8;
    font-size: 14px;
}
html[dir="rtl"] .product-c{
    right:0;
    border-bottom-left-radius:18px;
    z-index: 8;
    font-size: 14px;
}
i.fa-gavel.bluec{
    color:var(--primary-color) !important;
    position:absolute;
    top:16px;
    z-index: 2;
}
html[dir="ltr"] i.fa-gavel.bluec{
    right:8px;
}
html[dir="rtl"] i.fa-gavel.bluec{
    left:8px;
}
@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.emerald-menu-links a .ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(91, 212, 161, 0.11);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
a.emerald-carousel-back,a.emerald-carousel-next {
    color: var(--light-color);
    position: absolute;
    top: 60px;
    opacity:0;
    bottom: 0;
    margin: auto;
    font-size: 28px;
    height: 45px;
    width: 45px;
    background: var(--primary-color);
    text-align: center;
    z-index: 2;
    border-radius: 50%;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
html[dir="rtl"] a.emerald-carousel-back,html[dir="rtl"] a.emerald-carousel-next{
    transform:rotate(180deg);
}
.emerald-featured:hover .emerald-carousel-back,.emerald-featured:hover .emerald-carousel-next{
    opacity:1;
}
a.emerald-carousel-back{
    left: 12px;
}
a.emerald-carousel-next{
    right: 12px;
}
a.emerald-carousel-back:hover,a.emerald-carousel-next:hover{
    background: rgba(0,0,0,0.8);
}

.fx-transparent{
    opacity:0;
    pointer-events:none;
}

.emerald-product-details{
    background: var(--light-color);
    min-height: 100%;
    padding-top: 16px;
}
.emerald-product-info h1{
     margin-bottom:0; 
}

@keyframes slide-in{
         from{
             transform:translateY(100%);
         }
         to{
             transform:translateY(0%);
         }
     }
.emerald-buy-footer {
    position:fixed;
    bottom:0;
    left:0;
    height: 54px;
    width:100%;
    background:#ffffff;
    margin-bottom:0;
    padding:6px;
    box-shadow:0px -1px 3px rgba(0,0,0,0.14);
    animation:ease-in-out .4s slide-in;
}
.emerald-buy-footer + div{
    margin-top: 62px;
}
.no-display + a{
    display: none;
}
div.secured-auction-badge:before, a.secured-auction-badge:before,div.reverse-auction-badge:before, a.reverse-auction-badge:before {
    content: " ";

    top: 6px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    transition: transform ease-in-out .5s;
}
.secured-auction-badge i.fa.fa-gavel.bluec,.reverse-auction-badge i.fa.fa-gavel.bluec{
    display:none !important;
}

.prod.secured-auction-badge:before, .prod.reverse-auction-badge:before{
	top: 0px;
	position:inherit;
}

.reverse-timer:after{
	top: 7px;	
}
html[dir="ltr"] .reverse-timer:after{
	left: 12px;
}
html[dir="rtl"] .reverse-timer:after{
	right: 12px;
}

div.emerald-prod-img-container:before{
	display:none;
}

.kl-img-background {
    background-size: cover !important;
}
.reserved-price-badge .icon-prod:before,
.reserved-price-badge .fx-tooltip:after {
    content: unset;
}
.reserved-price-badge [fx-toggle="tooltip"] .fx-tooltip:not(for-specificity) {
    position: relative;
    background-color: unset;
    color: #ffffff;
    left: 0 !important;
    margin-left: 0 !important;
    opacity: 1;
    transform: none;
    display: contents;
    line-height: 1.5em;
    text-align: center;
}
.emerald-ghost-button {
/*    max-height: 35px;*/
}
.emerald-item-photo + [class*="-badge"] {
    position: absolute !important;
    top: 20px;
    left: 0;
    right: 0;
}
.selected_currency {
    line-height: 15px;
}
.kl-any-badege {
    position: absolute !important;
    top: 20px;
    left: 0;
    right: 0;
}
.emerald-product-details .fx-discount-badge {
    padding: 5px 10px;
    height: auto;
    background: #e95252;
}
.emerald-buy-controls {
    height: 82px;
}
.emerald-buy-controls > * {
    font-size: 16px;
}
.disclaimer {
    color: #47cf96;
}
.kl-badge-with-text .kl-any-badege {
    position: relative !important;
    width: 50px;
    top: 0;
}
.kl-badge-with-text .kl-any-badege .icon-prod {
    margin: 0;
}
.kl-emerald-about {
    padding-top: 50px;
}
.emerald-product-details .emerald-price {
    font-size: 26px;
    color: var(--primary-color);
}
html[dir="ltr"] .emerald-product-details .reserved-price-badge {
    margin-right: 50px;
    margin-left: auto;
}
html[dir="rtl"] .emerald-product-details .reserved-price-badge {
    margin-left: 50px;
    margin-right: auto;
}
html[dir="ltr"] .emerald-product-details .price-old-small {
    text-align: right;
}
html[dir="rtl"] .emerald-product-details .price-old-small {
    text-align: left;
}
a#clear-global-filter {
    border-color:  var(--primary-color);
}
html[dir="ltr"] .reverse-timer {
    text-align: left;
} 
html[dir="rtl"] .reverse-timer {
    text-align: right;
}