@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

@import url("social_icon.css");
@import url("top.css");
@import 'font-awesome.css';

/*Banner_Style_css*/
@import url("slippry.css");


.mmenu{
	display:none;
	}

.top_color{
	}
	
.text1{
	font-family:'bebas_neueregular';
	color:#fff;
	    margin-top: 5px;
	}

h2.h_cat { font-family: 'Oswald', sans-serif; font-weight:700; text-align:center; background:url(../images/catlines.html) top center no-repeat; color:#e71a75; text-transform:uppercase; font-size:26px; line-height:44px;}

.topmenu { margin-top:25px;}
.topmenu ul { margin:0px; padding:0px;}
.topmenu ul li { list-style:none; display:inline-block; padding:5px 11px;}
.topmenu ul li a { text-decoration:none; color:#1f1f1f; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease-in-out 0s;}
.topmenu ul li a:hover { color:#cc2026;}
/* Clear CSS */
.clearfix { }
.clear { clear:both;}
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/* Break CSS */
.break10 { clear:both; margin:10px 0px; height:1px;}
.break5 { clear:both; margin:5px 0px; height:1px;}
.break { clear:both; margin:2px 0px; height:1px;}

.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

h1,h2,h3,h4,h5,h6 { font-weight:normal;}



/*-----------------------------Common CSS END-----------------------------*/

body { background:#fff; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:400; color:#222; word-wrap:break-word; margin:0px; padding:0px;}

header { position:absolute; z-index:999; width:100%; top:0}
.navcolor234 { position:fixed; width:100%; z-index:99999999; min-height:60px;}

.top-bg { background: rgba(0, 0, 0, 0.5); padding:0;}
.top-cats { float:left;}
.top-cats li { list-style:none; padding:14px 20px; float:left; border-right:1px solid #ccc;}
.top-cats li:last-child { border:none;}
.top-cats li a { color:#fff; font-size:13px; font-weight:500; text-transform:uppercase;}
.top-cats li a:hover { color:#ccc; text-decoration:none;}
.top-phone { float:left; width:28%; color:#fff; font-size:13px; font-weight:500; margin-top:13px; padding-left:20px; background: url(../images/top-phone.png) no-repeat left;}
.top-email { float:left; width:30%; color:#fff; font-size:13px; font-weight:500; margin-top:13px; padding-left:20px; background: url(../images/top-email.png) no-repeat left;}
.top-social { float:left; width:21%;}
.top-social ul { list-style:none; margin:0; padding:0;}
.top-social ul li { float:left; margin:0;}
.top-social ul li a { color:#fff; font-size:14px; padding:15px 11px; font-weight:400; text-decoration:none;}
.top-social ul li a.fa-facebook:hover { background:#3b5998; color:#fff;}
.top-social ul li a.fa-twitter:hover { background:#1badea; color:#fff;}
.top-social ul li a.fa-google-plus:hover { background:#d34836; color:#fff;}
.top-social ul li a.fa-linkedin:hover { background:#0077B5; color:#fff;}
.lang { float:left; width:20%; margin-top:9px;}
.lang .goog-logo-link { font-size: 0px !important}
.lang .goog-logo-link { display: none;}
.goog-te-gadget .goog-te-combo option { color: #000 !important;}
.goog-te-gadget { font-size: 0px !important}
.goog-te-gadget .goog-te-combo { background:none; border:0px; color:#fff; font-family: 'Roboto', sans-serif;}

.header-bg { padding:0;}
.logo { float:left; width:100%; padding:15px 0px 13px 0px;}
.logo img { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; }
.logo a:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}

/*.menu { float:left; width:100%;}
.menu ul { margin:0; padding:0; float:right;}
.menu ul li { list-style:none; float:left; background: url(../images/menu-li.png) no-repeat right bottom; padding: 51px 14px 0px 15px; line-height:18px;}
.menu ul li:last-child { background: none;}
.menu ul li a { float:left; text-decoration:none; color:#fff; font-size:15px; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400;}
.menu ul li a:hover { color: #e70000;}
.top-baket { float:right; margin-top:51px; margin-left:10px;}
.top-baket span { border-radius: 20px; color:#fff; border:1px solid #fff; background:#fd0000; position:absolute; margin:13px 21px 0 0; padding:0 6px; right:-8px; top:21px;}
.search { float: right; height: 33px; width: 190px; background: url(../images/search.png) no-repeat; border: 1px solid #fff; color: #fff; font-family: 'Roboto', sans-serif; padding-left: 10px; margin-top: 45px; background-position: 160px 5px; border-radius: 30px; padding-right: 30px;}
.search:focus { border: 1px solid #fff;}
.navbar-collapse { padding: 0px !important;}
.navbar-toggle { background: #e70000 !important; border: 1px solid #fff !important;}
.navbar-toggle .icon-bar { border: 1px solid #fff;}*/

/* ===== Search open ===== */
.search-open {
	position: absolute;
	right: 0px;
	width: 55px;
	height: 48px;
	cursor: pointer;
	border:1px solid #1f1f1f; margin-top:5px;
}

.search-open i {
	font-size: 20px;
	color: #cc2026;
	text-align:center; padding:12px; border:1px solid #333;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.search-open:hover i {
	color: #fff;
}

.socialbox { margin-top:20px;}
.socialbox a { margin:2px;}
.socialbox a:hover {}
}

.BtmImg {
	 background:url(../images/btm-img.html) no-repeat center bottom; 
	   background-attachment:fixed; 
	   padding:60px 0px; 
	   box-shadow:2px 0px 2px 190px rgba(0,0,0,0.5) inset;
	   margin-top:10px;
	   }
.BtmImg .BtmInner {
	 background-attachment:scroll;
	  background-position:center bottom;
	   background-repeat:no-repeat;
	   }	

.InnerText {
	   width:100%; 
	   text-shadow:0px 2px 2px rgba(0,0,0,0.5);
	   }
	   
.InnerText>h2{
	text-align:left;
	color:#fff;
	font-family:'Dosis-Regular';
	font-size:50px;
	margin:0px;
	}
	
.InnerText>h3{
	text-align:left;
	color:#fff;
	font-family:'Dosis-Regular';
	    font-size:38px;
    font-weight: bold;
	margin:0px;
	}	
	
.InnerText>h3>span{
	color:#ea0006;
	}	
	

.marquee{
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	}
	
.border_line{
	border-right:1px solid #ccc;
	}
	
.text4{
	color:#343434;
	font-size:12px; line-height:30px;
	}
	
.text4>i{
	color:#343434 !important;
	}
	
.SigInput {
background:#000000; 
display:block;
width:100%;
padding:0px 5px;
height:50px;
font-size:12px; 
color:#4c4c4c;
border: 1px solid #4c4c4c;
outline:none;
float: left;
    vertical-align: top; margin-top:20px; box-shadow:none; 
		 
}

.SigBtn { 
background:#cc2026; 
padding:0px 8px !important;
width:100%;
height:50px;
color:#fff; 
font-size:14px;
text-transform:uppercase; 
transition: all 0.5s ease-in-out 0s;
font-weight:400;
border: none;
    vertical-align: top; margin-top:20px;
}
.SigBtn:hover {
background:#000; 
cursor:pointer; border: 1px solid #4c4c4c;
}

.socialbox { margin-top:20px;}
.socialbox a { margin:2px;}
.socialbox a:hover {}

.line{
	height:1px;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
	margin-top:10px;
	}

.borderline { background:#7c7c7c; width:100%; height:1px;}

.bottomlink { background:#1e1e1e; width:100%; height:auto;}

.f_link{
	color:#4c4c4c;
	font-size:12px;
	text-align:center;
	}
	
.f_link>a{
	color:#cc2026;
	}	
	
.f_link>a:hover{
	text-decoration:underline;
	}	
.images-block { margin:20px 0; width:100%; overflow:hidden; position:relative;}
.images-block .cat-link { background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; backface-visibility:hidden; transform:scale(0); opacity:0;}
.images-block .cat-name { padding:13% 0;}
.images-block .cat-link h2 { font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; color:#fff; font-size:24px; margin:18px 0 0; padding:0;}
.images-block .cat-link p { margin:0; padding:0; font-weight:600; text-transform:uppercase; color:#fff; font-size:14px;}
.images-block .cat-link a { background:#e70000; display:inline-block; line-height:38px; text-decoration:none; color:#fff; padding:0px 30px; font-weight:600; text-transform:uppercase; margin-top:10px;}
.images-block .cat-link a:hover, .welcome-note a:hover { background:#222; color:#fff;}
.images-block:hover .cat-link { transform:scale(1); opacity:1;}

.welcome-note { padding:12% 0;}
.welcome-note h2 { font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; color:#000; margin-top:30px;}
.welcome-note p { line-height:26px; font-size:14px;}
.welcome-note a { background:#e70000; display:inline-block; line-height:38px; text-decoration:none; color:#fff; padding:0px 30px; font-weight:600; text-transform:uppercase; margin-top:10px;}

.featured-prd h2 { text-align:center; color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:500; margin-top:40px; margin-bottom:20px;}
.prod-box { background:#fff; padding:5px; text-align:center; margin-bottom:15px;}
.prod-box .prod-img { height:270px;}
.prod-box h3 { font-size:14px;}
.prod-box h4 { font-size:12px; color:#2b2b2b;}
.prod-box .prd-btn {}
.prod-box .prd-btn a { width:100%; float:left; text-align:center; background:#e70000; line-height:40px; font-weight:700; color:#fff;}
.prod-box .prd-btn a:hover { background:#222; color:#fff; text-decoration:none;}
.prod-box .prd-btn button { width:50%; text-align:center; height:40px; border:none; background:#222; color:#fff; font-weight:700;}
.prod-box .prd-btn button:hover { background:#e70000; color:#fff;}

.work-process { clear:both;}
.work { width:100%; text-align:center; padding:30px 0 15px 0;}
.work1 { width:100%; padding:35px 0; text-align:center;}

.LefMenu { margin-top:20px;}
.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; position:relative;}
.LefMenu li.MainLeftCats:hover {}
.LefMenu li.MainLeftCats a { background:#e70000; height:46px; line-height:46px; display:block; color:#fff; font-weight:600; font-size:18px; text-decoration:none; text-transform:uppercase; padding:0px 20px; text-align:left; font-family: 'Oswald', sans-serif;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#111;}
.submenu ul { padding:0 1em 1em; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#111; font-size:12px; line-height:28px; text-decoration:none; display:block; padding:0px; margin-bottom:2px; font-weight:400; border-bottom:1px solid #ccc;}
.submenu ul li:last-child a { border:none;}
.submenu ul li a:hover, .submenu ul li a.active { color:#e70000; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

.signup-bg { background:#ff0004; padding:40px 0;}
.signup-bg h2 { text-align:center; margin:0 0 10px; padding:0; font-weight:700; text-transform:uppercase; color:#fff; font-size:24px;}
.signup-bg h2 span { font-weight:300;}

.signup-bg form { margin:0}
.signup-bg input { background:#fff; border-radius:0px; width:100%; height:46px; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:400; color:#333; padding:0px 15px; border:none; box-shadow:none;}
.signup-bg button { background:#181818; height:46px; border:none; width:100%; text-align:center; color:#fff; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:700; border-radius:0px; text-transform:uppercase;}
.signup-bg .s-form { padding:0px 7.5px;}
.signup-bg button:hover { background:#666; color:#fff;}

.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#fff; background:#282828; line-height:40px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s; z-index:999;}
.cd-top:hover { background:#ff0004; color:#fff;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { background:#ff0004; opacity:1; }

.footerbg { background: url(../images/bot_bg.jpg) repeat;}
.f-title { font-size:25px; font-weight:400; background: url(../images/f-bor.png) no-repeat bottom left; padding:40px 0px 10px 0px; margin-bottom:30px; color:#fff;}
.f-abou { color:#fff; font-size:14px; line-height:24px;}
.social_btm { width:100%; margin-top:10px;}
.social_btm ul { margin:0; padding:0; display:inline-block}
.social_btm ul li { list-style:none; float:left; margin:0 5px;}
.social_btm ul li a { color:#000; font-size:14px; padding:13px 15px; background:#ccc; text-decoration:none; width:40px; height:40px; border-radius:50px;}
.social_btm ul li a.fa-facebook:hover { background: #3b5998; color: #fff;}
.social_btm ul li a.fa-twitter:hover { background: #1badea; color: #fff;}
.social_btm ul li a.fa-google-plus:hover { background: #d34836; color: #fff;}
.social_btm ul li a.fa-linkedin:hover { background: #0077B5; color: #fff;}
.f1 {
    float: left;
    width: 100%;
    padding-left: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    color: #ffffff;
    font-weight: 400;
}
.f2 {
    float: left;
    width: 100%;
    background: url(../images/f2.png) no-repeat left;
    padding-left: 55px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 3px 0px;
    color: #ffffff;
    font-weight: 400;
    line-height: 45px;
}
.f3 {
    float: left;
    width: 100%;
    background: url(../images/f3.png) no-repeat left;
    padding-left: 55px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 3px 0px;
    color: #ffffff;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 11px;
}
.f4 {
    float: left;
    width: 100%;
    background: url(../images/f4.png) no-repeat left;
    padding-left: 55px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 3px 0px;
    color: #ffffff;
    font-weight: 400;
    line-height: 45px;
}
.fmenu {
    float: left;
    width: 100%;
    text-align: center;
}
.fmenu ul {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.fmenu ul li {
    float: left;
    width: 100%;
}
.fmenu ul li a {
    float: left;
    padding: 6px 11px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 400;
}
.fmenu ul li a:hover {
    color: #ff0000;
    text-decoration: none;
}
.copy {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #ccc;
    font-size: 13px;
	background:#111;
}
.copy a {
    color: #6f6f6f;
    text-decoration: none;
}
.copy span {
    color: #59bcf6;
}


.aboutBG { background:url(../images/aboutpic.png) fixed no-repeat #000; width:100%; min-height:597px; margin-top:70px; padding-top:70px; }
.catgBG {background:url(../images/catgBG.html) top center no-repeat; width:100%; min-height:750px;}

.h_text2{
	text-align:center;
	color:#ff8d2b; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:48px;
	text-transform:uppercase; line-height:80px;
	}	

.f_color{
	background-color:#1c1c1c;
	margin-top:20px;
	}	
	
.h_text3{
	text-align:left;
	color:#fff; text-transform:uppercase; font-size:34px; font-weight:bold; margin-top:45px;
	}	

.fa { color:#fefefe; line-height:35px;}

.h_text3>span{
	}

.right2{
text-decoration:none;
    font-size: 12px;
    color: #343434 !important;
		 transition: 0.3s ease-in-out 0s;
		 line-height:25px;
}

.right2:hover{
	color:#e71a75 !important;
    text-decoration:none;
	padding-left:15px;
}

.text3{
	text-align:left;
	color:#fff;
	font-family:'Poppins-Regular';
	font-size:12px;
	letter-spacing:1px;
	}

@media (max-width: 1024px) {
	
.top-phone { width:70%;}
.top-email { width:30%;}
.menu ul li a { font-size:12px; font-weight:400; text-transform:capitalize; padding:18px 10px;}

}

@media only screen and (min-width: 320px) and (max-width: 767px) {

header { position:relative; float:none; background:#000;}
.top-cats, .top-phone, .top-email { display:none;}
.lang { float:left; width:50%; text-align:center;}
.top-social { width:50%;}
.logo { padding:5px 0px; text-align:center;}
.logo img { margin:0 auto;}
.menu { width:100%; margin:0; padding:0;}
.menu ul { background:#dedfe3;}
.menu ul li { float:left; width:100%; background:none; border-bottom:1px solid #fff; padding:0px;}
.menu ul li:last-child { border:none;}
.menu ul { float:left; width:100%;}
.menu ul li a { float:left; width:100%; margin:0; color:#000; padding:7px 6px;}
.menu ul li a:hover { width:100%; border:none; color:#e70000;}
.top-baket { margin-top:15px;}
.top-baket span { top:-14px;}
.search { width: 96%; background-position: 311px 5px; margin: 18px 10px 0px 10px;}
.navbar-toggle { float:left; border-color:#fff; margin:5px 0 5px 10px; position:relative;}
.navbar-toggle:after { position:absolute; left:45px; top:1px; content:"Menu"; font-size:18px; font-weight:600; color:#fff;}
.images-block .cat-name { padding:9% 0;}
.welcome-note { background:#fff;}
.featured-prd { background:#171717; padding-top:10px;}
.featured-prd h2 { margin:33px 0 80px}
.signup-bg button { width:50%; margin-top:10px; float:right;}
	
}



.h_text2{
	text-align:center;
	color:#cc2026; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:48px;
	text-transform:uppercase; line-height:80px;
	}	

.navcolor234 { position:fixed; width:100%; z-index:99999999; min-height:60px;}

.footerBG { background:#000; width:100%; height:auto; padding-bottom:80px;}

.text2 { color:#7c7c7c; font-size:12px; margin-top:20px;}

.mainprdbox { width:248px; float:left; height:282px; margin:12px; border:1px solid #ccc;  display:block;}

.textmain a{
	color:#4c4c4c;
	font-family:sans-serif; font-size:12px; text-decoration:none; line-height:20px; font-weight:normal;
	}		

.textmain a:hover { color:#cc2026;}
	

.ProdBox { width:246px; float:left;  }
.ProdBox .ProdImg { width:248px; height:230px;  background:#fff; display:table-cell; vertical-align:middle; position:relative; transition: all 0.5s ease-in-out 0s; overflow:hidden;}
.mainprdbox:hover { box-shadow:0px 0px 10px #ccc; }
.ProdBox a { background:#ff8d2b; position:absolute; left:0px; top:-250px; width:251px; height:250px; display:block; transition: all 0.3s ease-in-out 0s;}
.ProdBox:hover a { top:0px;}
.pname { font-family:Arial, Helvetica, sans-serif; background: url(../images/dotts.png)  #000 right no-repeat; color:#fff; line-height:50px; text-transform:uppercase; font-size:14px; text-align:left; padding-left:15px; float:left; width:100%; max-height:50px; padding-right:15px;}
 .artdetail { width:100px; height:25px; margin-left:60px; margin-top:10px;}
.artdetail a { width:100px; height:14px; color:#1f1f1f; 
text-decoration:none; font-family:Arial, Helvetica, sans-serif; margin-top:5px; margin-right:5px; line-height:15px; 
text-align:center;}

.c_img{
	margin:5px;
	  overflow: hidden; margin-top:50px;
	}
	
.c_img>a>img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
	}
	
.c_img>a>img:hover{
	transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
	}

.colorline { margin-top:15px; margin-bottom:15px;}
.SoicalBox a { margin-left:15px;}
.SoicalBox a:hover { opacity:0.5;}
.aboutBG { background:url(../images/aboutpic.png) fixed no-repeat #000; width:100%; min-height:597px; margin-top:70px; padding-top:70px; }
.catgBG {background:url(../images/catgBG.html) top center no-repeat; width:100%; min-height:750px;}


 /*==========  Mobile First Method  ==========*/


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

.logo { text-align:center; }	
.text1{ text-align:right;}
.SearchInput { width:85%;} 
.h_text7 { text-align:center;}
.search-open { display:none;}
.navcolor234 { position:inherit;}
}