:root {
    --color1:0, 152, 255; /*blue color*/
    --color1-hover:42, 100, 150;
    --color2:6, 136, 242; /*blue color ...*/
    --color3:255, 35, 68 /*red color #ff2344*/
}

@keyframes bounce{
     0%{
         transform:scale(0.6);
     }
     50%{
         transform:scale(1.8);
     }
     100%{
         transform:scale(1);
     }
}
@-moz-keyframes opac {
    0% {
        opacity: 0;
    }
    50%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes opac {
    0% {
        -webkit-opacity: 0;
    }
    50%{
        -webkit-opacity: 0;
    }
    100% {
        -webkit-opacity: 1;
    }
}
@-ms-keyframes opac {
    0% {
        -ms-opacity: 0;
    }
    50%{
        -ms-opacity: 0;
    }
    100% {
        -ms-opacity: 1;
    }
}
@-moz-keyframes pound {
    0% {
        transform: none;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: none;
    }
}
@-webkit-keyframes pound {
    0% {
        -webkit-transform: none;
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: none;
    }
}
@-ms-keyframes pound {
    0% {
        -ms-transform: none;
    }
    50% {
        -ms-transform: scale(1.1);
    }
    100% {
        -ms-transform: none;
    }
}
@keyframes preloader-back{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(-360deg);
    }
}
@keyframes left-right{
    0% {
        transform: translatex(0px);
    }
    50% {
        transform: translatex(15px);
    }
}
@keyframes left-right-rtl{
    0% {
        transform: translatex(-15px);
    }
    50% {
        transform: translatex(0px);
    }
    100% {
        transform: translatex(-15px);
    }
}
@keyframes up-down{
    0% {
        transform: none;
    }
    25% {
        transform: translateY(-10px);
    }
    75% {
        transform: translateY(5px);
    }
    100% {
        transform: none;
    }
}
@keyframes not-met{
    0% {
        transform: rotate(0deg);
        transform: none;
    }
    25% {
        transform: translateY(-10px);
    }
    75% {
        transform: translateY(5px);
    }
    100% {
        transform: none;
    }
}
@keyframes not-met-up{
    0% {
        transform: translateY(-30px);
    }
    100%{
        transform: translateY(30px);
    }
}
@keyframes walk-x{
    0%   {background-position-x: left;}
    100%   {background-position-x: right;}
}

@keyframes border-puls-transparent {
    0% {
        border-top: 3px solid rgba(255,0,0,1);
    }
    50% {
        border-top: 3px solid rgba(255,0,0,0);
    }
    100% {
        border-top: 3px solid rgba(255,0,0,1);
    }
}
@keyframes ch-color{
    0% {
        color:#333;
    }
    50% {
        color:rgb(var(--color3));
    }
    100% {
        color:#333;
    }
}
@keyframes bounce-chcolor{
     0% {
         transform:scale(1);
         color:#333;
     }
     50% {
         transform:scale(1.5);
         color:rgb(var(--color3));
     }
     100% {
         transform:scale(1);
         color:#333;
     }
}

/*********** COMPARE POPUP  **************/

	[class^="ace-"] td.compare_el_47 a {
		color: black !important;
	}

	[class^="ace-"] a.compare-remove-button {
		background: #ff5f5f;
		display: block;
		text-align: center;
		position: absolute;
		width: 24px;
		font-size: 14px;
		top: -10px;
		box-shadow: 0px 2px 3px rgba(0,0,0,0.26);
		height: 26px;
		color: #ffffff !important;
		line-height: 1.9;
		overflow:hidden;
		border-radius: 50%;
	}
	html[dir="ltr"] [class^="ace-"] a.compare-remove-button {
		right: -5px;	
	}
	html[dir="rtl"] [class^="ace-"] a.compare-remove-button {
		left: -5px;	
	}
	[class^="ace-"] a.compare-remove-button i{
		line-height:1 !important;
	}
	[class^="ace-"] a.compare-remove-button i:before{
		line-height: 1 !important;
	}
	[class^="ace-"] a.compare-remove-button:hover{
	   color:#ffffff;
	   transform: scale(1.1);
	   box-shadow: 0px 4px 10px rgba(0,0,0,0.26);
	}
	[class^="ace-"] td.compare_el_47.text-algn-center a i{
		color:#ffffff;
	}


	[class^="ace-"] table.table-compare {
		position: relative;
		margin-top: 15px;
	}

	[class^="ace-"] td.compare_el_47 {
	}

	[class^="ace-"] .compare-ad-placeholder {
		padding: 10px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.26);
		position: relative;
		background: #ffffff;
		transition:ease-in-out .3s;
	}

	[class^="ace-"] .compare-ad-placeholder:after {
		position:absolute;
		width:100%;
		height:100%;
		pointer-events: none;
		top:0;
		transition: ease-in-out .3s;
		opacity: 0;
		z-index: 0;
		box-shadow: 0px 6px 14px rgba(0,0,0,0.26);
		content:' ';
	}
	html[dir="ltr"] [class^="ace-"] .compare-ad-placeholder:after {
		left:0;	
	}
	html[dir="rtl"] [class^="ace-"] .compare-ad-placeholder:after {
		right:0;	
	}
	[class^="ace-"] .compare-ad-placeholder:hover:after {
		opacity: 1;
	}
	div#ace-compare-popup .ace-form-container {
		background: #f0f3f5;
	}

	[class^="ace-"] .compare-window-titlebar {
		font-size: 18px;
		color: #000000;
	}

	[class^="ace-"] .compare-attr-name b {
		font-weight: normal;
	}

	[class^="ace-"] .gallery-view-title.compare-ad-placeholder-gal-title {}

	[class^="ace-"] .price-gallery {
		color: #00a2ff;
	}

	[class^="ace-"] .price-gallery-title {
		font-size: 13px;
		opacity: 0.6;
	}
	html[dir="ltr"] [class^="ace-"] .price-gallery-title {
		float: left;
		margin-right: 5px;	
	}
	html[dir="rtl"] [class^="ace-"] .price-gallery-title {
		float: right;
		margin-left: 5px;	
	}

	[class^="ace-"] .text-blue-gallery {
		font-size: 13px;
	}

	[class^="ace-"] tr.table-compare-row-attributes {
		border-bottom: 1px solid rgba(0,0,0,0.05);
		padding: 5px 0;
		height: 30px;
	}

	[class^="ace-"] table .table-compare-row-attributes:nth-child(2) {
		border: none;
	}
	html[dir="ltr"] [class^="ace-"] .compare-ad-placeholder {
		float:left;
		margin-right: 10px;
		margin-left: 0px;
	}
	html[dir="rtl"] [class^="ace-"] .compare-ad-placeholder {
		float:right;
		margin-left: 10px;
		margin-right: 0px;
	}
	[class^="ace-"] .compare-window-titlebar {
		height: auto;
		color: #333333;
		padding-top: 15px;
		border-bottom: 1px solid #ddd;
		font-size: 21px;
		text-transform: uppercase;
		padding-bottom: 15px;
		line-height: 21px;
		width: 100%;
	}
	html[dir="ltr"] [class^="ace-"] .compare-window-titlebar {
		float: left;
		text-align: left;
		padding-left: 45px;
	}
	html[dir="rtl"] [class^="ace-"] .compare-window-titlebar {
		float: right;
		text-align: right;
		padding-right: 45px;
	}

	[class^="ace-"] .compare-window-subtitle-container {
		/* height: 26px; */
		width: 100%;
		border-bottom: 1px solid #ddd;
		/* display: flex; */
		padding-top: 10px;
		margin-bottom: 15px;
	}

	html[dir="ltr"] [class^="ace-"] .compare-window-subtitle-container {
		float: left;
		text-align:left;
	}
	html[dir="rtl"] [class^="ace-"] .compare-window-subtitle-container {
		float: right;
		text-align:right;
	}

	[class^="ace-"] .compare-window-subtitle-container input {
		background: hsla(116,60%,70%,1) !important;
		line-height: 25px;
		border: none;
		width: auto;
		color: #282828;
		font-weight: normal;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.26) !important;
		padding: 3px 25px;
		border-radius: 1px;
		margin-bottom: 11px;
		transition: all linear .2s;
	}
	[class^="ace-"] .compare-window-subtitle-container input:hover{
		box-shadow: 0px 3px 8px rgba(0,0,0,0.26) !important;
	}
	html[dir="ltr"] [class^="ace-"] .compare-window-subtitle-container input {
		float:right;
	}
	html[dir="rtl"] [class^="ace-"] .compare-window-subtitle-container input {
		float:left;
	}

	[class^="ace-"] .compare-window-subtitle {
		padding-top: 7px;
		display: inline-block;
	}
	[class^="ace-"] .compare {
		float: none;
		border-top: solid 1px rgba(0,0,0,0.05);
		margin-top: 11px;
		padding-top: 5px;
		background: transparent;
	}

	[class^="ace-"] .compare a {
		background: transparent;
		box-shadow: none;
		color: #333;
	}
	html[dir="ltr"] [class^="ace-"] .compare a {
		padding-left: 2px;
	}
	html[dir="rtl"] [class^="ace-"] .compare a {
		padding-right: 2px;
	}

	html[dir="ltr"] [class^="ace-"] .compare label {
		margin-left: 5px;
	}
	html[dir="rtl"] [class^="ace-"] .compare label {
		margin-right: 5px;
	}

	[class^="ace-"] .compare-attr-name {
		border-bottom: 1pt dotted rgba(0,0,0,0.05);
		background: #ffffff;
		padding: 5px;
	}

	html[dir="ltr"] [class^="ace-"] .compare-attr-name {
		text-align:left;
	}
	html[dir="rtl"] [class^="ace-"] .compare-attr-name {
		text-align:right;
	}
	[class^="ace-"] .compare-attr-val {
		text-align:center;
		border-bottom: 1pt dotted rgba(0,0,0,0.05);
		transition: linear .2s;
	}



	[class^="ace-"] .compare-ad-placeholder-gal-title {
		max-height: 28px;
		min-height: 28px;
	}

	[class^="ace-"] .compare-btn-container {
	  display: inline-block;
	}
	html[dir="ltr"] [class^="ace-"] .compare-btn-container {
		float: right;
	}
	html[dir="rtl"] [class^="ace-"] .compare-btn-container {
		float: left;
	}
	[class^="ace-"] .compare-now {
	  cursor: pointer;
	  display: inline-block;
	  width: 146px;
	  padding: 7px 5px 5px 0px;
	  text-align: center;
	  vertical-align: middle;
	  text-decoration: none;
	  line-height: normal;
	  border-radius: 2px;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  background-color: #ff9000;
	  border: 1px solid #DDD;
	  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f8f8f8));
	  background: -moz-linear-gradient(top, #fefefe, #f8f8f8);
	  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);
	}

	[class^="ace-"] .compare-now span {
	  margin-top: 2px;
	}
	[class^="ace-"] .compare-now a {
	  color: #777;
	  text-decoration: none;
	  vertical-align: super;
	}

	html[dir="ltr"] [class^="ace-"] .compare-now a {
		margin-right: 6px;
	}
	html[dir="rtl"] [class^="ace-"] .compare-now a {
		margin-left: 6px;
	}
	[class^="ace-"] .compare-now a:hover {
	  color: #ff9000;
	  text-decoration: underline;
	}

/*********** END COMPARE POPUP  **************/

.puls-border {
    animation: 1s ease 0s normal none infinite border-puls-transparent;
}
.puls {
    animation: 1s ease 0s normal none 10 pound;
}
.puls-loop {
    animation: 1s ease 0s normal none infinite pound;
}
.bounce-chcolor {
        animation: 1s ease 0s normal none infinite bounce-chcolor;
}


p.prod-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a#clear-global-filter{
    border: solid 1px #007acc;
    padding:9px;
    text-align: center;
    margin-top: 5px;
}

html[dir="rtl"] .owl-next{
    left:15px !important;
    right:initial !important;
}
html[dir="rtl"] .owl-prev{
    right:15px !important;
    left:initial !important;

}
html[dir="rtl"] .cat-carousel .owl-prev{
    transform: rotate(180deg) scaleY(1.2) !important;

}
html[dir="rtl"] .cat-carousel .owl-next{
    transform: rotate(180deg) scaleY(1.2) !important;

}
html[dir="rtl"] .carousel .owl-prev{
    transform: rotate(180deg) scaleY(1.4) !important;

}
html[dir="rtl"] .carousel .owl-next{
    transform: rotate(180deg) scaleY(1.4) !important;

}
html,body{
    padding: 0;
    margin: 0;
    /* overflow-x: hidden; */
}
body{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 14px;
    /* overflow-x: hidden; */
    background-color: #fbfaf9;
    background-repeat:  no-repeat;
    background-size: cover;
}
html[dir="rtl"] *{
    font-family:"Droid Arabic Kufi",sans-serif,"FontAwesome",'Icofont' !important;
}
html[dir="rtl"] body{
    font-size:12px;
}
*{
    box-sizing: border-box;
    border: none;
    outline: 0;
}


.reverse-auction-badge .reverse-timer, .swing-badge .reverse-timer{
    align-self:center;
    margin:0 5px;
    position:relative;
}
.cupcakes-section .item .reverse-timer {
    width: 129px;
}
.product.reverse-auction-badge .reverse-timer, .product.swing-badge .reverse-timer{
    display: none !important;
}
.reverse-auction-badge .reverse-timer:before, .swing-badge .reverse-timer:before {
    content:"\f10a";
    font-family:"icofont";
    font-size:16px;
    color:rgb(var(--color1));
    display:inline-block;
    width:24px;
    text-align: center;
}
.reverse-auction-badge .reverse-timer:after, .swing-badge .reverse-timer:after {
    content:" ";
    width:1px;
    height:6px;
    position:absolute;
    top:5px;
    background:rgb(var(--color1));
    animation:reverse-timer linear 1.4s infinite;
    transform-origin:bottom;
    border-radius:8px;
}

.reverse-timer {
/*    position: relative;*/
}

.view-only-badge .icon-prod,.secured-auction-badge .icon-prod,.auction-badge .icon-prod,.blind-badge .icon-prod,.secured-blind-badge .icon-prod,.reverse-auction-badge .icon-prod,.swing-badge .icon-prod, .reserved-price-met .icon-prod, .reserved-price-not-met .icon-prod, .kl-any-badege .icon-prod {
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    width: 35px;
    top: -14px;
    margin:auto;
}
.icon-prod:before{
    content:'';
    position:absolute;
    margin:auto;
    background-color:transparent;
    border:2px solid transparent;
    color:#ffffff;
    width:43px;
    height:43px;
    left: -6px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    animation:linear preloader 1.5s infinite;
    box-sizing: content-box;
}

.reverse-auction-badge .icon-prod:before,.swing-badge .icon-prod:before {
    border-top-color:#55c932;
    border-bottom-color:#55c932;
}
.icon-prod:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 4px;
    top: 4px;
    transition: ease 1s;
}
html[dir="ltr"] .icon-prod:after {
	left: -2px;
}
html[dir="rtl"] .icon-prod:after {
	right: -2px;
}
.kl-any-badege .icon-prod:after{
    background: url(images/simple1-w.png) no-repeat scroll center center #55c932;
}
.kl-any-badege:not([class*="-badge"]) .icon-prod:after{
    left: 7px;    
}
.secured-auction-badge .icon-prod:after{
    background: url(images/secured-auction.png) no-repeat scroll center center #55c932;
}
.auction-badge .icon-prod:after{
    background: url(images/auction.png) no-repeat scroll center center #55c932;
}
.blind-badge .icon-prod:after{
    background: url(images/blind-auction.png) no-repeat scroll center center #55c932;
}
.secured-blind-badge .icon-prod:after{
    background: url(images/secured-blind-auction.png) no-repeat scroll center center #55c932;
}
.view-only-badge .icon-prod:after{
    background: url(images/view-only.png) no-repeat scroll center center #55c932;
}
.blind-badge .icon-prod:after {
    background: url(images/blind-auction.png) no-repeat scroll 11px center #55c932;
/*    animation:linear walk-x 3s infinite;*/
}
.reverse-auction-badge .icon-prod:after{
    background: url(images/reverse-auction.png) no-repeat scroll center center #55c932;
}
.reverse-auction-badge .icon-prod:before{
    animation:linear preloader-back 1.5s infinite;
}
.swing-badge .icon-prod:after{
    background: url(images/swing-auction.png) no-repeat scroll center center #55c932;
    width: 27px;
    height: 27px;
}
.swing-badge .icon-prod:before{
    animation:linear left-right 1s infinite;
    border:2px solid transparent;
    border-top-color:#fff;
    border-bottom-color:#fff;
    border-radius: 20%;
    width: 2px;
    height: 18px;
    top: 12px;
    left: 4px !important;
    z-index: 99999;
}
html[dir="rtl"] .swing-badge .icon-prod:before{
    animation:linear left-right-rtl 1s infinite;
}

html[dir="ltr"] .swing-badge .icon-prod:before{
	left: -7px;	
}
html[dir="rtl"] .swing-badge .icon-prod:before{
	right: -7px;	
}
.reserved-price-met .icon-prod,.reserved-price-not-met .icon-prod{
    top: 0;
    padding: 5px 10px;
    color: #fff;
    border-radius: 10px;
    position: relative;
    width: auto;
    font-weight: bold;
}
.reserved-price-met .icon-prod {
    background: #55c932;
}
.reserved-price-not-met .icon-prod {
    background: #ef8c38;
}
.auction-badge .reserved-price-met .icon-prod:after, .auction-badge .reserved-price-not-met .icon-prod:after{
    background: none;
}
.reserved-price-met .icon-prod:after,.reserved-price-not-met .icon-prod:after{
    content: none;
}



