@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@font-face {
    font-family: 'Rage';
    src: url('../fonts/RageItalic.eot');
    src: url('../fonts/RageItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RageItalic.woff2') format('woff2'),
        url('../fonts/RageItalic.woff') format('woff'),
        url('../fonts/RageItalic.ttf') format('truetype'),
        url('../fonts/RageItalic.svg#RageItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
/*************** fonts***
font-family: 'Roboto', sans-serif;
  font-family: 'Rage';
font-family: 'flexslider-icon';
**/
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	display: block;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #363636;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #363636;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #363636;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #363636;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #363636;
}
/*.boby-outer{
    min-height: 100%;
    margin-bottom: -171px !important;
}
.boby-outer:after {
  content: "";
  display: block;
}
.boby-outer:after {
 
  height:171px !important;
}
.foofter-wrap{ min-height:171px; overflow:hidden;}*/
body {
	margin: 0px;
	padding: 0px;
	font-size:15px;
	color: #262628;/*width:1366px;*/
	background: #FFF url(../images/what-the-hex.png) left top;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.Over_flow {
	overflow: hidden;
	position: relative;
	min-height: 100%;
}
.container {
	margin: 0px auto;
	/*	max-width:1148px;
*/ position: relative;
	padding: 0 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/**********************RESET TOOLS**********************/
p, ul, ol, h1, h2, h3, h4, h5, h6, dd, form, input, textarea, select, img, blockquote, label {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
* {
	outline: 0px;
}
a {
	color: #f89829;
	text-decoration: none;/*	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;*/
}
a:hover {
	color: #777;
	text-decoration: none;
}
.clear {
	clear: both;
}
.clear_12 {
	clear: both;
	height: 12px;
}
.clear_18 {
	clear: both;
	height: 18px;
}
.clear_44 {
	clear: both;
	height: 44px;
}
.clear_30 {
	clear: both;
	height: 30px;
}
.clear_36 {
	clear: both;
	height: 36px;
}
.clear_84 {
	clear: both;
	height: 84px;
}
.clear_106 {
	clear: both;
	height: 106px;
}
.clear_130 {
	clear: both;
	height: 130px;
	display: block;
}
.clear_02 {
	clear: both;
	height: 2px;
	display: block;
}
.clear_12none {
	clear: both;
	height: 12px;
	display: none;
}
.right {
	float: right!important;
}
.left {
	float: left!important;
}
.No_Border {
	border: none !important;
}
.text-align {
	text-align: justify;
}
.clear_left {
	clear: left !important;
}
.clear_right {
	clear: right !important;
}
.style-03 {
	color: #1d3fa6;
}
.stye-02 {
	color: #f89829;
	font-size: 20px;
	line-height: 30px;
}
.over-flow-hidden {
	overflow: hidden;
}
.text-transform-none {
	text-transform: none !important;
}
.text-center{text-align:center;}
/******************Header**************/
.header-wrap{ position:fixed; width:100%; background:#FFF;box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494; z-index:1000;}
.icon-menu{ float:left; display:inline-block; background:url(../images/incon-menu.png) no-repeat; width:18px; height:16px; position:relative; z-index:10;}	
.header-right{ float:right; position:relative; z-index:10;}
.link-cart{ display:inline-block; background:url(../images/icon-cart.png) no-repeat; width:18px; height:17px;}
.link-search{ display:inline-block; background:url(../images/icon-search.png) no-repeat; width:18px; height:18px; cursor:pointer; margin-left:13px;}
.logo{ position:absolute; width:100%; text-align:center;}
.logo img{vertical-align:bottom;}
.header-wrap .container{ padding-top:35px; padding-bottom:35px;}
.header{ position:relative; font-size:15px;}
.body-top h1{font-family: 'Rage'; font-size:43px; font-weight:normal; margin:0px; line-height:43px;}
.body-top h2{ font-size:21px; font-weight:400; margin:0px; line-height:21px; margin-bottom:15px;}
.body-top{padding:10% 0}
.search-wrap {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #e7e7e7;
	right: 0px;
	margin-right: 0px;
	bottom: 0px;
	margin-bottom: -46px;
	z-index: 100001;
	padding: 8px 8px;
	display: none;
}
.search-wrap input[type="text"] {
	height: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #FFF;
	width: 100%;
	border: 1px solid #c2c2c2;
	border-right: none;
	line-height: 28px;
	padding: 0 8px;
	color: #999999;
	font-size: 13px;
}
.search-field {
	position: relative;
	padding-right: 30px;
}
.search-field button[type="submit"] {
	position: absolute;
	width: 30px;
	height: 30px;
	border: none;
	cursor: pointer;
	border: none;
	right: 0px;
	margin-right: 0px;
	top: 0px;
	margin-top: 0px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	background:#d61027;
	color: #FFF;
}
.search-field button[type="submit"]:hover {
	background:#000;
}
/***********Login************/
.section-login{ background:#d61027; color:#FFF; text-align:center; font-weight:300; padding:10% 0;}
.login-form{max-width:500px; margin:0px auto}
.col-form{ width: 48%; float: left;}
.col-form+.col-form{float: right;}
.input-01 {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:43px;
	background: #FFF;
	font-size:15px;
	color: #000;
	padding: 0px 24px;
	margin-bottom:30px;
	font-weight: 400;
	border:1px solid #cfcfcf;
		-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.input-01::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	color: #a1a1a1;
}
.input-01:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #a1a1a1;
	opacity: 1;
}
.input-01::-moz-placeholder{ /* Mozilla Firefox 19+   */
	color: #a1a1a1;
	opacity: 1;
}
.input-01:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #a1a1a1;
}
.input-01:placeholder-shown{ /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #a1a1a1;
}
.select-wrap {
    height:43px;
    line-height:43px;
    background: #FFF url(../images/drop-arrow2.png) right center no-repeat;
    position: relative;
    margin-bottom: 30px;
	font-weight: 400;
	border:1px solid #cfcfcf;
		-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.select-wrap select {
    height:45px;
    line-height:45px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:15px;
    color: #a1a1a1;
	font-family: 'Roboto', sans-serif;
    font-weight:400;
    width: 100%;
    padding:0 24px;
}

.btn-submit{
	background: #d61027;
	color: #FFF;
	font-size: 15px;
	border: none;
	cursor: pointer;
	line-height: 18px;
	top: 0px;
	margin-top: 0px;
	font-weight: 400;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #FFF;
	padding: 11px 15px 12px ;
	position: relative;
	text-transform: uppercase;
	 width: 100%;
	  display:block;

}
.btn-submit:hover{ color:#000; background:#FFF;}
.login-form p{margin-bottom:15px;}
.btn-submit2{
	background: #d61027;
	color: #FFF;
	font-size: 15px;
	border: none;
	cursor: pointer;
	line-height: 18px;
	top: 0px;
	margin-top: 0px;
	font-weight: 400;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #d61027;
	padding: 15px 15px 14px ;
	position: relative;
	 width: 100%;
	  display:block;

}
.btn-submit2:hover{background: #000;
	color: #FFF;border: 1px solid #000;}
.page-heading2{ font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 700; color:#262628; margin-bottom: 30px; }
/***********Menu*********/
.menu-hader{ font-size:15px; color:#010101; padding:20px 40px 20px 30px;background: #FFF url(../images/pattern.png) left top;box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494; }
.menu-hader p+p{ margin-top:8px;}
.menu-hader .icon-menu{ position:absolute; right:0px; margin-right:25px; top:0px; margin-top:20px; background:url(../images/close.png) no-repeat; width:13px; height:11px;}
.mobile-menu{position: fixed; left: 0px; margin-left: 0px; height: 100%; width:300px; background:#FFF; z-index: 100000;
		-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform:translateX(-310px);
	-moz-transform:translateX(-310px);
	-o-transform:translateX(-310px);
	transform:translateX(-310px);
	    
}

.mobile-menu.navOpen{	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%); 
		-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}
body.bodycalss{overflow: hidden;}
body.bodycalss:before{ content:""; position: fixed; width: 100%;height: 100%; background:#000;opacity: 0.5; z-index: 100000;}

.menu-click{ background:url("../images/menu-icon2.png") no-repeat; position: absolute; width:25px;height: 25px; left: 0px; margin-left: -40px; top: 0px; margin-top:19px;  }
.menu-click.clicked{ background:url("../images/menu-icon-hover2.png") no-repeat;}
/*******Left Menu*******/
.mainNav {height:100vh; height: calc(100vh - 84px);
	overflow: auto;

	
}
.nav-oder{text-align: center; padding: 12px 0;}
.nav-oder .Order-now {font-size: 14px;line-height: 14px;padding:11px 32px 11px 18px;}
.nav-oder .Order-now:after {margin-right: 9px;margin-top: 13px;}
/**************left Menu**********/
.section-header h3{ padding-left:20px; font-size: 15px; color: #000; font-weight: 500; position: relative; margin-bottom:15px; display: block; padding-right: 30px; cursor: pointer;}
.cat-facets{ border-bottom: 0px solid #dad7db; }
.section-header h3 i{position: absolute; right: 0px; margin-right: 0px; font-size: 20px; top: 0px; margin-top: 0px; line-height: 18px; color:#6b695f;}
.section-header h3 i.fa-angle-down,.section-header.active h3 i.fa-angle-up,.section-content.active,.facet-body.active{ display: block;}
.section-header h3 i.fa-angle-up,.section-header.active h3 i.fa-angle-down{ display: none;}
.section-content,.facet-body{ display: none;}
.facet-head{ position: relative; padding-left: 20px; cursor: pointer; padding-top:11px; padding-bottom:10px;}

.facet-head.active{ 	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px; background:#da263b; color:#FFF;}
.menu-row{ background:#f6f5f1; padding:15px; margin-top:16px;}
.menu-row h2{ font-size:20px; font-weight:400; border-bottom:1px solid #cfcfcf; padding-left:20px; padding-bottom:10px; margin-bottom:15px;}
.wrap-line{border-left:1px solid #dfdcdc; margin-left:20px; padding-left:8px; display:none;}
.wrap-line.active{ display:block;}
.for-text{margin:0px; padding:0px; list-style:none;}
.for-text{ margin-bottom:15px;}
.for-text li{ display:block; line-height:19px; position:relative; margin-left:38px; margin-top:12px;}
.for-text li i{ position:absolute; left:0px; margin-left:0px; top:0px; margin-top:0px;}
.for-text li a{ display:inline-block; color:#000; padding-left:44px;}
.accordion-section+.accordion-section{margin-top:15px;}
.Dealers-head{padding-left:20px; font-size: 15px; color: #000; font-weight: 500; position: relative; margin-bottom:15px; display: block; padding-right: 30px; cursor: pointer;}
.Dealers-head a{ color:#000; display:inline-block;}
.icon-My-Dealers{background:url(../images/icon-My-Dealers.png) left top no-repeat; padding-left:40px;}
.add-dealer h3{background:url(../images/add-dealer.png) left top no-repeat; padding-left:40px; margin-left:20px;}
.list-Dealer{ margin:0px; padding:0px; list-style:none;}
.list-Dealer li{ display:block;}
.list-Dealer li+li{margin-top:10px;}
.list-Dealer li a{ display:block;padding-left: 20px; cursor: pointer; padding-top:11px; padding-bottom:10px; padding-right:20px; color:#000;}
.list-Dealer li:hover a,.list-Dealer > li.Select > a{border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px; background:#da263b; color:#FFF;}
.list-Dealer li.Select ul li a{color:#000; background:#FFF;}
.list-Dealer li.Select ul{margin-left: 15px;}
	.order-list{ color:#000; margin:8px 0; display:inline-block;}
	.order-list.active{ font-weight:700;}
	.mnu-action{margin:0px; padding:0px; list-style:none; padding-left:20px;}
	.mnu-action li{ display:block;}
	.mnu-action li+li{margin-top:15px;}
	.mnu-action li a{ color:#000; display:inline-block; padding-left:40px;}
	.mnu-action li a.linl-Profile{background:url(../images/icon-Profile.png) left top no-repeat;}
	.mnu-action li a.linl-Logout{background:url(../images/icon-Logout.png) left top no-repeat;}
	.My-Order h3{padding-left:40px; background:url(../images/My-Order.png) left top no-repeat; margin-left:20px;}
		.Delear-order h3{padding-left:40px; background:url(../images/Delear-order.png) left top no-repeat; margin-left:20px;}
		.info-login{padding-bottom:40px;}
		.login-form .login-bottom{ margin-top:18px;}
		.login-form a{ font-weight:500; color:#FFF;}
		.login-form a:hover{ color:#000;}
.add-form{max-width:500px; margin:0px auto; position:relative;}
.label{ font-size:15px; font-weight:500; color:#000; padding-bottom:12px; display:block;}
.add-form .input-01{margin-bottom:20px;}	
.add-dealer{padding:30px 0}
.page-heading{font-family: 'Rage'; font-size:35px; font-weight:normal;}
.Browse {
	position: relative;
		width:100%;
	height:41px;
	margin: 0px auto;
}
.Browse input[type="file"] {
	position: absolute;
	width: 100%;
	height:41px;
	left: 0px;
	margin-left: 0px;
	z-index:500;
	opacity: 0;
	top: 0px;
	margin-top: 0px;
}
.Browse .Choose {
	position: absolute;
	color: #FFF;
	font-size: 15px;
	right: 0px;
	margin-right: 0px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #d61027;
	width:100%;
	height:41px;
	text-align: center;
	line-height:41px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	top: 0px;
	 font-weight: 500;
}

.Browse{margin-top:25px;}	
.Bulk-dealer {margin:0px 15px; position:relative;margin-top:10%;}
@media(min-width:600px) {.Bulk-dealer {max-width:500px; margin:0px auto; position:relative; margin-top:10%;}}
.my-dealer-wrap ul{margin:0px; padding:0px; list-style:none;}
.my-dealer-wrap ul li{ display:block;}
.my-dealer-wrap ul li+li{margin-top:15px;}
.trigger{ background:#FFF;    border: 1px solid #cfcfcf;	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; position:relative;}
.trigger a:after{    font-family: 'FontAwesome';
    content: "\f067";
    position: absolute;
    right: 0px;
    margin-right: 8px;
    cursor: pointer; top:0px; margin-top:20px;}	
.acc_active	.trigger a:after{content: "\f068";}
.trigger a{ color:#262628; text-align:center; display:block; padding:8px 15px;}
.acc_active	.trigger{ background:#d61027;    border: 1px solid #d61027;	border-radius: 10px 10px 0 0;-moz-border-radius:10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;}
.acc_active	.trigger a{ color:#FFF;}
.col-tigger{float:left; width:49%;}	
@media(min-width:600px) {.col-tigger{float:left; width:250px;}}


.col-tigger+.col-tigger{float:right;}	
.col-tigger strong{ display:block;}
.accordion-inner{ background:#FFF;    border: 1px solid #cfcfcf;	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px; border-top:none; padding:8px;}	
	.accordion-body{ padding:10px 0 15px;border-bottom: 1px solid #cfcfcf;}
		.accordion-body p+p{margin-top:12px;}
		.accordion-footer a{ color:#262628;}
		.accordion-footer a:hover{ color:#d61027;}
		.col-accordion{ float:left; width:50%;	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; text-align:center; padding:6px;}
		.col-accordion+.col-accordion{border-left: 1px solid #cfcfcf;}
		.accordion-footer{padding-top:8px;}
	.my-dealer-wrap{padding-top:30px;}	
/*******Collection********/
.wrap-inner{padding-bottom: 30px;}
.body-header{border-bottom:0px solid #000;  margin-bottom:18px;background:#FFF;box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494;}	
.body-header-wrap{display:flex; justify-content:center;flex-wrap: wrap;}	
.body-header .col-tigger{ float:none; width:auto; text-align:center; padding:8px 20px;}
.body-header .col-tigger+.col-tigger{border-left:1px solid #000;}
.Collections-list{display:flex; justify-content:space-between; flex-wrap: wrap; max-width:1000px; margin:0px auto;}
.bx-Collections{ width:80%; position:relative; margin:10px auto;}
.bx-Collections img,.bx-Collections-all img{ width:100%; height:auto; vertical-align:bottom;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius: 8px;}
.bx-Collections figcaption{position:absolute; width:100%; top:50%; transform:translate(0,-50%); text-align:center; color:#FFF; font-size:20px; font-weight:700;}	
@media(min-width:500px) {.body-header .col-tigger{ padding:8px 40px;}}	
@media(min-width:600px) {.bx-Collections{ width:32%;}}
.bx-Collections-all{ width:100%; margin:16px 0; position:relative;}
.bx-Collections-all figcaption{position:absolute; width:100%; top:50%; transform:translate(0,-50%);font-family: 'Rage'; text-align:center; color:#FFF; font-size:30px; font-weight:400;}
.bx-Collections-all figcaption span{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; display:inline-block; background:url(../images/light-bg.png); padding:6px 40px 9px; }
@media(min-width:960px) {.bx-Collections-all{ width:48%; margin:10px 0; position:relative;}}	
/*********Detail********/
.image-detail{ max-width:357px;  margin:0px auto;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.image-detail img{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; width:100%; height:auto; vertical-align:bottom; border:2px solid #FFF; 	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	
	
.image-view{position:relative;box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494; margin:10px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.zoomer{position:absolute; right:0px; margin-right:10px; top:0px; margin-top:10px; background:url(../images/zoom.png) no-repeat; width:28px; height:28px; display:block;}
.detail-wrap{max-width:600px; margin:0px auto; position:relative;}
.detail-info{ font-weight:300; max-width:337px; margin:0px auto; padding-top:12px;}
.col-info{float:left; width:100%; margin-bottom:8px;}
@media(min-width:360px) {.col-info{width:48%;}}
.delivery-period,.unit-length{margin-bottom:8px; position:relative;}
.col-info+.col-info{float:right;}
.select-period {
    height:18px;
    line-height:18px;
    background: url(../images/drop-arrow.png) right center no-repeat;
    position: relative;
    border: 1px solid #FFF;
	 border-bottom:0px solid #000;
	  width:80px;
}
.select-period select {
    height:18px;
    line-height:18px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:15px;
    font-weight:700;
    width: 100%;
    padding: 0 11px 0 0;
}
.delivery-period{padding-left:140px;}
.unit-length {padding-left:90px;}
.delivery-period span,.unit-length span{ position:absolute; left:0px; margin-left:0px;}
.select-length .checkbox { position:absolute; opacity:0;}
.select-length label{float:left; background:url(../images/check.png) left center no-repeat; padding-left:20px; display:inline-block; margin-right:10px;}
.select-length .checkbox:checked+ label{background:url(../images/checked.png) left center no-repeat;}
.detail-info h3{ font-size:20px; font-weight:500; margin-bottom:8px;}
.detail-info .wrap-btn{margin-top:18px;}
.click-filter{ display:inline-block; border:1px solid #010101; color:#010101;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; font-weight:400; background:url(../images/icon-filter.png) 10px 6px no-repeat; padding-left:31px; line-height:30px; padding-right:9px; position:absolute; right:0px; margin-right:0px; top:0px; margin-top:-36px;}
.click-filter:hover{border:1px solid #d8172e;}
.bx-product{position:relative; text-align:center;}
.bx-product:after{content:""; background:#e8e8e8; position:absolute; width:100%; height:95px; left:0px; margin-left:0px; bottom:0px; margin-bottom:0px;;}
.bx-inner{ position:relative; z-index:10;}
.bx-inner img{box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494; vertical-align:bottom;border:2px solid #FFF; 	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	.bx-inner article{ display:block; padding:13px;}
	.detail-bottom{ margin-top:18px; padding-top:13px;box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494;}
/***************Owl Style 01************/
.carusel-wrap{
	padding:0 72px;
}
.carousel1-style-01 .owl-dots{
	    padding-top:30px;
    padding-bottom:0px;
    text-align: center;
}
.carousel1-style-01 button.owl-prev,.carousel1-style-01 button.owl-next{
	position:absolute;
	top:50%;
	margin-top:-5.5px;
	background:none;
}
.carousel1-style-01 button.owl-prev{
	left:0px;
	margin-left:-92px;
}
.carousel1-style-01 button.owl-next{
	right:0px;
	margin-right:-92px;
}
.carousel1-style-01 button.owl-prev span{
	background:url(../images/a_left2.png) no-repeat;
	width:62px;
	 height:11px;
	  display:block;
	  text-indent:-9999999px;
}
.carousel1-style-01 button.owl-next span{
	background:url(../images/a_right2.png) no-repeat;
	width:62px;
	 height:11px;
	  display:block;
	  text-indent:-9999999px;
}
.carousel1-style-01 button.owl-prev.disabled span{
	background:url(../images/a_left.png) no-repeat;
}
.carousel1-style-01 button.owl-next.disabled span{
	background:url(../images/a_right.png) no-repeat;
}
/***************Owl Style 02************/
.carousel1-style-02 .owl-dots{
	    padding-top:25px;
    padding-bottom:0px;
    text-align: center;
}
.carousel1-style-02 button.owl-prev,.carousel1-style-02 button.owl-next{
	position:absolute;
	top:50%;
	transform: scale(-50%,0);
	background:none;
}
.carousel1-style-02 button.owl-prev{
	left:0px;
	margin-left:-8px;
}
.carousel1-style-02 button.owl-next{
	right:0px;
	margin-right:-8px;
}
.carousel1-style-02 button.owl-prev span{
	background:url(../images/b_left2.png) no-repeat;
	width:43px;
	 height:43px;
	  display:block;
	  text-indent:-9999999px;
}
.carousel1-style-02 button.owl-next span{
	background:url(../images/b_right2.png) no-repeat;
	width:43px;
	 height:43px;
	  display:block;
	  text-indent:-9999999px;
}
.carousel1-style-02 button.owl-prev.disabled span{
	background:url(../images/b_left.png) no-repeat;
}
.carousel1-style-02 button.owl-next.disabled span{
	background:url(../images/b_right.png) no-repeat;
}
.owl-carousel.carousel1-style-02 button.owl-dot {
    background: #a8a8a8 !important;
    width:8px;
    height:8px;
    margin: 0 2px;
}
.owl-carousel.carousel1-style-02 button.owl-dot.active {
    background: #e21e2b !important;
}
/******filter********/
.filter-wrap{position: fixed; left: 0px; margin-left: 0px; height: 100%; width:360px; background:#f6f5f1; z-index: 100000;
		-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform:translateX(-390px);
	-moz-transform:translateX(-390px);
	-o-transform:translateX(-390px);
	transform:translateX(-390px);

	 color:#000000;
	    
}

.filter-wrap.navOpen{	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%); 
		-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}
.filter-header{ font-size:20px; font-weight:700; text-align:center; text-transform:uppercase;  padding:11px; position:relative;}
.filter-wrap .wrap-btn{ padding:20px 20px;}
.row-filter +.row-filter {margin-top:6px;}
.filter-body{height: 100vh;height: calc(100vh - 135px);overflow: auto;}
.row-filter{ background:#FFF; padding:17px 20px;}
.row-filter h3{ font-size:15px; font-weight:400; border-bottom:1px solid #dbdbdb; text-transform:uppercase; padding-bottom:11px; margin-bottom:18px;}    
.list-checkbox{margin:0px; padding:0px; list-style:none;}
.list-checkbox li{ display:block; position:relative; line-height:20px;}
.list-checkbox li+li{margin-top:14px;}
 .list-checkbox li .checkbox{ position:absolute; opacity:0;}
 .list-checkbox li label{background:url(../images/check2.png) left center no-repeat; padding-left:40px; display:inline-block; margin-right:10px;}
 .list-checkbox li .checkbox:checked+ label{background:url(../images/checked2.png) left center no-repeat;}  
.filter-wrap .click-filter{ position:absolute; right:0px; margin-right:12px; top:0px; margin-top:15px; background:url(../images/close.png) no-repeat; width:13px; height:11px; border:none; padding:0px;} 
.wrap-Dealer{
	max-width:358px; margin:0px auto;border:1px solid #bfbfbf; 	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; background:#FFF; padding:0 5px 15px;font-family: 'Roboto', sans-serif; font-weight:300; margin-top:20px;}
.wrap-Dealer strong{ font-weight:500;}
.wrap-Dealer p+p{margin-top:8px;}
.Dealer-row+.Dealer-row{border-top:1px solid #bfbfbf;}
.Dealer-row figure{ float:left; display:inline-block;    box-shadow: 0px 2px 10px #949494;
    -moz-box-shadow: 0px 2px 10px #949494;
    -webkit-box-shadow: 0px 2px 10px #949494;
	    width:59px;
    height: 59px;
   }
.Dealer-row figure img {

    width:59px;
    height: 59px;
    vertical-align: bottom;
    border: 2px solid #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.Dealer-row .info{ float:right; width:100%; width:calc(100% - 73px); position:relative; padding-right:37px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.refresh{position:absolute; display:inline-block; background:url(../images/refresh.png) no-repeat; width:32px; height:18px; right:0px; margin-right:0px; top:50%; margin-top:-9px;}
.Dealer-row .info p{margin-bottom:8px;}
.dealer-info{ padding:17px 0px 17px 12px; }
.Dealer-header{padding:17px 0px 17px 12px; border-bottom:1px solid #bfbfbf;}
.Order-Dealer{max-width:358px; margin:0px auto;margin-top:20px;}
.Order-Dealer .Dealer-row .info{ float:none; width:100%;  position:relative; padding-right:37px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.Order-row{border:1px solid #bfbfbf; 	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; background:#FFF; padding:0 5px 15px;font-family: 'Roboto', sans-serif; font-weight:300; padding:15px;}
.Order-row+.Order-row{margin-top:19px;}
.Order-row p+p{margin-top:8px;}
.Order-info{position:relative; padding-right:130px;}
.view-order{
	background: #d61027;
	color: #FFF;
	font-size: 15px;
	border: none;
	cursor: pointer;
	line-height: 18px;
	top: 0px;
	margin-top: 0px;
	font-weight: 400;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #d61027;
	padding: 11px 20px 11px ;
	position: relative;
	  display:inline-block;
	  position:absolute; right:0px; margin-right:0px; top:50%; transform:translate(0,-50%);

}
.view-order:hover{background: #000;
	color: #FFF;border: 1px solid #000;}
	.white-popup-block img {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border: 2px solid #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
	.white-popup-block .image-view{ margin:0px;}
/************/
.list-Dealer.third{ display: none;}
.list-Dealer.third.active{ display: block;}


/*************07-31-20*************/
.list-wrap{ max-width:380px; margin: 0px auto;}
.bx-list img{ width: 100%;height: auto; vertical-align: bottom;}
.list-td{ display: flex; justify-content: space-between; flex-wrap: nowrap;}
.bx-list{ width: 50%; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; position: relative;}
.bx-list+.bx-list:before{content: ""; width: 1px; height: 100%; position: absolute; left: 0px; margin-left: 0px; top: 0px; margin-top: 0px; background:#acaba9; }
.list-td{border-top: 1px solid #acaba9;}
.bx-list-inner{padding: 7px;}
.bx-list-info{ font-size: 14px; line-height: 24px; margin-top: 10px;}
.row-list-info{ display: flex; justify-content: space-between;}
.unit-length ul{ margin: 0px; padding: 0px;list-style: none;}
.unit-length ul li{float: left; display: inline-block; font-weight: bold;}
.unit-length ul li+li{margin-left: 8px; padding-left: 8px; border-left: 1px solid #ed6277;}
.large-number{ display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.small-number{ display: block; font-size: 15px; font-weight: bold; text-align: center; padding-bottom: 5px;}
.row-colordo{ background:#FFF; box-shadow: 0px 2px 10px #dcdcdc;-moz-box-shadow: 0px 2px 10px #dcdcdc;-webkit-box-shadow: 0px 2px 10px #dcdcdc; border:1px solid #d8d6d6; padding: 10px; position: relative;}
.row-colordo+.row-colordo{margin-top: 18px;}
.row-colordo img{ width: 100%;height: auto; vertical-align: bottom;}   
.row-colordo figure{ display: block; position: relative;}
.row-colordo figure:after{content: ""; width:100%; height: 100%; position: absolute; left: 0px; margin-left: 0px; top: 0px; margin-top: 0px; background:url("../images/image-bg-left.png") left top repeat-y,url("../images/image-bg-right.png") right top repeat-y; }
.click-arrow{ background: url("../images/click-arrow-down.png") no-repeat; width: 10px; height: 11px; display: block; position:absolute; bottom: 0px; margin-bottom: -5px; left: 50%; margin-left: -5px;}
.click-arrow.active{ background: url("../images/click-arrow-up.png") no-repeat;}
.show-colordo-info.active .info{ display: block;}
.show-colordo-info.active .small-number{display: none;}
.show-colordo-info .info{ display: none;}
.show-colordo-info{padding-top: 10px;}


/*************** fonts***
font-family: 'Roboto', sans-serif;
  font-family: 'Rage';
font-family: 'flexslider-icon';

font-family:'FontAwesome';
**/
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	background: url(../images/logo.png) center no-repeat #fff;
}
.button_3d{
	padding: 5px;
	border: 1px solid #d61027;
	color: #d61027;
	border-radius: 10%;
}
.text-center{
	text-align: center;
}