*, *::before,  *::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.no_trasn *, .no_trasn *::before, .no_trasn *::after, .zoomContainer *, .zoomContainer *::before, .zoomContainer *::after, .fancybox-overlay *{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.trasn *, .trasn *::before, .trasn *::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

.zoomContainer,
.zoomLens{z-index:777;}

.max-container{max-width:1600px; margin-left:auto; margin-right:auto;}

input{outline:none;}
.topmar_30{margin-top:30px;}
.hide{display:none;}

a, a:hover, a:focus{text-decoration:none;}

body{margin:0px; padding:0px; background:#181818; font-family:"Poppins", sans-serif; font-weight:400; font-size:13px; color:#fff;}
h1, h2, h3, h4, h5, h6{font-family:'Oswald', sans-serif;}

#main-site-container{position:relative; overflow:hidden; margin:auto; padding:0px; width:100%;}

	.max-container{max-width:1600px; margin-right:auto; margin-left:auto;}

	a.cat-wrapper{display:block; overflow:hidden; margin-bottom:30px; position:relative;}
	a.cat-wrapper::after{display:block; content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#000; opacity:0.5;}
	a.cat-wrapper:hover::after{opacity:0.2;}
	a.cat-wrapper img{display:block; width:100%;}
	a.cat-wrapper:hover img{transform:scale(1.05);}
	a.cat-wrapper .text{position:absolute; z-index:666; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%);}
	a.cat-wrapper .text .number{font-size:60px; padding-bottom:10px; border-bottom:1px solid #fff; width:150px; margin:auto; color:#fff; font-weight:bold; font-family:'Oswald', sans-serif;}
	a.cat-wrapper:hover .text .number{border-bottom:1px solid #ffc000;}
	a.cat-wrapper .text h2{margin:10px 0px; padding:0px; text-transform:uppercase; white-space:nowrap; font-size:40px; color:#fff; font-weight:bold; font-family:'Oswald', sans-serif;}

    a.cat-wrapper:hover .rm-bt{background:#222; color:#fff;}
    a.cat-wrapper:hover .rm-bt::before{margin-left:0px;}

	#home-cat-wrapper{}
		#home-cat-wrapper a{margin:0px -15px;}

		.rm-bt{display:inline-block; white-space:nowrap; cursor:pointer; font-family:'Oswald', sans-serif; vertical-align:top; width:129px; height:40px; overflow:hidden; position:relative; text-align:left; line-height:39px; background:#fff; text-transform:uppercase; color:#555555; font-size:14px;}
		.rm-bt:hover{background:#222; color:#fff;}
		.rm-bt::before,
		.rm-bt::after{display:inline-block; padding:0px 13px; font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background:#ffc000; content:"\f178"; color:#fff; line-height:40px;}
		.rm-bt::before{margin-right:15px; margin-left:-40px;}
		.rm-bt:hover::before{margin-left:0px;}
		.rm-bt::after{margin-left:15px;}


	#main-header{background:#303030; z-index:999; position:relative;}
		#main-header .max-container{position:relative; height:80px;}
		
		#main-header #logo-wrapper{display:block; position:absolute; width:230px; height:130px; background:#ffc000; top:50%; left:50%; transform:translate(-50%, -50%);}
		#main-header #logo-wrapper img{display:block; position:absolute; max-width:90%; max-height:90%; top:50%; left:50%; transform:translate(-50%, -50%);}
		
		#main-header.is_stuck #logo-wrapper{top:0; left:50%; transform:translate(-50%, 0); height:90px; border:1px solid #303030; border-top:none;}
		#main-header.is_stuck #logo-wrapper img{max-width:80%; max-height:80%;}

		#main-header ul#main-menu{list-style:none; display:block; margin:0px 0px 0px 20px; padding:0px;}
		#main-header ul#main-menu li{float:left; position:relative;}
		#main-header ul#main-menu li a{display:block; height:80px; padding:0px 20px; position:relative; overflow:hidden; font-family:'Oswald', sans-serif; font-weight:normal; color:#fff; text-transform:uppercase; font-size:16px;}
		#main-header ul#main-menu li:hover a{background:#ffc000;}
		#main-header ul#main-menu li a strong,
		#main-header ul#main-menu li a span{display:block; top:0px; position:relative; line-height:80px; font-weight:normal;}
		#main-header ul#main-menu li a span{color:#161616;}
		#main-header ul#main-menu li:hover a strong,
		#main-header ul#main-menu li:hover a span{top:-80px;}
		#main-header ul#main-menu li ul{display:none; visibility:hidden; list-style:none; position:absolute; margin:0px; padding:0px; top:100%; left:50%; transform:translateX(-50%); width:200px; background:#ffc000;}
		#main-header ul#main-menu li:hover ul{display:block; visibility:visible;}
		#main-header ul#main-menu li ul li{float:none; border-bottom:1px solid #fff; height:auto;}
		#main-header ul#main-menu li ul li:last-child{border-bottom:none;}
		#main-header ul#main-menu li ul li a{display:block; height:auto; background:none; text-align:center; line-height:50px; color:#fff;}
		#main-header ul#main-menu li ul li a:hover{color:#181818}
		

		#main-header #search-wrapper{display:block; top:50%; transform:translateY(-50%); right:15px; position:absolute; width:250px; background:#fff;}
		#main-header #search-wrapper input{display:block; background:none; border:none; padding:0px 45px 0px 5px; width:100%; height:40px; color:#222;}
		#main-header #search-wrapper button{display:block; padding:0px; position:absolute; cursor:pointer; top:0px; right:0px; width:40px; height:40px; color:#fff; background:#ffc000; border:none; text-align:center;}

		#mb-mobile-wrapper{display:none; z-index:999; position:absolute; top:20px; right:20px; padding:10px; width:45px; background:#fff; border-radius:0px;}
		#mb-mobile-wrapper span{display:block; width:100%; height:4px; background:#ffc000; margin-bottom:4px;}
		#mb-mobile-wrapper span:last-child{margin-bottom:0px;}


	#home-content-wrapper h1{display:block; margin:0px 0px 25px 0px; padding:0px; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; font-weight:bold;}
	#home-content-wrapper h1 span{color:#ffc000;}

	
	#profile-wrapper{margin:80px 0px 30px;}
		#profile-wrapper .wrapper{max-width:1000px; margin:auto; color:#b0b0b0; font-size:14px; line-height:26px;}
		#profile-wrapper h1{margin-bottom:15px;}
		
	
	#services-wrapper{background:#1f1f1f; padding:50px 0px; text-align:center;}
		#services-wrapper ul{list-style:none; margin:0px; padding:0px; font-size:0px;}
		#services-wrapper ul li{display:inline-block; width:25%;}
		#services-wrapper ul li .service-wrapper{padding:0px 5px 10px;}
		#services-wrapper ul li .service-wrapper p{margin:0px; padding:25px 0px; background:#303030;}
		#services-wrapper ul li .service-wrapper p:hover{background:#ffc000;}
		#services-wrapper ul li .service-wrapper p span{display:block; overflow:hidden; position:relative; background:#ffc000; border-radius:115px; width:115px; height:120px; margin:auto;}
		#services-wrapper ul li .service-wrapper p:hover span{background:#1f1f1f; -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter:"FlipH";}
		#services-wrapper ul li .service-wrapper p span img{display:block; margin:auto;}
		#services-wrapper ul li .service-wrapper p span img:first-child{}
		#services-wrapper ul li .service-wrapper p:hover span img:first-child{margin-top:-115px;}
		#services-wrapper ul li .service-wrapper p span img:last-child{}
		#services-wrapper ul li .service-wrapper p strong{display:block; margin-top:20px; text-align:center; font-family:'Oswald', sans-serif; text-transform:uppercase; color:#fff; font-weight:bold; font-size:20px;}
		#services-wrapper ul li .service-wrapper p:hover strong{color:#1f1f1f;}


	#feat-prd-wrapper{padding:50px 0px 20px;}


	.common-prd-wrapper{display:block; margin-bottom:30px; border-radius:10px; overflow:hidden; background:#f1f1f1;}
	.common-prd-wrapper:hover{transform:translateY(-5px); box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 1);}
	.common-prd-wrapper .prd-img{display:block; height:250px; background:#fff; position:relative;}
	.common-prd-wrapper .prd-img img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:90%; max-height:90%; width:auto; height:auto;}
	.common-prd-wrapper .prd-detail{padding:0px 10px 10px;}
	.common-prd-wrapper .prd-detail strong{display:block; font-family:'Oswald', sans-serif; text-align:center; color:#363636; font-weight:bold; margin:0px; text-transform:uppercase; font-size:16px; padding:10px 0px}
	.common-prd-wrapper .prd-detail .prd-name{display:block; text-align:center; font-family:'Oswald', sans-serif; color:#828282; font-size:15px; text-transform:capitalize; font-weight:normal;}


	#main-footer-wrapper{background:url(../images/footer-bg.jpg) fixed #181818 bottom center no-repeat; border-top:1px solid #30353d; overflow:hidden;}
		#main-footer-wrapper #footer-newsletter-wrapper{padding:50px 20px 10px;}
		#main-footer-wrapper #footer-newsletter-wrapper .container{border-bottom:2px solid rgba(255, 255, 255, 0.1); padding-bottom:30px;}
		
		#main-footer-wrapper #footer-newsletter-wrapper small{display:block; margin:0px 0px 5px 0px; text-align:center; color:#fff; font-weight:normal; font-family:'Oswald', sans-serif; font-size:13px;}
		#main-footer-wrapper #footer-newsletter-wrapper h1{display:block; background:url(../images/heading-bg.png) bottom center no-repeat; margin:0px 0px 25px 0px; padding:0px 0px 25px 0px; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; font-weight:bold;}
		#main-footer-wrapper #footer-newsletter-wrapper h1 span{color:#ffc000;}

		#main-footer-wrapper #footer-newsletter-wrapper .text{text-align:center; color:#838a93; font-size:13px; line-height:24px; margin:0px 0px 15px 0px;}
		#main-footer-wrapper #footer-newsletter-wrapper #nwsltt_container{width:100%; max-width:600px; margin:0px auto; padding:0px; position:relative; text-align:center; font-size:0px;}
		#main-footer-wrapper #footer-newsletter-wrapper #nwsltt_container input{display:block; margin-bottom:15px; border-radius:5px; background:#fff; width:100%; height:50px; border:none; color:#000; font-size:13px; padding:0px 10px;}
		#main-footer-wrapper #footer-newsletter-wrapper #nwsltt_container button{display:inline-block; border-radius:5px; text-align:center; margin:0; padding:0; width:150px; height:40px; background:#ffc000; border:none; cursor:pointer; color:#fff; font-family:'Oswald', sans-serif; font-size:14px; text-transform:uppercase;}
		#main-footer-wrapper #footer-newsletter-wrapper #nwsltt_container .but-wrapper{text-align:center;}
		

	#main-footer-wrapper #footer-wrapper{position:relative;}
		#main-footer-wrapper #footer-wrapper .footer-widget-wrapper{margin:10px 0px 30px; padding:10px 0px 10px 0px; min-height:220px; position:relative;}

		#main-footer-wrapper #footer-wrapper h4{display:block; position:relative; text-align:left; text-transform:uppercase; font-size:22px; font-weight:bold; color:#fff; margin:0px 0px 20px 0px; padding:0px;}
		#main-footer-wrapper #footer-wrapper ul.menu{list-style:none; margin:0px; padding:0px;}
		#main-footer-wrapper #footer-wrapper ul.menu li{margin-bottom:10px;}
		#main-footer-wrapper #footer-wrapper ul.menu li:last-child{margin-bottom:0px;}
		#main-footer-wrapper #footer-wrapper ul.menu li a{display:inline-block; position:relative; text-transform:capitalize; font-size:14px; padding:0px 0px 0px; color:#fff;}
		#main-footer-wrapper #footer-wrapper ul.menu li a:hover{color:#ffc000;}

		#main-footer-wrapper #footer-wrapper ul.scl{list-style:none; margin:0px; padding:0px;}
		#main-footer-wrapper #footer-wrapper ul.scl li{}
		#main-footer-wrapper #footer-wrapper ul.scl li a{display:block; position:relative; text-transform:capitalize; font-size:13px; padding:10px 0px 10px 30px; color:#fff;}
		#main-footer-wrapper #footer-wrapper ul.scl li a i{display:block; width:25px; line-height:25px; border-radius:2px; color:#ffc000; font-size:18px; text-align:center; position:absolute; left:0px; top:50%; transform:translateY(-50%);}
		#main-footer-wrapper #footer-wrapper ul.scl li a:hover{color:#ffc000;}

		.footer-meta-wrapper{position:relative; margin-bottom:25px;}
		.footer-meta-wrapper:last-child{margin-bottom:0px;}
		.footer-meta-wrapper i{display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); border:1px solid #ffc000; border-radius:25px; width:25px; line-height:25px; text-align:center; color:#ffc000; font-size:13px;}
		.footer-meta-wrapper .text{color:#fff; font-size:14px; font-weight:normal; padding-left:35px;}
		.footer-meta-wrapper .text strong{display:inline-block; display:none; margin-right:5px;}


	#footer-legal-wrapper{padding:20px 0px; background:#303030;}
		#footer-legal-wrapper #bottom-text-left{color:#ccc; text-align:center; font-size:13px; padding-bottom:10px;}
		#footer-legal-wrapper #bottom-text-right{text-align:center;}
		#footer-legal-wrapper #bottom-text-right a{display:inline-block; font-weight:bold; font-size:13px; color:#ffc000;}
		#footer-legal-wrapper #bottom-text-right a:hover{color:#fff;}


	#page-content-wrapper,
	#product-content-wrapper{padding:60px 0px;}

	#page-heading{margin-bottom:15px;}
	#page-heading h2{display:block; margin:0px; padding:0px;}
	#page-heading h2 span{display:block; padding:15px 20px; background:#ffc000; color:#161616; text-transform:uppercase; font-weight:bold; font-size:20px;}
	#page-heading #bdcrums{background:#303030; color:#fff; font-size:13px; padding:10px 15px;}
	#page-heading #bdcrums a{display:inline-block; margin-right:7px; color:#fff;}
	#page-heading #bdcrums i{display:inline-block; margin-right:7px; color:#666; font-size:11px;}
	#page-heading #bdcrums span{display:inline-block; color:#ffc000;}


	#single-prd-wrapper{}

		#main-prd-img-wrapper{}
			#main-prd-img-wrapper #main-img-wrapper{position:relative; height:500px; background:#FFF; margin-bottom:20px;}
			#main-prd-img-wrapper #main-img-wrapper a{position:relative; overflow:hidden; display:block; height:500px; border:1px solid #999; border-radius:3px;}
			#main-prd-img-wrapper #main-img-wrapper a:hover{border:1px solid #222;}
			#main-prd-img-wrapper #main-img-wrapper img.img-prd{display:block; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
			
			#main-prd-img-wrapper #prd-gallery-wrapper{margin-bottom:20px; text-align:center;}
			#main-prd-img-wrapper #prd-gallery-wrapper a{display:inline-block; overflow:hidden; position:relative; margin:0px 2px; width:120px; height:120px; border:1px solid #999; border-radius:3px; background:#FFF;}
			#main-prd-img-wrapper #prd-gallery-wrapper a:hover{border:1px solid #222;}
			#main-prd-img-wrapper #prd-gallery-wrapper a img{display:block; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}


	#single-prd-text-container{}
		#single-prd-text-container #single-prd-artno{color:#fff; padding:15px 0px; margin-bottom:15px; border-bottom:1px solid #CCC;}
		#single-prd-text-container #single-prd-artno strong{display:inline-block; color:#ccc;}
		
		#single-prd-text-container #single-prd-name{color:#FFF; font-weight:bold; display:none; font-size:20px; text-transform:capitalize; padding:0px 0px 15px; margin-bottom:15px; border-bottom:1px solid #333;}

		#single-prd-text-container .single-prd-text{color:#ccc; line-height:22px; padding:0px 0px 15px; margin-bottom:15px; border-bottom:1px solid #CCC;}
		#single-prd-text-container .single-prd-text .title{color:#fff; font-weight:bold; margin-bottom:5px;}
		#single-prd-text-container .single-prd-text p:last-child{margin-bottom:0px;}
		#single-prd-text-container .single-prd-text span.prd-color-meta{display:inline-block; margin:0px 4px 4px 0px; border-radius:2px; border:1px solid #CCC; width:30px; height:30px;}
		#single-prd-text-container .single-prd-text span.prd-size-meta{display:inline-block; margin:0px 4px 4px 0px; border-radius:2px; border:1px solid #CCC; padding:7px 10px; color:#000; font-size:12px; text-transform:capitalize; background:#fff;}


	.mm-listview > li > a, .mm-listview > li > span{padding:12px 10px 12px 20px; text-transform:uppercase; font-size:16px; font-family:'Oswald', sans-serif;}
	#mobile-search-wrapper{display:block; margin:10px; padding:0 40px 0 10px; background:rgba(255,255,255,.05);}
	#mobile-search-wrapper input[type=text]{display:block; width:100%; height:50px; background:0 0; border:none; color:#fff; font-size:13px}
	#mobile-search-wrapper button{display:block; position:absolute; margin:0; padding:0; right:10px; top:0; height:50px; width:50px; background:0 0; border:none;cursor:pointer}
	#mobile-search-wrapper button i{display:block; color:#fff; font-size:16px}


	.noprdfound{text-align:center; color:#F00; font-weight:bold; padding:200px 0px 200px; font-size:15px;}


	ul.pages{list-style:none; margin:0px 0px 0px; text-align:center; font-size:0px; padding:0px;}
	ul.pages li{display:inline-block; vertical-align:middle; border:1px solid #363c45; border-left:none;}
	ul.pages li:first-child{border-left:1px solid #363c45; border-radius:4px 0px 0px 4px;}
	ul.pages li:last-child{border-radius:0px 4px 4px 0px;}
	ul.pages li a,
	ul.pages li span{display:block; font-family:'Oswald', sans-serif; font-size:14px; width:40px; line-height:40px;}
	ul.pages li a{color:#838896;}
	ul.pages li a:hover{background:rgba(255, 255, 255, 0.1);}
	ul.pages li span{color:#ffc000; background:rgba(255, 255, 255, 0.05);}


	.but-ip{display:inline-block; border:none; cursor:pointer; background:#fff; height:40px; color:#555; text-align:left; line-height:39px; font-family:'Oswald', sans-serif; font-size:14px; text-transform:uppercase; font-weight:normal; padding:0px 30px;}
	.but-ip:hover{background:#222; color:#fff;}


	form.main-form-wrapper{display:block;}
	form.main-form-wrapper .inp-wrapper{}
		form.main-form-wrapper .inp-wrapper .i-wrapper{position:relative; padding-bottom:30px;}
			form.main-form-wrapper .inp-wrapper .cferror{display:none; position:absolute; font-size:20px; font-weight:bold; color:#F00; text-align:right; top:35px; right:5px;}
			form.main-form-wrapper .inp-wrapper label{display:block; color:#999; font-weight:bold; margin-bottom:5px;}
			form.main-form-wrapper .inp-wrapper label span{color:#F00;}
			form.main-form-wrapper .inp-wrapper input[type="text"]{display:block; background:#FFF; width:100%; height:40px; padding:0px 10px; color:#000; border:1px solid #999;}
			form.main-form-wrapper .inp-wrapper input[type="text"]:focus{border:1px solid #666;}
			form.main-form-wrapper .inp-wrapper select{display:block; background:#FFF; width:100%; height:40px; padding:0px 10px; color:#000; border:1px solid #999;}
			form.main-form-wrapper .inp-wrapper select:focus{border:1px solid #666;}
			form.main-form-wrapper .inp-wrapper textarea{display:block; background:#FFF; width:100%; height:100px; padding:10px; color:#000; border:1px solid #999;}
			form.main-form-wrapper .inp-wrapper textarea:focus{border:1px solid #666;}
	
	#product-content, #page-content-wrapper{min-height:500px; padding-bottom:30px;}

	#page-content-wrapper .page-text-wrapper.min-height{line-height:28px; font-size:14px;}

	#text-contact-container{margin-bottom:20px; line-height:28px; font-size:13px; color:#fff; padding:20px; background:#303030;}
	#text-contact-container h3{display:block; font-size:26px; text-transform:uppercase; font-weight:bold; margin:0px 0px 15px 0px; padding:0px; color:#fff;}
	#text-contact-container p{display:block; margin-bottom:15px;}


	#main-sidebar-wrapper{}
	#main-sidebar-wrapper .inner{background:#303030;}
	#main-sidebar-wrapper h3.heading{display:block; margin:0px; padding:15px 20px; background:#ffc000; color:#161616; text-transform:uppercase; font-weight:bold; font-size:20px;}
	#main-sidebar-wrapper ul{list-style:none; margin:0px; padding:15px 20px;}
	#main-sidebar-wrapper ul li{margin-bottom:10px;}
	#main-sidebar-wrapper ul li:last-child{margin-bottom:0px;}
	#main-sidebar-wrapper ul li a{display:block; position:relative; color:#fff; text-transform:uppercase; font-weight:normal; font-size:14px; padding:0px 0px 0px 15px;}
	#main-sidebar-wrapper ul li a::before{display:block; content:""; position:absolute; width:15px; height:2px; background:#ffc000; left:-10px; top:50%; transform:translateY(-50%);}
	#main-sidebar-wrapper ul li a:hover::before{background:#fff;}
	#main-sidebar-wrapper ul li a:hover{color:#ffc000;}


	h2.heading{display:block; margin:0px 0px 20px 0px; padding:15px 20px; background:#ffc000; color:#161616; text-transform:uppercase; font-weight:bold; font-size:20px;}


@media (max-width:1199px){

	a.cat-wrapper a .text .number{font-size:40px;}
	a.cat-wrapper a .text h2{font-size:30px;}

}


@media (max-width:991px){

	#main-header ul#main-menu{display:none;}
	#main-header #search-wrapper{display:none;}
	#mb-mobile-wrapper{display:block;}

	#services-wrapper ul li{width:50%;}

}


@media (max-width:767px){

	a.cat-wrapper .text .number{display:block; padding-bottom:5px; margin-bottom:5px; font-size:30px;}
	a.cat-wrapper .text h2{font-size:25px;}

	#main-header #logo-wrapper{top:50%; left:15px; transform:translate(0, -50%);}
	#main-header #logo-wrapper img{display:block; position:absolute; max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
	
	#main-header.is_stuck #logo-wrapper{top:0; left:15px; transform:translate(0, 0); height:90px;}

	#services-wrapper ul li{width:100%;}

}


@media (max-width:480px){

	a.cat-wrapper .text .rm-bt{display:none;}

	#main-header #logo-wrapper{width:200px;}

}