html[dir="ltr"] .reverse-timer:after{
    left:11px;
}
html[dir="rtl"] .reverse-timer:after{
    right:11px;
}
/******** GENERAL STYLES *******/
header{
    position: relative;
}
.header{background: #ffffff;box-shadow: 0px 2px 4px rgba(0,0,0,0.12);}
.header .fx-dropdown-toggle i{
    font-size: 28px;
}
.hero-region{
    background: #ffffff;
    padding: 0 0;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
}
section{
    padding: 15px;
     background: #ffffff;
    margin-bottom: 15px;
}
h1, h2,h3,h4,h5{
    font-weight: 400;
    margin: 0;
}
p{
    margin:0;
}
section > .fx-title{
    margin-top: 0;
}
.fx-text-section p{
    margin:10px 0;
    line-height: 1.4;
    margin-bottom: 10px;
}
.terms-conditions .fx-text-section li{
    padding-bottom:5px;
}
.terms-conditions .fx-text-section p, .terms-conditions .fx-text-section p span{
    text-indent:0 !important;
}
html[dir="ltr"] .fx-text-section ul,
html[dir="ltr"] .fx-text-section ol{
    padding-left:25px;
}
html[dir="rtl"] .fx-text-section ul,
html[dir="rtl"] .fx-text-section ol{
    padding-right:25px;
}
.fx-text-section [style="white-space:pre"]{
    display:none;
}
h1{
    font-size: 30px;
}
html[dir="rtl"] h1{
    font-size:26px;
}
h2{
    font-size: 26px;
}
html[dir="rtl"] h2{
    font-size: 23px;
}
h3{
    font-size: 18px;
}
html[dir="rtl"] h3{
    font-size:16px;
}
.fx-title{
    margin:10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.fx-separation{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.fx-subtitle{
    opacity: 0.7;
    margin: 0;
}
a, input,button{
    transition: ease-out .3s;
}
a{
    color:#686868;
    text-decoration: none;
    cursor: pointer;
}
.ace-form-inner a{
    /* color:rgb(var(--color1)); */
}
a:hover{
    color:rgb(var(--color1));
}
td a{
    color:rgb(var(--color1)) !Important;
}
i{
    font-style: initial;
}
.section-title{
    padding: 0;
    margin: 0;
}
.fa{
    font-family: "FontAwesome";
}
/*** svg library ***/
.as-svg-icon{
  /* Lets the icon inherit the text color. */
  fill: #000000;
  width: 1em;
  height: 1em;

  /* Nice visual alignment for icons alongside text.
     (I got a few questions about this and: with most
     fonts and styles, this works better than just
     vertical-align:middle. Try it and see what you
     like best. */
  vertical-align: -0.15em;

  /* Paths and strokes that overflow the viewBox can
     show in IE. If you use normalize.css, it already
     sets this. */
  overflow: hidden;
}
#as-svg-library{
display:none;}

/******** LAYOUT RULES *******/
html[dir="ltr"] .fx-pull-left{
    float:left;
}
html[dir="rtl"] .fx-pull-left{
    float:right;
}
html[dir="ltr"] .fx-pull-right{
    float:right;
}
html[dir="rtl"] .fx-pull-right{
    float:left;
}

html[dir="ltr"] .fx-pull-flex-left{
    margin-right:auto;
}
html[dir="rtl"] .fx-pull-flex-left{
    margin-left:auto;
}
html[dir="ltr"] .fx-pull-flex-right{
    margin-left:auto;
}
html[dir="rtl"] .fx-pull-flex-right{
    margin-right:auto;
}
.fx-hide, .ace-hide {
	display: none !important;
}
.fx-justify-center{
    justify-content: center;
}
.fx-justify-space-around{
    justify-content: space-around;
}
.fx-justify-space-between{
    justify-content: space-between;
}
.fx-justify-left{
    justify-content: flex-start;
}
.fx-justify-right{
    justify-content: flex-end;
}

.fx-valign-center{
    align-items: center;
}
.fx-valign-baseline{
    align-items: baseline;
}
.fx-valign-top{
    align-items: flex-start;
}
.fx-valign-bottom{
    align-items: flex-end;
}
.fx-valign-strech{
    align-items: stretch;
}

.fx-content-valign-center{
    align-content: center;
}
.fx-content-valign-baseline{
    align-content: baseline;
}
.fx-content-valign-top{
    align-content: flex-start;
}
.fx-content-valign-bottom{
    align-content: flex-end;
}
.fx-content-valign-strech{
    align-content: stretch;
}

.fx-self-align-center{
    align-self: center;
}
.fx-self-align-bottom{
    align-self: flex-end;
}
.fx-self-align-top{
    align-self: flex-start;
}
.fx-self-align-baseline{
    align-self: baseline;
}
.fx-row-nowrap{
    flex-wrap: nowrap;
}
.fx-row.fx-row-nowrap{
    flex-wrap: nowrap;
}
.fx-container{
    max-width: 1200px;
    margin: 0 auto;
    flex-basis: 1200px;
}
.fx-responsive-image {
    max-height: 100%;
    max-width: 100%;
}

.vertical-carousel{
    margin:0 auto;
}
.vertical-carousel .fx-text-center{
    margin:0 auto;
    min-width: 100%;
    width: 100% !important;
}
.fx-5-items-carousel{
    /* padding:0 25px; */
    margin-bottom: 25px;
}
.fx-fixed-size{
    flex:none;
}
.fx-field{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 4px;
}
.fx-form input, .fx-form .fx-field{
    margin-bottom: 5px;
}
.fx-form-help {
    font-size: 11px;
    margin: 0;
    margin-bottom: 10px;
    opacity: 0.9;
    padding: 0 15px;
}
html[dir="rtl"] .fx-form-help {
    font-size: 9px;
}
.fx-vertical-form{
    padding: 5px;
}
.fx-vertical-form input{
    margin-bottom: 3px;
}
.fx-vertical-form button,
.fx-vertical-form .fx-button{
    width: 100%;
}
/*** za grid ***/

.fx-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fx-column{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.fx-row-next:before, .fx-row-next:after{
    content: '';
    width: 100%;
    order: 1;
}
[class*="fx-col-"]{
    flex: 1;
}
[class*="fx-col-"] input{
    width: 100%;
}
#ace-product-edit-form .imput85 [name*="_pr_package_"] {
    width: 85%;
}


/******** LAYOUT GRID RULES *******/
.fx-col-split-5{
    -webkit-flex-basis:20%;
        -ms-flex-preferred-size:20%;
            flex-basis:20%;
    max-width:20%;
}
.fx-col-split-4{
    -webkit-flex-basis:25%;
        -ms-flex-preferred-size:25%;
            flex-basis:25%;
    max-width:25%;
}
.fx-col-split-3{
    -webkit-flex-basis:33%;
        -ms-flex-preferred-size:33%;
            flex-basis:33%;
    max-width:33%;
}
.fx-col-split-2{
    -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
    max-width:50%;
}
.fx-col-split-1{
    -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
            flex-basis:100%;
    max-width:100%;
}

.fx-col-xs-1{
    -webkit-flex-basis:8.33%;
        -ms-flex-preferred-size:8.33%;
            flex-basis:8.33%;
    max-width:8.33%;
}
.fx-col-xs-2{
    -webkit-flex-basis:16.66%;
        -ms-flex-preferred-size:16.66%;
            flex-basis:16.66%;
    max-width:16.66%;
}
.fx-col-xs-3{
    -webkit-flex-basis:25%;
        -ms-flex-preferred-size:25%;
            flex-basis:25%;
    max-width:25%;
}
.fx-col-xs-4{
    -webkit-flex-basis:33.33%;
        -ms-flex-preferred-size:33.33%;
            flex-basis:33.33%;
    max-width:33.33%;
}
.fx-col-xs-5{
    -webkit-flex-basis:41.66%;
        -ms-flex-preferred-size:41.66%;
            flex-basis:41.66%;
    max-width:41.66%;
}
.fx-col-xs-6{
    -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
    max-width:50%;
}
.fx-col-xs-7{
    -webkit-flex-basis:58.33%;
        -ms-flex-preferred-size:58.33%;
            flex-basis:58.33%;
    max-width:58.33%;
}
.fx-col-xs-8{
    -webkit-flex-basis:66.66%;
        -ms-flex-preferred-size:66.66%;
            flex-basis:66.66%;
    max-width:66.66%;
}
.fx-col-xs-9{
    -webkit-flex-basis:75%;
        -ms-flex-preferred-size:75%;
            flex-basis:75%;
    max-width:75%;
}
.fx-col-xs-10{
    -webkit-flex-basis: 83.33%;
        -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
    max-width:83.33%;
}
 .fx-col-xs-12{
    -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
            flex-basis:100%;
    max-width:100%;
}

form[name="PayNow"] td b{
	padding: 0px 5px;
}
form[name="PayNow"] td a{
	padding: 0px 5px;
}

@media screen and (min-width:768px){
    .fx-col-sm-1{
        -webkit-flex-basis:8.33%;
            -ms-flex-preferred-size:8.33%;
                flex-basis:8.33%;
        max-width:8.33%;
    }
    .fx-col-sm-2{
        -webkit-flex-basis:16.66%;
            -ms-flex-preferred-size:16.66%;
                flex-basis:16.66%;
        max-width:16.66%;
    }
    .fx-col-sm-3{
        -webkit-flex-basis:25%;
            -ms-flex-preferred-size:25%;
                flex-basis:25%;
        max-width:25%;
    }
    .fx-col-sm-4{
        -webkit-flex-basis:33.33%;
            -ms-flex-preferred-size:33.33%;
                flex-basis:33.33%;
        max-width:33.33%;
    }
    .fx-col-sm-5{
        -webkit-flex-basis:41.66%;
            -ms-flex-preferred-size:41.66%;
                flex-basis:41.66%;
        max-width:41.66%;
    }
    .fx-col-sm-6{
        -webkit-flex-basis:50%;
            -ms-flex-preferred-size:50%;
                flex-basis:50%;
        max-width:50%;
    }
    .fx-col-sm-7{
        -webkit-flex-basis:58.33%;
            -ms-flex-preferred-size:58.33%;
                flex-basis:58.33%;
        max-width:58.33%;
    }
    .fx-col-sm-8{
        -webkit-flex-basis:66.66%;
            -ms-flex-preferred-size:66.66%;
                flex-basis:66.66%;
        max-width:66.66%;
    }
    .fx-col-sm-9{
        -webkit-flex-basis:75%;
            -ms-flex-preferred-size:75%;
                flex-basis:75%;
        max-width:75%;
    }
    .fx-col-sm-10{
        -webkit-flex-basis: 83.33%;
            -ms-flex-preferred-size: 83.33%;
                flex-basis: 83.33%;
        max-width:83.33%;
    }
     .fx-col-sm-12{
        -webkit-flex-basis:100%;
            -ms-flex-preferred-size:100%;
                flex-basis:100%;
        max-width:100%;
    }
}

@media screen and (min-width:990px) {
    .fx-col-md-1{
        -webkit-flex-basis:8.33%;
            -ms-flex-preferred-size:8.33%;
                flex-basis:8.33%;
        max-width:8.33%;
    }
    .fx-col-md-2{
        -webkit-flex-basis:16.66%;
            -ms-flex-preferred-size:16.66%;
                flex-basis:16.66%;
        max-width:16.66%;
    }
    .fx-col-md-3{
        -webkit-flex-basis:25%;
            -ms-flex-preferred-size:25%;
                flex-basis:25%;
        max-width:25%;
    }
    .fx-col-md-4{
        -webkit-flex-basis:33.33%;
            -ms-flex-preferred-size:33.33%;
                flex-basis:33.33%;
        max-width:33.33%;
    }
    .fx-col-md-5{
        -webkit-flex-basis:41.66%;
            -ms-flex-preferred-size:41.66%;
                flex-basis:41.66%;
        max-width:41.66%;
    }
    .fx-col-md-6{
        -webkit-flex-basis:50%;
            -ms-flex-preferred-size:50%;
                flex-basis:50%;
        max-width:50%;
    }
    .fx-col-md-7{
        -webkit-flex-basis:58.33%;
            -ms-flex-preferred-size:58.33%;
                flex-basis:58.33%;
        max-width:58.33%;
    }
    .fx-col-md-8{
        -webkit-flex-basis:66.66%;
            -ms-flex-preferred-size:66.66%;
                flex-basis:66.66%;
        max-width:66.66%;
    }
    .fx-col-md-9{
        -webkit-flex-basis:75%;
            -ms-flex-preferred-size:75%;
                flex-basis:75%;
        max-width:75%;
    }
    .fx-col-md-10{
        -webkit-flex-basis: 83.33%;
            -ms-flex-preferred-size: 83.33%;
                flex-basis: 83.33%;
        max-width:83.33%;
    }
     .fx-col-md-12{
        -webkit-flex-basis:100%;
            -ms-flex-preferred-size:100%;
                flex-basis:100%;
        max-width:100%;
    }
}


@media screen and (min-width:1200px) {
    .fx-col-lg-1{
        -webkit-flex-basis:8.33%;
            -ms-flex-preferred-size:8.33%;
                flex-basis:8.33%;
        max-width:8.33%;
    }
    .fx-col-lg-2{
        -webkit-flex-basis:16.66%;
            -ms-flex-preferred-size:16.66%;
                flex-basis:16.66%;
        max-width:16.66%;
    }
    .fx-col-lg-3{
        -webkit-flex-basis:25%;
            -ms-flex-preferred-size:25%;
                flex-basis:25%;
        max-width:25%;
    }
    .fx-col-lg-4{
        -webkit-flex-basis:33.33%;
            -ms-flex-preferred-size:33.33%;
                flex-basis:33.33%;
        max-width:33.33%;
    }
    .fx-col-lg-5{
        -webkit-flex-basis:41.66%;
            -ms-flex-preferred-size:41.66%;
                flex-basis:41.66%;
        max-width:41.66%;
    }
    .fx-col-lg-6{
        -webkit-flex-basis:50%;
            -ms-flex-preferred-size:50%;
                flex-basis:50%;
        max-width:50%;
    }
    .fx-col-lg-7{
        -webkit-flex-basis:58.33%;
            -ms-flex-preferred-size:58.33%;
                flex-basis:58.33%;
        max-width:58.33%;
    }
    .fx-col-lg-8{
        -webkit-flex-basis:66.66%;
            -ms-flex-preferred-size:66.66%;
                flex-basis:66.66%;
        max-width:66.66%;
    }
    .fx-col-lg-9{
        -webkit-flex-basis:75%;
            -ms-flex-preferred-size:75%;
                flex-basis:75%;
        max-width:75%;
    }
    .fx-col-lg-10{
        -webkit-flex-basis: 83.33%;
            -ms-flex-preferred-size: 83.33%;
                flex-basis: 83.33%;
        max-width:83.33%;
    }
     .fx-col-lg-12{
        -webkit-flex-basis:100%;
            -ms-flex-preferred-size:100%;
                flex-basis:100%;
        max-width:100%;
    }
}

@media screen and (min-width:320px) and (max-width:599px) {
    [class*="fx-col-"]{
        flex-basis: 100%;
    }
    .zoomContainer{
        display:none;
    }
}
/*** END GRID ***/


/****** END LAYOUT *******/

/*** UI COMPONENTS ***/
/* tooltip */
[fx-toggle="tooltip"]{
    position:relative;
}
[fx-toggle="tooltip"] .fx-tooltip{
    display: flex;
    justify-content:center;

    position:absolute;
    transform: translateY(20%);

    width:120px;
    max-width:120px;
    padding:6px;

    text-align:center;
    font-weight:400;
    font-size:14px;

    background-color:#222e3f;
    color:#ffffff;
    border-radius:6px;

    transition:ease-in-out .3s;
    transform:translateY(-40%);
    opacity:0;
    pointer-events:none;
    bottom:calc(100% + 12px);
}
html[dir="ltr"] [fx-toggle="tooltip"] .fx-tooltip{
	left:50%;
    margin-left: -60px;	
}
html[dir="rtl"] [fx-toggle="tooltip"] .fx-tooltip{
	right:50%;
    margin-right: -60px;	
}
[fx-toggle="tooltip"][fx-placement="bottom"] .fx-tooltip{
    bottom:initial;
    top:calc(100% + 12px);
}
[fx-toggle="tooltip"]:hover .fx-tooltip{
    transform:translateY(0px);
    opacity:1;

}
.fx-tooltip:after{
    content:' ';
    position:absolute;
    width:0;
    bottom:-8px;

    left:0;
    right:0;


    margin:auto;

    border-top:10px solid #222e3f;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
[fx-toggle="tooltip"][fx-placement="bottom"] .fx-tooltip:after{

    top:-8px;

    bottom:initial;
    border-top:none;


    border-bottom:10px solid #222e3f;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
/* end tooltip */

.fx-pagination {
    justify-content: center;
    align-items: center;
    margin-top:15px;
}
html[dir="ltr"] .fx-pagination .fx-pagination-prev{
    margin-right:10px;
}
html[dir="rtl"] .fx-pagination .fx-pagination-prev{
    margin-left:10px;
}
html[dir="ltr"] .fx-pagination .fx-pagination-next{
     margin-left:10px;
}
html[dir="rtl"] .fx-pagination .fx-pagination-next{
     margin-right: 9px;
}
.fx-pagination .fx-pagination-link{
    padding: 5px 10px;
    color: #02a2ff;
    cursor: pointer;
}
.fx-pagination .fx-pagination-link.fx-pagination-current{
    background: #dde1e5;
    color: #464646;
    cursor: default;
}

.as-cookie-alert{
    animation: slide-in ease .8s;
    transform: translate3d(0px,130%,0px);
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top:initial !important;
    bottom: 0;
}
.as-cookie-alert > .fx-col-md-12{
    width:1200px;
    max-width:1200px !important;
    margin:auto;
}
.fx-offcanvas-panel{
    background: rgb(255, 255, 255);
    position: fixed;
    max-height: calc(100% - 43px);
    top:0;
    transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    z-index: 12;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.12), 0px 0px 2px rgba(0,0,0,0.12);
}
html[dir="ltr"] .fx-offcanvas-panel{
	left: 0;	
}
html[dir="rtl"] .fx-offcanvas-panel{
	right: 0;	
}
.fx-offcanvas-panel.as-cookie-alert .fx-close-current{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    height:45px;
    max-width:45px !important;
    align-self:center;
}
.fx-offcanvas-panel.fx-show, .fx-offcanvas-panel.ace-show{
    transform: translate3d(0px,0px,0px);
}
/* tags */
.fx-tags{
    padding: 4px 5px 2px 5px;
    /* height:37px; */
    border:1px solid rgba(0,0,0,0.1);
    display: flex;
    line-height: 27px;
    min-height: 37px;
    flex-wrap: wrap;
    vertical-align: top;
}
.fx-tags input{
    margin: -3px 5px 0;
    padding:0 !important;
    border-color:transparent !important;
    height: 20px;
    align-self: center;
    width: auto !important;
}
.fx-tags .fx-tag {
    position:relative;
    align-items:center;
    display:flex;
    align-self: center;
    vertical-align: text-top;
    /* margin-bottom: 5px; */
    display: inline-block;
    height: 26px;
    padding:0 5px;
    margin-bottom: 2px;
    /* height: 26px; */
    background:rgb(var(--color1));
    color:#ffffff;
}
html[dir="ltr"] .fx-tags .fx-tag{
    margin-right:4px;
}
html[dir="rtl"] .fx-tags .fx-tag{
    margin-left:4px;
}
.fx-tags .fx-tag .fx-tag-remove{
    color:#ffffff;
    display:inline-block;
    font-size:12px;
    width:15px;
    height:15px;
    text-align:center;
    border-radius:50%;
}
.dropzone {border: 2px dashed rgb(var(--color1));border-radius: 5px;background: white;margin-bottom: 0;}
.dropzone .dz-message {font-weight: 400;font-size: 18px;}
.dropzone .dz-message .note { font-size: 0.8em; font-weight: 200; display: block; margin-top: 1.4rem; }
/** accordion **/
.fx-collapsible{
    max-height: 44px;
    transition:max-height linear .2s;
    overflow: hidden;
    border: 1px solid rgb(var(--color1));
    background:rgb(var(--color1));
    color: #ffffff;
    padding: 0 10px 10px;
    margin-bottom: 1px;
    will-change: max-height, background;
    transform: translate3d(0px,0px,0px);
}
.fx-collapsible.fx-show, .fx-collapsible.ace-show{
    /* max-height: 800px; */
    margin-bottom: 5px;
    margin-top: 5px;
}
.fx-collapsible-toggle{
    width: 100%;
    padding: 10px 5px;
    display: flex;
    justify-content:space-between;
}
a.fx-collapsible-toggle{
    color: #ffffff;
    font-size:18px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 1;
}
.fx-collapsible.fx-show a.fx-collapsible-toggle, .fx-collapsible.ace-show a.fx-collapsible-toggle{
    color:#383838;
}

.fx-collapsible-toggle:after{
    content: '\f107';
    font-family: "FontAwesome";
    width: 15px;
    display: inline-block;
    font-size: 18px;
    top: 1px;
    position: relative;
    transition:ease .2s;
    height:20px;
    text-align:center;
    transform-origin:center;
}
.fx-collapsible.fx-show .fx-collapsible-toggle:after, .fx-collapsible.ace-show .fx-collapsible-toggle:after{
    transform:rotate(180deg);
}

.fx-collapsible.fx-show, .fx-collapsible.ace-show{
    background: transparent;
    border-color:transparent;
    color:#383838;
    max-height: 800px;
    transition: max-height linear .2s;
    border: 1px solid #d2d2d2;
}
.fx-collapsible-content{
    transform: scaleY(0);
    transition: ease .2s;
    transform-origin: top;
    max-height: 0;
    overflow: hidden;
    will-change: transform;
}
.fx-collapsible.fx-show .fx-collapsible-content, .fx-collapsible.ace-show .fx-collapsible-content{
   transform: scaleY(1);
   max-height: 800px;
   padding: 10px 0;
   overflow: visible;
   display: flex;
   flex-wrap: wrap;
}
/** dropdown **/
.fx-dropdown{
    position: relative;
}
.fx-dropdown-toggle{
      color:#383838;
}
.fx-dropdown-toggle span {
    padding: 0 5px;

}
.fx-dropdown-toggle:after{
    content: '\f107';
    font-family: "FontAwesome";
    width: 15px;
    display: inline-block;
    font-size: 18px;
    top: 1px;
    position: relative;
    color: #b2b1b1;
}
html[dir="ltr"] .fx-dropdown-toggle:after{
    text-align: right;
}
html[dir="rtl"] .fx-dropdown-toggle:after{
    text-align: left;
}
.fx-dropdown-list{
    pointer-events: none;
    z-index: 2;
    border-top:3px solid rgb(var(--color1));
    visibility: hidden;
    position: absolute;
    top: 35px;
    padding: 10px 5px;
    background: #ffffff;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.18);
    transition: ease-out .2s;
    -webkit-transform: translateY(-30%) translate3d(0px,0px,0px);
    transform: translateY(-30%) translate3d(0px,0px,0px);
    opacity: 0;
}
html[dir="ltr"] .fx-dropdown-list{
    left:0;
}
html[dir="rtl"] .fx-dropdown-list{
    right:0;
}
html[dir="ltr"] .fx-dropdown-list.fx-dropdown-offscreen-right{
    right:0;
    left:initial;

}
html[dir="rtl"] .fx-dropdown-list.fx-dropdown-offscreen-right{
    left:0;
    right:initial;
}
.fx-dropdown-list:after{
    content:' ';
    position:absolute;
    top:-10px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid rgb(var(--color1));

}
html[dir="ltr"] .fx-dropdown-list:after{
    left:5px;
}
html[dir="rtl"] .fx-dropdown-list:after{
    right:5px;
}
html[dir="ltr"] .fx-dropdown-list.fx-dropdown-offscreen-right:after{
    right:5px;
    left:initial;
}
html[dir="rtl"] .fx-dropdown-list.fx-dropdown-offscreen-right:after{
    left:5px;
    right:initial;
}
.fx-dropdown-list.fx-show, .fx-dropdown-list.ace-show{
    pointer-events: all;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
/** end dropdown **/

/** selectbox **/
.fx-select {
    background:#ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    position:relative;
    height: 37px;
    cursor: pointer;
    /* padding:5px 10px; */
    display: flex;
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.26); */
}
html[dir="ltr"] .fx-select {
	float:left;	
}
html[dir="rtl"] .fx-select {
	float:right;	
}
.fx-select:after{
    content:'\f107';
    margin-top: 5px;
    font-family:"FontAwesome";
    width: 24px;
    padding: 4px;
    text-align: center;
}
.fx-select .fx-select-selected{
    display: block;
    background: transparent;
    color: #686868;
    pointer-events: none;
    height: 25px;
    margin-top: 5px;
    padding: 5px 15px;
}
[html="ltr"] .fx-select .fx-select-selected{
	float:left;	
}
[html="rtl"] .fx-select .fx-select-selected{
	float:right;	
}
.fx-field-badge{
    text-align: center;
    padding: 7px 10px;
    /* position: absolute; */
    /* height: 100%; */
    background: #dde1e5;
    top: 0;
    width: 40px;
    white-space: nowrap;
}

.fx-select .fx-select-list{
    max-height:0;
    pointer-events:none;
    min-width: 100%;
    overflow:hidden;
    transition: ease .3s;
    -webkit-transform:scaleY(0) translate3d(0px,0px,0px);
    transform:scaleY(0) translate3d(0px,0px,0px);

    -webkit-transform-origin:top;
    transform-origin:top;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.26);
    position:absolute;
    top:0;
    z-index: 2;
    background:#ffffff;
}
[html="ltr"] .fx-select .fx-select-list{
	float:left;
	left:0;	
}
[html="rtl"] .fx-select .fx-select-list{
	float:right;
	right:0;	
}
.fx-select .fx-select-list.fx-show, .fx-select .fx-select-list.ace-show{
    max-height:600px;
    pointer-events:all;
    transition:  ease .3s;
    overflow:visible;
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
}
.fx-select .fx-select-list a{
    display:block;
    width:100%;
    padding: 10px 10px;
}
[html="ltr"] .fx-select .fx-select-list a{
	float:left;	
}
[html="rtl"] .fx-select .fx-select-list a{
	float:right;	
}
.fx-select .fx-select-list a.fx-select-option.fx-active{
    background:rgba(0,0,0,0.05);
}
/** end selectbox **/

.fx-card p, .fx-card h3{
    margin: 0;
}

.fx-badge{
    min-width: 16px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
	border-radius: 8px;
    position: absolute;
    text-align: center;
    height: 16px;
    z-index: 1;
    background: rgb(var(--color1));
    color:#ffffff;
}

.fx-badge{
    animation-name: opac;
    animation-duration: 1s;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea{
    padding: 10px 15px;
    border:1px solid rgba(0,0,0,0.1);
    font-family: "Source Sans Pro";
    -webkit-appearance:none;
    font-size: 14px;
}
input[type="button"],input[type="submit"], button, .fx-button{
    cursor: pointer;
    padding: 10px;
    border:1px solid transparent;
    background: rgb(var(--color1));
    color:#ffffff;
}
input[type="button"]:hover,input[type="submit"]:hover, button:hover, .fx-button:hover{
    background: rgb(var(--color2));
    color: #ffffff;
}
.fx-outline-button{
    background:transparent;
    color:rgb(var(--color1));;
    border-color:rgb(var(--color1));
}

.fx-gray-button{
    background:#f2f4f6;
    color:#383838;;
}
.fx-gray-button:hover{
    background:#f0f2f4;
    color:#383838;;
}
.fx-accent-button {
    background: rgb(var(--color1));
}
.fx-accent-button:hover {
    background: #007acc;
}
.fx-accent-button-light {
    background: #ef8c38;
}
.fx-accent-button-light:hover {
    background: #ef9538;
}

.fx-accent-button-imp {
    background: rgb(var(--color1)) !important;
}
.fx-accent-button-imp:hover {
    background: #007acc !important;
}
.fx-accent-button-light-imp {
    background: #ef8c38 !important;
}
.fx-accent-button-light-imp:hover {
    background: #ef9538 !important;
}

.fx-small-input{
    height: 25px;
    padding: 3px 5px !important;
}
.fx-field-badge ~ input{
    padding:5px;
}
label{
    opacity: 0.5;
}
.fx-small-field{
    height: 25px;
    line-height: 0.2;
}
.fx-qty-field a, .fx-qty-field button{
    color: #464646 !important;
    background: #f0f2f4 !important;
}
/** segmented tabs **/
.segmented-tab{
    text-align: center;
    padding: 5px 15px;
    border: 1px solid rgb(var(--color1));
    margin-left:-1px;
    color: rgb(var(--color1));
}
.segmented-tab.fx-active{
    background: rgb(var(--color1));
    color: #ffffff !important;
}
.fx-scrollview{
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
html[dir="ltr"] .segmented-tab:first-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
html[dir="rtl"] .segmented-tab:first-child{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
html[dir="ltr"]  .segmented-tab:last-child{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
html[dir="rtl"] .segmented-tab:last-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.fx-tab-content{
    height: 0;
    overflow: hidden;

    opacity: 0;

    transition: opacity ease-in-out .0s;
}

.fx-tab-content.fx-show, .fx-tab-content.ace-show{
    height: auto;
    overflow: visible;

    opacity: 1;

    transition: opacity ease-in-out .5s;
}
/** end segmented tabs **/

/** card **/
html[dir="ltr"] .fx-eq-separation-container{
    margin-right: -10px !important;
}
html[dir="rtl"] .fx-eq-separation-container{
    margin-left: -10px !important;
}

html[dir="ltr"] .fx-eq-separation-container .fx-eq-separated{
    padding-right:10px;
}
html[dir="rtl"] .fx-eq-separation-container .fx-eq-separated{
    padding-left:10px;
}
.fx-card {
    margin-top:10px;
    padding: 10px;

    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
}
.fx-paper-card {
    padding: 15px;
    background: #ffffff;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.26);
    margin-bottom: 15px;
}
.fx-paper-card .fx-title{
    margin-top: 0;
}
.shop-card{
    height: 225px;
    width:100%;
    position:relative;
    display: block;
    margin-top: 10px;
}
.shop-card .shop-img{
    height:180px;
    background-size: cover;
    backface-popsition: center; 
    box-shadow: 0px 1px 2px rgba(0,0,0,0.26);
}
.shop-card .shop-logo{
    width:80px;
    height:80px;
    margin: auto;
    padding: 10px;
    margin-top: -40px;
    background: #ffffff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.26);
    position: relative;
}
.shop-card .shop-logo img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 5px;
    width: 100%;
}
/** end card **/
.fx-panel{
    background: radial-gradient(#ffffff,#ffffff, #ebeef0);
}
/** notifications and toats **/
.fx-notify{
    display: flex;
    align-items: center;

    height: 0;
    padding: 0;
    margin-bottom:5px;

    -webkit-transform: scale(0.3) translate3d(0px,0px,0px);
    transform: scale(0.3) translate3d(0px,0px,0px);

    opacity: 0;
    border:1px solid;
}
.fx-notify.fx-show, .fx-notify.ace-show{
    height: auto;
    padding: 5px;

    transition: transform ease-out .2s, opacity ease-in .2s;
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}
.fx-notify i{
    font-size: 15px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    line-height: 1.6;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
}
.fx-notify.fx-notify-error{
    background: rgba(255,88,110,0.2);
    border-color: rgba(255,88,110,1);
}
.fx-notify.fx-notify-error i{
    background: rgba(255,88,110,1);
}
.fx-notify.fx-notify-info{
    background: rgba(5,158,255,0.2);
    border-color: rgba(5,158,255,1);
}
.fx-notify.fx-notify-info i{
    background: rgba(5,158,255,1);
}
.fx-notify.fx-notify-warning{
    background: rgba(255,200,22,0.2);
    border-color: rgba(255,200,22,1);
}
.fx-notify.fx-notify-warning i{
    background: rgba(255,200,22,1);
}
/** end notifications and toats **/
/** switch **/
.fx-switch{
    cursor:pointer;
    line-height:1;
    opacity: 1;
    display: flex;
    align-items: center;
}
.fx-switch p{
    margin:0;
}
.fx-switch input{
    display:none;
}
.fx-switch span{
    display:inline-block;
    height: 22px;
    width: 32px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 12px;
    padding: 2px;
    background: #f3f3f3;
    transition:ease-out .3s;
}
.fx-switch span:before{
    content:' ';
    width: 15px;
    color: transparent;
    transition: ease .2s;
    height: 15px;
    float: left;
    display: block;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.26);
    background: #ffffff;
}
html[dir="rtl"] .fx-switch span:before{
    float:right;
    margin-right:0;
    margin-left:5px;
}
.fx-switch input:checked ~ span{
   background:rgb(var(--color1));
}
html[dir="ltr"] .fx-switch span{
    margin-left:5px;
}
html[dir="rtl"] .fx-switch span{
    margin-right:5px;
}
html[dir="ltr"]  .fx-switch input:checked ~ span:before{
   transform: translateX(11px);
}
html[dir="rtl"]  .fx-switch input:checked ~ span:before{
   transform: translateX(-11px);
}
/** end switch **/
/** checkbox **/
.fx-checkbox{
    cursor:pointer;
    line-height:1;
    display: inline-block;
    opacity: 1;
}
.fx-checkbox input{
    display:none;
}
.fx-checkbox span{
    display:inline-block;
    height: 13px;
}
.fx-checkbox span:before{
    content:' ';
    width:14px;
    position:relative;
    top: 0px;
    margin-right:5px;
    color: transparent;
    transition: ease .2s;
    height:14px;
    font-size: 13px;
    text-align: center;
    float: left;
    display: block;
    border: 1px solid rgba(0,0,0,0.3);
    line-height: 1.2;
}
html[dir="rtl"] .fx-checkbox span:before{
    float:right;
    margin-right:0;
    margin-left:5px;
}
.fx-checkbox:hover span:before{
    border: 1px solid rgb(var(--color1));
}
.fx-checkbox input:checked + span:before{
    content: '\f00c';
    border: 1px solid rgba(0,0,0,0.2);
    background: rgb(var(--color1));
    color: #ffffff;
    font-family: "FontAwesome";
}
/** end checkbox **/

/** checkbox **/
.fx-radio{
    cursor:pointer;
    line-height:1;
    display: inline-block;
    opacity: 1;
}
.fx-radio input{
    display:none;
}
.fx-radio span{
    display:inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    float: left;
    margin-right:5px;
    transition: ease .1s;
    border: 1px solid #c8cacc;
}
html[dir="rtl"] .fx-radio span{
    margin-right:0;
    margin-left:5px;
    float:right;'
}
.fx-radio span:before{
    content:' ';
    width: 10px;
    background: rgb(var(--color1));
    border-radius: 50%;
    transform: scale(0);
    height: 10px;
    position:relative;
    top: 0px;
    color: transparent;
    transition: ease .2s;
    display: block;
    line-height: 1.2;
}

.fx-radio:hover span{
    border: 1px solid rgb(var(--color1));
}
.fx-radio input:checked + span{
    border-color:rgb(var(--color1));
}
.fx-radio input:checked + span:before{
    content: '';
    background: rgb(var(--color1));
    color: #ffffff;
    transform: scale(1);
    font-family: "FontAwesome";
}
/** end radio **/

.fx-icon-radio {
    opacity: 1;
    cursor: pointer;
    text-align: center;
}
.fx-icon-radio input{
    display: none;

}

.fx-icon-radio input + i{
    color:#383838;
    font-size: 20px;
    text-align: center;
    padding: 5px;
    width: 100%;
    transition: ease .2s;
}
.fx-icon-radio input + svg{
    fill:#383838;
    width: 32px;
    height: 29px;
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
    /* margin-top: 10px; */
    /* margin-bottom: 4px; */
    transition: ease .2s;
}
.fx-icon-radio input:checked + i{
    opacity: 1;
    color:rgb(var(--color1));
}
.fx-break{
    position:relative;
    transition: ease .2s;
}
.fx-icon-radio input ~ .fx-break:after{
    content:' ';
    height:2px;
    width:100%;
    position:absolute;
    bottom:-24px;
    background:transparent;
    transition: ease .2s;
}
.fx-icon-radio input:checked ~ .fx-break:after{

    background:rgb(var(--color1));
}
html[dir="ltr"] .fx-icon-radio input ~ .fx-break:after{
    left:0;
}
html[dir="rtl"] .fx-icon-radio input ~ .fx-break:after{
    right:0;
}
.fx-icon-radio input:checked + svg{
    fill:rgb(var(--color1));
}
/** preloader and callbacks **/
@-webkit-keyframes reverse-timer{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(-360deg);
    }
}
@keyframes reverse-timer{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(-360deg);
    }
}

@keyframes preloader{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@keyframes success{
    0%{
        border-color:rgb(var(--color1));
    }
    80%{
        border-color:rgb(var(--color1));
    }
    100%{
        border-color:#55FF86;
    }
}
@keyframes transparency{
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes scale{
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.6);
    }

     100% {
        transform: scale(1);
    }
}
@-webkit-keyframes slide-in{
    0%{
        -webkit-transform: translateY(120%);
                transform: translateY(120%);
    }


     100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes slide-in{
    0%{
        -webkit-transform: translateY(120%);
                transform: translateY(120%);
    }

     100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.fx-preloader{
    animation:preloader .8s linear infinite;
    display: none;
    width:80px;
    height: 80px;
    border-radius: 50%;
    border-bottom:4px solid #1688CD;
    border-left:4px solid #1688CD;
    border-right:4px solid #1688CD;
    border-top:4px solid rgb(var(--color1));
}
.fx-preloader.fx-preloader-success{
   border-top: 2px solid #00E676;
   border-width: 4px;
   border-color: #00E676;
   position: relative;
   box-shadow: none;
   transition: ease .8s;
    animation: none;
}
.fx-preloader.fx-preloader-error{
   border-top: 2px solid #DF3942;
   border-width: 4px;
   border-color: #DF3942;
   position: relative;
   box-shadow: none;
   transition: ease .8s;
    animation: none;
}
.fx-preloader.fx-preloader-error:before{
    content: '\f00d';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    padding: 18px;
    color: #DF3942;
    font-size: 30px;
    opacity: 0;
    opacity: 1;
    transition: 0.8s ease;
    animation:scale 1.2s;
    font-family: "FontAwesome";
}
.fx-preloader.fx-preloader-success:before{
    content: '\f00c';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    padding: 18px;
    color: #00e676;
    font-size: 30px;
    opacity: 0;
}
.fx-preloader.fx-preloader-success:before{
    opacity: 1;
    transition: 0.8s ease;
    animation:scale 1.2s;
    font-family: "FontAwesome";
}
/** emd preloader **/

/** wizzard **/
.fx-wizzard{
    width:100%;
    position: relative;
    float: left;
    overflow: hidden;
}
.fx-wizzard-container{
     float: left;
     display: flex;
     min-height: 400px;
     transition: ease .2s;
}
.fx-wizzard-step{
    flex-basis: 100%;
    min-width: 100%;
}
.fx-wizzard-step.fx-active{
    /* height: auto; */
    /* transform: translateX(0); */
    /* transition:transform ease-in-out .2s; */
}
/** end wizzard **/
.fx-flat-button {
    background:transparent;
    color: rgb(var(--color1));
    position:relative;
    overflow:hidden;
}
.fx-flat-button:after{
    content:' ';
    position:absolute;
    width:100%;
    border-radius:50%;

    top:0;
    left:0;
    height:100%;
    background:rgba(0, 152, 255, 0.14);
    transform:scale(0);
    transition:ease-in-out .25s;

    pointer-events: none;

}
.fx-flat-button:active:after {
    transform:scale(3);
    color:rgb(var(--color1));
}
/** breadcrumbs **/
.fx-breadkrumbs {
    padding:15px 15px 0 15px;
}

.fx-breadkrumbs a{
    padding:5px 0;
}
.fx-breadkrumbs a.fx-active, .fx-breadkrumbs a:last-child {
    color:#383838;
    font-weight: 600;
}
.fx-breadkrumbs a:after{
    content: '\f054';
    font-family:"FontAwesome";
    font-size:12px;
    opacity:0.6;
    color:#686868;
    width:16px;
    pointer-events:none;
    text-align:center;
    display:inline-block;
}
html[dir="rtl"] .fx-breadkrumbs a:after{
    transform:rotate(180deg);
}
.fx-breadkrumbs a:last-child:after{
    content: '';
}
.fx-side-panel{
    padding-top:20px;
    width: 100%;
}
.fx-side-panel.fx-fixed-position{
    width: 292.5px;
}
.fx-side-panel a{
    display:block;
    padding:7px 0px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.fx-sort-field {
    display:flex;
    flex-direction:column;
    font-size:24px;
    align-items:center;
    justify-content:center;
    height:35px;
}
.fx-sort-field a{
    line-height: 0.4;
    padding:0 5px;
    margin-bottom: 3px;
    color:#484848;
}
.fx-sort-field a.fx-active{
    color:rgb(var(--color1));
}

.ace-auto-gen[paid="1"]{
    font-weight: bold;
/*    animation: 1s ease 0s normal none infinite pound;*/
    color: rebeccapurple;
}



/*** END UI COMPONENTS ***/

/****** WEBSITE SECTIONS ******/

/*** HEADER ***/

/** topbar **/
.as-header-top{
    height: 46px;
    padding-top: 0;
    padding-bottom:5px;
    background: #fbfaf9;
    border-bottom: 1px solid #f1f3f5;
}
.as-header-top .fx-container{
    padding: 0 15px;
}
html[dir="ltr"] .lang.en{
    display: none;
}
html[dir="rtl"] .lang.ar{
    display: none;
}
.lang-select{
    height: 35px;
    padding: 10px 5px;
    width: 32px;
}
.lang-select img {
    box-shadow: -1px 1px 1px #eee;
}
.lang {
    width: 28px;
    display: block;
}
.as-top-services{
    box-shadow: 0px 1px 4px rgba(0,0,0,0.26);
    background: #ffffff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
    padding: 4px 5px;
    position: relative;
}
.as-top-services .gotostore-box.fx-show, .as-top-services .gotostore-box.ace-show{
    max-width:100%;
    flex-basis:100%;
    left: 0;
    right:0;
}
.as-header-top .gotostore-box input{
    min-width: 103%;
}
html[dir="ltr"] .as-top-services .gotostore-box.fx-show button{
    margin-left: -52px;

}
html[dir="rtl"] .as-top-services .gotostore-box.fx-show button{
    margin-right: -52px;

}
.top-serv-link{
    text-align: center;
    float:left;
    line-height: 0.2;
    padding: 0 5px;
    font-size: 14px;
    color:#383838;
    height: 41px;
}
.top-serv-link svg{
    margin: 0 auto;
    width: 26px;
    height: 26px;
    display: block;
}
.top-serv-link i{
    margin: 0 auto;
    padding-top:0px;
    font-size:20px;
    color:#222e3f;
    height: 25px;
    display: block;
}
.top-serv-link > img {
    height: 21px;
    margin-bottom: 5px;
}
/** end topbar **/

/** header **/
.header .fx-container{
    padding: 15px;
}
.header.fx-sticky {
    position: fixed;
    width: 100%;
    z-index: 12;
    height: 51px;
    max-height: 80px;
    min-height: 80px;
    top: 0;
    display: block !important;
}
.header.fx-sticky .user-dropdown{
    margin-top: 8px;
}

.fx-dropdown.shopping-cart, .user-dropdown{
    margin-top: 5px;
}

.fx-dropdown.shopping-cart i{
    /* color: rgb(var(--color1)); */
    /* color: transparent; */
    /* -webkit-text-stroke: 1px #383838; */
    width: 34px;
    height: 34px;
    display: block;
    transform: rotateY(180deg);
}
.fx-dropdown.shopping-cart .fx-badge{
    background: #ff2344;
    top:0;
}
html[dir="ltr"] .fx-dropdown.shopping-cart .fx-badge{
    left: -4px
}
html[dir="rtl"] .fx-dropdown.shopping-cart .fx-badge{
    right: -4px
}

.fx-dropdown.shopping-cart .fx-dropdown-toggle:after{
    display:none;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-title{
    margin-top:5px;
    margin-bottom: 0;
    padding: 0 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.fx-dropdown.shopping-cart .fx-dropdown-list .fx-scrollview{
    max-height: 280px;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-product{
    display:flex;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding: 10px 5px;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-info .cart-product-title, .fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-info .cart-product-price{
    margin:0;
    display:flex;
    white-space:nowrap;
    line-height: 1.4;
}

html[dir="ltr"] .fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-info{
    padding-left:5px
}
html[dir="rtl"] .fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-info{
    padding-right:5px
}

.fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-title{
    font-size:14px;
    opacity: 0.8;
    font-weight: 300;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .cart-product-price{
    font-size:14px;
    font-weight: 600;
    opacity: 0.8;
}


.fx-dropdown.shopping-cart .fx-dropdown-list .cart-dropdown-footer{
    width:100%;
    max-width: 175px;
    padding: 10px 5px;
    /* box-shadow: 0px -1px 8px rgba(0,0,0,0.26); */
    border-top: 1px solid rgba(0,0,0,0.2);
    /* display:flex; */
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-total{
    display:flex;
    padding: 0 5px;
    justify-content:space-between;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-dropdown-footer label{
    margin:0;
    opacity:0.8;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-dropdown-footer p{
    margin:0;
    font-weight:600;
}
.fx-dropdown.shopping-cart .fx-dropdown-list button, .fx-dropdown.shopping-cart .fx-dropdown-list .fx-button{
    margin-top: 10px;
    min-width:100%;
    line-height: 1;
    white-space: nowrap;
    padding: 10px 22px;
    display: block;
    text-align: center;
}
.fx-dropdown.shopping-cart .fx-dropdown-list .cart-product .prod-img{
    flex-basis:30px;
    min-width: 35px;
    height: 36px;
    background-size:cover;
}
/* user dropdown */
.user-dropdown{
    margin-top:8px;
}
.user-dropdown .fx-dropdown-toggle{
    align-items:center;
    align-content:center;
    display:flex;
}
.user-dropdown .fx-badge{
    background: #ff2344;
    top:-5px;
}
.user-dropdown .fx-circle{
    border:1px solid rgba(0,0,0,0.2);
}
html[dir="ltr"] .user-dropdown .fx-badge{
    left: -4px
}
html[dir="rtl"] .user-dropdown .fx-badge{
    right: -4px
}
.user-dropdown .fx-dropdown-list{
    padding:5px 10px;
}
.user-dropdown .fx-dropdown-list a{
    border-bottom:1px solid rgba(0,0,0,0.1);
    width:100%;
    color:#383838;
    white-space: nowrap;
    opacity:0.6;
    padding:5px 0;
}
.user-dropdown .fx-dropdown-list a i{
    width:26px;
}
.user-dropdown .fx-dropdown-list a:hover{
    opacity:1;
}

.fx-row.fx-row-nowrap.fx-col-md-7 > a[href="#logindrop"].fx-active{
}
.fx-row.fx-row-nowrap.fx-col-md-7 > a[href="#joindrop"]{
    color: #ff6154 !important;
}
.segmented-tab.fx-active[href="#joindrop"]{
    background: #ff6154;
    border-color: #ff6154;
    color:#ffffff;
}
.joindrop{
    border-color: #ee4ba5;
}
.joindrop .segmented-tab{
    border-color: #ff6154;
    color: #ff6154;
}
.joindrop input[type="submit"] {
    background: #ff6154;
    border-color: #ff6154;
    color:#ffffff;
}
.joindrop:after{
   border-bottom: 10px solid #ff6154;
}
#joindrop button{
    background: #ff6154;
}

.general-search {
    width: 60%;
    transition: ease .2s;
    backface-visibility: hidden;
    border:1px solid rgba(0,0,0,0.1);
}
.general-search input{
    border:none;
}
.general-search button{
    background:transparent !important;
    color:rgb(var(--color1));
}
.header.fx-sticky .general-search{
    width:40%;
}

.header .as-top-services{
    padding: 0;
    position: absolute;
    width: 0;
    opacity: 0;
    height:0;
    transition:ease .2s;
    box-shadow:none;
    backface-visibility: hidden;
}
.header.fx-sticky .as-top-services{
    padding: 0;
    width: auto;
    opacity: 1;
    position: relative;
    height:auto;
    overflow: visible;
    margin-top: 5px;
    border-radius: 0;
}
.gotostore-box{
    position: absolute;
    z-index: 7;
    top: 1px;
    flex-wrap: nowrap;
    opacity: 0;
    transition: ease-out .3s;
    pointer-events: none;
}
.gotostore-box button svg{
    width:24px;
    height:24px;
    fill: #ffffff;
}

.gotostore-box button svg use{
    fill:#ffffff;
}
html[dir="ltr"] .gotostore-box{
    -webkit-transform: translateX(100%) translate3d(0px,0px,0px);
    transform: translateX(100%) translate3d(0px,0px,0px);
}
html[dir="rtl"] .gotostore-box{
    transform: translateX(-100%);
}
.header.fx-sticky .gotostore-box{
    top: -5px;
}
html[dir="ltr"] .header.fx-sticky .gotostore-box{
    right: 0;
}
html[dir="rtl"] .header.fx-sticky .gotostore-box{
    left: -0;
}
html[dir="ltr"] .header.fx-sticky .gotostore-box button{
    margin-left:0;
}
html[dir="rtl"] .header.fx-sticky .gotostore-box button{
    margin-right:0;
}
.gotostore-box.fx-show{
    transform: translateX(0px) !important;
    opacity:1;
    pointer-events: all;
}
.general-search input{
    width: 100%;
    opacity: 1;
    padding: 10px 15px;
}
/** end header **/

/*** END HEADER ***/

/*** CONTENT ***/

/** hero **/
.category-main-row .section-title{
    font-size:14px !important;
}
.categories-list{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 6px;
}
html[dir="rtl"] .categories-list{
    max-width: 18% !important;
}
.categories-list a{
    display: flex;
    width: 100%;
    color:#000000;
    padding: 5px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.categories-list a:hover{
    color: rgb(var(--color1));
}
.cat-dropdown{
    position:absolute;
    top:0;
    left:100%;
    pointer-events:none;
    opacity:0;
    transition:ease .2s;
    z-index:9;
    background-color:#ffffff;
    width: 700px;
    height:325px;
    background-size: cover;
}
.cat-dropdown .cat-dropdown-title{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:25px;
    max-width:60%;
    padding: 10px;
    background: rgba(223, 57, 66, 0.78);
}
.cat-dropdown-title h2, .cat-dropdown-title p{
    margin:0;
    color: #ffffff;
}
.categories-list{
    position:relative;
}
.categories-list a:hover .cat-dropdown{
    opacity:1;
    pointer-events:all;
}

.categories-list span {
    padding: 0 10px;
    line-height: 1.3;
}
html[dir="rtl"] .categories-list a{
    font-size:10px;
    padding-left:6px;
    padding-right: 7px;
}
html[dir="rtl"] .categories-list span{
    font-size:10px;
    padding:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:5px;
    line-height:2;
}
.carousel{
    height: auto;
    position: relative;
    overflow: hidden;
}
.carousel img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
}
.carousel .carousel-controls, .carousel .owl-nav{
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
    height: 40px;
    line-height: 1;
    font-size: 48px;
    width: 100%;
}
.carousel .carousel-controls a, .carousel .owl-nav div{
    color: #7d7b7b;
    opacity: 0.6;
    position: absolute;
    transition: ease .3s;
    -webkit-transform: scaleY(1.4);
    transform: scaleY(1.4);
    cursor: pointer;
}
.carousel .carousel-controls a:hover, .carousel .owl-nav div:hover{
    opacity: 1;
}
.carousel .carousel-controls a.carousel-prev, .carousel .owl-nav .owl-prev{
    left:15px;
}
.carousel .carousel-controls a.carousel-next, .carousel .owl-nav .owl-next{
    right:15px;
}
.owl-stage{
}
.main-ad{
    height:325px;
    background-size:cover;
    background-position:50%;
}
html[dir="ltr"] .main-ad{
    background-image:url(../imgs/qp-ad-en.gif);
}
html[dir="rtl"] .main-ad{
    background-image: url(../imgs/qp-ad-ar.gif);
    max-width: 23.66%;
}
/** end hero **/

/** ads **/
.enhaced-section{
    border-top:3px solid #383838;
}

.ads-container{
    background: transparent;
    padding: 0;
    margin-bottom:15px;
}
html[dir="ltr"] .ads-container{
    margin-right:15px;
}
html[dir="rtl"] .ads-container{
    margin-left:15px;
}
.ads{
    background: #ffffff;
    padding:15px;
    padding-top: 10px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.06);
}
.ads .segmented-tabs{
    padding-bottom: 5px;
}
.ads .segmented-tab{
    border-color: #383838;
    color:#383838;
}
.ads .segmented-tab.fx-active{
    background: #383838;
    color:#ffffff;
}

.as-content .ads .product{
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px;
    color: #000;
    position: relative;
    margin-top: 10px;
}
.product.promote-border{
    border:1px solid rgb(var(--color1));
}
.product.promote-background{
    background-color: hsla(206, 81%, 91%, 1);
}
.promote-bold{
   font-weight: bold;
}
.as-content .product{
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    position: relative;
    color: #383838;
    width: 95%;
    transition: height ease-in-out .2s,box-shadow ease-in-out .3s, z-index cubic-bezier(0.65, 0.07, 1, 0.4) .0s .1s;
    z-index: 1;
}
.product-list-container .fx-eq-separated{
    position:relative;
    height: 315px;
}
.product-list-container .product{
     z-index: 0;
}

.product-list-container .product:hover {
    z-index: 1;
    border-color: transparent;
    box-shadow: 0px 3px 13px rgba(0,0,0,0.26);
    transition: height ease-in-out .3s, box-shadow ease-in-out .3s, z-index cubic-bezier(0.56, 0.01, 0.85, 0.13) .1s;
}
.product .prod-title{
    height:35px;
    overflow:hidden;
    transition: ease .2s;
    text-align: center;
    color: #484848;
    width: 180px;
}
.product:hover .prod-title{
    height: 45px;
    overflow:hidden;
    margin-bottom: 10px;
}

.product .fx-badge.fx-discount-badge, 
.superdeal .fx-badge.fx-discount-badge,
.product-image-container .fx-badge.fx-discount-badge,
.compare-ad-placeholder .fx-badge{
    border-radius: 0;
    background: #ff2344;
    font-size: 12px;
    width: auto;
    padding: 3px 10px;
    height: 25px;
    top:0;
}
html[dir="ltr"] .product .fx-badge.fx-discount-badge, 
html[dir="ltr"] .superdeal .fx-badge.fx-discount-badge,
html[dir="ltr"] .product-image-container .fx-badge.fx-discount-badge,
html[dir="ltr"] .compare-ad-placeholder .fx-badge{
    left:0;
}
html[dir="rtl"] .product .fx-badge.fx-discount-badge, 
html[dir="rtl"] .superdeal .fx-badge.fx-discount-badge,
html[dir="rtl"] .product-image-container .fx-badge.fx-discount-badge,
html[dir="rtl"] .compare-ad-placeholder .fx-badge{
    right:0;
}
.product .fx-badge.fx-discount-badge:after,
.superdeal .fx-badge.fx-discount-badge:after,
.product-image-container .fx-badge.fx-discount-badge:after{
    content: ' ';
    border-bottom: 25px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
}
html[dir="ltr"] .product .fx-badge.fx-discount-badge:after,
html[dir="ltr"] .superdeal .fx-badge.fx-discount-badge:after,
html[dir="ltr"] .product-image-container .fx-badge.fx-discount-badge:after{
    border-left: 15px solid #ff2344;
    left: 100%;
}
html[dir="rtl"] .product .fx-badge.fx-discount-badge:after,
html[dir="rtl"] .superdeal .fx-badge.fx-discount-badge:after,
html[dir="rtl"] .product-image-container .fx-badge.fx-discount-badge:after{
    border-right: 15px solid #ff2344;
    right: 100%;
}
.as-product-actionbar{
    display:none;
    padding-right:8px;
}
html[dir="ltr"] .as-product-actionbar{
    padding-right:8px;
}
html[dir="rtl"] .as-product-actionbar{
    padding-left:8px;
}
.as-product-actionbar button{
    background:transparent;
    border-color:transparent;
    color:rgb(var(--color1));
    margin:0;
    padding: 12px 6px;
    max-width: 36px;
}
.as-product-actionbar button:hover{
    background:transparent;
    color:rgb(var(--color2));
}
.as-product-actionbar .add-p-to-sc{
    color:#ef5938;
    font-size:20px;
}
.as-product-actionbar .add-p-to-sc:hover{
    color:#cf3e1e;
}
.as-product-actionbar .as-compare-tool{
    align-items:center;
    align-content:center;
    margin-right:auto;
    padding-left: 10px;
    display: flex;
    border-right:1px solid rgba(0,0,0,0.1);
}
html[dir="rtl"] .as-product-actionbar .as-compare-tool{
    margin-right:0;
    margin-left:auto;
}
.as-product-actionbar i{
    transition:ease .2s;
}
.as-product-actionbar .fa-heart{
    color:transparent;
    font-size:18px;
    -webkit-text-stroke:1px #e74895;
}

.as-product-actionbar .add-to-wsh:hover i, .as-product-actionbar .add-to-wsh[is_part="1"] i{
    color:#e74895;

}
.as-product-actionbar .add-to-wsh[is_part="1"], .as-product-actionbar .add-to-fav[is_part="1"]{
    animation: bounce ease .5s;
}
.as-product-actionbar .fa-star{
    color:transparent;
    font-size:18px;
    -webkit-text-stroke:1px #FFC107;
}
.as-product-actionbar .add-to-fav:hover i, .as-product-actionbar .add-to-fav[is_part="1"] i{
    color: #FFC107;
}

html[dir="ltr"] .as-compare-tool {
    border-left:1px solid rgba(0,0,0,0.1);
    padding-left:10px;
}
html[dir="rtl"] .as-compare-tool {
    border-right:1px solid rgba(0,0,0,0.1);
    padding-right: 10px;
}
.as-compare-tool .fx-checkbox{
    margin-bottom:0;
}
.superdeal .fx-badge.fx-discount-badge{
    top:23px;
}

.as-content .product h3{
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0.7;
}

.as-content .product.promote-background .price{
    background:none;
}
/*
.as-content .product .price,.as-content .enhaced-section .product .price{
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 26px;
    left: 0;
    text-align: center;
    padding: 3px;
}
*/
.product .price p{
    margin: 0;
    position: absolute;
    bottom: 5px;
    background: rgba(255,255,255,0.8) !important;
    width: 100%;
    height: 26px;
    line-height: 20px;
    left: 0;
    text-align: center;
    padding: 3px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.prod-img{
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
}
 .prod-img.fixed-height{
    min-height: 100px;
    height: 170px;
}
.product-list-container .prod-img.fixed-height{
    min-height: 180px;
    height: 23px;
    flex: none;
    background-size: cover;
    background-position: center;
}
.as-drafts .prod-img.fixed-height{
    min-height: 100px;
    height: 120px;
}
.as-drafts .as-add-draft-button{
    display:flex;

    justify-content:center;
    font-size:24px;
    color:#ffffff;

}
.hot-deals{
    background: #ffffff;
    padding: 10px 15px;
    border-color: #fa3842;
    margin-bottom: 15px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.06);
}
.deal-img{
    height: 200px;
    display: flex;
}
.deal-img img{
    max-height: 100%;
}
.deal-price{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.deal-old-price{
    margin: 0;
    opacity: 0.5;
    color: #484848;
    text-decoration: line-through;
    font-weight: normal;
    zoom: 85%;
}
/** end ads **/
/** auctions **/
.auctions-container .enhaced-section{
    border-top:3px solid rgb(var(--color1));
}
.auctions-container .section-title{
    color: rgb(var(--color1));
}
.auctions-container .hot-deals .section-title{
    color: #383838;
}
.auctions .segmented-tabs{
    padding-bottom: 5px;
}
.auctions .segmented-tab{
    border-color: rgb(var(--color1));
    color:rgb(var(--color1));
}
.auctions .segmented-tab.fx-active{
    background: rgb(var(--color1));
    color:#ffffff;
}

/** end auctions **/
/** categories **/
section.category{
    padding: 0;
    border-top:3px solid;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.06);
}
.category .cat-carousel{
    overflow: hidden;
    height: 476px;
}
.cat-carousel .owl-nav{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    width:40px;
    width:100%;
    height:40px;
}
.fx-5-items-carousel .owl-nav{
    left:0;
    position:absolute;
    top:32%;
    width:40px;
    width:100%;
    height:40px;
}
.cat-carousel .owl-nav div,  .fx-5-items-carousel .owl-nav div{
    position:absolute;
    padding:10px;
    font-size:28px;
    color: #ffffff;
    background: #000000;
    opacity: 0.6;
    position: absolute;
    transition: ease .3s;
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
}
.cat-carousel .owl-controls div:hover{
    opacity: 1;
}
html[dir="ltr"] .cat-carousel .owl-controls .owl-prev, html[dir="ltr"] .fx-5-items-carousel .owl-prev{
    left:0;
}
html[dir="ltr"] .cat-carousel .owl-controls .owl-next, html[dir="ltr"] .fx-5-items-carousel .owl-next{
    right:0;
}
html[dir="rtl"] .cat-carousel .owl-controls .owl-prev,  html[dir="rtl"] .fx-5-items-carousel .owl-prev{
    right: 0 !important;
}
html[dir="rtl"] .cat-carousel .owl-controls .owl-next,  html[dir="rtl"] .fx-5-items-carousel .owl-next{
    left: 0 !important;
}
.fx-eq-separation-container .fx-5-items-carousel .owl-nav{
    top:40%;
}
html[dir="ltr"] .fx-eq-separation-container .fx-5-items-carousel .owl-next{
    right:10px
}
html[dir="rtl"] .fx-eq-separation-container .fx-5-items-carousel .owl-next{
    left:10px
}
.category .cat-carousel img{
    height: 480px;
    width: 300px;
    max-width: initial;
}
.category .item{
    height: 235px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.category .item:after{
    content: ' ';
    height: 200%;
    width: 70px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    z-index: 3;
    top:-90px;
    left:-120%;

    transform: rotate(35deg);
}
.category .item:hover:after{
    left:140%;
     transition: ease-in-out .5s;
}
.category .item .title{
    display: block;

}
.category .subcategories-list a.category-title h2{
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom: 5px;
    opacity: 1;
}
html[dir="rtl"] .category .subcategories-list a.category-title h2{
    font-size:18px;
}
.category .subcategories-list a.category-subtitle {
  	font-weight:800;
}
.category .subcategories-list a.category-title h2{
    padding: 15px 5px;
}

.category .subcategories-list a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    opacity: 0.7;
    color:#323232;
}
.category .subcategories-list a:hover{
    opacity: 1;
}







.terms-conditions{
    padding-top:0;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.06);
}
.as-variants-row{
    margin-bottom: 5px;
}
.as-variants-row .fx-select{
    height: auto;
    max-height: 37px;
}
html[dir="ltr"] .as-variants-row input, html[dir="ltr"] .as-variants-row .fx-select{
    margin-right: 5px;
}
html[dir="rtl"] .as-variants-row input,html[dir="rtl"] .as-variants-row .fx-select{
    margin-left: 5px;
}

section.as-banner {
    position: relative;
    left: -27px;
    height: 100px;
    top: 125px;
    background: rgb(var(--color1));
    color: #ffffff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.26);
    border-radius: 10px;
}
.as-404-section{
    margin: 25px 0;
    background: none;
    background-size: cover;
    height: 600px;
}
.as-404-text {
    font-size: 52px;
    color: rgb(var(--color1));
    text-transform:uppercase;
    display: flex;
    margin: 15px 0;
}
.as-404-text div{
    display:inline-block;
    /* background:#ffffff; */
    padding:10px 25px;
    border-radius:6px;
    position:relative;
    /* box-shadow: 0px 2px 6px rgba(0,0,0,0.26); */
}
.as-404-text div:after{
    content:' ';
    position:absolute;
    width:100%;
    height:1px;
    bottom: 1px;
    left:0;
    background: linear-gradient(to right, #3e455f,#13151c,#3e455f);
}
.as-404-text div:before{
    content:' ';
    position:absolute;
    width:100%;
    height:1px;
    bottom: 0;
    left:0;
    background: linear-gradient(to right, #3e455f,#5a648b,#3e455f);
}
.as-404-text span{
    font-size: 54px;
    color: #ffffff;
}
.logindrop{
    border-color: rgb(var(--color1));
}
.joindrop{
    border-color: #ff6154;
}
/** footer **/
.footer {
    float: left;
    background-image: none;
    background-attachment: scroll;
    background-color: #222e3f;
    width: 100%;
    background-position: 0px 0px;
    background-repeat: repeat repeat;
    padding-top: 25px;
}
.footer-top {
    background-color: #222e3f;
    clear: both;
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.08);
    overflow: hidden;
    padding: 25px 0px;
    min-height: 89px;
}

.newsletter {
    padding: 0px;
    position: relative;
    margin: auto;
    overflow: visible;
    align-self: flex-end;
    align-items: center;
}
.newsletter h4 {
    font-size: 14px;
    /* text-transform: uppercase; */
    display: inline-block;
    font-weight: re;
    margin: 10px 0px;
    padding-bottom: 0px !important;
    color: rgb(255, 255, 255);
}
.newsletter input[type="text"] {
    height: 35px;
    display: inline-block;
    color: rgb(255, 255, 255);
    line-height: 22px;
    background-color: transparent;
    padding: 10px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
    /* border: none; */
    background-position: initial initial;
    background-repeat: initial initial;
}
.newsletter input[type="text"]:focus{
    border-color: #ffffff;
}
button.subscribe {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    border: none;
    overflow: hidden;
    height: 35px;
    padding: 8px 17px;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    flex-basis: 165px;
    background-position: initial initial;
    background-repeat: initial initial;
}
button.subscribe:after{
    background:rgba(255, 255, 255, 0.2);
}
button.subscribe:hover {
    background-position: initial initial;
    background-repeat: initial initial;
    background: transparent;
    color: #ffffff;
}
button.subscribe::before {
    content: "\f2b7";
    font-family: FontAwesome;
    font-size: 15px;

    font-weight: normal;
}
html[dir="ltr"] button.subscribe::before {
    padding-right: 5px;
}
html[dir="rtl"] button.subscribe::before {
    padding-left: 5px;
}
.social .fb a::before {
    content:"\f09a";
    font-family: FontAwesome;
}
.social .fb a {
    background-color: rgb(60, 91, 155);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .fb a:hover {
    background-color: rgb(60, 91, 155);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .tw a::before {
    content:"\f099";
    font-family: FontAwesome;
}
.social .tw a {
    background-color: rgb(53, 155, 237);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .tw a:hover {
    background-color: rgb(53, 155, 237);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .googleplus a::before {
    content: "\f0d5";
    font-family: FontAwesome;
}
.social .googleplus a {
    background-color: rgb(227, 55, 41);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .googleplus a:hover {
    background-color: rgb(227, 55, 41);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .rss a::before {
    content:"\f09e";
    font-family: FontAwesome;
}
.social .rss a {
    content:"\f09e";
    font-family: FontAwesome;
    background-color: rgb(253, 159, 19);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .rss a:hover {
    background-color: rgb(253, 159, 19);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .pintrest a::before {
    content:"\f0d3";
    font-family: FontAwesome;
}
.social .pintrest a {
    content: "\f0d3";
    font-family: FontAwesome;
    background-color: rgb(203, 32, 39);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .pintrest a:hover {
    background-color: rgb(203, 32, 39);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .linkedin a::before {
    content: "\f0e1";
    font-family: FontAwesome;
}
.social .linkedin a {
    content:"\f0e1";
    font-family: FontAwesome;
    background-color: rgb(2, 123, 165);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .linkedin a:hover {
    background-color: rgb(2, 123, 165);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .youtube a::before {
    content: "\f167";
    font-family: FontAwesome;
}
.social .youtube a {
    background-color: rgb(240, 52, 52);
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.social .youtube a:hover {
    background-color: rgb(240, 52, 52);
    background-position: initial initial;
    background-repeat: initial initial;
}
.social {
    padding: 0;
    list-style: none;
}
.social ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.social ul li {
    margin: 0px 0px 0px 7px;
    display: inline-block;
}
.social a {
    transition: background 400ms ease-in-out;
    -webkit-transition: background 400ms ease-in-out;
}
.footer-middle {
    margin: auto auto 20px;
    padding: 0 15px;
}
.footer-middle .col-md-3,
.footer-middle .col-md-2 {
    margin: 5px auto;
}
.footer a:hover {
    text-decoration: none;
}
.footer-bottom {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(19, 25, 33);
    margin: auto;
    overflow: hidden;
    padding: 20px 0px 15px;
    width: 100%;
    background-position: 0px 0px;
    background-repeat: repeat repeat;
    padding: 15px 15px;
}
.footer-bottom .fx-row{
    align-items:center;
}
.footer-bottom a {
    color: rgb(170, 170, 170);
}
.footer-bottom a:hover {
    text-decoration: none;
}
.contacts-info address {
    display: block;
    margin: 10px auto 7px;
    font-style: normal;
    line-height: 1.5em;
    color: rgb(153, 153, 153);
    padding-top: 5px;
    text-align: left;
    padding-bottom: 5px;
    font-size: 12px;
    border: none;
}
.footer-logo {
    text-align: left;
}
.footer a,
.footer p {
    color: rgb(204, 204, 204);
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 14px;
}
.payment-accept img {
    margin: 0px 10px 8px 0px;
    width: 50px;
}
.footer-middle h4 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 24px;
    /* text-transform: uppercase; */
    white-space: nowrap;
}
.footer-middle ul.links {
    margin: auto;
    padding: 0px;
}
.footer-middle .links li {
    list-style: none;
    padding: 5px 0px;
}
.footer-middle .links li a {
    color: rgba(255, 255, 255, 0.65);
    transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s, background-position 100ms ease-in-out 0s;
    -webkit-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s, background-position 100ms ease-in-out 0s;
}
.footer-middle .links li a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.footer-middle .links li a::before {

    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    color: rgb(153, 153, 153);
    margin-right: 5px;
}
.add-icon::before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 15px;
    color: rgb(255, 255, 255);
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: rgb(55, 164, 217);
    background-position: initial initial;
    background-repeat: initial initial;
}
.email-icon::before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 14px;
    color: rgb(255, 255, 255);
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background-color: rgb(55, 164, 217);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.phone-icon::before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 15px;
    color: rgb(255, 255, 255);
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background-color: rgb(55, 164, 217);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: initial initial;
    background-repeat: initial initial;
}
.email-footer {
    overflow: hidden;
    margin-top: 12px;
    font-size: 12px;
}
.email-footer a {
    font-size: 12px;
    line-height: 35px;
    color: rgb(153, 153, 153);
}
.phone-footer {
    overflow: hidden;
    font-size: 12px;
    line-height: 35px;
    color: rgb(153, 153, 153);
    margin-bottom: 18px;
    margin-top: 15px;
}
.coppyright {
    color: rgb(204, 204, 204);
}
.footer-bottom .company-links ul {
    padding: 0px;
}
.footer-bottom .company-links li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    float: right;
}

/** end footer **/

/*** END CONTENT ***/



.categories-list.fx-sticky {
    position:fixed;

    z-index:4;
    display: none;
}
/*
html[dir="ltr"] .categories-list.fx-sticky {
    left:15%;
}
html[dir="rtl"] .categories-list.fx-sticky {
    right:15%;
}
*/
html[dir="ltr"] .categories-list.fx-sticky {
    right:15%;
}
html[dir="rtl"] .categories-list.fx-sticky {
    left:15%;
}
.categories-list.fx-sticky a{
    max-width:35px;
/*    max-width:35px;*/
    padding:5px 5px;
    overflow:hidden;
    white-space:nowrap;
    display: block;
    transition: none;
    background:#ffffff;
    color:#ffffff;
    border: solid 1px #ddd;
    border-top: transparent;
}
.categories-list a:hover{
    max-width:300px;
    transition: max-width linear .2s;
    color:#ffffff;
    border: none;
    background: #16d3f3;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.categories-list a.cat-fashion:hover, .categories-list a.cat-fashion.fx-active{
    background: #DF3942;
}
.categories-list a.cat-food:hover, .categories-list a.cat-food.fx-active{
    background: #55c932;
}
.categories-list a.cat-phones:hover, .categories-list a.cat-phones.fx-active{
    background: #06c;
}

.categories-list a.cat-electronics:hover, .categories-list a.cat-electronics.fx-active{
    background: #009893;
}

.categories-list a.cat-comp:hover, .categories-list a.cat-comp.fx-active{
    background: #5c6dbd;
}
.categories-list a.cat-cars:hover, .categories-list a.cat-cars.fx-active{
    background: #3BACFF;
}
.categories-list a.cat-toys:hover, .categories-list a.cat-toys.fx-active{
    background: #f3b516;
}
.categories-list a.cat-sports:hover, .categories-list a.cat-sports.fx-active{
    background: #e3521b;
}
.categories-list a.cat-home:hover, .categories-list a.cat-home.fx-active{
    background: #a9b900;
}


.categories-list a.cat-others:hover, .categories-list a.cat-others.fx-active{
    background: #8c6e63;
}


.categories-list.fx-sticky a i{
    width: 20px;
    height: 20px;
    display:block;
    color:#383838;
    text-align:center;
}
html[dir="ltr"] .categories-list.fx-sticky a i{
    float: left;
}
html[dir="rtl"] .categories-list.fx-sticky a i{
    float: right;
}
.cart-product{
    padding: 10px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.cart-product .cart-product-info a{
    color:#686868;
}
.cart-product .cart-product-info a:hover{
    color:rgb(var(--color1));
}
.cart-product-img{
    width: 80px;
    height: 80px;
}
.login {
    margin-top: 10px;
}
.login .fx-dropdown-toggle > i{
    color:transparent;
    -webkit-text-stroke: 2px #383838;
}
html[dir="ltr"] .login .fx-dropdown-toggle > i{
    padding-right:10px;
}
html[dir="rtl"] .login .fx-dropdown-toggle > i{
    padding-left:10px;
}
.login .fx-dropdown-toggle > div > a{
    margin-top: 7px;
    color: #383838;
}

.login .fx-dropdown-toggle:after{
    display:none;
}
.login [class*="fx-col-md-"]{
    white-space: nowrap;

}
.login .segmented-tabs{
    padding: 5px;
}
.login .segmented-tabs .fx-tab{
    line-height: 1.4;
}

.fx-row-reverse{
    flex-direction: row-reverse;
}

.fx-popup {
    position:fixed;
    background:#ffffff;
    top:0;
    z-index:12;
    min-width:350px;
    padding:20px;
    top: 7%;
    transition:ease .3s;
    left:0;
    opacity:0;
    -webkit-transform: translateY(-100%) translate3d(0px,0px,0px);
    transform: translateY(-100%) translate3d(0px,0px,0px);
    right:0;
    pointer-events:none;
    max-width:60%;
    /* max-height:400px; */
    margin:auto;
    box-shadow:0px 2px 18px rgba(0,0,0,0.26);
}
.fx-popup.fx-show{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    pointer-events: all;
    /* max-height: 502px; */
}
.payment-method {
    /* height: 25px; */
    margin:0 20px;
    width:auto;
    cursor: pointer;
    cursor:pointer;
    text-align: center;
    justify-content: center;
    transition:ease .3s;
}

.payment-method img{
     border: 3px solid transparent;
     transition:ease .2s;
     padding:5px;

}
.payment-method:hover img{
    border-color:rgb(var(--color1));
}
.payment-method.fx-active img{
    border-color:rgb(var(--color1));
}
.payment-method label{
    cursor: pointer;
}
.payment-method img{
    /* max-height: 100%; */
    /* max-width: 100%; */
    flex: 0;
    height: 64px;
}
.fx-popup-overlay{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    -webkit-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
    background:rgba(0,0,0,0.26);
    top:0;
    left:0;
    z-index:11;
}

.fx-popup button{

    height: 41px;
}
html[dir="ltr"] .fx-popup button i{
    padding-right:10px;
}
html[dir="rtl"] .fx-popup button i{
    padding-left:10px;
}
.products-not-av{
    display: none;
}
.fx-popup h3{
    margin:0;
    /* margin-bottom:15px */
    /* padding: 0; */
}
.fx-disabled{
	opacity:0.6;
	pointer-events:none;
}
.success-message{
    display: none;
}
.success-message h2{margin:0;}
.success-message .fx-preloader{
    margin: auto;
}
.product-image-container{
    text-align: center;
    max-height: 480px;
    min-height: 480px;
}
html[dir="rtl"] .login-link {
    margin-right:10px;
}

/************** FROM THE OLD ASWAQ ************/
.image-container{
    position:relative;
    width:40px;
    height: 36px;
    margin-top: -8px;
}
.image-container img{
    /* width: 100%; */
    height:auto;
    max-height:100%;
}
.image-container a.delete-image{
    width: 18px;
    height: 18px;
    background:#ff2344;
    text-align:center;
    border-radius:50%;
    transform: scale(0);
    display:block;
    position:absolute;
    top: 0;
    left: -23%;
    bottom: 0;
    margin: auto;
}
html[dir="rtl"] .image-container a.delete-image{
    left:initial;
    right:-23%;
}
.image-container:hover a.delete-image{
    transform: scale(1);

}
.variant-detail-img{
  background:rgb(var(--color1));
  display:block;
  height:36px;
  margin-top:-7px;
  line-height:2.5;
  text-align:center;
  color:#ffffff;
}
.sub-category {
    border-color:#ff8e02 !important;
}
.sub-category:nth-child(odd) {
    border-color:#ff3e3e !important;
}
.sub-category h2{
    color:#ff8e02 !important;
}
.sub-category:nth-child(odd) h2{
    color:#ff3e3e !important;
}
.categories .fx-breadkrumbs{
    padding:15px 0;
}
html[dir="ltr"] .categories .ads-container{
    margin-right: 0;
}
html[dir="rtl"] .categories .ads-container{
    margin-left: 0;
}



/****** STYLE HELPING CLASSES *******/
.fx-circle{
    border-radius: 50%;
    overflow: hidden;
}

.fx-tiny-image{
    width: 25px;
    height: 25px;
    background-size: cover;
}
.fx-height-tiny-image{
    height: 25px
}
.fx-width-tiny-image{
    width: 25px
}

.fx-small-image{
    width: 32px;
    height: 32px;
    background-size: cover;
}
.fx-height-small-image{
    height: 32px;
}
.fx-width-small-image{
    width: 32px;
}

.fx-medium-image{
    width: 48px;
    height: 48px;
    background-size: cover;
}

.fx-average-image{
    width: 64px;
    height: 64px;
    background-size: cover;
}
.fx-height-average-image{
    height: 64px;
}
.fx-width-average-image{
    width: 64px;
}

.fx-thumbnail-image{
    width: 86px;
    height: 86px;
    background-size: cover;
}
.fx-height-thumbnail-image{
    height: 86px;
}
.fx-width-thumbnail-image{
    width: 86px;
}

.fx-big-image{
    width: 128px;
    height: 128px;
    background-size: cover;
}
.fx-height-big-image{
    height: 128px;
}
.fx-width-big-image{
    width: 128px;
}

.fx-large-image{
    width: 180px;
    height: 180px;
    background-size: cover;
}
.fx-height-large-image{
    height: 180px;
}
.fx-width-large-image{
    width: 180px;
}
.fx-experimental-sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;

    top: 80px;
    z-index: 2;
    height: 35px;
}
.fx-position-sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
}
.fx-experimental-sticky *{
    padding: 0;
}
.fx-relative-position{
    position: relative;
}
.fx-absolute-position{
    position: absolute;
}
.fx-static-position{
    position: static;
}
.fx-fixed-position{
    position: fixed;
}
.fx-top-reset{
    top: 70px;
}
.fx-relative-fixed{
    position: fixed;
}
.fx-lateral-padding-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.fx-padding-0{
    padding: 0;
}
.fx-padding-5 {
    padding: 5px;
}
html[dir="ltr"] .fx-padding-left-5{
    padding-left: 5px;
}
html[dir="rtl"] .fx-padding-left-5{
    padding-right: 5px;
}
html[dir="ltr"] .fx-padding-right-5{
    padding-right: 5px;
}
html[dir="rtl"] .fx-padding-right-5{
    padding-left: 5px;
}
.fx-padding-top-5{
    padding-top: 5px;
}
.fx-padding-bottom-5{
    padding-bottom: 5px;
}

.fx-padding-6{
    padding: 6px;
}
html[dir="ltr"] .fx-padding-left-6{
    padding-left: 6px;
}
html[dir="rtl"] .fx-padding-left-6{
    padding-right: 6px;
}
html[dir="ltr"] .fx-padding-right-6{
    padding-right: 6px;
}
html[dir="rtl"] .fx-padding-right-6{
    padding-left: 6px;
}
.fx-padding-top-6{
    padding-top: 6px;
}
.fx-padding-bottom-6{
    padding-bottom: 6px;
}

.fx-padding-8{
    padding: 8px;
}
html[dir="ltr"] .fx-padding-left-8{
    padding-left: 8px;
}
html[dir="rtl"] .fx-padding-left-8{
    padding-right: 8px;
}
html[dir="ltr"] .fx-padding-right-8{
    padding-right: 8px;
}
html[dir="rtl"] .fx-padding-right-8{
    padding-left: 8px;
}
.fx-padding-top-8{
    padding-top: 8px;
}
.fx-padding-bottom-8{
    padding-bottom: 8px;
}

.fx-padding-10{
    padding: 10px;
}
.fx-padding-left-10{
    padding-left: 10px;
}
html[dir="ltr"] .fx-padding-right-10{
    padding-right: 10px;
}
html[dir="rtl"] .fx-padding-right-10{
    padding-left: 10px;
}
.fx-padding-top-10{
    padding-top: 10px;
}
.fx-padding-bottom-10{
    padding-bottom: 10px;
}

.fx-padding-15{
    padding: 15px;
}
html[dir="ltr"] .fx-padding-left-15{
    padding-left: 15px;
}
html[dir="rtl"] .fx-padding-left-15{
    padding-right: 15px;
}
html[dir="ltr"] .fx-padding-right-15{
    padding-right: 15px;
}
html[dir="rtl"] .fx-padding-right-15{
    padding-left: 15px;
}
.fx-padding-top-15{
    padding-top: 15px;
}
.fx-padding-bottom-15{
    padding-bottom: 15px;
}

.fx-padding-20{
    padding: 20px;
}
html[dir="ltr"] .fx-padding-left-20{
    padding-left: 20px;
}
html[dir="rtl"] .fx-padding-left-20{
    padding-right: 20px;
}
html[dir="ltr"]  .fx-padding-right-20{
    padding-left: 20px;
}
html[dir="rtl"]  .fx-padding-right-20{
    padding-right: 20px;
}
.fx-padding-top-20{
    padding-top: 20px;
}
.fx-padding-bottom-20{
    padding-bottom: 20px;
}
.fx-margin-auto{
    margin: auto;
}
.fx-margin-5{
    margin: 5px;
}
html[dir="ltr"] .fx-margin-left-5{
    margin-left: 5px;
}
html[dir="rtl"] .fx-margin-left-5{
    margin-right: 5px;
}
html[dir="ltr"] .fx-margin-right-5{
    margin-right: 5px;
}
html[dir="rtl"] .fx-margin-right-5{
    margin-left: 5px;
}
.fx-margin-top-5{
    margin-top: 5px;
}
.fx-margin-bottom-5{
    margin-bottom: 5px;
}

.fx-margin-6{
    margin: 6px;
}
html[dir="ltr"] .fx-margin-left-6{
    margin-left: 6px;
}
html[dir="rtl"] .fx-margin-left-6{
    margin-right: 6px;
}
html[dir="ltr"] .fx-margin-right-6{
    margin-right: 6px;
}
html[dir="rtl"] .fx-margin-right-6{
    margin-left: 6px;
}
.fx-margin-top-6{
    margin-top: 6px;
}
.fx-margin-bottom-6{
    margin-bottom: 6px;
}

.fx-margin-8{
    margin: 8px;
}
html[dir="ltr"] .fx-margin-left-8{
    margin-left: 8px;
}
html[dir="rtl"] .fx-margin-left-8{
    margin-right: 8px;
}
html[dir="ltr"] .fx-margin-right-8{
    margin-right: 8px;
}
html[dir="rtl"] .fx-margin-right-8{
    margin-left: 8px;
}
.fx-margin-top-8{
    margin-top: 8px;
}
.fx-margin-bottom-8{
    margin-bottom: 8px;
}

.fx-margin-10{
    margin: 10px;
}
html[dir="ltr"] .fx-margin-left-10{
    margin-left: 10px;
}
html[dir="rtl"] .fx-margin-left-10{
    margin-right: 10px;
}
html[dir="ltr"] .fx-margin-right-10{
    margin-right: 10px;
}
html[dir="rtl"] .fx-margin-right-10{
    margin-left: 10px;
}
.fx-margin-top-10{
    margin-top: 10px;
}
.fx-margin-bottom-10{
    margin-bottom: 10px;
}

.fx-margin-15{
    margin: 15px;
}
html[dir="ltr"] .fx-margin-left-15{
    margin-left: 15px;
}
html[dir="rtl"] .fx-margin-left-15{
    margin-right: 15px;
}
html[dir="ltr"] .fx-margin-right-15{
    margin-right: 15px;
}
html[dir="rtl"] .fx-margin-right-15{
    margin-left: 15px;
}
.fx-margin-top-15{
    margin-top: 15px;
}
.fx-margin-bottom-15{
    margin-bottom: 15px;
}
.fx-lateral-margin-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.fx-margin-0{
    margin: 0;
}

.fx-tiny-text{
    font-size: 10px;
}
.fx-tiny-text:before{
    font-size: 10px;
}
.fx-text-left{
    text-align: left;
}
html[dir="rtl"] .fx-text-left{
    text-align: right;
}
.fx-text-center{
    text-align: center;
}
.fx-text-right{
    text-align: right;
}
html[dir="rtl"] .fx-text-right{
    text-align: left;
}
.fx-text-15x{
    zoom: 150%;
}
.fx-text-20x{
    zoom:200%;
}
.fx-bold-text{
    font-weight: 800;
}

.fx-fashion_red-background{
    background: #DF3942;
}
.fx-green-background{
    background: #55c932;
}
.fx-teal-background{
    background: #009893;
}
.fx-nightblue-background{
    background: #06c;
}
.fx-blue-background{
    background: #3BACFF;
}
.fx-violet-background{
    background: #5c6dbd;
}
.fx-orange-background{
    background: #f3b516;
}
.fx-cookedgreen-background{
    background: #a9b900;
}
.fx-transparent-background{
    background: transparent;
}
.fx-yellow-color{
    color: #fad822;
}
.fx-vermilion-color{
    color: #fa3842;
}
.fx-green-color{
    color: #59d774;
}
.fx-blue-color{
    color: rgb(var(--color1));
}
.fx-white-color{
    color: #ffffff;
}

.fx-grayscale{
    position:relative;
    filter: saturate(0%);
    opacity: 0.5;
}

.fx-alternate-background > div:nth-child(odd){
    background: rgba(221, 225, 229, 0.48);
}
.fx-bold{
    font-weight: 600;
}
.fx-outline-icon {
    color: transparent;
    -webkit-text-stroke: 1px #383838;  /* !!!!! webkit only !!!!! */
}

/**** animation ****/

/** animation type **/
.fx-animation-transparency{
    animation-name: transparency;
}
.fx-animation-scale{
    animation-name: scale;
}

/** animation timing **/

.fx-animation-20s{
    animation-duration: 2s;
}
.fx-animation-18s{
    animation-duration: 1.8s;
}
.fx-animation-16s{
    animation-duration: 1.6s;
}
.fx-animation-12s{
    animation-duration: 1.2s;
}
.fx-animation-10s{
    animation-duration: 1s;
}
.fx-animation-08s{
    animation-duration: 0.8s;
}
.fx-animation-06s{
    animation-duration: 0.6s;
}
.fx-animation-05s{
    animation-duration: 0.5s;
}

.fx-transition-ease{
    transition-timing-function: ease;
}
.fx-transition-linear{
    transition-timing-function: linear;
}
.fx-transition-ease-out{
    transition-timing-function: ease-out;
}
.fx-transition-ease-in{
    transition-timing-function: ease-in;
}
.fx-transition-ease-in-out{
    transition-timing-function: ease-in-out;
}

.fx-transition-15s{
    transition-duration: 1.5s;
}
.fx-transition-10s{
    transition-duration: 1s;
}
.fx-transition-08s{
    transition-duration: 0.8s;
}
.fx-transition-06s{
    transition-duration: 0.6s;
}
.fx-transition-05s{
    transition-duration: 0.5s;
}
.fx-transition-03s{
    transition-duration: 0.3s;
}
.fx-transition-02s{
    transition-duration: 0.2s;
}
.fx-mobile{
    display: none;
}
.fx-desktop{
    display: inherit;
}
.fx-mobile-check{
    display: none;
}
.sell-page .fx-collapsible{
    position: sticky;
    top: 80px;
    background: #ffffff;
    z-index: 2;
}
.easyzoom {
    min-width: 80%;
}
.easyzoom > a {
    justify-content: center;
}
.easyzoom img {
    width: 100%;
    height: auto;
/*    opacity: 0;*/
} 
.easyzoom:hover img {
/*    opacity: 1;*/
}
.kl-promo {
    right: auto !important;
    left: 15px !important;
}
html[dir="rtl"] .kl-promo {
    left: auto !important;
    right: 15px !important;
}






/*** MOBILE ZONE ***/
@media screen and (max-width:768px){
    .slides1 {
        zoom: 0.6;
    }
    .my-account > ul {
        margin-top: 0 !important;
    }
}

@media screen and (min-width:320px) and (max-width:600px){
    .zoomContainer {
        display: none;
    }
    .kl-promo {
        top: -70px;
    }
    
    html[dir="rtl"] .b-detail__head-price .b-items__cars-one-img-type.m-listing {
        right: 15px !important;
    }
    .b-items__cars-one-img-type.m-listing {
        top: -80px;
    }
    .ace-grid-pagination > div {
        max-width: 100px;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .ace-grid-pagination > div > input {
        max-width: 40px !important;
        text-align: center;
    }
    .user-dropdown .fx-dropdown-list{
        padding:0;
    }
    .user-dropdown .fx-dropdown-list > a{
        padding:6px 16px;
    }
    .footer{
        display:none;
    }
    .fx-mobile-title-bar{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 44px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 10px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .fx-mobile-title-bar a{
        font-size:16px;
        color: rgb(var(--color1)) !important;
        display:flex;
        align-items:center;
        align-content: center;
        width: auto !important;
    }
    .fx-mobile-title-bar i,.fx-mobile-title-bar i:before{
        line-height:1.6;
        margin-left:0;
        text-align:center;
    }
    .fx-mobile-title-bar h3{
        max-width: none;
        width: auto !important;
        flex-basis: auto;
        white-space: nowrap;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        border: none !important;
        margin-bottom: 0;
        font-size: 18px;
    }
    .categories-list{
        display: none;
    }
    .fx-desktop{
        display: none;
    }
    .fx-tabbar{
        height: 46px;
        /* position:fixed; */
        bottom:0;
        box-shadow: 0px -1px 2px rgba(0,0,0,0.26);
        z-index: 3;
        background:#ffffff;
        width:100%;
        left: 0;
    }
     .fx-tabbar .fx-main-tabbar-action i, .fx-tabbar .fx-main-tabbar-action svg{
         width: 41px;
         height: 42px;
         box-shadow: 0px -1px 5px rgba(0,0,0,0.26);
         background: rgb(var(--color1));
         padding: 5px;
         fill: #ffffff !important;
         border-radius: 50%;
         margin-top: -15px;
         text-align:center;
         margin-bottom: 5px;
     }

    .fx-tabbar .fx-main-tab-action{

        font-size: 12px;
    }
    .fx-tabbar .fx-tabbar-action i{
        font-size:20px;
        line-height: 2.2;
        margin-top:0;
        /* padding:0 !important; */
    }
     .fx-tab-bar .fx-dropdown{
        font-size:20px;
        line-height:2.6;
        margin-top:0;
        margin:0 !important;
    }
    .header{
        height:30px;
        width:100%;
        position:fixed;
        top:0;
        z-index: 3;
        height:44px !important;
    }
    .as-content{
        margin-top: 8px !important;
    }
    .header .fx-row{
        /* flex-wrap: nowrap; */

    }
    .header > div > div > div, .header > div > div > a{
        display:none;
    }
    .header .logo{
        display:block;
    }
    .logo{
        padding: 10px;
        height: 100%;
        /* width: 100%; */
        margin: auto;
    }
    .logo img{
        height: 100%;
        filter: grayscale(100%) brightness(0);
        opacity: 0.7;
    }
    .carousel{
        height: 150px
    }
    .main-ad{
        display: none;
    }
    section{
        padding: 0 10px;
        width: 100%;
    }
    .enhaced-section{
        max-width: 100%;
    }
    .enhaced-section > .fx-justify-space-between{
       justify-content: center;
    }
    .enhaced-section .segmented-tabs{
        min-width: 100%;
        flex-wrap: nowrap;
        margin-top:10px;
        overflow-X:scroll;;
        -webkit-overflow-scrolling:touch;
    }
     .fx-row{
        max-width: 100%;
    }
    [class*="fx-col-"] {
        flex-basis: 100%;
        max-width: 100%;
    }
    .product{
        max-width: 49%;
    }
    .fx-container{
        flex-basis: 90%;
        max-width: 90%;
    }
    .ads-container{
        width: 100%;
    }
    .header.fx-sticky .as-top-services{
        display: none;
    }
    .fx-mobile{
        display: inherit;
    }
    .login > .fx-dropdown-toggle a{
        display: none;
    }
    .search-toggle{
        font-size: 20px;
        align-self: center;
        width: 20px;
        z-index: 1;
        /* position: absolute; */
    }
    .general-search.fx-mobile.fx-show .search-toggle{
    }
    html[dir="ltr"] .general-search.fx-mobile.fx-show .search-toggle{
        margin-left: -35px;
    }
    .general-search.fx-mobile{
        transition: ease .2s;
        -webkit-transform: translateY(54px) scaleX(0) translate3d(0px,0px,0px);
        transform: translateY(54px)  scaleX(0) translate3d(0px,0px,0px);
        top: 0;
        z-index: 4;
        overflow: hidden;
        display: flex;
        width: 100%;
        opacity: 0;
        height: 53px;
        left: 0;
        right: 0;
        position: fixed;
    }
    .general-search, .header.fx-sticky .general-search{
        flex-wrap: nowrap;
        /* width: 100%; */
        width: auto;
        position: absolute;
    }
    .header .fx-container{
        padding: 0;
        display: flex;
        height: 100%;
    }
    .general-search input{
        transition: ease .2s;
        width: 100%;
        opacity: 1;
        padding: 10px 15px;
    }
    html[dir="ltr"] .general-search input{
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    html[dir="rtl"] .general-search input{
        -webkit-transform-origin: right;
        transform-origin: right;
    }
    .general-search.fx-mobile.fx-show {
        -webkit-transform: translateY(54px) scaleX(1);
        transform: translateY(0) scaleX(1);
        opacity: 1;
    }
    .header .fx-dropdown{
        margin-top: 0;
    }
    .general-search.fx-mobile.fx-show input{
    }

    .fx-dropdown-list{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        top:0;
        transition: ease-out .4s;
        left:0;
        z-index: 4;
        align-content: flex-start;
    }
    .login .fx-vertical-form, .login .fx-vertical-form input{
        width: 100%;
    }
    .fx-dropdown-list{
        -webkit-transform: translateY(100%) translate3d(0px,0px,0px);
        transform: translateY(100%) translate3d(0px,0px,0px);
        opacity: 0.7;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .header{
        height: 53px;
    }
    .header i{
        font-size: 20px;
        line-height: 2.6;
        height: 100%;
    }
     .fx-dropdown.shopping-cart,  .fx-dropdown.login{
         margin-top:0;
     }
    html[dir="ltr"] .fx-dropdown.shopping-cart{
        margin-left: 0;
    }
     html[dir="rtl"] .fx-dropdown.shopping-cart{
        margin-right: 0;
    }
    .fx-dropdown.shopping-cart .fx-badge {
        top:7px;
        border-radius: 6px;
    }

    .fx-dropdown .segmented-tabs i{
        line-height: initial;
        height: auto;
        font-size: initial;
    }
    .header.fx-sticky{
        max-height: 44px;
        min-height: 44px;
        z-index: 3;
    }
    .as-content{
        overflow-y:scroll;
        overflow-x:hidden;
        height: 100%;
        width: 100%;
        flex-basis: 100% !important;
        max-width: 100%;
        -webkit-overflow-scrolling:touch;
    }
    .fx-overlay{
        position:fixed;
        width:100%;
        height:100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition:linear .2s;
        transition:linear .2s;
        -webkit-transform:translate3d(0px,0px,0px);
        transform:translate3d(0px,0px,0px);
        background: rgba(0,0,0,0.4);
        top:0;
        left:0;
        z-index:3;
    }
    .fx-overlay.fx-show{
        opacity: 1;
        pointer-events: all;
    }
    .categories-list.fx-sticky{
        display: none !important;
    }
    .fx-side-nav{
        position: fixed;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
        background: #ffffff;
        z-index: 11;
        height: 100%;
        width: 220px;
        box-shadow: 1px 0px 35px rgba(0,0,0,0.26);
        top:0;
    }

    html[dir="ltr"] .fx-side-nav{
         -webkit-transform: translateX(-150%) translate3d(0px,0px,0px);
         transform: translateX(-150%) translate3d(0px,0px,0px);
        left:0;
    }
    html[dir="rtl"] .fx-side-nav{
         -webkit-transform: translateX(150%) translate3d(0px,0px,0px);
         transform: translateX(150%) translate3d(0px,0px,0px);
        right:0;
    }
    html[dir="ltr"] .fx-side-nav.fx-show,
    html[dir="rtl"] .fx-side-nav.fx-show{
          -webkit-transform: translateX(0);
         transform: translateX(0);
    }
    .fx-side-nav.fx-show{

    }
    html, body{
        overflow: hidden !important;

    }
    html.fx-show,body.fx-show{
        overflow-y: hidden;
    }
   body.fx-show .as-content{

    }
    .fx-dropdown-toggle:after{
        content:'';
    }
    .fx-mobile-check{
        display: block;
    }
}
@media screen and (min-width:600px) and (max-width:768px){
    #global-filering-section [class*="fx-col-"] {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.shipping-costs{
    display: none;
}
.as-profile-cover {
    background: url(../imgs/democover.jpg);
    background-size: cover;
    width: 100%;
    height: 280px;
}
.as-contact-cover {
    background: url('../imgs/contact-cover.jpg');
    background-size: 100%;
    width: 100%;
    background-position-y: -562px;
    height: 180px;
    margin-bottom:15px;
    text-align:center;
    color: #ffffff;
    padding: 60px;
    box-shadow:inset 0px 1px 16px rgba(0,0,0,0.4);
    text-shadow: 0px 1px 1px #323232;
}
.as-contact-cover h3{
    font-size:24px;
}
.as-profile-cover .fx-circle.fx-thumbnail-image{
    background-color:#ffffff;
}

.as-profile-img {
    margin-top: -38px;
    border: 2px solid #ffffff;
    box-shadow:0 1px 2px rgba(0,0,0,0.26);
}
.bx-viewport {
	max-height: 670px !important;
}




.reverse-auction-badge{
}
@keyframes reverse-pulse{
	from{
		transform:rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}
@keyframes price-pulse{
	0%{
		transform:scaleX(1) scaleY(1);
	}
	5%{
		transform:scaleX(1.15) scaleY(1.25);
	}
	10%{
		transform:scaleX(1) scaleY(1);
	}
	15%{
		transform:scaleX(1.20) scaleY(1.30);
	}
	20%{
		transform:scaleX(1) scaleY(1);
	}
	25%{
		transform:scaleX(1.25) scaleY(1.35);
	}
	30%{
		transform:scaleX(1) scaleY(1);
	}
	35%{
		transform:scaleX(1.3) scaleY(1.4);
	}
	40%{
		transform:scaleX(1) scaleY(1);
	}
	45%{
		transform:scaleX(1.35) scaleY(1.45);
	}
	50%{
		transform:scaleX(1) scaleY(1);
	}
	55%{
		transform:scaleX(1.4) scaleY(1.50);
	}
	60%{
		transform:scaleX(1) scaleY(1);
	}
	65%{
		transform:scaleX(1.45) scaleY(1.55);
	}
	70%{
		transform:scaleX(1) scaleY(1);
	}
	75%{
		transform:scaleX(1.50) scaleY(1.6);
	}
	80%{
		transform:scaleX(1) scaleY(1);
	}
	85%{
		transform:scaleX(1.55) scaleY(1.65);
	}
	90%{
		transform:scaleX(1) scaleY(1);
	}
	95%{
		transform:scaleX(1.60) scaleY(1.70);
	}
	100%{
		transform:scaleX(1.7) scaleY(1.8);
	}
}
@keyframes price-back{
	0%{
		transform:scaleX(1.7) scaleY(1.8);
	}
	100%{
		transform:scaleX(1) scaleY(1);
	}
}
.reverse-auction-badge.no-badge:before{
    display: none;
}
div.reverse-auction-badge:before,a.reverse-auction-badge:before{
	content: unset;
/*	content: " ";*/
	display:inline-block;
/*	background: url(../imgs/reversed-auction-badge.gif);*/
	width: 34px;
	height: 34px;
	position: absolute;
	top: -10px;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-size: cover;
	transition:transform ease-in-out .5s;
	-webkit-filter: hue-rotate(16deg) brightness(110%);
	filter: hue-rotate(16deg) brightness(110%);
}

html[dir="ltr"] .recently-left-prod-wrapper.reverse-auction-badge:before {
    left: initial;
}
html[dir="rtl"] .recently-left-prod-wrapper.reverse-auction-badge:before {
    right: initial;
}
i.fa.fa-gavel.bluec {
    font-size: 18px;
    color: rgb(var(--color1));
}
i.fa.fa-gavel {
    border-bottom: 1px solid rgb(var(--color1));
    width: 10px;
    margin-left: -5px;
    margin-right: 10px;
}
i.fa.fa-gavel.fa-gavel-correct {
    border-bottom: 2px solid rgb(var(--color1));
    width: 14px;
    margin-left: 0px;
    margin-right: 20px;
}
html[dir="rtl"] i.fa.fa-gavel.fa-gavel-correct {
    margin-left: 20px;
    margin-right: 10px;
}
html[dir="rtl"] .fa-gavel:before {
    margin-right: -10px;
}

div.secured-auction-badge:before,a.secured-auction-badge:before{
	content: unset;
/*	content: " ";*/
	display:inline-block;
/*	background: url(../imgs/secured-auction-badge.png);*/
	width: 35px;
	height: 38px;
	position: absolute;
	/* top: 14px; */
	pointer-events: none;
	z-index: 1;
	left: 0;
	top: -10px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-size: cover;
	transition:transform ease-in-out .5s;
}

.fx-ace-to-flex h2{
    margin-bottom:10px !important;
    margin-top:0 !important;
}
.fx-ace-to-flex .ace-text-field{
    display:flex !important;
    width:100%;
}
.fx-ace-to-flex .ace-text-field .ace-error-msg{
    position:absolute;
    top:34px;
}
.ace-autocomplete-field .ace-error-msg{
    position:absolute;
    top: 12px;
    right: 10px;
    }
html[dir="ltr"] .fx-ace-to-flex .ace-text-field .ace-error-msg{
    right:0;

}
html[dir="rtl"] .fx-ace-to-flex .ace-text-field .ace-error-msg{
    left:0;

}
html[dir="ltr"] .fx-ace-to-flex .ace-text-field .ace-badge ~ .ace-error-msg{
    right:36px;

}
html[dir="rtl"] .fx-ace-to-flex .ace-text-field .ace-badge ~ .ace-error-msg{
    left:36px;

}
.fx-ace-to-flex .fx-field{
    align-items:center;
}
.fx-ace-to-flex .ace-auto-gen.fx-title{
    font-size:24px;
    margin-top: 0;
    /* border:none; */
    padding-bottom: 10px !important;
}
.fx-ace-to-flex  input[type="text"], .fx-ace-to-flex input[type="password"], .fx-ace-to-flex  input[type="email"], .fx-ace-to-flex  input[type="number"], .fx-ace-to-flex  textarea, .fx-ace-to-flex  select, .fx-ace-to-flex input.ace-efld{
    border:1px solid rgba(0,0,0,0.1) !important;
    font-family: "Source Sans Pro";
    background:transparent !important;
    -webkit-appearance:none;
    font-size: 14px;
    will-change: background;
}
.fx-ace-to-flex  input[readonly]{
    border:none !important;
}
.fx-ace-to-flex .ace-error-req .ace-text-field:before, .fx-ace-to-flex .ace-error-req .ace-combo-field:before {
    color: #FF435C;
    content: '\f069';
    display: block;
    float: right;
    position: absolute;
    font-size: 8px;
    left: initial;
    top: 2px;
}
html[dir="ltr"] .fx-ace-to-flex .ace-error-req .ace-text-field:before,html[dir="ltr"] .fx-ace-to-flex .ace-error-req .ace-combo-field:before{
    left: 6px;
}
html[dir="rtl"] .fx-ace-to-flex .ace-error-req .ace-text-field:before,html[dir="rtl"] .fx-ace-to-flex .ace-error-req .ace-combo-field:before{
    right:-10px;
}
.fx-ace-to-flex  .ace-combo-field:after{
	position:absolute !important;
	content:'\f107'!important;
	top:8px !important;
	color:#484848 !important;
	font-size:14px !important;

}
.fx-ace-to-flex .ace-text-field, .fx-ace-to-flex .ace-autocomplete-field, .fx-ace-to-flex .ace-combo-field, .fx-ace-to-flex .ace-checkbox-field{
    padding:0 !important;
    padding-bottom:5px !important;
}
html[dir="ltr"] .fx-ace-to-flex .ace-text-field,html[dir="ltr"]  .fx-ace-to-flex .ace-combo-field,html[dir="ltr"]  .fx-ace-to-flex .ace-checkbox-field{
    padding-right:5px !important;
}
html[dir="ltr"] .fx-ace-to-flex .fx-paper-card{
    padding-right:10px;
}
html[dir="rtl"] .fx-ace-to-flex .fx-paper-card{
    padding-left:10px;
}
html[dir="ltr"] .fx-ace-to-flex .ace-combo-field{
    padding-left:0 !important;
}
html[dir="rtl"] .fx-ace-to-flex .ace-combo-field{
    padding-right:0 !important;
}
html[dir="rtl"] .fx-ace-to-flex .ace-text-field, html[dir="rtl"] .fx-ace-to-flex .ace-combo-field, html[dir="rtl"] .fx-ace-to-flex .ace-checkbox-field{
    padding-left:5px !important;
}
.fx-ace-to-flex  .ace-auto-gen, .fx-ace-to-flex .ace-checkbox-field .ace-label{
    padding:0 !important;

}
.fx-ace-to-flex .ace-breadcrumbs-field .ace-breadcrumbs-link.ace-breadcrumbs-active{
    background:rgb(var(--color1));
}
.fx-ace-to-flex .ace-medium-padding-top{
    padding-top:15px !important;
}
.fx-ace-to-flex .fx-field .ace-text-field{

    padding-bottom:0 !important;
}
.fx-ace-to-flex .fx-field .ace-text-field input{
     margin-bottom:0 !important;
}
.fx-ace-to-flex .ace-chips-field{
    border:1px solid rgba(0,0,0,0.1);
    min-height:35px;
    margin-bottom:5px;
}
.fx-ace-to-flex .ace-chips-field input{
    border-color:transparent !important;
}
.fx-ace-to-flex .ace-chips-field .ace-chip-remove{
    color: rgb(var(--color1)) !important;
    font-weight:bold;
    background: #ffffff;
    padding: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 0.8;
}
html[dir="ltr"] .fx-ace-to-flex .ace-chips-field .ace-chip-remove{
    margin-left:10px;
    margin-right:0;
}
html[dir="rtl"] .fx-ace-to-flex .ace-chips-field .ace-chip-remove{
    margin-right:10px;
    margin-left:0;
}
 .fx-ace-to-flex .ace-label{
     opacity:1;
 }
 .fx-ace-to-flex .ace-combo-field .ace-efld:focus ~ label{
     color:rgb(var(--color1)) !important;
 }
 .fx-ace-to-flex  .ace-efld:focus ~ label{
     color:rgb(var(--color1)) !important;
 }
 .ace-combo-field .ace-efld ~ label{
     top:-20px !important;
 }
 .fx-ace-to-flex .ace-chips-field .ace-chip{
     border-radius:4px;
     display:flex;
     align-items:center;

 }
.fx-ace-to-flex .ace-badge{
    height:100%;
    background:transparent;
    z-index: 1;
}
.fx-ace-to-flex .ui-sortable{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
}
html[dir="ltr"] .ace-badge{
    margin-right:0;
}
html[dir="rtl"] .ace-badge{
    margin-right:0;
}
html[dir="ltr"] .fx-ace-to-flex .ui-sortable li{
    padding-right:5px ;
}
html[dir="rtl"] .fx-ace-to-flex .ui-sortable li{
    padding-right:5px ;
}
.fx-ace-to-flex .ui-sortable a{
    color:#ffffff !important;
}
html[dir="ltr"] .fx-ace-to-flex  .ace-combo-field:after{
    right:10px;
}
html[dir="rtl"] .fx-ace-to-flex  .ace-combo-field:after{
    left:10px;
}
.fx-ace-to-flex .ace-error-req{
    top:0 !important;
}
.fx-ace-to-flex [disabled], .fx-ace-to-flex [readonly="readonly"] {
    background:transparent !important;
    border-color:transparent !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.fx-ace-to-flex  .fx-select-selected[disabled]{
    background:transparent !important;
    border-color:transparent !important;
    border-bottom: none !important;
}
input[type="button"], button, .fx-button{
    cursor: pointer;
    padding: 10px;
    border:1px solid transparent;
    background: rgb(var(--color1));
    color:#ffffff;
}
input[type="button"]:hover, button:hover, .fx-button:hover{
    background: rgb(var(--color2));
}

.fx-ace-to-flex  .ace-checkbox-field{
    cursor:pointer;
    line-height: 1;
    display: inline-block;
    opacity: 1;
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label input{
    display:none;
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label span{
    height: 0;
    background:transparent;
    line-height: 0.8 !important;
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label span:before{
    content:' ';
    width:14px;
    position:relative;
    top: 0px;
    margin-right:5px;
    color: transparent;
    transition: ease .2s;
    height:14px;
    font-size: 13px;
    border-radius:0;
    text-align: center;
    float: left;
    display: block;
    border: 1px solid rgba(0,0,0,0.3);
    line-height: 1.2;
}
html[dir="rtl"] .fx-ace-to-flex  .ace-checkbox-field .ace-label  span:before{
    float:right;
    margin-right:0;
    margin-left:5px;
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label{
    opacity:1;
    display: flex;
    align-items: center;
    align-content: center;
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label  span:hover:before{
    border: 1px solid rgb(var(--color1));
}
.fx-ace-to-flex  .ace-checkbox-field .ace-label  input:checked + span:before{
    content: '\f00c';
    border: 1px solid rgba(0,0,0,0.2);
    background: rgb(var(--color1));
    color: #ffffff;
    font-family: "FontAwesome";
}
.ace-to-flex .fx-tags input, .ace-to-flex [class*="ace-"] .fx-tags input{
    border: 1px solid transparent !important;
}
.fx-ace-to-flex [class^="ace-"] [class^="ace-"] .fx-field-badge i{
    line-height:0 !important;
}
.fx-ace-to-flex .fx-collapsible a{
    color:#ffffff !important
}
.fx-ace-to-flex .fx-collapsible.fx-show > a{
    background:transparent;
    font-size: 21px;
    /* border-color:transparent; */
    color:#383838 !important;
}

.logindrop .fx-ace-to-flex .fx-title span{
    /* color:rgb(var(--color1)); */
    font-weight:500;
}

.variant-details-container{
	display:flex;
	align-items:center;
}
.variant-details-container .ace-col-9{
	display:flex;

}
.variant-delimitator{
	margin: 15px 0;
	display:block;
}
.variant-value-container{
	display:flex;
	align-items:center;
}

.fx-ace-to-flex  .variant-details-container .ace-col-9 .ace-col-3{
    min-width:33.33% !important;
}
.fx-ace-to-flex .ace-combo-field select{
    height:36px !Important;;
}

.categories-list a .fa-ellipsis-v:before,.categories-list a  .fa-cutlery:before{
    display:none;
}
.categories-list a i{
    background-color: #000000;
    width: 20px;
    height: 20px;
}
.categories-list a:hover i,.categories-list a.fx-active i{
    background-color: #ffffff;
}

.fx-ace-to-flex p{
    line-height:initial !important;
}
.fx-ace-to-flex .ace-form-inner h2{
    width:auto !Important;
    margin-bottom: 0;
    border:none;
}
.fx-ace-to-flex  .ace-form-inner .fx-title{
    line-height:initial;
    margin:10px 0;
    margin-top:0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

html[dir="ltr"] .fx-ace-to-flex  button:before{
    margin-right:5px;
}
html[dir="rtl"] .fx-ace-to-flex  button:before{
    margin-left:5px;
}
.fx-ace-to-flex  input[type="button"], .fx-ace-to-flex  button, .fx-ace-to-flex  .fx-button{
    cursor: pointer;
    padding: 10px;
    border:1px solid transparent !important;
    background: rgb(var(--color1)) !important;
    color:#ffffff !important;
    font-family: "Source Sans Pro", "FontAwesome";
}

.fx-ace-to-flex  .fx-outline-button{
    background:transparent !important;
    color:rgb(var(--color1)) !important;;
    border-color:rgb(var(--color1)) !important;
}

.fx-ace-to-flex  input[type="button"]:hover, .fx-ace-to-flex  button:hover, .fx-ace-to-flex  .fx-button:hover{
    background: rgb(var(--color2)) !important;
    color: #ffffff !important;
}
.fx-outline-button:hover{
    background: rgb(var(--color1)) !important;
    color: #ffffff !important;
}
.fx-ace-to-flex  .fx-gray-button{
    background:#f2f4f6;
    color:#383838;;
}
.fx-ace-to-flex  .fx-ace-to-flex  .fx-gray-button:hover{
    background:#f0f2f4;
    color:#383838;;
}
.fx-ace-to-flex  .fx-accent-button {
    background: #ef5b22;
}
.fx-ace-to-flex  .fx-accent-button:hover {
    background: #de531b;
}
.fx-ace-to-flex  .fx-accent-button-light {
    background: #ef8c38;
}
.fx-ace-to-flex  .fx-accent-button-light:hover {
    background: #ef9538;
}
.fx-ace-to-flex .fx-green-background{
    background: #55c932 !important;
}
.fx-ace-to-flex button.fx-green-background:hover{
    background: #51b731 !important;
}
.fx-ace-to-flex h3{
    border:none !important;
}
.as-variants.fx-show{
    max-height: initial;
}
.pr_details-div {}
.pr_details-div ul{
    list-style:none;
    padding: 0;
}
html[dir="ltr"] .pr_details-div ul li{
    float:left;
}
html[dir="rtl"] .pr_details-div ul li{
    float:right;
}
.pr_details-div ul li:last-child{
    display:block;
    /* width:100%; */
}
#detail-price{
    display:block;
    width:100%;
    clear:both;
    font-weight:600;
    font-size:20px;
}
.pr_details-div select {
    background:#ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    position:relative;
    height: 37px;
    cursor: pointer;
    /* padding:5px 10px; */
    display: flex;
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.26); */
}
html[dir="ltr"] .pr_details-div select {
	float:left;
	margin-right:5px;	
}
html[dir="rtl"] .pr_details-div select {
	float:right;	
	margin-left:5px;
}
.ul-div-left{
    opacity:0.6;
}
button.fx-popup-close {
    background:transparent !important;
    color:#ff1266 !important;
    margin: 0 10px;
}
button.fx-popup-close:hover {
    background: #ffedf4 !important;
    color:#ff1266 !important;
}
button.fx-popup-back {
    background:transparent !important;
    color:rgb(var(--color1));
    margin-right: auto !important;
    display: none;
}
button.fx-popup-back:hover {
    background:rgba(0, 152, 255, 0.16) !important;
     color:rgb(var(--color1)) !important;
}
html[dir="ltr"] #wizard-messages-display{
    padding-left:45px;
}
html[dir="rtl"] #wizard-messages-display{
    padding-right:45px;
}
#auction-messages-tabs ul{
    display:flex;
    flex-direction:column;
    list-style:none;
}
#auction-messages-tabs ul li{

}
#auction-messages-tabs ul li a{
    padding: 5px 0;
    border:1px solid rgba(0,0,0,0.1);
    padding:5px;
    margin-top:-1px;
    display:block;
}
#auction-messages-tabs ul li a.forum-active-section{
    border-color:rgb(var(--color1));
    background:rgb(var(--color1));
    color:#ffffff;
}
#auction-messages-tabs ul li:first-child a{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
#auction-messages-tabs ul li:last-child a{
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
#auction-messages-tabs .info-bottom{
    display:flex;
    flex-direction: row-reverse;
    align-items: center;
    transition:ease .2s;
    padding:0;
    margin-top:10px;
}
.info-bottom input[type="button"]{
    height: 35px !important;
    align-self:center;
    transition:ease .2s;
    padding:5px 10px !important;
}
html[dir="ltr"] .info-bottom input[type="button"]{
    margin-right:5px;
}
html[dir="rtl"] .info-bottom input[type="button"]{
    margin-left:5px;
}
.as-social-icon {
    align-items:center;
    display:flex;
}
.as-social-icon i{
    padding:4px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.16);
    width:22px;
    color:#ffffff;
    text-align:center;
    height:22px;
    overflow:hidden;
    border-radius:6px;
    background-color:#313131;
    transition:ease-in-out .3s;
}
.as-social-icon.twitter:hover i{
    color: #54bcff;
}
.as-social-icon.instagram i{
    position:relative;
    color: transparent;
    background:transparent;
}
.as-social-icon.instagram i:before{
    color: transparent;
    background: #ffffff;
    -webkit-background-clip: text;
    background-clip: text;
    transition: background cubic-bezier(0.09, 0.82, 0.47, 0.95) .3s;
    font-size: 19px;
}
.as-social-icon.instagram:hover i:before{
    position:relative;
    background: linear-gradient(145deg, #3051f1 -11%, #c92bb7 64%) , radial-gradient(circle farthest-corner at 25% 70%, #fcdf8f 0%, #fbd377 38%, #fa8e37 30%, #f73344 43%, rgba(247, 51, 68, 0) 25%) no-repeat;
    z-index:1;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transition: cubic-bezier(0.56, 0.1, 0.81, 0.29) .3s;
}
.as-social-icon.instagram i:after{
    content:' ';
    position:absolute;
    bottom:0;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:0;
}
.as-social-icon.snapchat:hover i{
    color:#ffea04;
}
.as-social-icon.facebook:hover i{
    color: #295ccc;
    background: transparent;
}

.footer .social ul{
    display:flex;
}
.footer .as-social-icon i{
    border-radius:4px;
    width:32px;
    height:32px;
    font-size:18px;
    line-height:1.4;
    background: transparent;
    color: #ffffff;
}
html[dir="ltr"] .footer .as-social-icon{
    margin-left:2px;
}
html[dir="rtl"] .footer .as-social-icon{
    margin-right:2px;
}

.callout {
    padding: 10px;
    width: 100%;
    background: rgba(157, 157, 157, 0.11);
    border-radius: 8px;
    margin-bottom: 10px;
    position:relative;
}
html[dir="ltr"] .callout {
	float: left;	
}
html[dir="rtl"] .callout{
    float:right;
}
.callout.message-replied{

    width:calc(100% - 40px);
}
html[dir="ltr"] .callout.message-replied{
     margin-left:40px;
}
html[dir="rtl"] .callout.message-replied{
     margin-right:40px;
}
.callout:before{
    content: ' ';
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    width:0;
    height:0;
    position:absolute;
    top:10px;
}
html[dir="ltr"] .callout:before{
	border-right: 25px solid #f4f4f4;
	left:-15px;
}
html[dir="rtl"] .callout:before{
    border-left: 25px solid #f4f4f4;
	right:-15px;
}
.message-actions {
    margin-top: -2px;
}
html[dir="ltr"] .message-actions{
	float: right;	
}
html[dir="rtl"] .message-actions{
    float:left;
}
.message-author {
    padding-bottom: 5px;
}
html[dir="ltr"] .message-author{
	float: right;
}
html[dir="rtl"] .message-author{
    float:left;
}
.message-content {
    width: 100%;
    padding-top: 7px;
    clear: both;
}
html[dir="ltr"] .message-content {
	float: left;	
}
html[dir="rtl"] .message-content {
    float:right;
}
.message-title-line {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
html[dir="rtl"] .message-title-line{
    float:right;
}
html[dir="ltr"] div#wizard-messages-display > div {
    padding: 0 15px;
}
html[dir="rtl"] div#wizard-messages-display > div {
    padding: 0 15px 0 35px;
}
html[dir="ltr"] a.replyquestion {
    margin-left:5px;
}
html[dir="rtl"] a.replyquestion {
    margin-right:5px;
}
.replyquestion:before{
    content:'\f112';
    margin:0 5px;
}


/*sm-added*/
.subtext-expl{
    font-style: italic;
    font-size: smaller;
}
.price-old-small{
    font-weight: normal !important;
/*    font-size: xx-small !important;*/
    font-size: small !important;
    text-decoration: line-through !important;
    color: #ff2344 !important;
    padding: 0 5px;
}
.asw-justify{
	text-align: justify;
}

.fx-button-in-grid {
    text-align: center;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    flex-wrap:wrap;
    color:#ffffff !important;
    align-content: center;
    font-size:20px;
    padding-top:100px !important;
}
.fx-button-in-grid i{
    font-size:28px;
    margin-right:5px;
    flex-basis:100%;
}

.auction-state {
    background: rgba(0, 152, 255, 0.13);
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid rgb(var(--color1));
}
.auction-state br{
    display:none;
}
.auction-state.auction-state-canceled {
    background: rgba(255, 176, 0, 0.12);
    border: 1px solid #ffd400;
}

::selection{
    background:rgb(93, 164, 79);
    color:#ffffff;
}

html[dir="rtl"] .owl-carousel .fa-angle-left, html[dir="rtl"] .owl-carousel .fa-angle-right{
    transform: rotate(0) !important;
}
html[dir="rtl"] .fa-angle-left, html[dir="rtl"] .fa-angle-right,html[dir="rtl"] .fa-arrow-left, html[dir="rtl"] .fa-arrow-right{
    transform: rotate(180deg) !important;
}
.as-mentenance img{
    width:220px;
}
.as-mentenance{
    height:100%;
}
.as-mentenance h1{
    font-size:36px;
    font-weight:200;
    color:#ffffff;
    margin-bottom:0;
}
.as-mentenance p{
    color:#ffffff;
    margin-top:0;
}
.as-mentenance{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    align-content:center;
}
.fx-transparent{
    opacity:0 !important;
    pointer-events:none;
}
div#wizard-messages-types ul{
	padding:0;
}

[class^="ace-"] .buy-wizzard-address-list a[action]{
	padding:5px;
	/* background: #4b4b4b; */
	margin:0 0 0 5px;
	color: #4b4b4b;
	border-radius: 4px;
	transition: ease .15s;
	font-size: 16px;
}
[class^="ace-"] .buy-wizzard-address-list a[action]:hover{
	color: #46c3ff;
}
html[dir="rtl"] [class^="ace-"] .buy-wizzard-address-list a[action]{
	margin:0 5px 0 0 ;
}
[class^="ace-"] .buy-wizzard-address-list a[action="delete"]{
	color: #f44336;
}
[class^="ace-"] .buy-wizzard-address-list a[action="delete"]:hover{
	background: #f44336;
	color: #ffffff;
}

 .buy-wizzard-address-list .ace-field-container{
     margin-top:20px;
 }
 .buy-wizzard-address-list .ace-field-container .ace-combo-field select{
     padding:8px 10px;
     font-family:"Source Sans Pro", "Roboto", sans-serif, 'FontAwesome';
     font-size:14px;
 }
 .fx-ace-to-flex .ace-radio-field .ace-label span:before{
     width:12px;
     height:12px;
     top:3px;
 }
 .fx-ace-to-flex .ace-radio-field .ace-label input[type="radio"]:checked ~ span:before{
     background:rgb(var(--color1));
 }
  .fx-ace-to-flex .ace-radio-field .ace-label input[type="radio"]:checked ~ span:after{
     border-color:rgb(var(--color1));
 }
.as-contact-splash {
    background: url('../imgs/icon-bg-help.jpg') no-repeat center bottom;
    background-size: 502px 351px;
    height: 456px;
    margin: 12px 0 52px;
    align-items: flex-start;
    align-content: flex-start;
}
.as-contact-splash h2{
    margin-bottom: 36px;
}
.as-contact-splash div .fx-row {
    align-items:center;
}
.as-contact-splash a{
    font-size:14px;
    color:#000000;
}
.as-contact-splash a:hover{
    font-size:14px;
    color:#0687f3;
}
.as-contact-splash i {
    font-size:24px;
    line-height:36px;
    width: 48px;
    text-align: center;
    color: rgb(var(--color1));
}
.as-contact-splash i:not(.fa){
    font-weight:600;
}
.as-help-twitter i.fa, .as-help-snapchat i.fa, .as-help-facebook i.fa{
    /* display:flex; */
    /* justify-content:center; */
    /* align-items:center; */
    line-height: 1.3;
    text-align: center;
}
.as-help-twitter i.fa{
    background:#1ca0f2;
    color:#ffffff;
    width: 24px;
    font-size: 18px;
    overflow: hidden;
    height: 24px;
    border-radius:50%;
    margin: 0 12px;
}
.as-help-snapchat i.fa{
    color:#ffff00;
    font-size: 28px;
}
.as-help-twitter span i, .as-help-snapchat span i, .as-help-instagram span i, .as-help-facebook span i{
    font-family:"roboto";
    font-size:14px;
    color: #000000;
}
.as-help-instagram i.fa{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
html[dir="ltr"] img.as-contact-mascot {
    margin-left:-98px;
    margin-right:26px;
}
html[dir="rtl"] img.as-contact-mascot {
    margin-left:26px;
    margin-right:-98px;
}
.as-contact-bubble {
    max-width: 540px;
    filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.24));
    border-top:4px solid rgb(var(--color1));
    position:relative;
    margin-bottom: 110px;
    padding: 16px 28px;
}
.as-contact-bubble h2{
    margin-bottom: 16px;
}
.as-contact-bubble:after{
    content:'';
    position:absolute;
    width:0;
    height:0;
    border-top:34px solid white;
    bottom: -33px;
    z-index:0;
}
html[dir="ltr"] .as-contact-bubble:after{
    border-left:27px solid transparent;
    right:16px;
}
html[dir="rtl"] .as-contact-bubble:after{
    border-right:27px solid transparent;
    left:16px;
}
.as-contact-bubble iframe{
    width:290px;
    border-right:1px solid lightgrey;
}
.as-contact-bubble .submit-wrapper{
    position:absolute;bottom:-86px;
}
html[dir="ltr"] .as-contact-bubble .submit-wrapper{
    right:0;
}
html[dir="rtl"] .as-contact-bubble .submit-wrapper{
    left:0;
}
.as-product-actionbar {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    background-color:#ffffff;
    box-shadow:0px -1px 8px rgba(0,0,0,0.12);
    transition:ease-in-out .3s;
    transform:translateY(0);
    opacity:0;
	display:flex;
}
html[dir="ltr"] .as-product-actionbar {
	left: 0;	
}
html[dir="rtl"] .as-product-actionbar {
	right: 0;	
}
.product:hover .as-product-actionbar{
    /*transform:translateY(0);*/
    opacity:1;
	display:flex;
}
.as-compare-widget {
    position: fixed;
    top:200px;
    display: flex;
    width: 120px;
    flex-direction: column;
/*    max-height: 260px;*/
    background-color:#ffffff;
    padding:6px;
    border-radius:6px;
    transition:ease .3s;
    transform:translate3d(100%,0,0);
    box-shadow:0px 1px 12px rgba(0,0,0,0.12);
    z-index: 11;
}
html[dir="ltr"] .as-compare-widget {
	right: 0;	
}
html[dir="rtl"] .as-compare-widget {
	left: -250px;	
}
html[dir="rtl"] .as-compare-widget:hover {
	left: 0;	
}
.as-compare-widget:hover{
    transform:translate3d(0,0,0);
}
.as-compare-widget .compare-list{
    height: 100%;
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
}
.as-compare-widget:after{
    font-family:"FontAwesome";
    content:'\f0ec';
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    background-color:rgb(var(--color1));
    color:#ffffff;
    width:36px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:36px;
    border-radius:50%;
}
html[dir="ltr"] .as-compare-widget:after{
	left:-56px;	
}
html[dir="rtl"] .as-compare-widget:after{
	right:-56px;	
}
.as-compare-widget:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    background-color:transparent;
    border:2px solid transparent;
    border-top-color:rgb(var(--color1));
    border-bottom-color:rgb(var(--color1));
    color:#ffffff;
    width:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:46px;
    border-radius:50%;
    animation:linear preloader .8s infinite;
    box-sizing: content-box;
}
html[dir="ltr"] .as-compare-widget:before{
	left:-64px;	
}
html[dir="rtl"] .as-compare-widget:before{
	right:-64px;	
}
.compare-list:before{
    content:'';
    position:absolute;
    top:0;
    color:#ffffff;
    width:66px;
    height:100%;
}
html[dir="ltr"]  .compare-list:before{
	left:-64px;	
}
html[dir="rtl"]  .compare-list:before{
	right:-64px;	
}
 .compare-tool-scrollview{
    overflow:auto;
}
.as-compare-widget .compare-product-tool{
    position:relative;
    display:flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 8px;
}
.as-compare-widget .compare-product-tool > div{
    display: flex;
    margin-top:18px;
    order: 1;
    background-size:cover !important;
}
.as-compare-widget .compare-product-tool span{
    top:-18px;
    position:relative;
    display:block;
}
.as-compare-widget .compare-product-tool .compare-remove-tool{
    background-color: #ff5454;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    margin-top:25px;
    order: 0;
    border-radius:50%;
    width: 18px;
    height: 19px;
    margin-right: 12px;
    font-size: 12px;
}
.as-compare-widget .compare-list > input[type="button"]{
    background-color:transparent;
    color:rgb(var(--color1));
    font-weight:700;
}
.thumbnails{
        display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}
.as-faq-question {
    font-size: 18px;
    color: rgb(var(--color1));
    font-weight: 600;
}
.faq-element {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
button.remove-faq {
    background: #ff5b5b !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    position: absolute;
    right: 0;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}
html[dir="rtl"] button.remove-faq{
    right:initial;
    left:0;
}
button.remove-faq:hover {
    background: #de4b4b !important;
}
#report_ic{
    background:#ff7272;
    padding:8px 12px;
    color:#ffffff;
    margin: auto;
    border-bottom:4px solid #e95151;
    margin-top: 16px;
    display: inline-flex;
    justify-content: center;
    align-items:center;
}
#report_ic:before{
    content:'\f024';
    width:22px;
    text-align:center;
    display:inline-block;
    font-size:14px;
    font-family:"FontAwesome";
}
#report_ic:active{
    transform:translateY(2px);
    border-width:2px;
}
.shipper-warning{
    padding:12px;
    background: rgba(255, 207, 0, 0.14);
    border: 1px solid #ffcf00;
    display:flex;
    align-items:center;
}
.shipper-warning:before{
    content:'\f071';
    font-size: 24px;
    width: 32px;
    font-family:"FontAwesome";
    color: #ffcf00;
}
.shipper-min-value >div{
    display:inline-flex;
    flex-direction:row-reverse;
    width:initial !important;
}
.shipper-min-value >div .ace-label{
    position:static;
}
.shipper-disclaimer{
    display:inline-flex;
    align-items:center;
}
.shipper-disclaimer:before{
    content:'\f06a';
    font-size:18px;
    width:24px;
    color:rgb(var(--color1));
    font-family:"FontAwesome";
}
.as-available-payments img{
    height:20px;
    margin:0 4px;
}
.fa.fa-angle-left,.fa.fa-angle-right{
/*    color: dodgerblue;*/
    color: #fff;
}



/****** BEGIN SM Patches ******/
.smp-scroll-y{
	overflow-y: auto !important;	
}
.smp-no-i-display input{
	display: none !important;	
}
.fx-collapsible.fx-show a.smp-lbc{
	border-bottom: 1px solid #80c3d8;
}
.product-info-details{
	z-index: 15;
}
.fx-mobile-popup{
	z-index:100;
}
.fx-dropdown-list.fx-show{
	z-index:100;
}
.payment-method.explicit-hide{
	display:none !important;	
}
.price-arrow-down{
	color: #5da44f;
	font-weight:bold;
}
.price-arrow-down::after{
	content: '\f063';
    display: inline-block;
    font-family: FontAwesome;
}
html[dir="ltr"] .price-arrow-down::after{
	padding-left:5px;	 
}
html[dir="rtl"] .price-arrow-down::after{
	padding-right:5px;	 
}
.price-arrow-up{
	color: rgb(var(--color1));
}
.price-arrow-up::after{
	content: '\f062';
    display: inline-block;
    font-family: FontAwesome;
}
html[dir="ltr"] .price-arrow-up::after{
	padding-left:5px;	 
}
html[dir="rtl"] .price-arrow-up::after{
	padding-right:5px;	 
}
.price-modification{
	text-align: center;
}
.price-modification h2{
    color: #49a2e8;
}
.ace-input-bottom-margin-blue input{
    border-bottom: 1px solid #098ffe !important;
}
.fx-display-initial {
	display: initial !important;
}
.pw_by_aswaq{
	height:85%;
	margin-top:1px;
}
.highlightTable {
	box-shadow: inset 0px 0px 66px #b4f392;
}
.barcode-code{
	font-size: xx-large;
	font-weight: bolder;
}
#disclaimer-form .ace-form-container {
	padding-bottom: 0px;
}
.disclaimer-container {
	max-height: 60vh;
    overflow-y: scroll;
}

/****** END SM Patches ******/

.fx-margin-left-15.fx-button.fx-small-input{
    margin: 0 auto;
}
.ace-left.buy-wizard-registration{
    background: rgb(var(--color1));
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}
.emall-buy-wizard-overview-item label.ace-label {
    text-align: right;
    font-size: 14px;
    line-height: 1.8em;
}
.compare-ad-placeholder{
    margin-top: 15px;
}
.compare-ad-placeholder .image-box-view div.image{
     background-position:  center top;
     background-size: cover;
     width:195px; height:140px;
}
.compare-ad-placeholder a{
    text-align: center;
}
.compare-ad-placeholder .gallery-view-title{
    text-align: center;
    text-shadow: 1px 1px 0 #555;
    margin-top: 10px;
    font-weight: bold;
    zoom: 110%;
    text-transform: uppercase;
    color: rgb(var(--color1));
    max-height: 2.7em;
    overflow: hidden;
    max-width: 177px;
}
.compare-ad-placeholder .price-gallery-title{
    float: none;
}
.compare-ad-placeholder .fx-badge:after{
    content: ' ';
    border-bottom: 25px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
}
html[dir="ltr"] .compare-ad-placeholder .fx-badge:after{
	border-left: 15px solid #ff2344;
	left: 100%;	
}
html[dir="rtl"] .compare-ad-placeholder .fx-badge:after{
	border-right: 15px solid #ff2344;
	right: 100%;	
}
.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 40px;
    width: 40px;
    height: 65px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #55c932;
    background: #fff;
    padding: 15px 7px;
    box-shadow: 0 0 7px #999;
}
html[dir="ltr"] .back-to-top {
    right: 0;
    left: auto;
    border-radius: 20px 0 0 20px;
}
html[dir="rtl"] .back-to-top {
    left: 0;
    right: auto;
    border-radius: 0 20px 20px 0;
}
.back-to-top:hover {
    color: #55c932;
    text-shadow: 0 0 5px #999;
}
.back-to-top i {
    font-size: 60px;
}
.k-expiration{
    color: rgb(var(--color1));
    background: #ffffff;
}
[class^="exp-hour-"],[class^="exp-minute-"]{
    font-weight: bold;
}



/*test menu sticky categories*/

.categories-list.fx-sticky [class^="cat-"]{
    position: relative;
    height: 32px;
}
.categories-list.fx-sticky a {
    padding-left: 6px;
    padding-right: 6px;
    overflow: visible;
}
.categories-list.fx-sticky [class^="cat-"] span {
    display: none;
}
html[dir="ltr"] .categories-list.fx-sticky [class^="cat-"]:hover span {
    padding: 7px 10px;
    line-height: 1.3;
    position: absolute;
    right: 30px;
    z-index: 99999;
    margin-top: -5px;
    display: block;
}
html[dir="rtl"] .categories-list.fx-sticky [class^="cat-"]:hover span {
    padding: 9.5px 10px;
    line-height: 1.3;
    position: absolute;
    left: 30px;
    z-index: 99999;
    margin-top: -5px;
    display: block;
}

html[dir="ltr"] .categories-list.fx-sticky a i{
    float: right;
    width: 22px;
    height: 22px;
}
html[dir="rtl"] .categories-list.fx-sticky a i{
    float: left;
    width: 22px;
    height: 22px;
}

@keyframes border-puls-transparent {
    0% {
        border-top: 10px solid rgba(255,0,0,1);
    }
    50% {
        border-top: 10px solid rgba(255,0,0,0);
    }
    100% {
        border-top: 10px solid rgba(255,0,0,1);
    }
}

.puls-border{
    animation: 1s ease 0s normal none infinite border-puls-transparent;
}
@media screen and (max-width:1920px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 16.5%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 16.5%;
    }
}
@media screen and (max-width:1680px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 11.5%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 11.5%;
    }
}
@media screen and (max-width:1600px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 9.5%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 9.5%;
    }
}
@media screen and (max-width:1536px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 8%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 8%;
    }
}
@media screen and (max-width:1440px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 5%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 5%;
    }
}
@media screen and (max-width:1366px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 3%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 3%;
    }
}
@media screen and (max-width:1280px){
    html[dir="ltr"] .categories-list.fx-sticky {
        right: 0.3%;
    }
    html[dir="rtl"] .categories-list.fx-sticky {
        left: 0.3%;
    }
    .slides1 {
        zoom: 0.8;
    }
}

.fa-shopping-bag1,.fast-auction1,.fa-gavel1,.secured-auction1,.reverse-auction1,.fa-eye1,.fa-blind1,.secured-blind1,.fa-random1 {
    width: 30px;
    height: 30px;
    position: relative;
}
.fa-shopping-bag1:before,.fast-auction1:before,.fa-gavel1:before,.secured-auction1:before,.reverse-auction1:before,.fa-eye1:before,.fa-blind1:before,.secured-blind1:before,.fa-random1:before {
    content: "";
    position: absolute;
    width: 30px !important;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fa-shopping-bag1:before {
    background: url(images/simple1.png) no-repeat scroll center center transparent;
}

.fast-auction1:before {
    background: url(images/fast-auction1.png) no-repeat scroll center center transparent;
    width: 40px !important;
}
.fa-gavel1:before {
    background: url(images/auction1.png) no-repeat scroll center center transparent;
}
.secured-auction1:before {
    background: url(images/secured-auction1.png) no-repeat scroll center center transparent;
}
.reverse-auction1:before {
    background: url(images/reverse-auction1.png) no-repeat scroll center center transparent;
}
.fa-eye1:before {
    background: url(images/view-only1.png) no-repeat scroll center center transparent;
}
.fa-blind1:before {
    background: url(images/blind-auction1.png) no-repeat scroll center center transparent;
}
.secured-blind1:before {
    background: url(images/secured-blind-auction1.png) no-repeat scroll center center transparent;
}
.fa-random1:before {
    background: url(images/swing-auction1.png) no-repeat scroll center center transparent;
}

.fx-icon-radio input:checked ~ .fa-shopping-bag1:before {
    background: url(images/simple1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .fast-auction1:before {
    background: url(images/fast-auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .fa-gavel1:before {
    background: url(images/auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .secured-auction1:before {
    background: url(images/secured-auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .reverse-auction1:before {
    background: url(images/reverse-auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .fa-eye1:before {
    background: url(images/view-only1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .fa-blind1:before {
    background: url(images/blind-auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .secured-blind1:before {
    background: url(images/secured-blind-auction1-blue.png) no-repeat scroll center center transparent;
}
.fx-icon-radio input:checked ~ .fa-random1:before {
    background: url(images/swing-auction1-blue.png) no-repeat scroll center center transparent;
}

#user-auto-search .ace-grid-auto-complete{
    height: 70vh !important;
    max-height: 660px !important;
}

#buy-product-form .ace-form-container {
    padding: 0;
    position: relative;
}
#buy-product-form .emall-buy-wizard-overview {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.ace-col-12.emall-buy-wizard-overview {
    box-shadow: 0px -1px 9px rgba(0,0,0,0.26);
}
.ace-col-12.emall-buy-wizard-overview > div:first-child{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display:flex;
    justify-content:center;
}

.emall-buy-wizard-overview-item label.ace-label{
    width:50% !important;

}
html[dir="ltr"] .emall-buy-wizard-overview-item label.ace-label{
    text-align:right;
}
html[dir="rtl"] .emall-buy-wizard-overview-item label.ace-label{
    text-align: right;
}
.emall-buy-wizard-overview-item span.ace-efld{
    display:inline-block;
    width:50%;
}
html[dir='ltr'] .emall-buy-wizard-overview-item span.ace-efld{
    text-align:left;
}
html[dir='rtl'] .emall-buy-wizard-overview-item span.ace-efld{
    text-align:right;
}
.emall-buy-wizard-item {
    max-HEIGHT: 400PX; /*old 285*/
    OVERFLOW-Y: auto;
    overflow-x:hidden;
}


.kl-sort-ascendence {
    display: inline-block;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.ace-grid-pagination > div > input {
    text-align: center;
}
.kl-badge-with-text .icon-prod {
    position: relative !important;
    top: 0 !important;
    right: unset !important;
    min-height: 45px;
}
html[dir="rtl"] .kl-badge-with-text .icon-prod {
    left: 0 !important;
}
.fa-clock-o:before {
    content: "\f10a" !important;
    font-size: 16px;
    font-family: "icofont";
}
#global-filering-section label {
    flex-basis: 100%;
}

.color-red {
	color: red;
}

/*this is especialy for mobile devices*/
/*
@media (hover: hover) and (pointer: fine) {
    .as-content, .fx-tabbar, .header {
        width: 50%;
        margin-left: 0%;         
    }
    [dir] .fx-side-nav {
        width: 10% !important;
    }
}*/

.ace-grid-cell .force-input-margin-zero input{
	position: initial;
    margin: initial;
}

.ace-compact-autocomplete .ace-grid-cell{
	min-height: initial;
	padding-top: 10px;
}
.ace-compact-autocomplete .ace-grid-pagination{
	padding: 0;
}

.ace-min-height-300 {
	min-height:300px;
}

.service-icon i{
	width: 20px;
	height: 20px;
	padding: 0px;
	text-align:center;
}

.ace-warning-banner {
	background: red;
	color: white;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10000;
}

.ace-border-lightgray {
	border: 1px solid gray;
}

.ace-filled-button-green button{
	background: #55c932 !important;
}

.ace-display-red .ace-efld{
	color: red;
}
.ace-display-green .ace-efld{
	color: green;
}