@font-face {
	font-family: 'Articulate';
	src: url('fonts/Articulate.eot');
	src: url('fonts/Articulate.eot?#iefix') format('embedded-opentype'),
		url('fonts/Articulate.woff2') format('woff2'),
		url('fonts/Articulate.woff') format('woff'),
		url('fonts/Articulate.ttf') format('truetype'),
		url('fonts/Articulate.svg#Articulate') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ARB';
    src: url('fonts/ARB.eot');
    src: url('fonts/ARB.eot') format('embedded-opentype'),
         url('fonts/ARB.woff2') format('woff2'),
         url('fonts/ARB.woff') format('woff'),
         url('fonts/ARB.ttf') format('truetype'),
         url('fonts/ARB.svg#ARB') format('svg');
}
@font-face {
    font-family: 'ARLN';
    src: url('fonts/ARLN.eot');
    src: url('fonts/ARLN.eot') format('embedded-opentype'),
         url('fonts/ARLN.woff2') format('woff2'),
         url('fonts/ARLN.woff') format('woff'),
         url('fonts/ARLN.ttf') format('truetype'),
         url('fonts/ARLN.svg#ARLN') format('svg');
}

@charset "utf-8";
/* CSS Document */


/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  img, ul, li, fieldset, form, label, legend, table{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-align: left}
body{line-height: 1}
h6{ font-weight:normal;}

a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none}

nav ul{list-style-type:none;padding:0;margin:0}


