html {
    overflow-x: hidden;
	 box-sizing: border-box;
}

body {
	width:100%;
	min-width:700px;
	max-width:1025px;
	margin:0 auto;
	font-size:100%;
	font-family: 'TheMixArab', 'tahoma';
	overflow-x: hidden !important;
	overflow-y: auto;
	background-color: #82654c;
	background-image: url('../../uploads/bg.png');
}

* {
	transition: all 0.3s ease;
	margin:0;
	padding:0;
}
*,
*::before,
*::after {
  box-sizing: inherit; 
}

.pc_only {
	display: none !important;
}

.mob_only {
	display: none !important;
}

.tablet_only {
	display: block;
}

.text-start {
	text-align: start;
}
.text-center {
	text-align: center;
}
.text-end {
	text-align: end;
}
a {
	text-decoration: none;
	color: inherit;
}





.row {
	width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}
.col-1 {
	width: 98%;
	margin: 1%;
}
.col-2 {
	width: 46%;
	margin: 1%;
}
.col-3 {
	width: 31%;
	margin: 1%;
}
.col-4 {
	width: 22%;
	margin: 1%;
}

.mnuBtn {
	display: none !important;
}






header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	color: #FFF;
	background: -moz-linear-gradient(top,  rgba(170,136,109,1) 0%, rgba(170,136,109,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(170,136,109,1) 0%,rgba(170,136,109,0) 100%);
	background: linear-gradient(to bottom,  rgba(170,136,109,1) 0%,rgba(170,136,109,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa886d', endColorstr='#00aa886d',GradientType=0 );
}

header .annoucer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 0;
}
header .annoucer span {
	display: block;
	width: 100%;
	margin: 0 auto;
}

header .headerContainer {
	width: 90%;
	margin: 0 auto;
	padding: 0.5em 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .headerContainer .logoContainer {
	width: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .headerContainer .logoContainer img {
	display: block;
	width: 25%;
}

header .headerContainer .mainNav {
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .headerContainer .mainNav a {
	display: block;
	min-width: 20%;
	text-align: center;
}
header .headerContainer .mainNav a span {
	display: block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	border-bottom: 3px solid rgba(0,0,0,0);
	padding: 0.3em 0;
}
header .headerContainer .mainNav a.activeNav span, 
header .headerContainer .mainNav a:hover span {
	border-bottom: 3px solid #FFF;
}


header .headerContainer .headerIcons {
	width: 15%;
	display: flex;
	justify-content: end;
	align-items: center;
}
header .headerContainer .headerIcons a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}
header .headerContainer .headerIcons a i {
	display: block;
}
header .headerContainer .headerIcons a:hover i {
	color: var(--brown);
}

header .headerContainer .headerIcons a .langer {
	display: block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 150px;
}

.headerScrolled {
	background: rgba(170,136,109,1);
	border-bottom: 1px solid #FFF;
}
.headerScrolled .annoucer {
	padding: 0 !important;
}
.headerScrolled .annoucer span {
	font-size: 0 !important;
}



article {
	width: 100%;
	margin: 0 auto;
}

.topSpacer {
	width: 100%;
	margin: 0 auto;
	height: 10em;
}

.topSpacerSlider {
	width: 100%;
	margin: 0 auto;
	height: 2em;
}




.slider {
	position: relative;
	width: 100%;
	height: 40em;
}
.sliderMinified {
	height: 20em !important;
}
.slider .slideImage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transform: scale(-1, 1);
}

.slider .slideTitler {
	position: absolute;
	bottom: 0%;
	left: 0%;
	color: #FFF;
	z-index: 10;
	font-size: 2em;
	width: 100%;
	padding: 5%;
	height: 10em;
	text-align: start;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

}

.sliderMinified .slideTitler {
	height: 5em !important;
}

h1.decHeader {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	padding: 0.5em 0;
}

.hr {
	width: 80%;
	margin: 0 auto;
	background: #FFF;
	height: 3px;
}

.featuredView {
	width: 80%;
	margin: 3% auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.featuredView .featureBox {
	width: 45%;
	margin: 2% 0;
	height: 20em;
	border-radius: 20px;
	overflow: hidden;
	border: 3px solid #FFF;
	position: relative;
}
.featuredView .featureBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.featuredView .featureBox h2 {
	position: absolute;
	bottom: 0;
	left: 0%;
	padding: 5%;
	color: #FFF;
	z-index: 50;
	width: 100%;
	height: 5em;
	text-align: start;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#000000',GradientType=0 );
  
}

.featuredView .featureBox h2 span {
	width: 40%;
	display: block;
	font-size: 1.3em;
}

.featuredView .featureBox:hover {
	transform: scale(1.02);
}


.productContainer {
	width: 80%;
	margin: 3% auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.productContainer .productBox {
	width: 20%;
	margin: 2% 2.5%;
	background: #FFF;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.productBox .pricer {
	position: absolute;
	top: 4%;
	right: -35%;
	background: #d3d3d3;
	display: block;
	width: 100%;
	text-align: center;
	color: #FFF;
	padding: 0.3em 0;
	transform-origin: center center;
	transform: rotate(45deg);
}

.productBox .txter {
	width: 90%;
	margin: 0 auto;
	display: block;
}

.productBox .txter img {
	width: 100%;
	margin: 0 auto;
	height: 14em;
	object-fit: contain;
}


.productBox .txter h3 {
	font-size: 1em;
	margin: 5% auto;
}
.productBox .txter p {
	font-size: 1em;
	display: block;
	min-height: 6em;
	font-size: 0.9em;
	opacity: 0.7;
}

.productOpts {
	width: 90%;
	margin: 5% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productOpts .qty {
	width: 48%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3em;
	color: #000;
}
.productOpts .qty i {
	display: block;
	cursor: pointer;
}
.productOpts .qty span {
	display: block;
	margin: 0 5%;
	cursor: default;
}


.productOpts .sizeSelector {
	width: 48%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.productOpts .sizeSelector span {
	color: #edeae3;
	margin: 0 2%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	border: 2px solid;
	border-radius: 5px;
	cursor: pointer;
	color: #000;
}
.productOpts .sizeSelector span.selectedSize {
	background: #d3d3d3;
}

.adder {
	width: 100%;
	margin: 0% auto;
	padding: 0.5em 0;
	text-align: center;
	background: #d3d3d3;
	color: #000;
	cursor: pointer;
	font-weight: bold;
}








.itemPictures {
	width: 100%;
	margin: 2% auto;
	text-align: center;
}
.itemPictures .mainImage {
	width: 20%;
	height: 20em;
	object-fit: contain;
}
.itemPictures .thumbnails {
	width: 50%;
	margin: 0% auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.itemPictures .thumbnails img {
	width: 5em;
	height: 5em;
	border: 1px solid #FFF;
	padding: 0.3em;
	margin: 0 2%;
	object-fit: contain;
	cursor: pointer;
	border-radius: 10px;
}


.itemNamer {
	width: 60%;
	margin: 0.5% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #FFF;
}
.itemNamer .itemName {
	font-size: 1.8em;
}

.productPageOptions {
	width: 50%;
	margin: 0 auto;
}

.productPageOptions .qty {
	font-size: 2em !important;
}

.productPageOptions .sizeSelector span {
	width: 3em !important;
	height: 3em !important;
}
.productPageOptions .selectedSize {
	background: #FFF !important;
}

.productPageOptions .adder {
	width: 50% !important;
}


.announcerCart {
	width: 80%;
	margin: 3% auto;
	text-align: center;
	color: #FFF;
	font-size: 1.3em;
}


.table {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	display:table;
	border-collapse: collapse;
	cursor: default;
	transition: all 0s ease !important;
}

.tableHeader {
	width: 100%;
	margin: 0 auto;
	display: table-header-group;
	text-transform: capitalize;
}

.tableBody {
	width: 100%;
	margin: 0 auto;
	display: table-row-group;
}
.table .td:first-child {
	padding-left: 2%;
}
.table .tableBody .td:first-child {
	text-align: left;
}

.tr {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	display: table-row;
}

.tr .td, .tr .th {
	flex: auto;
	font-size: 1.2em;
	padding: 0.8em;
	display: table-cell;
	border-bottom: 1px solid #FFF;
}
.tr .th {
	font-weight: bold;
	text-transform: uppercase;
	color: #000 !important;
}

.tableBody .tr .td {
	
	color: #FFF;
}


.tableBody .tr .td .tableActionBtn {
	color: var(--mainBlue);
	margin: 0 3%;
	transition: all 0s ease !important;
	padding: 0%;
	font-size: 12px;
}
.tableBody .tr:hover .td .tableActionBtn {
	visibility: visible;
	transition: all 0s ease !important;
}
.tableBody .tr .td .tableActionBtn:hover {
	cursor: pointer;
	background: rgba(0,0,255,0.1);
	border-radius: 3px;
}
.tableBody .tr:hover .td {
	background: rgba(0,0,0,0.08);
	opacity: 1;
}


.greenText {
	color: var(--siteGreen);
	font-weight: bold;
}
.redText {
	color: var(--siteGrey);
	font-weight: bold;
}

.sizeCart {
	width: 2em !important;
	height: 2em !important;
	display: block;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	color: #000;
	background: #FFF;
	opacity: 0.7;
	font-weight: bold;
}

.cartChkBtn {
	display: block;
	width: 90%;
	margin: 0 auto;
	background: var(--siteBlue);
	padding: 0.5em;
	border-radius: 5px;
	font-size: 0.8em;
}



.logRegisterContainer {
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 45em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.logRegisterForm {
	z-index: 15;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 25%;
	min-height: 80%;
	border-radius: 10px;
}
.logRegisterBgImage {
	z-index: 15;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	border-radius: 10px;
}
.logRegisterBgWhite {
	z-index: 20;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.1);
	border-radius: 10px;
}
.logCont {
	z-index: 25;
	position: absolute;
	top: 3%;
	left: 5%;
	width: 90%;
	height: 94%;
}

.pageSelector {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: end;
	align-items: stretch;
	flex-wrap: nowrap;
}
.pageSelector a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	margin: 0 0.3em;
	padding: 0.5em;
	opacity: 0.5;
	border-bottom: 2px solid rgba(255,255,255,0);
}
.pageSelector a.activer {
	border-bottom: 2px solid rgba(255,255,255,1) !important;
	opacity: 1 !important;
}

.pageSelector a:hover {
	opacity: 1 !important;
}








.pageCols {
	width: 80%;
	margin: 3% auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}


.pageCols .stageCol {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageCols .stageCol .stageContainer {
	width: 100%;
	margin: 0 auto;
}
.pageCols .stageCol .stageContainer .stage {
	display: block;
	width: 100%;
	margin: 8% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pageCols .stageCol .stageContainer .stage .stageIcon {
	width: 2em;
	height: 2em;
	background: #FFF;
	color: #000;
	border-radius: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageCols .stageCol .stageContainer .stage .stageIcon i.fa-check {
	display: none;
	color: #edeae3;
	font-size: 0.8em;
}
.pageCols .stageCol .stageContainer .stage .stageIcon i.fa-circle {
	color: #edeae3;
	font-size: 0.7em;
}

.pageCols .stageCol .stageContainer .selectedStage i.fa-check {
	display: block !important;
}
.pageCols .stageCol .stageContainer .selectedStage i.fa-circle {
	display: none !important;
}

.pageCols .stageCol .stageContainer .stage .stageName {
	width: 80%;
	text-align: start;
	font-size: 1em;
	color: #FFF;
}
.pageCols .stageCol .stageContainer .selectedStage .stageName {
	font-weight: bold;
}



.pageCols .sepCol {
	width: 1px;
	background: #FFF;
	
	margin: 0 1%;
	opacity: 0.5;
}

.pageCols .detailCol {
	width: 80%;
	padding: 2%;
}
.pageCols .detailCol .row {
	width: 70% !important;
	margin: 0 !important;
}



.formGroup {
  width: 100%;
	margin: 3% auto;
	text-align: center;
	display: block;
	font-size: 0.9em;
  color: #FFF;
}
.addAddForm {
	color: #000 !important;
}

.settingPageForm {
	width: 40% !important;
	margin: 3% auto !important;
}
.ordersPageForm {
	width: 80% !important;
	margin: 3% auto !important;
}


.formGroupWhiter {
	border-color: #FFF !important;
	margin: 5% auto !important;
}
.formGroup label {
	text-align: start;
	display: block;
	margin: 0.5em auto;
	font-family: inherit;
}
.formGroup label span {
	color: red;
	font-size: 0.5em;
	margin: 0 2%;
	vertical-align: top;
}
.formGroup input {
	text-align: start;
	display: block;
  width: 100%;
	margin: 0 auto;
	padding: 0.8em;
	font-family: inherit;
	background: none;
	border: 1px solid;
	border-color: inherit;
	border-radius: 5px;
	border-color: #FFF !important;
}


.formGroup textarea {
	text-align: start;
	display: block;
  width: 100%;
	margin: 0 auto;
	padding: 0.8em;
	font-family: inherit;
	background: none;
	border: 1px solid;
	border-color: inherit;
	border-radius: 5px;
	border-color: #FFF !important;
}


.formGroup button {
	border: none;
	background: none;
	margin: 0 auto;
	width: 100%;
	font-family: inherit;
	padding: 0.5em 0;
	border-radius: 5px;
	font-weight: bold;
	opacity: 0.7;
	border-color: #FFF !important;
	color: #000 !important;
}
.formGroup button:hover {
	opacity: 1 !important;
	cursor: pointer;
}

.formGroupWhiter .actionBtn {
	background: #FFF !important;
	
}


button.whiterBtn {
	border: 1px solid #000;
	background: #FFF;
}
button.blackerBtn {
	background: var(--siteBlue);
	color: #000;
}




.imageHolder {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 7em;
}
.imageHolder img {

	width: 50% !important;
}
.imageHolder span {
	font-size: 3em;
	font-weight: bold;
	display: block;
	cursor: pointer;
}








.confirmer .fa-check {
	color: #a6ddd7;
	font-size: 3em;
}



.siteSelector {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: start;
	align-items: stretch;
	flex-wrap: wrap;
}
.siteSelector .slctr {
	min-width: 15%;
  border: 1px solid #FFF;
	padding: 0.8em;
	color: var(--siteGrey);
	cursor: pointer;
	margin: 1%;
}
.siteSelector .slcted {
	background: #FFF !important;
	font-weight: bold;
}










footer {
	width: 100%;
	margin: 0 auto;
	background: #927864;
	padding: 1% 4%;
}


.footerCols {
	width: 100%;
	margin: 5% auto;
	background: #927864;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.footerCols .logoContainer {
  width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	margin-bottom: 5%;
}
.footerCols .logoContainer img {
  width: 10%;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.footerColA {
  width: 18%;
}
.footerColA a {
	display: block;
	width: 100%;
	color: #FFF;
	margin: 5% 0;
}

.footerCols .vC {
	width: 2px;
	background: #FFF;
	
}

.pageTitler {
	width: 80%;
	margin: 0 auto;
	color: #FFF;
	font-size: 1.3em;
}
.productDesc {
	width: 75%;
	margin: 1% auto;
	color: #FFF;
	opacity: 0.7;
	line-height: 1.8;
}
.productDesc p {
	width: 100%;
	margin: 1% auto;
	display: block;
}

.productPageOptions {
	
}


.footerColB {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}
.footerColB .footerIconer {
	width: 30%;
	display: block;
	color: #FFF;
	text-align: center;
}
.footerColB .footerIconer i {
	display: block;
	font-size: 2.5em;
	margin: 0.5em auto;
}
.footerColB .footerIconer span {
	width: 100%;
	font-weight: bold;
	display: block;
	font-size: 1.0em;
	margin: 0.5em auto;
}





.socials {
	width: 20%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.socials a {
	display: block;
	background: #edeae3;
	width: 2.5em;
	height: 2.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	color: #FFF;
	
}







.modal {
	position: fixed;
	bottom: -100%;
	transform: scale(0,1);
	opacity: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	transition: all 0.5s ease-in-out !important;
}

.modalShowed {
	bottom: 0% !important;
	transform: scale(1,1) !important;
	opacity: 1 !important;
	transition: all 0.5s ease-in-out !important;
}
.modal .modalDarker {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 801;
	background: rgba(0,0,0,0.5);
}

.modal .modalBody {
	width: 60%;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 20%;
	z-index: 801;
	background: #B3B3B3;
	overflow-y: auto;
	border-radius: 10px;
	padding: 0.5em;
}
.modal .modalBody .modalTitler {
	width: 100%;
	margin: 1% auto;
	border-bottom: 1px dotted #000;
	padding: 1%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modal .modalBody .modalTitler span {
	font-size: 0.8em;
	display: block;
}
.modal .modalBody .modalTitler i {
	cursor: pointer;
	display: block;
}

.modal .modalBody .modalContent {
	width: 96%;
	margin: 1% auto;
}





.typeSelct {
	width: 100%;
	margin: 0 auto;
}

.typeSelct .typer {
	width: 100%;
	margin: 5% auto;
	border: 1px solid;
	padding: 0.5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	flex-wrap: wrap;
}
.typeSelct .typeSelected {
	background: rgba(0,0,0,0.1);
}
.typeSelct .typer:hover {
	cursor: pointer;
	transform: scale(1.02);
}

.typeSelct .typer i {
	display: block;
	width: 15%;
	text-align: center;
	font-size: 1.5em;
}

.typeSelct .typer .typerTxt {
	width: 85%;
	text-align: start;
}
.typeSelct .typer .typerTxt h2 {
	font-size: 1em;
	width: 70%;
	text-align: start;
}
.typeSelct .typer .typerTxt p {
	font-size: 0.8em;
	display: block;
	margin: 1% auto;
	opacity: 0.7;
	text-transform: capitalize;
}





	
.slider .slideImage {
	transform: scale(1, 1) !important;
}
.rowProduct {
	width: 80%;
	margin: 5% auto;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

.proCol {
	width: 48%;
}

.proColLiner {
	width: 1px;
	background: #FFF;
	min-height: 20em;
}
.proCol .pageTitler {
	width: 98% !important;
}
.proCol .adder {
	width: 80% !important;
}
.productSelector {
	width: 90%;
	margin: 1% auto;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
}
.productSelector .pSelctr {
	min-width: 30%;
	margin: 1%;
	padding: 0.3em 0.6em;
	text-align: center;
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
}
.productSelector .selectedSize,
.productSelector .pSelctrSelcted,
.productSelector .pSelctr:hover {
	cursor: pointer;
	background: rgba(0,0,0,0.2);
}







.pQtyPricer {
	width: 90%;
	margin: 1% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.pQtyPricer .pPricer {
	width: 48%;
	font-family: 'calibri';
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}




.qtySelcter {
	width: 48%;
	margin: 1% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 1.5em;
}
.qtySelcter .thsQty {
	margin: 0 1%;
	cursor: default;
	font-size: 1em;
	font-family: 'calibri';
}
.qtySelcter i {
	margin: 0 2%;
	cursor: pointer;
}
	
	
	
	
	
	
	
	
	
	
	
            .marquee {
                height: 40px;
                overflow: hidden;
                position: relative;
                color: #FFF;
            }
            
            .marquee p {
                position: absolute;
                width: 200%;
                height: 100%;
                margin: 0;
                line-height: 40px;
                text-align: start;
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                -moz-animation: scroll-left 2s linear infinite;
                -webkit-animation: scroll-left 2s linear infinite;
                animation: scroll-left 40s linear infinite;
            }
            
            @-moz-keyframes scroll-left {
                0% {
                    -moz-transform: translateX(-100%);
                }
                100% {
                    -moz-transform: translateX(100%);
                }
            }
            
            @-webkit-keyframes scroll-left {
                0% {
                    -webkit-transform: translateX(-100%);
                }
                100% {
                    -webkit-transform: translateX(100%);
                }
            }
            
            @keyframes scroll-left {
                0% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
                100% {
                    -moz-transform: translateX(+100%);
                    -webkit-transform: translateX(+100%);
                    transform: translateX(+100%);
                }
            }