@import url('https://fonts.googleapis.com/css?family=Anton');
*{	
	padding:0;
	margin:0;
	border:0;	
	outline:none;
	text-decoration:none;
	list-style:none;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot') format('embedded-opentype'), 
		 url('../fonts/MyriadPro-Regular.woff') format('woff'), 
		 url('../fonts/MyriadPro-Regular.ttf') format('truetype'), 
		 url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/MyriadPro-Cond.eot');
	src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Cond.woff') format('woff'),
		url('../fonts/MyriadPro-Cond.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body{
	font-size:15px;	
	line-height:18px;
	overflow-x:hidden;
	height:auto;
}
/*body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
body a:hover{
	text-decoration:none;
}
*/
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
	height:auto;	
}
.space5{
	clear:both;
	height:5px;	
}
.space10{
	clear:both;
	height:10px;	
}
.space20{
	clear:both;
	height:20px;	
}
.space30{
	clear:both;
	height:30px;	
}
.space40{
	clear:both;
	height:40px;	
}
.space50{
	clear:both;
	height:50px;	
}
.no-pad-top{
	padding-top:0 !important;	
}
.no-pad-bottom{
	padding-bottom:0 !important;	
}
.no-pad-right{
	padding-right:0 !important;	
}
.no-pad-left{
	padding-left:0 !important;	
}
.no-pad{
	padding-right:0 !important;
	padding-left:0 !important;	
}
.mar-lft-non{
	margin-left:0 !important;	
}
.mar-rgt-non{
	margin-right:0 !important;	
}
.mar-top-non{
	margin-top:0 !important;	
}
.mar-bot-non{
	margin-bottom:0 !important;	
}
.img-full{
	width:100%;	
}
.area-lft{
	float:left;	
}
.area-rgt{
	float:right;	
}
.no-bg{
	background:none !important;	
}


/*--header start--*/
.top-head{
	background:url(../images/top-bg.jpg) no-repeat center top;
	padding:.75em 0;	
}
.logo-pan{
	
}

.soc-pan{
	float:right;
	padding-bottom:1em;		
}
.soc-pan li{
		
}
.soc-pan li i{
	color:#222;
	font-size:22px;	
}
.con-soc-pan{
		
}
.con-pan{
		
}
.con-pan span{
	float:left;	
	width:24%;
	display:block;
}
.con-pan span i{
	color:#151112;
	font-size:20px;
	font-weight:600;
	border-radius:100px;
	border:1px solid #151112;
	padding:9px 10px;
	vertical-align:middle;
}
.con-pan p{
	float:left;	
	width:76%;
	font-size:16px;
	font-weight:600;
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:.25em;
}
.con-pan p a{
	color:#222;
}
.con-pan p a:hover{
	color:#0080ff;
	text-decoration:none;
}
/*--header end--*/


/*--------------------------navigation--------------------------*/
.menu-wrapp{
	background:#33363b;
	border-bottom:2px solid #0080ff;
}
.navbar-nav{
	height:auto;
}
.navbar-header{
	text-align:center;	
}
.navbar-toggle{
	border-color:#fff !important;	
	background:#fff;
	float:none;
	margin-right:0;
}
.header-nav {
    background:#2794bc;
}
.navbar-default {
    /*background: #000;*/
	background:none;
    border:none;
	margin: 0;
}
.navbar-nav {
/*  float: left;
	text-align:center;*/
	width: 100%;
    text-align: left;
}

