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

body{ background:#fff; margin:0px; padding:0px;}
.box-info {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: left;
    transition: all 200ms ease-in-out;
}
.box-info-img {
    position: relative;
    top: 0;
    width: 100%;
    transition: inherit;
}
.desktop .box-info-body {
    position: absolute;
    bottom: 0;
    -webkit-transform: translate3d(0, calc(100% - 44px), 0);
    transform: translate3d(0, calc(100% - 44px), 0);
}
.box-info-text, .box-info-title {
    transition: inherit;
}
.box-info-title + .box-info-text {
    margin-top: 10px;
	color: #fff;
}
.desktop .box-info:hover .box-info-body {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #db1212;
}
.desktop .box-info-body {
    position: absolute;
    bottom: 0;
    -webkit-transform: translate3d(0, calc(100% - 44px), 0);
    transform: translate3d(0, calc(100% - 44px), 0);
}
.box-info h4{  margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #29293a;
    font-weight: 600;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
}
.box-info-body {
    padding: 12px 20px 16px;
    background: #fff;
    transition: inherit;
}
.desktop{
	float: left;
	width: 100%;
	margin: 20px 0px;
}
.desktop .box-info:hover .box-info-text, .desktop .box-info:hover .box-info-title {
    color: #fff;
}




.topbg{ background:#000000; height:40px;}
.phone{ float: left; width: 100%; color: #fff; margin-top: 6px; font-family: 'Open Sans', sans-serif;
font-size: 12px; font-weight: 400; line-height: 29px;}
.email{ float:left; width:33%; background:url(image/email.png) no-repeat left; padding-left:40px; color:#fff; margin-top:6px; 
font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; line-height: 29px;}
.top_lang{ float:right; margin-top:6px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px;}
a.gflag{ font-size:0px !important;}
.cart{ float:right; margin-top:13px; margin-left:10px;}
.headerbg{ }
.logo{ float:left; width:100%; margin: -7px 0px 9px 0px;}
.logo img{ margin:0px auto;}
.social{ float:right; margin-top:10px; margin-right: 20px;}
.social a{ color: #fff; padding: 0px 5px;}
.top-basket{float: right;
position: relative;}
.top-basket span{
	float: right;
color: #fff;
position: absolute;
right: 30px;
top: 17px;
font-weight: 700;
font-size: 15px;
}
.box {
    display: inline-block;
    padding: 0px 0 0;
	margin-top:5px;
	float:right;
}
.carousel-inner img{ width: 100%;}
.container-2 {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
.container-2 input#search {
    height:45px;
    box-shadow: none;
    color: #000;
    float: left;
    font-size: 14px;
    margin: 0;
    padding-left: 45px;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0;
	border:0px;
	margin-right:11px;
	background:none;
	background: #fff;
	border-radius: 40px;
	
}
.container-2 input:focus { box-shadow: none;}
.container-2 input#search::-webkit-input-placeholder {
   color: #000;
}
 
.container-2 input#search:-moz-placeholder { 
   color: #000;  
}
 
.container-2 input#search::-moz-placeholder { 
   color: #000;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #000;  
}

.container-2 .icon {
    color: #000;
    left: 10px;
    position: absolute;
    top: 8px;
    z-index: 1;
	cursor:pointer;
	background:url(image/search.png) no-repeat center;
	height: 31px;
width: 30px;
	
}
.container-2 span.icon i { 
	font-size:16px;
	color:#000;
	margin-top: 2px;
	margin-left: 2px;
}
.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 170px;
  color:#000;

}
 
.container-2:hover input#search{
width: 170px;
color:#000;


}
 
