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

.body{ margin:0px; padding:0px; background:#FFF;}
#headerSlideContainer {
    top: -140px;
}
#headerSlideContainer {
    
    position: fixed;
    z-index: 999;
	height:75px;
	width:100%;
}
.about1{ float:left; width:100%; background:url(image/about1.png) no-repeat; background-size: 100% auto; margin-top:15px;}
.about2{ float:left; width:100%; background:url(image/about2.png) no-repeat; background-size: 100% auto; margin-top:15px;}
.about3{ float:left; width:100%; background:url(image/about3.png) no-repeat; background-size: 100% auto; margin-top:15px;}
.about1-title{ float:left; width:100%; text-align:center; font-size:22px; font-weight:900; font-family: 'Lato', sans-serif; color:#FFF; padding-top: 110px;}
.about1-des{ color:#FFF; font-size:12px; color:#9c9c9c; font-weight:400; line-height:25px; text-align:center; font-family: 'Lato', sans-serif; padding:0px 10px 50px 10px;}
.head-log:hover img{ animation: 0.5s ease 0s normal none 1 running ministorm;}
.headerbg1{ background:#000; float:left; width:100%;}
.topbg{ padding:0px; background:#222222;}
.email{ float:left; width:32%; background:url(image/top-mail.png) no-repeat left; text-decoration:none; font-size: 14px; font-family: 'Raleway', sans-serif; color: rgb( 156, 156, 156 ); padding-left:20px; margin-top:10px;}
.phone{ float:left; width:50%; font-size: 14px; font-family: 'Raleway', sans-serif; color: rgb( 156, 156, 156 ); padding-left:20px; margin-top:10px; background:url(image/top-phone.png) no-repeat left;}
.social{ float:right;}
.headerbg{ background:#151515; padding:0px;}
.logo{ float:left; width:100%; padding:30px 0px;}


.logo:hover img {  animation: 0.5s ease 0s normal none 1 running ministorm;
}
@keyframes ministorm {
0%, 100% {
    transform: rotate(0deg);
}
30% {
    transform: rotate(8deg);
}
70% {
    transform: rotate(-8deg);
}
}
.logo img{ width:auto !important; }
.adres{ float:left; width:40px; height:45px; background:url(image/adres.png) no-repeat; margin-top:38px;}
.location{ font-size: 13px; font-family: 'Raleway', sans-serif; color: rgb( 112, 112, 112 ); float:left; width:70%; padding-top:40px;}
.pak{ font-size: 22px; font-family: 'Roboto', sans-serif; color: rgb( 112, 112, 112 ); float:left; width:75%; font-weight:500;}
.phone1{ float:left; width:40px; height:45px; background:url(image/phone.png) no-repeat; margin-top:44px;}
.menu{ position:relative; z-index:11111; background: rgba(21, 21, 21, 0.7); margin:0px 0px -75px 0px; top: 30px; width: 75%;
float: right;}
.menu ul{ margin:0px; padding:0px; list-style:none;}
.menu ul li{ float:left;}
.menu ul li a{ font-size: 16px; font-family: 'Hind Guntur', sans-serif; color:#fff;  font-weight: 700; text-transform: uppercase; text-decoration:none; padding:30px 17px 22px 17px; float:left;}
.menu ul li a:hover{ background:#ce191e; color:#FFF;}

.menu ul li ul { margin-top:72px; z-index:1111; padding:0px; list-style:none; width:250px; background:#ce191e  ; position:absolute;  display:none;  }
.menu ul li ul a:hover{ background:#ce191e; width:250px;}
.menu ul li:hover ul { display:block;}
.menu ul ul li { width:100%; float:left; background:url(image/ulli.png) no-repeat bottom left; background-size:100%;}
.menu ul li ul li a {  text-decoration:none; color:#fff; font-weight:600; font-size:13px; font-family: 'Raleway', sans-serif; text-transform:uppercase;padding: 7px 15px;float: left;}
.menu ul li ul li a:hover{ background:#222222; color:#FFF;}


.head-log{ float:left; width:100%; padding: 10px 0px;}
.head-log img{ width:25%;}
.menu1{  width: 100%; float: right;}
.menu1 ul{ margin:0px; padding:0px; list-style:none; float:right;}
.menu1 ul li{ float:left;}
.menu1 ul li a{ font-size: 14px; font-family: 'Hind Guntur', sans-serif; color:#fff;  font-weight: 500; text-transform: uppercase; text-decoration:none; padding:30px 17px 25px 17px; float:left;}
.menu1 ul li a:hover{ background:#ce191e; color:#FFF;}

.menu1 ul li ul { margin-top:72px; z-index:1111; padding:0px; list-style:none; width:250px; background:#ce191e  ; position:absolute;  display:none;  }
.menu1 ul li ul a:hover{ background:#ce191e; width:250px;}
.menu1 ul li:hover ul { display:block;}
.menu1 ul ul li { width:100%; float:left; background:url(image/ulli.png) no-repeat bottom left; background-size:100%;}
.menu1 ul li ul li a {  text-decoration:none; color:#fff; font-weight:600; font-size:13px; font-family: 'Raleway', sans-serif; text-transform:uppercase;padding: 7px 15px;float: left;}
.menu1 ul li ul li a:hover{ background:#222222; color:#FFF;}



.box {
    display: inline-block;
    padding: 0px 0 0;
	
	float:right;
	

}
.container-2 {
    position: relative;
    
    vertical-align: middle;
    white-space: nowrap;
}

.container-2 input#search {
    
    
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 75px;
    margin: 0;
    padding-left: 53px;
    -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: 55px;
	border:0px;
	background:#ce191e;
	margin-top:0px;
	border-radius:0px;
}
.container-2 input:focus { box-shadow: none;}
.container-2 input#search::-webkit-input-placeholder {
   color: #fff;
}
 
.container-2 input#search:-moz-placeholder { 
   color: #fff;  
}
 
.container-2 input#search::-moz-placeholder { 
   color: #636363;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #636363;  
}

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

}
 
.container-2:hover input#search{
width: 200px;
color:#fff;


}
 
.container-2:hover .icon{
  color: #fff;
}

.navbar-collapse{ padding:0px 0px !important;}



.top-basket{ float:right; margin:11px 0px 0px 0px;}
.top-basket span{ background:#e21e22; border-radius:20px; padding:2px 6px; color:#FFF; margin:0px 0px 0px 5px; position: absolute; font-size: 11px;}
.lang{ position: absolute; right: 45px; margin-top: 9px;}
.social{ float:right; width:100%; text-align: right;}
.social a{ font-size:22px; color:#FFF; padding:39px 10px; float:right;}
.cat-h{ width:100%; float:left; padding:15px 0px;}
.cat-h img{ width:100%;}
.cat-h1 img{ width:100%; padding-top:15px;}
.cat-h:hover{ opacity:0.7;}
.search{ float:right; width:310px; height:61px; background:url(image/search.png); border:0px; font-size:13px; font-family: 'Raleway', sans-serif; padding:12px 56px 12px 20px; color:#333333;}
.catagari{ float:left; width:100%; font-size: 32px;  font-family: 'Oswald', sans-serif; color:#000000;  text-transform: uppercase; padding:30px 0px 0px 0px; text-align:center; font-weight:500;}
.cata-des{ float:left; width:100%; text-align:center; font-family: 'Oswald', sans-serif; color:#919090; font-size:13px; padding-bottom:20px;}
.catagari1{ float:left; background:url(image/catagari1.png) no-repeat; width:123px; height:123px;}
.catagari1:hover{ background-position:0px -123px;}
.catagari2{ float:left; background:url(image/catagri2.png) no-repeat; width:123px; height:123px;}
.catagari2:hover{ background-position:0px -123px;}
.catagari3{ float:left; background:url(image/catagri3.png) no-repeat; width:123px; height:123px;}
.catagari3:hover{ background-position:0px -123px;}
.catagari-title{ float:left; width:66%; background:url(image/border.png) no-repeat right; font-size: 16px; font-family: 'Raleway', sans-serif; color: rgb( 34, 34, 34 ); font-weight: 600; text-transform: uppercase; margin-top:30px; padding-left:5px;}
.catgari-des{ font-size: 13px; color: rgb( 113, 113, 113 ); float:left; width:65%; padding-left:5px;}
.cata{ float:left; width:100%;}
.cata:hover .catagari-title{ color:#efb34e;}
.featurebg{ padding:0px; background:#f1f1f1; margin-top:40px; padding-bottom:60px;}
.product{ float:left; width:100%; background:#FFF; }
.product img{ width:100%;}
.product:hover img{ transform: scale(1.08) translateZ(0); transition: transform 0.4s, -webkit-transform 0.4s;}
.product-name{ float:left; width:100%; padding:7px 0px; font-size: 16px; font-family: 'Oswald', sans-serif; 
color:#fff; font-weight: 400; text-transform: uppercase; text-align:center;}
.code{ float:left; width:100%; text-align:center; font-size: 13px; font-family: 'Oswald', sans-serif; color:#fff; font-weight: 600; padding-bottom:10px;}
.home1{ padding:25px 0px;}
.bor{ float:left; width:100%; border-radius:5px; border:1px solid #e7e7e7;}
.welcome{ float:left; width:100%; font-size: 25px;  font-family: 'Oswald', sans-serif; padding:20px 0px 5px 20px; font-weight:500; text-transform:uppercase; color:#efb34e;}
.welcome-des{ float:left; line-height:23px; width:100%; padding:0px 0px 6px 20px; font-size: 13px; font-family: 'Raleway', sans-serif; color:#4d4d4d;}
.foterbg{ padding:0px; background:url(image/footerbg.jpg) repeat-x; padding-bottom:20px;}
.t-title{ color:#FFF; font-size:16px; margin-bottom:10px; font-weight:600; padding:30px 0px 10px 0px; text-transform:uppercase; font-family: 'Hind Guntur', sans-serif;}
.about-des{ float:left; width:100%; font-size:12px; line-height:22px; font-family: 'Lato', sans-serif; color:#706f6f;}
.f-menu{ float:left; width:100%;}
.f-menu ul{ list-style:none; margin:0px; padding:0px;}
.f-menu ul li{ float:left; width:33%;}
.f-menu ul li a{ color:#898989; font-weight:500; background:url(image/ul.png) no-repeat left; background-position:0px 8px; padding:5px 15px; text-decoration:none; font-size: 11px; font-family: 'Raleway', sans-serif;}
.news{ float:left; width:100%; font-size: 13px; color:#706f6f; font-family: 'Raleway', sans-serif; font-weight:500;}
.news strong{ color:#706f6f; float:left; width:100%; padding:5px 0px; font-weight:600;}
.f-adres{ float:left; width:100%; font-size:13px; font-family: 'Raleway', sans-serif; color:#cccccc; padding:5px 0px;}
.f-phone{ float:left; background:url(image/f-phone.png) no-repeat left; padding-left:25px; margin:5px 0px; color:#898989; font-size:13px; font-family: 'Raleway', sans-serif; width: 100%;}
.fax{ float:left; background:url(image/fax.png) no-repeat left; padding-left:25px; margin:5px 0px; color:#898989; font-size:13px; font-family: 'Raleway', sans-serif;}
.f-mail{ float:left; background:url(image/f-mail.png) no-repeat left; padding-left:25px; margin:5px 0px; color:#898989; font-size:13px; font-family: 'Raleway', sans-serif;}
.foter2{ padding:0px; background:#0b0b0b;}
.copy{ float:left; width:100%; text-align:left; color:#fff; font-size:13px; font-family: 'Roboto', sans-serif; padding:33px 0px;}
.copy span{ color:#fff; float: right;}
.copy span a{color: #ce191e;}








.heading{ float:left; width:100%; font-size:22px; color:#ce191e; font-family: 'Oswald', sans-serif; font-weight:500; padding-top:40px; border-bottom:1px solid #cdcdcd; padding-bottom:10px; text-transform:uppercase;}
.home{ float:left; width:60%; margin-top:5px; margin-bottom:20px;}
.home ul{ margin:0px; padding:0px; list-style:none;}
.home ul li{ float:left;}
.home ul li a{ float:left; padding:0px 5px; font-family: 'Oswald', sans-serif; font-weight:400; color:#515151;}
.next1{ float:left; width:40%; margin-top:5px; margin-bottom:20px;}
.next1 ul{ margin:0px; padding:0px; list-style:none; float:right;}
.next1 ul li{ float:left;}
.next1 ul li a{ float:left; padding:0px 2px; font-family: 'Oswald', sans-serif; font-weight:400; color:#515151;}
.cat{ float:left; width:100%; background:#e6e6e6; height:800px; margin-top:30px; margin-bottom:20px;}
.produ{ float:left; width:100%; padding:14px 15px; text-transform:uppercase; font-weight:400; font-family: 'Oswald', sans-serif; color:#ce191e; font-size:22px;}
.main-title a{ float:left; width:100%; background:#f2f2f2; border:1px solid #cecece; margin:5px 0px; border-radius:4px; padding:7px 25px; 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;}
.left-menu{ float:left; width:100%;}
.left-menu ul{ list-style:none; margin:0px; padding:0px; width:100%;}
.left-menu ul li{ float:left; width:100%; border-bottom:1px solid #CDCDCD;}
.left-menu ul li a{ text-decoration:none; width:100%; float:left; padding:7px 25px; font-weight:600; color:#363535; font-family: 'Open Sans', sans-serif; font-size:13px;}
.left-menu ul li a:hover{ background:#ce191e ; color:#FFF;}
.right-title{ float:left; width:100%; text-align:left; color:#333; font-size:32px; font-family: 'Raleway', sans-serif; padding:10px 0px 0px 0px; letter-spacing: 1px; text-transform:uppercase; font-weight:700; border-bottom:1px solid #dddddd;}
.right-art{ float:left; width:100%; font-family: 'Raleway', sans-serif; font-size:24px; color:#efb34e; border-bottom:1px solid #dddddd; font-weight:700; color:#000; padding:10px 0px; text-transform:uppercase; font-weight:700;}
.detail-de{ float:left; width:100%; font-family: 'Raleway', sans-serif; font-size:14px; color:#333; padding:10px 0px; font-weight:700;}
.right-des1 ul{ list-style:inherit; margin:0px; padding:0px 15px;}
.right-des1{ float:left; width:100%; text-align:left; color:#333; font-size:13px; font-family: 'Open Sans', sans-serif; padding:10px 0px 30px 0px;}
.d_art{ float:left; color:#333; font-size:13px; font-family: 'Open Sans', sans-serif; width:100%; margin: 10px 0px 0px 10px;}
.fname{ width:49%; margin:10px 2px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px;}
.navbar-toggle{ border:1px solid #fff; margin-bottom:3px; margin-top:3px;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.baner-posion{ position:absolute; z-index:11111; background:rgba(10,11,13,0.9); top:164px; left:200px; width:350px;}
.baner-name{ float:left; color:#FFF; font-size:60px; padding:17px 0px 0px 25px; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.baner-des{ float:left; padding:5px 0px 5px 25px; color:#fff; font-size:14px; font-family: 'Raleway', sans-serif; }
.learn{ float:left; background:url(image/learn.png) no-repeat; width:140px; height:45px; margin:5px 25px;}	
.centerbg{ padding:0px; background:#F1F1F1;}


.qty{ float:left; width:13%; margin:11px 0px; color: #949494; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif;}
.qty1{ float:left; width:33%; margin:8px 0px;}
.size{ float:left; width:50%; margin-bottom:25px;}
.aval{ float:left; width:100%; padding:20px 0px 10px 0px; color:#333; font-size:17px; text-transform:uppercase; font-weight:600;}
.qty1 select{ background:#fff url(image/arow.png) no-repeat right; border:1px solid #ebebeb; width:86%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #333;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	padding-left:10px;
	border-radius: 0px;
	height:30px;
	    background-position: 160px 0px;

    
    }
	.qty1 input{ border:1px solid #dcdcdc; font-size:12px !important; float:left; width:95px; height:24px;  background:none; margin-left:5px; color: #3d3d3d !important; border-radius: 0px; padding-left:10px !important;
	font-size:12px; padding-top:5px;
	background:#ffffff;}



.foter3{ padding:0px; background:#0b0b0b;}
.f-logo{ float:left; padding:30px 0px;}
.f-social{ float:right; margin:53px 0px;}
.f-social{ float:right; width:100%; text-align: right;}
.f-social a{ font-size:14px; color:#FFF; padding:8px 12px; float:right; background:#222222; border:1px solid #555555; height:36px; width:36px; margin:0px 4px;}
.pro-bg{ float:left; width:100%; background:#151515; position: relative; z-index: 222;}
@media only screen and (min-width:320px) and (max-width:767px){
	.headerbg{  background:#333333;}
	.social{ float:left;}
	.catagari1{ margin-left:30%;}
	.catagari2{ margin-left:30%;}
	.catagari-title{ width:100%;}
	.catgari-des{ width:100%;}
	.catagari{ font-size:27px;}
	.baner-posion{ display:none;}
	.foterbg{ background:#000;}
	.f-logo img{ width:100%;}
	.f-social{ margin:21px 0px;}
				.menu { background:#666;float:left;width:100%; margin:0px; top:0px; position: inherit;}
.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; width: 100%;}
.menu ul li a:hover {display:block;color:#fff;background:none; background:#ce191e;}
		.search{ float:left; margin-bottom:20px;}
		.menubg{ background:none;}	
		.logo img{ width:100%;}
		.logo{ position:static;}
		.phone{ width:100%;}
		.cata{ position:static; margin-top:15px;}
		.pos{ position:relative; margin:0px; padding:0px; background:#000;}
		.mail{ width:100%;}
		.topbg{ height:auto;}
		.top ul{ float:left;}
		.menu ul li ul { position:relative; width:100%; margin:0px;}
		#headerSlideContainer{ display:none;}
		.about1{ background-size: 100% auto;}
		.about2{ background-size: 100% auto;}
		.about3{ background-size: 100% auto;}
		.about1-title{ padding-top:80px;}
				}