.navbar-nav li{
	padding:0;
	float: none;
	display: inline-block;
	border-radius: 10px 0px 10px 0px;
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*.navbar-nav li:hover{
	background:#fff;
}*/
.navbar-nav li.stable{
	background:#fff;
	margin:12px 0;
}
.navbar-nav li.stable span{
	/*background:#132b6b;*/
	color:#33363b;
}
.navbar-nav li a{
	color:#fff !important;
	font-weight:600;
	text-transform:uppercase;
/*	line-height:40px;*/
	font-family: 'Open Sans', sans-serif;
	padding:10px 20px;
	font-size: 15px;
}
.navbar-nav > li > a:hover{
	color:#222 !important;	
	background:#fff !important;
	border-radius: 10px 0px 10px 0px;	

}
/*.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{
	background:#fff;
	border-radius: 10px 0px 10px 0px;	
	margin: 7.5px -15px !important;
}*/
.stable{
	color:#fff;
	margin-bottom:12px;
	border-radius:10px;
}
.navbar-nav li a span{
	 
}
.navbar-nav li a span:hover{
	
}
.navbar-nav li a span i{
	color:#000 !important; 
}
.navbar-brand {
    height: 100px;
    padding: 30px 0 0;
}
.navbar-default .navbar-collapse{
	border-color:#fbfbfb;	
}
.dropdown-menu{
	background-color: #0080ff;
	width:245px;	
}
.dropdown-menu > li{
	display:block;
}
.dropdown-menu > li:hover{
	background:none;
}
.dropdown-menu > li > a{
	padding:8px 15px;	
	font-size:14px;
	border-radius:0;
	color:#fff !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background:#000;
	color:#fff !important;
}
@media (max-width:1024px){
.navbar-nav > li > a{
	font-size:13px !important;	
	padding:12px 18px;
}	
.navbar-nav li a span{
	font-size:14px;	
}
.navbar-nav li{
    padding: 0;
}
}
@media (max-width:800px){
.navbar-nav li{
	margin:0 10px;	
}
.navbar-nav li:nth-child(6):hover{
	background:none;
}
.navbar-nav > li > a span{
    padding-left:0px;
	padding-right:0px;
    font-size:11px;
    letter-spacing: 0px;
}
.navbar-nav > li > a{
	padding-left:15px;
	padding-right:15px;
	margin-left:3px;
	margin-right:3px;
}	
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	background:#222;	
}
.navbar-nav > li > a{
	padding-left:2px;
	padding-right:2px;	
}
.dropdown-menu{
	background-color: #0080ff;
	width:210px;	
}
.dropdown-menu > li > a{
	font-size:11px;	
	padding:8px 10px;
}
}
@media (max-width:767px){
.navbar-nav li{
	display:block;	
	margin:0;
	text-align:center;
}
.navbar-nav > li > a span{
	font-size:14px;	
}
.navbar-nav{
	margin-left:0;
	margin-right:0;	
}
.open > a{
	color:#fff;	
}
.navbar-nav > li > a span{
	color:#fff;	
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{
	background:#000 !important;	
}
.dropdown-menu{
	background:#000 !important;	
}
.dropdown-menu > li > a{
	text-align:left;	
}
}
/*--------------------------/navigation--------------------------*/


/*--main css--*/
.banner-cat-pan{
	position:relative;	
	margin-top:-10em;
	z-index:999999;
}
.banner-cat-pan img{
	border:8px solid #0080ff;
	border-radius:500px;
}
.butt{
	border:0;
	border-radius:10px;
	padding:14px 18px;
	background:#0080ff;
	color:#fff;
	text-decoration:none !important;
	margin-top:-23em;
	text-transform:uppercase;
	border:2px solid #fff;
	font-weight:600;
}
.hvr-bounce-to-right:before {
	border-radius:10px;
}
.wel-come{
	
}
.wel-come h3{
	font-size:96px;
	font-weight:400;
	color:#555353;
	text-align:center;	
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-family: 'Myriad Pro';
}
.wel-come h4{
	font-size:48px;
	font-weight:600;
	color:#0080ff;
	text-align:center;	
	text-transform:uppercase;
	font-family: 'Anton', sans-serif;
	padding-bottom:20px;
}
.wel-come p{
	color:#2b2b2b;	
	font-family: 'MyriadPro-Regular';
	font-size:16px;
	line-height:26px;
	text-align:center;
	padding-bottom:15px;
}


/*--our service--*/
.our-ser-pan{
	background:url(../images/service-bg.jpg) no-repeat center top;
	background-size:cover;
	padding:1em 0;	
}
.our-ser-pan h3{
	text-transform:uppercase;
	color:#fff;
	font-size:60px;
	font-family: 'Anton', sans-serif;
	padding:.25em 0 .5em;
}
.our-ser-pan h3 span{
	color:#3097fc;
}
.ser-pan-lft{
	width:15%;
	float:left;	
}
.ser-pan-lft span{
	display:block;
	background:#0080ff;
	padding:36px 32px;
}
.ser-pan-lft span p{
	color:#fff;
	font-size:36px;
	font-family: 'Anton', sans-serif;
}
.ser-pan-rgt{
	width:80%;
	float:left;
	margin-left:5%;	
}
.ser-pan-rgt h3{
	color:#fff;
	padding-bottom:.3em;
	padding-top:0;
	font-size:26px;	
	font-family: 'Anton', sans-serif;
}
.ser-pan-rgt p{
	color:#fff;
	padding-bottom:.5em;
	font-size:15px;	
	line-height:24px;
	font-family: 'Open Sans', sans-serif;
}
/*--/our service--*/


/*--product section pannal--*/
.prod-pan{
	background:url(../images/pro-bg.jpg) no-repeat center top;
	padding:2.5em 0;	
	background-size:cover;
}
.prod-pan h3{
	color:#fff;
	text-transform:uppercase;
	font-size:60px;
	font-family: 'Anton', sans-serif;
}
.prod-pan h3 span{
	color:#010101;
}
.prod-pan img{
	padding-top:4em;
}
.pro-pan-hd{}

.pro-pan-hd h3{
	font-size:36px;
	color:#fff;	
	font-family: 'Anton', sans-serif;
	padding-bottom:10px;
}
.pro-pan-hd p{
	font-size:14px;
	line-height:22px;
	color:#fff;	
	font-family: 'Open Sans', sans-serif;
}
.btn-info{
	background:#fff !important;	
	color:#222 !important;
	padding:13px 5px !important;
	border-radius:0;
	font-size:16px !important;
	font-weight:400 !important;
	width:160px !important;
	padding-left:0;
	margin-left:0 !important;
}
.btn-info span{
	color:#222;
}
.btn-info span:hover{
	color:#222 !important;
}
/*-----------------------------------------11.11.2016-----------------------------------------*/
.wheel-box-pan{
	margin-top:2em;	
}
.wheel-box-pan h4{
	background:#0080ff;
	color:#fff;
	font-size:24px;
	padding:10px 0;
	text-align:center;
	font-family: 'Myriad Pro';	
}
.wheel-box-pan2{
	margin-top:2em;	
}
.wheel-box-pan2 h4{
	background:#333;
	color:#fff;
	font-size:24px;
	padding:10px 0;
	text-align:center;
	font-family: 'Myriad Pro';	
}
.pro-pan-lft{
	padding-top:1em;		
}
.pro-pan-lft h3{
	background:#0080ff;
	padding:.75em 0;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Myriad Pro';
	font-size:32px;
	font-weight:600;
	/*border-radius: 25px 0 0 25px;*/
	border-radius:25px;
}
.pro-pan-rgt{
	
}
.pro-pan-rgt h3{
	background:#333;
	padding:.75em 0;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Myriad Pro';
	font-size:32px;
	font-weight:600;
	/*border-radius: 0 25px 25px 0;*/
	border-radius:25px;
}
.pro-listing{
	background:#f3f3f3;
	box-shadow:none;
	padding:5px 0;	
}
.pro-listing li{
	padding:8px 0;
	text-align:center;	
}
.pro-listing li a span{
	font-size:28px;
	position:relative;
	top:3px;	
}
.pro-listing li a{
	font-size:18px;
	color:#555;
	font-weight:600;
	font-family: 'Myriad Pro';
	text-transform:uppercase;
	text-decoration:none;	
}
.pro-listing li a:hover{
	color:#0080ff;
}
.wheel-bal-pan-hd{
	background:#0080ff;	
}
.wheel-bal-pan-hd th{
	padding-top:15px !important;
	padding-bottom:15px !important;
	font-size:18px !important;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Anton', sans-serif;
}
.wheel-bal-pan{
	background:#ff4162;	
}
/*-----------------------------------------/11.11.2016-----------------------------------------*/

/*--/product section pannal--*/


/*--wheel bal pannal--*/
.wheels-pan{
	padding:2em 0;	
	background:url(../images/wheels-bg.jpg) no-repeat center top;
	background-size:cover;
}
.wheel-bal-clp{
	margin-bottom:1.5em;
}
.wheel-bal-clp h3{
	font-size:60px;
	color:#0269d0;
	text-transform:uppercase;
	font-family: 'Anton', sans-serif;
	padding-bottom:.3em;
	padding-top:.3em;
}
.wheel-bal-clp h3 span{
	color:#000;		
}
.wheel-bal-clp p{
	font-size:14px;
	line-height:22px;
	color:#2d2c2c;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:15px;
}
.wheel-clip{
	
}
.wheel-clip img{
	margin-top:6em;
	width:100%;
}
/*--/wheel bal pannal--*/

/*--/main css--*/



/*--footer start here--*/

/*--footer top--*/
.ft-sep{
	background:url(../images/ft-sep.png) repeat-x left top;
	height:8px;	
}
.ft-pan{
	background:#303030;
	padding:2em 0 1.5em;	
}
.ft-pan-hd{
		
}
.ft-pan-hd h3{
	font-family: 'Anton', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	padding-bottom:8px;	
}
.ft-pan-hd span{
	border-bottom:2px solid #fff;
	width:48%;
	float:right;	
	display:inline-block;
	margin-right:30%;
}
.ft-pan-hd ins{
	border-bottom:2px solid #0769ca;
	width:22%;
	float:left;	
	display:inline-block;
}
.ft-pan-inr{
	box-shadow:none;
	padding-top:1em;
}
.ft-pan-inr li{
	
}
.ft-pan-inr li i{
	color:#fff;
	padding-right:3px;
}
.ft-pan-inr li a{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	line-height:30px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	transition:0.5s all;
}
.ft-pan-inr li a:hover{
	padding-left:5px;	
}

.ft-pan-hd2{
		
}
.ft-pan-hd2 h3{
	font-family: 'Anton', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	padding-bottom:8px;	
}
.ft-pan-hd2 span{
	border-bottom:2px solid #fff;
	width:60%;
	float:right;	
	display:inline-block;
	margin-right:25%;
}
.ft-pan-hd2 ins{
	border-bottom:2px solid #0769ca;
	width:15%;
	float:left;	
	display:inline-block;
}
.ft-pan-inr2{
	box-shadow:none;
	padding-top:1em;
}
.ft-pan-inr2 li{
	margin-bottom:1em;
}
.ft-pan-inr2 li p{
	vertical-align:middle;
	color:#fff;
	font-size:14px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	width:92%;
	float:left;
}
.ft-pan-inr2 li i{
	color:#fff;
	font-size:28px;
	padding-right:3px;
	vertical-align:middle;
	width:8%;
	float:left;
	padding-top:2px;
	text-align:center;
}
.ft-pan-inr2 li i.sml{
	font-size:18px;
}
.ft-pan-inr2 li p a{
	color:#fff;
	text-decoration:none;
}
.ft-pan-inr2 li p a:hover{
	color:#58acff;
}
.newsletter-pan{
		
}
.newsletter-pan p{
	color:#fff;
	text-transform:uppercase;	
	font-size:14px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	padding:15px 0;
}
.form-pan{
	width:80% !important;	
	margin-bottom:10px;
}
.form-pan:focus{
	border-color: #000 !important;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6) !important;
    outline: 0 none;
}
.form-pan-bg{
	background:#181818 !important;
	border:0;
	border-radius:0;
	color:#999; 
	height:38px;
}
.from-but{
    background:#0769ca;
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 16px;
    text-align: center;
    font-size: 14px;
	text-transform:uppercase;
	transition:0.5s all;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.from-but:hover{
	text-decoration:none;
	color:#fff;
	background:#000;
}
.pro-pg-pan{
	padding:2em 0;	
}
.pro-pg-pan p{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:16px;	
	line-height:24px;
}
/*--/footer top--*/


/*--footer bottom--*/
.ft-bottom{
	background:#1c1c1c;
	padding:1.25em 0;
}
.ft-bot-pan{
	
}
.ft-bot-pan p{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.ft-bot-pan p a{
	color:#57aafc;
	font-family: 'Open Sans', sans-serif;
}
/*--/footer bottom--*/

/*--footer end here--*/


.body-div{
	width:100%;	
}
/*--about us--*/
.abt-pan{
	background:url(../images/about-ban.jpg) no-repeat left top;	
	min-height:250px;
	background-size:cover;
}
.abt-pan img{
	width:100%;
}
.abt-hd{
	background:#eee;	
	margin-bottom: 10px;
}
.abt-pan-hldr{
	
}
.abt-pan-hldr h3{
	color: #2a2a2a;
    font-family: 'Anton', sans-serif;
    font-size: 42px;
    text-align: center;
	padding:15px 0;
	text-transform:uppercase;
}
.abt-pan-hldr p{
	color:#555;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:22px;
	padding-bottom:12px;
}
.abt-img-bor img{
	border:2px solid #0769ca;	
}
/*--/about us--*/



/*--services--*/
.ser-pan{
	background:url(../images/ser-ban.jpg) no-repeat left top;	
	min-height:250px;
	background-size:cover;
}
.ser-pan-hldr h3{
	color: #444;
    font-family: 'Anton', sans-serif;
    font-size: 42px;
	padding:30px 0;
	text-transform:uppercase;
	
}
.ser-pan-hldr p{
	color:#555;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:22px;
	padding-bottom:12px;
}
.ser-pan-hldr p strong{
	font-size:18px;
	margin:15px 0;
}
.table-inverse {
    background-color: #ff7f50;
    color: #eceeef;
}
.table-bordered th, .table-bordered td{
	font-size:15px;	
}
.product-list{
	box-shadow:none;	
}
.product-list li{
	vertical-align:middle;	
	padding:5px 0;
}
.product-list li i{
	font-size:16px;
	vertical-align:middle;
	margin-right:5px;
}
.ser-hldr-fst{
	margin-top:2em;	
}
.ser-hldr{
	background:#eee;
	padding:20px 15px;
	margin-bottom:2em;	
}
.ser-hldr-last{
	margin-bottom:4em;	
}
/*--/services--*/


/*--product page--*/
.pro-pan{
	background:url(../images/pro-ban.jpg) no-repeat left top;	
	min-height:250px;
	background-size:cover;
}
.form-control{
	border-radius:0;	
}
.pro-pan-steel{
	background:url(../images/steel-header.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.pro-pan-lead{
	background:url(../images/lead-header.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.pro-pan-zinc{
	background:url(../images/zinc-header.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.pro-pan-steel-ad{
	background:url(../images/steel-ad.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.pro-pan-lead-header-ad{
	background:url(../images/lead-header-ad.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.pro-pan-zinc-header-ad{
	background:url(../images/zinc-header-ad.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.download-header{
	background:url(../images/download-header.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.faq-header{
	background:url(../images/faq-header.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.con-header{
	background:url(../images/contact-ban.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
.doc-install-inst{
	background:url(../images/doc-install-inst.jpg) no-repeat left top;	
	min-height:350px;
	background-size:cover;
}
/*--/product page--*/


/*--steel page--*/
.list-prod{
	padding:1.5em 0 2em;
	text-align:left;	
}
.list-prod li{
	font-size:36px;
	font-weight:600;
	text-transform:uppercase;	
	font-family:"Anton",sans-serif;
	padding:0 32px;
	letter-spacing:1px;
}
.list-prod li a{
	text-decoration:none;
	color:#444;	
}
.list-prod li a.active{
	color:#ffe000;	
}
.pro-div{
	padding:0em 0 5em;	
}
.pro-box{
	padding:15px;	
	border:1px dashed #ccc;
}
.pro-box-hd{
	background:#D8D8D8;
	padding:8px 0;
	margin-top:10px;
}
.pro-box-hd h3{
	font-family:"Anton",sans-serif;
	color:#fff;	
	letter-spacing:1px;
}
.pro-box-hd h3 span{
	background:#FFE000;
	padding:17px 8px 17px;
	position:relative;
}
.pro-box-hd h3 span:after{
    border-top: 15px solid #FFE000;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.pro-box-hd h3 span:before{
    border-top: 15px solid #FFE000;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.blue{
	background:#0071BA !important;
	position:relative;
}
.blue:after{
	border-top: 15px solid #0071BA !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform:skewX(35deg);
    width: 15px;
}
.blue:before{
	border-top: 15px solid #0071BA !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.org{
	background:#F1932E !important;
}
.org:after{
	border-top: 15px solid #F1932E !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.org:before{
	border-top: 15px solid #F1932E !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.gre{
	background:#008956 !important;
}
.gre:after{
	border-top: 15px solid #008956 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.gre:before{
	border-top: 15px solid #008956 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.red{
	background:#DC0031 !important;
}
.red:after{
	border-top: 15px solid #DC0031 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.red:before{
	border-top: 15px solid #DC0031 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.blk{
	background:#000 !important;
}
.blk:after{
	border-top: 15px solid #000 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.blk:before{
	border-top: 15px solid #000 !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.sky-blu{
	background:#0071BA !important;	
}
.sky-blu:after{
	border-top: 15px solid #0071BA !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    transform: skewX(35deg);
    width: 15px;
}
.sky-blu:before{
	border-top: 15px solid #0071BA !important;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 56px;
    transform: skewX(-35deg);
    width: 15px;
}
.table-box{
	border:5px solid #ddd;	
}
thead > tr > th{
	font-family:"Anton",sans-serif;
	font-weight:400;
	letter-spacing:1.5px;
}
thead > tr{
	background:#eee;
	color:#000;	
}
/*tbody > tr > td:first-child{
	width:80%;	
}*/
tbody > tr > td{
	font-family: 'MyriadPro-Regular';
	font-size:18px;
}
.prod-des-pan{
	
}
.prod-des-pan h3{
	font-family:"Anton",sans-serif;
	letter-spacing:1px;
	color:#555;
	border-bottom:1px solid #555;
	padding-bottom:5px;
	margin-bottom:5px;
}
.prod-des-pan p{
	color:#777;
	padding-top:10px;
	font-size:16px;
	line-height:24px;
}
.sec-row{
	padding:2em 0;	
}



.prod-div-gap{
	padding-top:50px;
	border-top:5px solid #bbb;
}
.prod-div{
	padding-bottom:30px;
}
.prod-div-hd{
	
}
.prod-div-hd h3{
	background:#D8D8D8;
	padding:15px 0;
	/*transform:skewX(-35deg);*/
}
.prod-div-hd h3 ins{
	font-family:"Anton",sans-serif;
	color:#fff;
	padding:10px 12px 12px 12px;
	background:#000;	
}
.prod-div-hd h6{
	color:#444;
	padding:15px 0;
	font-size:20px;
	font-weight:600;	
}
.prod-div-hd p{
	color:#666;
	padding:15px 0;
	font-size:16px;
	font-weight:600;
	border-bottom:1px solid #999;
	padding-bottom:5px;	
}
.srip-box{
	margin-top:20px;
}
.srip-box h4{
	font-family:"Anton",sans-serif;
	color:#222;
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-top:10px;
}
.srip-group{
	padding-top:15px;
}
/*.srip-group li{
	border-bottom:1px solid #999;
}
.srip-group li:last-child{
	border-bottom:0 !important;
}
.srip-group li span{
	width:20%;
	float:left;
	border-right:1px solid #999;
	font-size:16px;
	font-family:"Anton",sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	display:block;
	padding:10px 0;
}*/
.fd{
	background:#eaeaea;	
}
.gray-srip{
	background:#686868 !important;
	color:#fff;	
}
.yel-srip{
	background:#F3E037;
}
.green-srip{
	background:#008956;	
	color:#fff;	
}
.blue-srip{
	background:#317CBF;
	color:#fff;
}
.srip-group li ins{
	width:80%;
	float:left;
	padding-left:15px;
	font-size:14px;
	font-family:sans-serif;
}
.srip-group li ins p{
	padding-top:8px;
	border-bottom:0;
	font-weight:400;
	font-size:14px;
	color:#333;
}
tbody > tr >td {
	font-size:15px !important;
}
/*--/steel page--*/


/*--zinc page--*/
.zinc-des-pan{
	padding-top:30px;	
}
.pro-value-des-div{
	
}
.pro-value-des-div p{
	font-size:15px;
	color:#555;
	font-weight:400;
	padding:5px 0;
	border-bottom:none;
}
.pro-val-list{
	box-shadow:none;
}
/*--/zinc page--*/


/*--download page--*/
.down-wrap{
	padding:2em 0;
}
.download-pan{
	padding-bottom:1em;	
}
.download-pan h3{
	color: #E1BC20;
    font-family: 'Anton', sans-serif;
    font-size: 42px;
    text-align: left;
	padding:15px 0;
	font-weight:600;
	text-transform:uppercase;	
}
.download-pan p{
	color:#555;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:28px;
	padding-bottom:12px;	
}
.down-fr{
	padding:5px 10px;
	margin:15px 0 20px;
	font-size:14px;	
	border-radius:0;
}
/*--/download page--*/


/*--faq page--*/
.panel{
	margin:15px 0 !important;	
}
.faq-wrap{
	padding:0em 0 4em;	
}
.faq-top-txt{
	padding-bottom:1.5em !important;	
}
.faq-pan{
		
}
.faq-pan h3{
	font-size:36px;
	font-weight:600;	
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	color:#E1BC20;
	padding:20px 0;		
}
.faq-pan p{
	color: #555;
    font-family:"Open Sans",sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 12px;
}
.faq-pan a{
	text-decoration:none;	
	color:#555;
	font-weight:400;
	font-size:18px;
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.faq-pan a i{
	padding-right:10px;	
	color:#000;
}
.faq-pan-txt{
	font-size:16px;
	line-height:26px;	
}
/*--/faq page--*/


/*--installation page--*/
.install-pan{
		
}
.install-pan h4{
	font-size:24px;
	color:#666;
	font-family:"Anton",sans-serif;	
}
.install-pan p{
	padding-top:15px;	
}
.inst-box{
	padding:0 0; 	
}
.pro-img{
		
}
.pro-img img{
	border:1px solid #999;
	padding:3px;
}
.img-pan-hldr{
	
}
.cir-no{
	background:#333;
	padding:15px 18px;
	border-radius:100px;
	color:#fff;	
	font-size:20px;
	float:none;
	margin:0 auto;
	display:table;
	margin-top:-30px;
	position:relative;
	z-index:99999;
	border:6px solid #fff;
	font-style:normal;
}
.cir-no2{
	border:6px solid #EAEAEA !important;
}
.adhesive-wheel-pan{
	background:#eaeaea;
	padding:2em 0;	
}
.adhesive-wheel-pan h3{
	font-size:36px;
	font-weight:600;	
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	color:#E1BC20;
	padding:20px 0;		
}
.adhesive-wheel-pan p{
	color: #555;
    font-family:"Open Sans",sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 12px;
}
.adhe-box{
	width:19%;
	margin-right:1%;
	float:left;	
}
/*--/installation page--*/


/*--contact page--*/
.form-control{
	border-radius:0;
	height:38px;	
}
.input-group-addon{
	padding:10px 12px !important;	
	border-radius:0;	
}
.bt{
	border-radius:0 !important;	
}
.con-info{
	margin-top:1em;
}
.con-info i{
	font-size:36px;
	color:#000;	
	color:#0769ca;
	border:1px solid #0769ca;
	padding:22px 30px;
	border-radius:300px;
}
.con-info i.ph{
	padding:22px 26px;
}
.con-info i.mail{
	padding:24px 24px;
}
.con-info p{
	color:#222;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	line-height:26px;
	padding-top:1em;
}
.con-info p a{
	color:#0769ca;
}
.con-info p a:hover{
	text-decoration:none;
	color:#444;
}
/*--/contact page--*/



/*--placeholder default colour change--*/
::-webkit-input-placeholder{
	color:#888 !important;
	font-weight:400;
}
::-moz-placeholder{
	color:#888 !important;
	font-weight:400;
}
::-ms-input-placeholder{
	color:#888 !important;
}
/*--/placeholder default colour change--*/



/*--css3 zoom in effect--*/
.image-box{
	overflow:hidden;
	cursor:pointer;
	border:5px solid #202c45;
}
.image-box:hover .image {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
.image{
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.image-zoom{
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	cursor:pointer;
}
.image-zoom:hover{
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);	
}
/*--/css3 zoom in effect end--*/


/*--css3 circle hover effect--*/
.circle {
   width: auto;
   -webkit-transition: -webkit-transform .8s ease-in-out;
   transition: transform .8s ease-in-out;
   cursor:pointer;
}
.circle:hover {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
/*--/css3 circle hover effect--*/


/*--button hover effect--*/
.button-e {
	font-family: 'MyriadPro-Regular';	
	display: inline-block;
	background: #0080ff;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight:600;
	padding: 15px;
	width: 170px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
	margin-top:.5em;
	/*border-radius:10px;*/
}

.button-e span {
	text-transform:uppercase;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button-e span:after {
	content: '»';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button-e:hover span {
	padding-right: 25px;
	color:#fff;
}

.button-e:hover span:after {
	opacity: 1;
	right: 0;
}
/*--/button hover effect--*/



/*==============To top css==============*/
#back-top {
	position: fixed;
	bottom: 20px;
	right:25px;
}
#back-top a {
	width: 48px;
	height:48px;
	display:block;
	background:url(../images/top.png) no-repeat left;
}
#back-top a:hover {
	background:url(../images/top2.png) no-repeat left;
}
/*==============To top css end==============*/

.modal{
	background:rgba(0,0,0,0.8);	
}
.modal-body{
	padding:5px;	
}
.img-bg a{
	text-decoration:none;
	color:#000;	
}
.img-bg a:hover{
	color:#9d2526;	
}
.img-bg a img{
	margin-bottom:10px;
	box-shadow:2px 6px 10px #999;
}

.live-chat{
	position:relative;		
}
.live-chat img{
	position:fixed;	
	bottom:0;
	right:0;
	z-index:999999;
}