.container-2:hover .icon{
  color: #000;
}
.home-cat{ float: left; width: 100%; margin-bottom: 25px;}
.home-cat h2{ position: absolute; background: rgba(0,0,0,0.6); bottom: 15px; float: left; width: 100%; font-size: 24px; font-family: 'Open Sans', sans-serif; text-align: center; padding: 5px 0px; color: #fff; font-weight: 700;}
.home-cat:hover h2{ background: #ed1c24;}
.menubg{ background:#ed1c24;}
.menu{ float:right; margin-top: 30px;}
.menu ul{ float:left; margin:0px; list-style:none; padding:0px;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; padding:19px 23px; font-size:16px; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:700; color:#000000;}
.menu ul li a:hover{ text-decoration:none; color:#ed1c24;}

.catbg{ padding:0px;}
.cat{ float:left; width:100%; padding:40px 0px 30px;}
.centerbg{ padding:0px; background:url('image/centerbg.jpg') no-repeat; background-size: 100%;}
.content{ float:left; width:100%; color:#000000; font-size:14px; font-weight:400; font-family: 'Open Sans', sans-serif; line-height:25px;}
.more{ float:left; width:100%; padding:0px 0px 40px;}
.righ-im{
	padding-top: 40px;
}
.pro_box{ float:left; background:#FFF; margin:10px 0px; border: 2px solid #e2e3e6;}
.pro_box:hover{ border: 2px solid #ed1c24;}
.pro_box img{ width: 100%;}
.code{ float:left; width:100%; text-align:center; color:#ed1c24; font-size:16px; font-weight:700; font-family: 'Open Sans', sans-serif; padding:0px 0px;}
.product-name{ float:left; width:100%; text-align:center; color:#000000; font-size:16px; font-weight:400; font-family: 'Open Sans', sans-serif; padding:10px 0px;}
.mapbg{ float:left; width:100%; background:url(image/map.png) no-repeat; background-size:100% 100%; }
.adbg{ background:#141517; margin:90px 0px; height:260px;}
.adres{ float:left; width:100%; color:#fff; font-size:12px; font-weight:400; font-family: 'Open Sans', sans-serif; margin-top:60px;}
.adres strong{ font-weight:400; font-family: 'Russo One', sans-serif; font-size:22px; padding-left:50px; text-transform:uppercase; padding-right:30px;}
.foterbg{ padding:0px; background:#111213; float: left; width: 100%; margin-top: 20px;}
.flogo{ float:left; padding:70px 0px 20px;}
.f_about{ float:left; width:100%; font-family: 'Raleway', sans-serif; color:#fff; font-size:16px; font-weight:400; line-height:22px; padding-bottom:10px;}
.copy{ float:left; width:100%; font-size:13px; font-weight:400; color:#666666; font-family: 'Open Sans', sans-serif; padding:15px 0px}
.ftitle{ float:left; width:100%; color:#cccccc; font-family: 'Open Sans', sans-serif; font-size:16px; padding:70px 0px 10px 0px; font-weight: 600; background: url(image/f-title.png) no-repeat bottom left; margin-bottom: 20px;}
.fmenu{ float:left; width:100%;}
.fmenu ul{ list-style:none; margin:0px; padding:0px;}
.fmenu ul li{ float:left; width:100%; background:url(image/fli.png) no-repeat left;}
.fmenu ul li a{ color:#9f9f9f; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:400; float:left; padding:5px 0px 5px 20px; text-transform:uppercase;}
.fmenu ul li a:hover{ color:#ed3237;}
.news{ float:left; color:#fff; font-size:14px; font-weight:400; width:100%; font-family: 'Open Sans', sans-serif;}
.news strong{ float:left; width:100%; padding:7px 0px; color:#ed1c24;}
.navbar-toggle{ border:1px solid #fff; margin-bottom:3px; margin-top:3px;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.pos{ position:absolute; z-index:111; top:10px; left:10px;}

.box1{ float:left; width:100%; border:1px solid transparent;}
.box1 img{ width:100%; padding:5px;}
.pro-name{ float:left; width:100%; text-align:center; font-family: 'Roboto', sans-serif; padding:5px 0px; font-size:18px; font-weight:700; color:#d0062e;}
.pro-code{ float:left; width:100%; text-align:center; font-family: 'Roboto', sans-serif; padding:0px 0px 5px 0px; font-size:15px; font-weight:500; color:#272727;}
.box1:hover{ border:1px solid #ce0f33; box-shadow:0px 0px 2px #CE0F33; padding-bottom:0px;}
.basket{ background:url(image/basket2.png) no-repeat center; width:97%; height:45px; float:left; margin:10px 0px;}
.about-des{ float:left; width:100%;}
.about-des p{ float:left; width:100%; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#777676; line-height:22px; padding:0px 30px;}

.f-adres{
	float: left;
	width: 100%;
	color: #c1c1c1;
	font-size: 14px;
	margin-bottom: 10px;
}
.f-adres img{
	margin-right: 10px;
	
}

.foter2{ border-top: 1px solid #2b2b2b; float: left; width: 100%; background: #111213;}

.smal-baner{ padding:0px !important; width:100%; float:left;}
.smal-baner img{ width:100%;}
.heading{ float:left; font-family: 'Roboto Condensed', sans-serif; width:100%; font-size: 20px; color:#0e0e0e; text-transform:uppercase; padding:9px 0 5px 15px; font-weight:700; border-bottom:1px solid #cdcdcd; margin-top:40px; margin-bottom:10px;}
.home{ float:left; width:59%; padding-left:10px;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left; background:url(image/homeul.png) no-repeat right;}
.home ul li:last-child{ background:none;}
.home ul li a{ float:left; text-decoration:none; font-size: 15px; color:#000;  padding:11px 5px;  font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700;}
.home ul li a:hover{ }
.next1{ float:left; width:40%;}
.next1 ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next1 ul li{ float:left;}
.next1 ul li a{ float:left; text-decoration:none; font-size: 15px; color:#000;  padding:11px 5px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
.next1 ul li a:hover{ }
.our{ float:left; width:100%; padding:9px 15px; height:44px; text-transform:uppercase; color:#FFF; margin-bottom:10px; background:#ed1c24; font-family: 'Open Sans', sans-serif; font-weight:700; font-size:17px; border-radius:4px;}
.cata{ float:left; width:100%; margin-top:40px; background:#e6e6e6;}
.catag{ float:left; width:100%; text-align:center; font-weight:700; color:#FFF; font-size:26px; text-transform:uppercase; height:65px; padding-top:14px; font-family: 'Raleway', sans-serif;}
.pro{ float:left; width:100%; height:50px; background:url(image/main.png) no-repeat center; margin:20px 0px 0px 0px;}


.main-title a{ float:left; width:90%; background:#f2f2f2; border:1px solid #cecece; margin:5px 15px; border-radius:4px; padding:7px 12px; color:#363535; font-family: 'Open Sans', sans-serif; font-weight:600; text-decoration:none;}
.main-title a:hover{ text-decoration:none; color:#363535;}
.main-title a:focus{ text-decoration:none; color:#363535;}
.main-title span{ background:url(image/plus.png) no-repeat left; width:25px; height:20px; float:left;}
.main-title a:focus span{background:url(image/mains.png) no-repeat left; width:25px; height:20px; float:left;}
.heading1{ float:left; width:100%; text-align:center; color:#050100; font-size:40px; font-family: 'Russo One', sans-serif; background:url(image/title.png) no-repeat bottom center; padding:30px 0px; margin-bottom:20px;}
 .mainbg{ background-color:#1b1b1b; float:left; width:100%; height:40px; margin:1px 0px;}
 .left-menu{ float:left; width:88%; margin:0px 19px;}
 .left-menu ul{ list-style:none; padding:0px; float:left; width:100%; margin:0px;}
 .left-menu ul li{ float:left; width:100%; background:url(image/arrow.png) no-repeat left; background-position: 0px 14px; border-bottom:1px solid #7c7f7e;}
 .left-menu ul li a{ float:left; width:100%; text-decoration:none; font-size:15px; font-family: 'Roboto Condensed', sans-serif; font-weight:400;  color:#000 !important; padding:7px 0px 7px 10px; text-transform:capitalize; }
 .pro-pro{ float:left; width:100%; height:44px; margin-bottom:11px; border-radius:5px;}
 .left-menu ul li a:hover{ color:#ef131d !important; background:#e6e6e6 url(image/arrow.png) no-repeat left; background-position: 0px 14px;}
 .cartifact{ float:left; width:100%; padding:0px 0px 16px ; color:#3d3d3d; font-size:27px; font-weight:700; text-align:center; background:url(image/catagaribg.png) no-repeat bottom;}
.catagaribg{ background:#333333;}
 .whit{ background:#FFF; float:left; width:100%; margin:10px 0px 0px 1px;}
 .des{ float:left; width:100%; font-size:18px; font-weight:500; padding:10px 0px; color:#000; font-family: 'Roboto Condensed', sans-serif;  text-transform:uppercase;}
 .right-title{ float:left; width:100%; font-size:22px; padding:0px 0px 10px 0px; margin-top:10px; font-weight:700; padding-top:0px; color:#333333; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #cececd; text-transform:uppercase;}
.art{ float:left; width:100%; padding:10px 0px; font-size:16px; color:#000; font-family: 'Open Sans', sans-serif; }
.art span{ color:#000; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.right-des1{ float:left; width:90%; font-weight:400; line-height:25px; color:#6b6b6b; padding:0px 0px 7px 0px; font-size:14px; font-family: 'Roboto', sans-serif;}
.add{ float:left; margin:10px 3px 30px 0px;}
.fname{ width:46%; margin:10px 5px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px 10px;}
.code-des{ font-size: 12px; font-family: 'Roboto', sans-serif; float:left; width:100%; text-align:center; color: rgb( 83, 83, 83 );}
.qty{ float:left; width:100%; margin:0px 0px; color:#000; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.qty1{ float:left; width:82%; margin:10px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #dcdcdc; width:94%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #414141;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding-left:10px;
	border-radius: 0px;
    
    }
	.qty1 input{ border:1px solid #dcdcdc; font-size:12px !important; float:left; width:90px; height:38px;  background:#f5f5f5; margin-left:5px; color: #d6d6d6 !important; padding:0px !important; color: #414141 !important; border-radius: 0px; padding-left:10px !important;
	font-size:12px;
	font-family: 'Roboto', sans-serif;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#ef131d; color:#FFF;}
.basket_art input:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 10px 0px!important; border-radius: 5px; height:41px; margin-left: 25px; background:#ef131d; color:#FFF; text-align:center; margin-bottom:20px; width:140px !important; border:0px;}
.btn-delete:hover{ background:#ebb633; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:9px;}
.for input{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for select{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for1 textarea{ float:left; font-size:12px; width:100%; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#727272; padding-left:10px; padding-top:10px;}
.for1{ float:left; width:96.5%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-top:20px; padding-left:15px; color:#ef131d; font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:20px;}















@media only screen and (min-width:320px) and (max-width:767px){
	.social{ display: none;}
	.box{ display: none;}
	.top_lang{ display: none;}
				.menu { background:#666;float:left;width:100%;}
.menu ul {list-style:none;margin:0;padding:0; background:#d0062e;}
.menu ul li {float:left; width:100%; margin:0;padding:0; background:none; border-bottom:1px solid #FFF;}
.menu ul li:last-child {background:none; border:none;}
.menu ul li a {display:block;margin:0;padding:10px 30px;color:#fff;font-family: 'Roboto', sans-serif; font-size:12px;text-transform:uppercase; text-align:left;;}
.menu ul li a:hover {display:block;color:#fff;background:none; background:#473a30;}
		.search{ float:left; margin-bottom:20px;}
		.menubg{ background:none;}	
		
		.phone{ width:50%;}
		.topbg{ height:auto; display: none;}.logo{ margin:0px; padding:10px 0px; text-align: center;}.email{ width:50%;}
		.headerbg{ height:auto;}
		.menu{ margin:0px; height:auto;}
		.carousel{ margin-top:10px;}
		.cat img{ width:100%;}
		.pro_box img{ width:100%;}
		.adres strong{ width:100%; float:left;}
		.adbg{ float:left; width:100%; height:auto; padding:20px 0px;}
		.adres{ padding-left:10px;}
	.righ-im{
		width: 100%;
	}
	.centerbg{
		background: none;
	}
		
				}