@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);/* font-family: 'Roboto Condensed', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);/* font-family: 'Roboto Slab', serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans); /* font-family: 'Open Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);/* font-family: 'Raleway', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Righteous); /*font-family: 'Righteous', cursive;*/
@import url(https://fonts.googleapis.com/css?family=Candal);/* font-family: 'Candal', sans-serif;*/

 *{ outline:none !important; text-decoration:none !important;}
img{ max-width:100%;}
p, li, input,textarea{ font-family: 'Open Sans', sans-serif;}
p, li{}
h1,h2,h3,h4,h5,h6{ font-family: 'Roboto Condensed', sans-serif;}


.hed_row1{
	background-color:#606060;
}
.top_phone{
	float:right; margin:0 -15px; padding:0; list-style:none; overflow:hidden;
}
.top_phone li{
	float:left; position:relative; padding: 0 15px 0 20px; color:#fff; margin:5px 0; font-size:13px;
}
.top_phone li a{ color:#fff; }
.top_phone li i{
	position:absolute; left:0; top:3px;
}
.hed_row2{
}

.logo{ position:relative; width:auto; max-width:285px;}
.logo img{ width:100%; }
.logo:before, .logo:after{
	top:-20px; width:90%; background-color:#fff; height:20px; content:' '; position:absolute;
}
.logo:before{
	right:0; transform:skew(40deg);
}
.logo:after{
	left:0;
	transform:skew(-40deg);
}
.main_menu{ overflow:hidden;}



.banner_wrap{
	background-color:#ccc;
}
.banner_wrap img{ width:100%;}

.inner_banner{
	background-color:#ccc;
}


.content_wrap{
}

.cnrws{ padding:30px 0;}
.cnrws1{
}
.main_hed{
	margin:0 0 10px 0; padding:0 0 10px 0 ; position:relative; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase; font-size:28px;
}


a.read_pro_btn{
	color:#505050; display:inline-block; position:relative; padding-left:35px; text-align:center; font-weight:bold;
}
a.read_pro_btn:before{
	position:absolute; left:0; top:-1px; width:25px; height:25px; color:#fff; background-color:#CC0000;
	content:'\f105 '; font-family:'FontAwesome';
	border:2px solid #CC0000;
	border-radius:50%;
	transition:all linear 0.2s;
}
a.read_pro_btn:hover:before{
	background-color:#303030; color:#fff; border:2px solid #303030;
}

.imgrow{ border:1px solid #ddd; margin-bottom:30px; }
.imgrow img{ width:100%; border-bottom:1px solid #ddd; }
.imgrow p{ padding:10px; margin:0;}

.wel_list{
	margin:0; padding:0;
}
.wel_list li{
	overflow:hidden; margin:15px -15px 0 -15px;
}
.wel_list li:nth-child(1){
	margin-top:0;
}
.wel_list li h3{
	margin:0 0 10px 0; padding:0; text-transform:uppercase; font-weight:bold;
}



.cnrws2{
	background-color:#f0f0f0;
	background-image:url(../images/tp-pattern.png);
}

.products_list{
	margin:0 -15px; padding:15px 0 0 0; list-style:none; overflow:hidden;
}
.products_list li{
	padding:30px 15px; margin:15px 0 0 0; text-align:center;
}
.pros_cols{
	padding:55px 20px 20px 20px; background-color:#fff; position:relative; min-height:180px; border:1px solid #f0f0f0;
}
.pros_cols h3{
	font-size:20px; font-weight:bold;
}
.pros_cols h3 a{color:#606060;}
.pros_cols h3 a:hover{ color:#CC0000;}
.pro_img a{ display:block;}
.pro_img img{ width:100%; }
.pro_img{
	width:120px; height:120px; background-color:#dfdfdf; z-index:56; margin:auto; top:-65px; overflow:hidden; border:2px solid #ccc;
	
	position:absolute; left:0; right:0;
}


.enquiry_form{
	list-style:none; overflow:hidden;
}
.enquiry_form div{ font-family: 'Open Sans', sans-serif; overflow:hidden; }
.enquiry_form div{ margin:0 0 15px 0; }
.enquiry_form div label{ color:#333; font-weight:normal; }
.enquiry_form div .form-control{background-color: transparent; border:1px solid #dfdfdf; margin:5px 0 0 0;	box-shadow:none; color:#333;}
.enquiry_form div textarea.form-control{ resize:none; height:80px;}
.enquiry_form div button{ }


.content_gen h3{
	color:#c00;
}
.page_hed{
	margin:0 0 10px 0; padding:0  0 10px 0; color:#c00; text-transform:uppercase; position:relative;
}
.page_hed:before{
	position:absolute; left:0; content:' '; width:80px; height:1px; background-color:#606060; bottom:0;
}

.list_style1{
	margin:0; padding:0; list-style:none;
}
.list_style1 li{
	margin:0 0 8px 0; position:relative; padding:0 0 0 15px;
}
.list_style1 li:before{
	position:absolute; left:0; content:'\f111 '; font-family:'FontAwesome'; font-size:8px; color:#CC0000; top:3px;
}

.aside{
}
.aside_links{
	margin:0; padding:0; list-style:none;
}
.aside_links li{
	border-top:1px solid #e2e2e2;
}
.aside_links li a{
	display:block; padding:10px; background-color:#f0f0f0; color:#303030; font-size:15px;
	transition:all linear 0.2s;
}

.aside_links li a:hover, .aside_links li.active a{
	background-color:#dfdfdf; color:#c00;
}



.paralal_content{
	margin:0; padding:0; list-style:none;
}
.paralal_content li{
	overflow:hidden; margin:0 -15px
}
.paralal_content li:nth-child(even) div.img-con{
	float:right;
}


.list_style2{ margin:0 -15px; padding:0; list-style:none; overflow:hidden;}
.list_style2 li{
	margin:0 0 15px 0;
}
.list_style2 li div{
	border:1px solid #e2e2e2;
}
.list_style2 li div p{
	min-height:80px; padding:10px; margin:0;
}
.list_style2 li div span{
	display:block; height:180px; background-color:#dfdfdf;
}


.footer{
}
.ft_rw1{
	background-color:#161616; padding:20px 0;
}
.ft_rw1 h3{
	color:#dfdfdf;
}
.ft_link{
	margin:0; padding:0; list-style:none;
}
.ft_link li{
	margin:0 0 5px 0; padding: 0 0 0 15px; position:relative;
}
.ft_link li:before{
	content:'\f105 '; position:absolute; left:0;font-family:'FontAwesome'; color:#f00;
}
.ft_link li a{
	color:#999; font-size:13px;
}

.ft_add{
	margin:0; padding:0; list-style:none;
}
.ft_add li{
	position:relative; margin:0 0 5px 0; padding:0 0 0 30px; color:#999; font-size:13px;
}
.ft_add li i{
	position:absolute; left:0; font-size:18px; top:4px; color:#f00;
}

.social_links{
	margin:0 -5px; padding:0; list-style:none; overflow:hidden;
}
.social_links li{
	float:left; padding:0 5px;  display:table; text-align:center;
}
.social_links li a{
	display:block; width:40px; height:40px; color:#999; background-color:#303030; font-size:16px; display:table-cell; vertical-align:middle; border:1px solid #222;
	transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s;
	border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;
}
.social_links li a:hover{
	background-color:#f00; color:#fff;
}

.ft_rw2{
	background-color:#090909;
}
.ft_rw2 p{
	margin:15px 0; padding:0; text-align:center; color:#666; font-size:13px;
}

.grpitm{ border:1px solid #ddd; overflow:hidden; margin-bottom:30px; }
.grpimg{ }
.grpitm h4{ background-color:#ddd; margin:0; padding:8px;  }
.grpitm p{ padding:8px;}




.galls{margin: 0 -15px; padding: 0; list-style: none;}
.galls li{ margin: 0 0 20px 0; }
.galls li div{min-height: 230px;}


.certificates_page{ margin:0 -15px; padding:0; list-style:none;}
.certificates_page li{ margin:0 0 8px 0; padding:15px;}
.certificates_page li a{padding: 20px; overflow:hidden; height: 150px; position: relative;  display:block; border:1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.certificates_page li a img{
	position: absolute; left: 50%; top: 50%;  max-width: 150px; width: 100%;
	-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}



@media(max-width:768px){
.hed_row1{ display:none;}
.logo{ padding:10px 0; max-width:200px;}
}
@media(min-width:768px){
.logo{ padding:0 0 10px 0; max-width:250px;}
}

@media(min-width:980px){
.resp_trigg{ display:none;}
.navigation{
	margin:0; padding:0; list-style:none; overflow:hidden; float:right;
}
.navigation > li{
	float:left; font-family: 'Roboto Condensed', sans-serif;
}
.navigation > li > a{
	display:block; padding:29px 8px; text-transform:uppercase; font-weight:bold; color:#606060;
	border-bottom:2px solid #fff;
}
.navigation > li:hover > a, .navigation > li.active > a{
	border-bottom:2px solid #CC0000; color:#CC0000;
}

.navigation > li ul{
	position:absolute; background-color:#212937; list-style:none; margin:0; padding:10px 0; width:200px; display:none; z-index:564; border-top:2px solid #CC0000;
	box-shadow:0 10px 10px rgba(0,0,0,0.2);
}
.navigation > li > ul{ margin:5px 0 0 0;}
.navigation > li ul > li >a{
	display:block; padding:6px 8px; color:#fff; font-size:13px;
}
.navigation > li ul > li:hover >a{
	background-color:#f0f0f0; color:#303030
}

.navigation > li ul > li >ul{
	margin:-33px 0 0 200px;
}
.navigation > li ul > li >ul > li >a{
	font-size:13px;
}
}
@media(max-width:980px){
.resp_trigg{ float:right; background-color:#656565; color:#fff !important; margin:10px 0; padding:5px 8px;}
.navigation{
	margin:0; padding:10px;list-style:none; position:fixed; left:-100%; top:0; bottom:0; width:180px; z-index:99999;
	background-color:#fff; overflow:auto;
}
.navigation li{ margin:5px 0;}
.navigation > li > a{ color:#220;}
.navigation > li >ul{
	margin:0 !important; padding:10px 0 10px 10px; list-style:none; display:block !important; position:relative;
	background-color:#f0f0f0;
}
.navigation > li >ul:before{
	position:absolute; left:0; top:-5px; content:'\f149 ';font-family:'FontAwesome'; color:#999;
	-moz-transform: rotateX(180deg) rotate(-90deg);-ms-transform: rotateX(180deg) rotate(-90deg);
	-o-transform: rotateX(180deg) rotate(-90deg);-webkit-transform: rotateX(180deg) rotate(-90deg);
	transform: rotateX(180deg) rotate(-90deg);
}
.navigation > li >ul > li > a{ font-size:13px; color:#202020; border-bottom:1px solid #ccc; display:inline-block; padding:3px 0;}
.navigation > li >ul > li > ul{
	margin:0 !important; padding:0; list-style:none; display:block !important;
}
.navigation > li >ul > li > ul > li{ position:relative; padding:0 0 0 12px;}
.navigation > li >ul > li > ul > li:before{ position:absolute; left:0; font-size:8px; top:4px; content:'\f178 '; font-family:'FontAwesome';}
.navigation > li >ul > li > ul > li >a{ color:#202020; font-size:13px;}

}