/* Commons */
body{font:  13px/20px 'Articulate'; text-align: left;color:#000000;}
body, body *{-webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
a, a:hover, a:active, a:focus, button, input, select, textarea{outline: none; text-decoration: none}
a{color:#000;}
a:hover{color: #000}
p{margin: 0 0 15px}
p.last{margin-bottom: 0}

.container{width: 1219px; margin: 0 auto; position: relative}

/* Clearfix */
.container:before, .container:after {content: ""; display: table}
.container:after{clear: both}

.search_div{ position:absolute; left:0px; top:28px;  }
.search {border:0px; float:left; border-bottom:1px solid #767676; color:#ccc; padding:4px 10px 10px 0px; margin-left:32px; width:213px; font-size:14px;font-family: 'Articulate';}
.search_div.icon1{  position:absolute; }
.search_div.icon1:before{ content:''; position:absolute;  background:url(images/sprit.png) no-repeat;background-position:0 0;width:20px; height:20px; overflow:hidden; left:0; }

#logo{ width:141px; margin:3px auto;}
#banner{ width:100%; height:437px;}
#menu_outer{width:100%; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; margin-bottom:11px;-webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,.7);
-moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,.7);
box-shadow: 0px 3px 3px 0px rgba(204,204,204,.7);}

#header_right{ position:absolute; top:38px; right:0px; float:right; font-size:12px;}
#header_right a{ float:left; color:#666666;  line-height:23px; margin-left:18px;}
#header_right  a:hover{ text-decoration:underline; }
#header_right a#call, #header_right a#email{  position:relative;  padding-left:25px; }
#header_right a#call:before, #header_right a#email:before{ content:''; position:absolute; background:url(images/sprit.png) no-repeat; background-position:-20px 0; width:24px; height:24px; overflow:hidden; left:0px; top:3px;   }
 #header_right a#email{ padding-left:43px; }
#header_right a#email:before{background-position:-46px 0;width:42px;top:0px;}


#menu_right{  float:right; font-size:12px; margin-top:9px;}
#menu_right a{ float:left; color:#cb0300;  line-height:23px; margin-left:23px;}
#menu_right a:hover{ text-decoration:underline; }
#menu_right a#login, #menu_right a#cart{  position:relative;  padding-left:26px; }
#menu_right a#login:before, #menu_right a#cart:before{ content:''; position:absolute; background:url(images/sprit.png) no-repeat; background-position:-90px 0; width:19px; height:23px; overflow:hidden; left:0px; top:0px;   }

#menu_right a#cart:before{background-position:-111px 0;width:23px;}


.outer { font-size:15px; color:#0074bd;-webkit-box-shadow: 0px 0px 5px 3px rgba(204,204,204,0.63);
-moz-box-shadow: 0px 0px 5px 3px rgba(204,204,204,0.63);
box-shadow: 0px 0px 5px 3px rgba(204,204,204,0.63); margin-bottom:11px;
}
.original, .delivery {
	width: 33%;
	padding: 24px 0 24px 70px;
	line-height: 15px;
	position: relative; text-align:center;
	float: left; border-right:1px solid #e1e1e1;
}

.original:before, .delivery:before {
	content: '';
	position: absolute;
	left: 70px;
	width: 61px;
	height: 50px;
	background: url(images/sprit.png) no-repeat;
	background-position: -0px -27px; top:8px;
}
.delivery {
	width: 34%;
	
}
.delivery:before {
	background-position: -61px -27px;
	width: 71px;
	height: 41px;
	top: 8px;
}
.original.fair{border-right:0;}
.original.fair:before {
	background-position: -137px 0px;
	width: 40px;
	height: 49px;
	top: 8px;left:110px
	
}


.outer2{ background:#f3f3f3; padding:42px 0; margin-bottom:20px;}

.outer2 h1{ font-size:28px; color:#333333; margin-bottom:27px; text-align:center;  font-family: 'ARB';}
.outer2 h1 span{  color:#cb0300;}

.outer2 p{ font-size:16px; color:#000; line-height:24px; margin-bottom:34px; text-align:center;}
.outer2 p:last-child{ margin-bottom:0}
.readmore{padding:8px 14px; color:#333333; font-family: 'ARB'; text-align:center; background:#fff; border:1px solid  #cb0300;-webkit-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 0px 6px rgba(255,255,255,1);}

.readmore:hover{ color:#fff; text-align:center; background:#cb0300; border:1px solid  #fff;-webkit-box-shadow: 0px 0px 0px 6px #cb0300;
-moz-box-shadow: 0px 0px 0px 6px #cb0300;
box-shadow: 0px 0px 0px 6px #cb0300;}

.box1{ float:left; width:390px; border-top:1px solid #0097c8; border-bottom:1px solid #0097c8;  position:relative; min-height:451px;}
.box1 h4{ font-size:32px; color:#000; line-height:34px; margin-top:20px; margin-bottom:50px;font-family: 'ARLN'; }
.box1 h4 span{color:#0097c8;font-family: 'Articulate';}

img{ display:block;}
.view_more{padding:8px 14px; color:#333333; text-align:center; background:#fff; border:1px solid  #0097c8; font-size:22px; clear:both; position:absolute; bottom:17px; }
.view_more:hover{color:#fff; background:#0097c8; }


.outer3{ background:#d6d6d6; padding:13px 3%; margin-top:48px;}

.outer3 p{ font-size:14px; color:#cb0300;  text-align:center; margin:0; }
.outer3 p span{  color:#333333;font-family: 'ARB';}
.outer3 p a{color:#cb0300;}
.outer3 p a:hover{ text-decoration:underline;}

.box2{ float:right; width:803px;  position:relative; }
.box2 li{ float:left; width:390px; position:relative; list-style:none; margin-right:23px; margin-bottom:27px;}
.box2 li h6{width:132px; line-height:36px; background:#0097c8; color:#fff; text-align:center; position:absolute; bottom:0; font-family: 'ARB'; font-size:16px;}
.box2 li.rgt{  float:right; margin-right:0px}
.box2 li.btt{ margin-bottom:0px}
.divider{height:1px ; background:#b7b7b7; margin:43px 0; clear:both; width:100%; float:left;}
.box3{ float:right; min-height:215px; }
.box4{ float:left; }
.box5{ min-height:407px;}
.box2 li a:hover h6{background:#cb0300;}
.box2 li h6.pr{width:100%; height:100%; line-height:36px; padding-top:90px; background:url(images/mask.png) repeat; color:#fff; text-align:center; position:absolute; bottom:0; font-family: 'ARB'; font-size:16px;}
.box2 li a:hover h6.pr{ display:none;}

.box6{ float:right; width:390px; background:#cb0300; position:relative; min-height:390px;padding-left:24px; }
.box6 h4{ font-size:32px; color:#fff; line-height:34px; margin-top:20px; margin-bottom:50px;font-family: 'ARLN'; }
.box6 h4 span{color:#fff;font-family: 'Articulate';}
.view_more1{padding:8px 14px; color:#fff; text-align:center; background:none; border:1px solid  #fff; font-size:22px; clear:both; position:absolute; bottom:17px; }
.view_more1:hover{color:#cb0300; background:#fff; }

.box2 li h6.title{background:#cb0300; border-right:1px solid #fff; border-top:1px solid #fff;}
.box2 li a:hover h6.title{color:#cb0300; background:#fff;} 

#footer{ background:#333333;padding-top:37px; padding-bottom:12px;}

#footer_right{width:298px; float:right;color:#fff; text-transform:uppercase;text-align:right; font-size:11px;}
.f_menu{text-align:right; line-height:25px; margin-bottom:10px; }

.f_menu  a{  color:#fff;   line-height:18px; padding:0 3px;  }
.f_menu  a:hover{ text-decoration:underline; }
.copy{ width:100%;float:left; padding-top:13px; border-top:1px solid #dddddd; margin-top:16px; text-align:right;}
.copy a{color:#fff;text-align:right;}

#footer_middle{width:324px; float:left; margin-left:270px; color:#d6d6d6;}
#footer_middle h6{ text-transform:uppercase; font-size:13px;}
#footer_middle p{ font-size:11px; margin-bottom:6px;margin-top:8px; }
input[type="text"].newsletter{ width:100%; line-height:34px; background:#5c5c5c;text-transform:uppercase; float:left; border: 0px solid #ccc; font-size:11px; padding-left:12px; color:#fff;  }
input[type="submit"].newsletter{ width:130px;text-transform:uppercase;  line-height:36px; color:#333;float:left;background:#fff; border:0px; font-size:13px; text-align:center; margin:7px 0 10px;  font-family: 'ARB';}
.follow_icons{ width:170px; float: left;}
.follow_icons h6{text-transform:uppercase; font-family: 'ARB';  font-size:13px;  color:#d6d6d6;}


.icon {
	background-image: url('images/sprit.png');
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 32px;
	overflow: hidden;
	margin: 20px 20px 0 0px;
}
.icon.fb {
	background-position: -0px -84px; width:20px; height:33px;
}
.icon.tw {
	background-position: -24px -87px;width:31px; height:28px;
}
.icon.pin {
	background-position: -54px -84px;width:33px; height:33px;
}
.icon.in {
	background-position: -1px -118px;width:33px; height:33px;
}
.icon.insta {
	background-position: -40px -118px;
}

.inner{padding:25px 0;}



.category_box{ position:relative; margin-top:20px; }
.category_box li{ float:left; width:376px; border:6px solid #fff; position:relative; list-style:none; margin-right:45px; margin-bottom:26px;-webkit-box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);
box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);}
.category_box li h6{width:356px; padding:120px 0;  border:1px solid #fff; margin-top:4px; margin-left:4px;  background:url(images/mask.png) repeat; color:#fff; text-align:center; position:absolute; top:0; font-family: 'ARB'; font-size:22px;}
.category_box li:hover h6{display:none;}
.category_box li.rgt{  float:right; margin-right:0px}

.pro_left{ width:50%; float:left; margin-top:5px; font-size:14px; }
.pro_left span{font-family: 'ARB';}
.pro_right{ width:50%; float:left; margin-top:5px;font-size:14px;font-family: 'ARB'; text-align:right;}


.buy{padding:6px 10px; color:#fff; text-transform:uppercase; text-align:center; background:#d32d37;  font-size:14px; float:right; margin-top:5px;}
.buy:hover{background:#0097c8;color:#fff; }
#breadcrumb{ font-size:13px; color:#d32d35}
#breadcrumb a{  color:#d32d35}
#breadcrumb a.active, #breadcrumb a:hover{  color:#000}
.inner1{padding:11px 0;}

#prod_img{ width:522px; height:387px; float:left; margin-right:33px;margin-top:20px;}
#prod_img span{width:514px; padding:188px 0;  border:1px solid #fff; margin-top:4px; margin-left:4px;   color:#fff; text-align:center; position:absolute; top:20px; font-family: 'ARB'; font-size:22px}
#prod_details{ width:592px; float:left; color:#333;margin-top:20px;}
#prod_details h4{ font-size:18px; color:#000;font-family: 'Articulate'; font-weight:normal;}
#prod_details h4 span{ font-size:24px; font-family: 'ARB';}
#prod_details p{color:#333; text-align:justify;}
#prod_details p.specif{ line-height:22px; font-size:14px;}
#prod_details p.orig{ font-size:16px;color:#d32d35; font-family: 'ARB';}

#prod_details p.specif span{ color:#d32d37;}
#prod_details p.descrip{font-size:18px; margin-bottom:6px; color:#d32d37;font-family: 'ARB';}

.price{font-size:24px; font-family: 'ARB'; color:#010000; margin-bottom:3px;}
.incl{font-size:12px;margin-bottom:0px; }

.buy1{padding:6px 10px; color:#fff; text-transform:uppercase; text-align:center; background:#d32d37;  font-size:13px; float:left; margin-top:15px;}
.buy1:hover{background:#0097c8;color:#fff; }




.alsolike_box{ position:relative;  clear:both; }
.alsolike_box h4{ font-size:18px; color:#d32d35;font-family: 'Articulate'; margin-bottom:30px; }
.alsolike_box li{ float:left; width:281px; border:6px solid #fff; position:relative; list-style:none; margin-right:31px; margin-bottom:26px;-webkit-box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);
box-shadow: 0px 0px 5px 5px rgba(204,204,204,1);}
.alsolike_box li h6{width:262px; padding:85px 0;  border:1px solid #fff; margin-top:4px; margin-left:4px;  background:url(images/mask.png) repeat; color:#fff; text-align:center; position:absolute; top:0; font-family: 'ARB'; font-size:22px;}
.alsolike_box li:hover h6{display:none;}
.alsolike_box li.rgt{  float:right; margin-right:0px}

.pro_left.sml, .pro_right.sml{ font-size:13px; width:70%; }
.pro_right.sml{  width:30%; }
.buy2{font-size:11px;padding:3px;}
.alsolike_box li img{ width:100%;}

@media only screen and (max-width:1365px) { 


.container{width: 94%;}
.search_div{ width:30%;}
.search {width:100%; }



#banner{ height:auto;}

.box1{ width:27%;min-height:460px;}


.box2{width:70%; }
.box2 li{ width:49%;  margin-right:2%; margin-bottom:10px;}

.box3{ float:right;min-height:230px; }
.box4{ float:left; }

.box5{ min-height:410px; }

.box6{ width:27%; padding-left:3%;min-height:414px;  }

img{ width:100%;}
#footer_right{width:30%;}
#footer_middle{width:30%;  margin-left:12%; }



.category_box li{ width:30%;margin-right:5%;}
.category_box li h6{width:100%; padding:30% 0 0;  border:1px solid #fff; margin:0px;height:100%;}



#prod_img{ width:35%; height:auto; margin-right:5%;}
#prod_img span{width:100%; padding:40% 0 0; 0 margin-top:0px; margin-left:0px; height:100%; border:3px;}
#prod_details{ width:60%;}

.alsolike_box li h6{width:100%; padding:30% 0 0;  border:1px solid #fff; margin:0px;height:100%;}




.alsolike_box{ position:relative;  clear:both; }

.alsolike_box li{ width:22%;margin-right:3%;}

.alsolike_box li.rgt{  float:left;margin-right:3%;}


}

@media only screen and (max-width:1200px) { 
.original:before, .delivery:before {
	
	left: 30px;
	
}
.original.fair:before {
	left:40px
	
}


}
@media only screen and (max-width:1024px) { 

.box1{ min-height:370px;}


.box3{min-height:180px; }


.box5{ min-height:330px; }

.box6{min-height:330px;  }
#menu_right{  float:left; font-size:12px; margin-top:0px;margin-bottom:10px;}

}

@media only screen and (max-width:960px) { 

.box1{ min-height:348px;}


.box3{min-height:160px; }


.box5{ min-height:312px; }

.box6{min-height:312px;  }
.alsolike_box li{ width:47%;margin-right:3%;}



.pro_left.sml, .pro_right.sml{  width:70%; }
.pro_right.sml{  width:30%; float:right; text-align:right; }

.buy2{ float:right;}

}




@media only screen and (max-width:768px) { 



#header_right{ width:33%;  top:18px; }
#header_right a#call, #header_right a#email{ float:right;}
#banner{ height:auto;}
.original, .delivery {	padding: 24px 0 24px 70px;}
.original:before, .delivery:before {left: 10px;}
.original.fair:before {	left:10px;}

.box1{ width:30%; min-height:215px;}
.box1 h4{  padding-bottom:10px; font-size:18px; line-height:20px;  margin-top:10px;}
.view_more{ font-size:16px; bottom:8px; }
.box2{width:65%; }
.box2 li{ width:48%;  margin-right:4%; margin-bottom:10px; }
.box2 li h6{width:100%; font-size:12px;}
.divider{margin:13px 0;}
.box3{ float:right; min-height:80px; }
.box4{ float:left; }
.box5{ min-height:114px;}
.box2 li h6.pr{width:100%; height:100%;   padding-top:20px;  font-size:16px;}
.box6{ width:30%; background:#cb0300;min-height:230px;padding-left:3%; }
.box6 h4{ font-size:18px; line-height:20px; margin-top:10px; margin-bottom:10px; }
.view_more1{font-size:16px;bottom:8px; }
img{ width:100%;}
#footer_right{width:30%;}
#footer_middle{width:30%;  margin-left:5%; }












}
@media only screen and (max-width:640px) { 

#prod_img{ width:100%; height:auto; margin-right:0%;}
#prod_img span{width:100%; padding:0 0 0; 0 margin-top:0px; margin-left:0px; height:100%; border:3px;}
#prod_details{ width:100%;}
.category_box li{ width:47%;margin-right:3%;}


.category_box li.rgt{ float:left;   margin-right:3%}}

@media only screen and (max-width:568px) { 


.container{width: 90%;}
.search_div{ width:90%; top:70px;}

#logo{ width:100px; margin:3px auto 100px;}
#logo img{ width:100%;}
#header_right{ width:100%;  top:115px; }
#header_right a#call, #header_right a#email{ float:left;}


.original, .delivery {
	
	padding: 60px 10px 12px 10px; border-right:1px solid #ccc; border-bottom:0;
	
}

.original:before, .delivery:before, .original.fair:before {
	
	left: 50%; margin-left:-30px
	
}
.original.fair:before {
	margin-left:-20px
	
}
 .delivery:before {margin-left:-40px; top:12px;}

.box1{ width:100%; min-height:auto; border-bottom:0}

.box1 h4, .box6 h4{ text-align:center;}
.box2{width:100%; }
.box2 li{ width:48%;  margin-right:4%; margin-bottom:10px; }
.box2 li.btt{ margin-bottom:10px; }


.box3{border-top:0}
.box6{ width:100%; min-height:auto;padding-left:3%; }
.box6 h4{  margin-bottom:50px; }
.box6 h4  br, .box1 h4  br{ display:none; }
.view_more,.view_more1{bottom:8px;  width:40%;margin:20px 30% 0; font-size:12px;padding:6px 0px; }
img{ width:100%;}
#footer_right{width:100%; text-align:right; float:left;}
#footer_middle{width:100%;  margin-left:0%; margin-top:20px;margin-bottom:20px; }
.follow_icons {
    width: 100%;
}
.f_menu, .copy{text-align:left; margin-top:0}
#footer {
   
    padding-top: 12px;

}






}
@media only screen and (max-width:414px) {.box2 li{ width:100%;  margin-right:0%; margin-bottom:10px; }
.category_box li{ width:100%;margin-right:0%;}


.category_box li.rgt{ float:left;   margin-right:0%}


.alsolike_box li{ width:100%;margin-right:0%;}



.pro_left.sml, .pro_right.sml{  width:70%; }
.pro_right.sml{  width:30%; float:right; text-align:right; }

.buy2{ float:right;}
}




@media only screen and (max-width:360px) {

#logo{  margin:3px auto 120px;}




}