@font-face {
	font-family: roboto;
	src:url(../fonts/Roboto-Regular.ttf);
}
@font-face {
	font-family:roboto-semi;
	src:url(../fonts/Roboto-Medium.ttf)
}
@font-face {
	font-family: roboto-bold;
	src:url(../fonts/Roboto-Bold.ttf);
}

@font-face {
	font-family:roboto-black;
	src:url(../fonts/Roboto-Black.ttf)
}

p{ text-align:justify;}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none !important;
}
a:focus, a:hover {
	text-decoration: none !important
}
a, img {
	text-decoration: none;
	border: 0;
	outline: none;
	color: #666;
	font-family: roboto-semi;
}
a:hover {
	text-decoration: none;
}
ul, ol li {
	list-style: none inside;
	margin: 0;
	font-family: lato;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	margin: 5px 0 0px 0;
	font-family: roboto-bold;
}
em {
	font-style: normal;
}
p {
	line-height: 24px;
	font-size: 15px;
	position: relative;
	color: #333;
	font-family: roboto;
}
body {
	line-height: 1;
	font-size: 14px;
	color: #666;
	font-family: lora;
	background: #fff !important;
	overflow-x:hidden
}
table {
	border: 0;
	border-collapse: collapse;
}
textarea, input {
	font-size: 14px;
}
strong {
	margin: 0;
	padding: 0
}
i {
	font-style: normal;
	display: inline-block;
}
label {
	display: inline-block;
	font-weight: normal !important;
	margin-bottom: 0 !important;
	max-width: 100%;
}
.ful_wid {
	display: inline-block;
	width: 100%;
}
.fleft {
	float: left;
}
.fright {
	float: right
}
.clear {
	clear: both
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
	border-bottom: 0
}

.container {
	width:1170px;
	font-family: roboto;
	ma
	rgin:0 auto;
}

.product_inr li:last-child{ margin-right:0;}


.top_strip{ background:#177CD6; padding:7px 0;}
.social_blog li{ float:left;}
.social_blog li a{ display:block; margin:0 5px 0 0 }
.social_blog li a i{ padding:5px ; background:#106EC2; border-radius:3px; color:#fff; font-size:12px;}
.address { padding:0; margin-top:2px;}
.address li em{ font-family:roboto-semi; color:#fff; font-size:13px; text-transform:uppercase}
.address li i{ margin-right:10px; color:#fff;}
.logo{ width:23%; padding:0}
.logo img{ width:100%}
.header{ background:#fff}
.header_right_inr li{ float:left; position:relative; margin:15px 10px;  border-right:2px solid #f0f0f0; padding:0 15px 0 50px}
.header_right_inr li span{ color:#afafaf; display:block; font-family:roboto-bold;  margin-bottom:4px; font-size:14px;}
.header_right_inr li h4{ font-family:roboto-bold; color:#3a3a3a; font-size:17px;}
.header_right_inr li.phone::before{ content:""; position:absolute; top:0; left:0; width:40px; height:40px; border-radius:50%;  background:#177CD6 url(../images/phone1.png) no-repeat 5px 4px; border:2px solid #d4d4d2}
.header_right_inr li.mail::before{ content:""; position:absolute; top:0; left:0; width:40px; height:40px; border-radius:50%;  background:#177CD6 url(../images/mail1.png) no-repeat 5px 4px; border:2px solid #d4d4d2}
.header_right_inr li em a{ color:#fff; background:#177CD6; font-family:roboto-bold; display:block; padding:10px 20px; text-transform:uppercase; border-radius:3px; margin-top:5px;}
.header_right_inr li em:hover a{ background:#FEDD02}
.header_right_inr li:last-child{ padding-left:0; border:0; margin-right:0;}
.menu{ background:#f6f6f6;}
.menu_inr li{ float:left; position:relative }
.menu_inr li a{ display:block; padding:25px 20px;font-family:roboto-bold; color:#808488; text-transform:uppercase}
.menu_inr li a:hover, .menu_inr li a.active{ color:#078aff /*#FEDD02*/}
.menu_right li{  padding:25px 20px;font-family:roboto-bold; color:#29333c; text-transform:uppercase}
.menu_right li small{ color:#666; font-size:10px;}
.submenu{ position:absolute; top:100%; left:0; z-index:3; background:#3b5999; white-space:nowrap; display:none;}
.submenu li{ float:none}
.submenu li a{ display:block; padding:20px 15px; margin:0; color:#fff; font-size:13px; font-family:roboto; /*border-bottom:1px solid #eaeaea*/}
.submenu li a:hover{ color:#fff; background:#00aff0;}

.menu_inr li:hover .submenu{ display:block;}
.submenu li i{ font-size:18px; color:#fff; top:16px;  float:right; position:absolute; right:0px; }
.drop_down1 {
	top:0px;
	left: 100%;background:#3b5999;
	position: absolute;
	z-index: 3;
	
	white-space: nowrap;
	transition: all 0.5s ease-in-out;
}
.menu_inr li:hover .drop_down1 {
	display: none;
	transition: all 0.5s ease-in-out;
}

.submenu li:hover .drop_down1 {
	display: block;
	transition: all 0.5s ease-in-out;
}

.drop_down1 li i{ font-size:18px;  float:right; position:absolute; right:4px; }

.drop_down2 li i{ font-size:18px;  float:right; position:absolute; right:4px; }

.drop_down2 {
	top:-1px;
	left: 100%;
	position: absolute; padding:0;
	z-index: 3;
	background:#3b5999;
	white-space: nowrap;
	transition: all 0.5s ease-in-out;
}
.menu_inr li:hover .drop_down2 {
	display: none;
	transition: all 0.5s ease-in-out;
}

.drop_down1 li:hover .drop_down2 {
	display: block;
	transition: all 0.5s ease-in-out;
}




.banner{ position:relative}
.banner img{ width:100%;}
.banner_patt{ position:relative}
.banner_patt::after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:rgba(0,0,0,0.05)}
.banner_ctn{ position:absolute; top:30%; left:10%; z-index:3 !important; width:40%;}
.banner_ctn h2{  color:#fff; margin-bottom:15px; font-size:45px;}
.banner_ctn  p{ color:#fff;}
.banner_ctn a{ color:#fff; display:inline-block; font-family:opensans-bold;  background:#ffa405; text-transform:uppercase}
.read_btn{ color:#fff; display:inline-block;  margin-top:15px; text-transform:uppercase; }
.read_btn a{ color:#fff; display:inline-block; font-family:roboto-bold;  background:#ffa405;padding:15px 30px; text-transform:uppercase;border-radius:60px;}
.banner_ctn_first{ text-align:right; right:10%; left:inherit}
.banner .owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; left:0; right:0}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev {
    background: #252E37 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 15px 13px / 10px auto;    float: left;    height: 40px;    padding: 0;    width: 40px;	margin-left:20px}
.banner .owl-theme .owl-controls .owl-buttons .owl-next {    background: #252E37 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 15px 13px / 10px auto;    float: right;    height: 40px;    padding: 0;    width: 40px;	transform:rotate(180deg);	margin-right:20px}
.about{ padding:60px 0}
.about_left{ width:46%;}
.title{ width:100%; display:inline-block}
.title h2{ font-family:roboto-black; font-size:29px; text-transform:uppercase; color:#28323b}
.title em {    background: #177cd6 none repeat scroll 0 0;    display: block;    height: 5px;    margin: 20px 0;    transform: skewX(-34deg);    width: 60px;}
.abt_ctn{ padding:30px 0 0 0 }
.about .read_btn a{ background-color:transparent; color:#000; border:2px solid #333; border-radius:0; margin:15px 0}
.abt_image img{ width:100%}
.abt_ctn_inr{ padding:20px 0}
.min_fnt{ font-family:roboto-black; color:#177CD6; margin:10px 0; font-size:21px;}
.min_fnt2{font-family:roboto-bold; text-transform:uppercase; color:#177CD6; margin:10px 0; font-size:18px;}
.abt_ctn_inr a{ font-family:roboto-black; color:#2E4C66; margin:20px 0; font-size:16px; display:block; font-size:14px;}
.about .read_btn a:hover{ background:#177CD6; color:#fff; border-color:#fff;}
.abt_ctn_inr p{ margin-bottom:15px;}
.yyy{ margin-top:82px;}
.hh{ margin-top:3px;}
.our_client{ background:#EDEDED; padding:90px 0 130px 0; width:100%; display:inline-block;}
.client{ background:#fff; padding:10px; border-radius:5px; width:90%;}
.client img{ width:100%;}
.av{ margin-top:85px;}
.our_client h2{ font-family:roboto-black; font-size:33px; text-transform:uppercase; text-align:center; color:#1b68cc; padding-bottom:30px;}
.j1{ width:100%; display:inline-block; padding:30px 0 70px 0;}
.j2{ width:39%; float:left; margin:30px 20px 30px 0;}
.j3{float:right; width:48%;}
.j3 img{ width:100%; max-width:100%; margin-top:37px;}

.j2 h2{ font-family:roboto-black; font-size:35px; text-transform:uppercase; text-transform:uppercase; color:#5f5c5c; padding-bottom:40px;}
.j2 p{ font-size:28px; font-weight:300; font-style:normal; font-family: 'Open Sans', sans-serif; color:#fff; background:#3297DB;
 padding:8px 0;  margin-bottom:20px; text-align:center;}
 .hhhh{ margin-top:80px;}
 .yy{ width:100%; display:inline-block; padding:60px 0;}
 .yy h2{ font-family:roboto-black; font-size:33px; text-transform:uppercase; text-align:center; color:#5f5c5c; padding-bottom:30px;}
 .vv img{ width:90%;}
 .yy p{ font-size:16px; text-align:justify; line-height:35px; font-weight:400; font-style:normal;  color:#363636; 
  margin-bottom:20px;}
 .vv{ width:100%; display:inline-block; padding:90px 0;}
  .vv li{ width:32%; float:left; margin-right:12px; margin-bottom:40px;}
.io{ margin-top:160px;}
 
 .j22{ width:45%; float:left; margin:30px 20px 30px 0;}
.j33{float:left; width:45%; margin-right:30px;}
.j33 img{ width:100%; max-width:100%; margin-top:37px;}

.j22 h2{ font-family:roboto-black; font-size:35px; text-transform:uppercase; text-transform:uppercase; color:#777; padding-bottom:25px;}
.j22 p{ font-size:24px; font-weight:300; font-style:normal; font-family: 'Open Sans', sans-serif; color:#fff; background:#3297DB;
 padding:8px 16px;  margin-bottom:20px;}
 
 
 
 

.our_client .owl-theme .owl-controls .owl-buttons {    bottom: -85px;    left:45%;    position: absolute;    top: inherit;}
.our_client .owl-theme .owl-controls .owl-buttons .owl-prev {
    background:#177cd6 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 10px 9px / 8px auto;    float: left;    height: 30px;    padding: 0;    width: 30px;	margin-left:20px}
.owl-theme .owl-controls .owl-buttons .owl-next {    background: #177cd6 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 10px 8px / 8px auto;    float: right;    height: 30px;    padding: 0;    width: 30px;	transform:rotate(180deg);	margin-right:20px}

.product{ background:#29333C; padding:60px 0 90px 0}
.product .tittle{ text-align:center}
.product h2{ text-align:center; color:#fff;}
.product .title > em {    margin: 20px auto;}
.product_inr{ padding-top:30px;}
.product_inr li{ float:left; width:24%; text-align:center; margin-right:15px; padding:60px 15px; background:#252e37; border-bottom:3px solid #177CD6; position:relative; min-height:490px;}
.product_inr li:last-child{ margin:0}
.product_inr li h5{ color:#ccc; margin:0px 0 15px 0}
.product_inr li p{ color:#767d85; text-align:center; font-size:14px; line-height:20px; min-height:85px;}
.product_inr li img.ser_icon{ display:block; margin:0 auto}
.product_inr li h2{ margin:25px 0 15px 0; text-transform:capitalize}
.product_inr li a{ width:40px; height:40px; display:block; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; text-align:center; line-height:40px; border-radius:50%; font-family:roboto-bold; color:#fff; z-index:3; background:#177CD6}
.product_inr li:hover a{ background:#fedd02; color:#000;}
.product_inr li:hover { border-color:#fedd02; background:#293446}
.product_inr li:hover h2{ color:#fedd02;}
.gurantee_blog{ padding:40px 0}
.gurantee_blog li{ float:left; width:33%; padding-left:100px; position:relative}
.gurantee_blog h3{ font-size:21px; margin:0; color:#29333c; text-transform:uppercase}
.gurantee_blog p{ color:#666;}
.gurantee_blog li.gurant{ background:rgba(0, 0, 0, 0) url("../images/ser/gurantee.png") no-repeat scroll 32px 1px;}
.gurantee_blog li.warranty{ background:rgba(0, 0, 0, 0) url("../images/ser/warranty.png") no-repeat scroll 32px 1px;}
.gurantee_blog li.calc{ background:rgba(0, 0, 0, 0) url("../images/ser/calx.png") no-repeat scroll 32px 1px;}
.footer{ padding:30px 0; background:#252E37}
.footer_left { color:#ccc; width:30%;}
.scrollToTop{ position:fixed; bottom:80px; right:30px;}
.scrollToTop i{ color:#fff; background:#DD3381; width:30px; height:30px; line-height:30px; text-align:center}
.vis:last-child{ margin-right:0;}
.inr_banner img{ width:100%;}
.inr_banner{ background:url(../images/in_bg.jpg) no-repeat; background-size:cover; height:150px;}
.inr_banner h3{ color:#f2e70b; text-transform:uppercase; margin-top:5%;}
.submenu2 li{ float:left;}
.inr_banner2{ background:url(../images/in_bg.jpg) no-repeat; background-size:cover; height:150px;}
.inr_banner2 h3{ color:#f2e70b; text-transform:uppercase; text-align:center; margin-top:5%;}
.submenu2 li a{ display:block; color:#fff; padding:0 10px; border-right:1px solid #fff;}
.submenu2 li:nth-child(1) a{ padding-left:0}
.submenu2 li:last-child a{ border:0}
.submenu2 li a:hover, .submenu2 li a.active{ color:#FEE302}
.footer_left3{ float:right; width:25%;}
.footer_left2{float:left; width:43%;}
.footer_left2 p{ color:#ccc; font-size:14px; position:relative; padding-left:16px; font-family:roboto; font-weight:normal;}
.footer_left2 p::before{ position:absolute; content:"\f041"; font-family: FontAwesome; left:0; right:0; bottom:0; top:0; font-size:16px;}

.footer_left2 h2{ color:#ccc; font-size:14px; margin-bottom:10px; position:relative; padding-left:16px; font-family:roboto; font-weight:normal;}
.footer_left2 h2::before{ position:absolute; content:"\f095"; font-family: FontAwesome; left:0; right:0; bottom:0; top:0; font-size:16px;}

.footer_left2 h3{ color:#ccc; margin-bottom:12px; font-size:14px; position:relative; padding-left:18px; font-family:roboto; font-weight:normal;}
.footer_left2 h3::before{ position:absolute; content:"\f003"; font-family: FontAwesome; left:0; right:0; bottom:0; top:0; font-size:15px;}

.abt_ctn_contact{ padding:0}
.abt_ctn_contact .abt_ctn_inr{ padding:0}
.enquiry_frm li{ padding:10px 5px; float:left; position:relative }
.enquiry_frm li.wid_50{ width:50%;}
.enquiry_frm li input{ width:100%; height:40px; border:1px solid #ccc; padding:0 10px;}
.enquiry_frm li textarea{ width:100%; height:100px; border:1px solid #ccc; padding:10px; resize:vertical}
.submit_btn{ border:0; border:2px solid #000; font-family:roboto-bold; padding:10px 15px; text-transform:uppercase; color:#000; background-color:transparent; margin-left:6px}

.submit_btn:hover{ background:#177CD6; color:#fff;}

.adrs li{ position:relative; padding:0 0 30px 55px}
.adrs li span{ display:block; font-family:roboto-bold; text-transform:uppercase}
.adrs  li.phone_contact i{position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; border-radius:50%; border:2px solid #333; text-align:center; font-size:18px;}

.adrs { padding:20px 0}
.enquiry_frm{ padding:20px 0;}
.about_page{ padding:60px 0}
.about_page_lft{ width:40%;}
.about_page_lft img{ width:100%;}
.about_page_rht{ width:60%; padding:0 40px;}
.about_page_rht p{ margin-bottom:15px;}
.about_double li{ float:left; width:50%; padding:10px 5px;}
.about_double li:last-child{ padding-right:0}
.about_double li:first-child{ padding-left:0}
.about_double li img{ width:100%;}
.about_page_rht h2{ color:#000; padding-bottom:12px; padding-top:10px; font-size:22px;}
.about_page_rht span{ color:#177CD6;}
.vis{ width:30%; margin-right:57px; float:left; margin-bottom:35px;}
.vis h2{ color:#000; padding-bottom:12px; padding-top:10px; font-size:22px;}
.vis span{ color:#177CD6;}
.vis p{ font-size:14.2px; color:#363636; margin-bottom:6px; text-align:left;}
.vis i{ font-size:14px; color:#177CD6; margin-right:2px;}
.menu_right{ display:block; float:right;}
.menu2{ display:none; background:#177CD6; color:#fff; padding:15px 0; overflow:hidden;}
.menu2 a{ font-size:15px; color:#fff;}
.menu2 i{float:right; color:#fff;}
.cli{ width:100%; background-image:url(../images/bg20.png); position:relative; padding:40px 0; height:400px;}
.cli h3{ font-size:30px; color:#fff; font-family:Roboto; text-transform:uppercase; text-align:center; margin-top:30px; margin-bottom:33px;}

.cli .owl-theme .owl-controls .owl-buttons {    bottom: -85px;    left: 37%;    position: absolute;    top: inherit;}
.cli .owl-theme .owl-controls .owl-buttons .owl-prev {
    background:#177cd6 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 10px 9px / 8px auto;    float: left;    height: 30px;    padding: 0;    width: 30px;	margin-left:100px}
.cli .owl-controls .owl-buttons .owl-next {    background: #177cd6 url("../images/lft_arw%20-%20Copy.png") no-repeat scroll 10px 8px / 8px auto;    float: right;    height: 30px;    padding: 0;    width: 30px;	transform:rotate(180deg);	margin-right:20px}
.client2 img{ box-shadow:1px 2px 5px #363636; margin:10px;}

.set40{ width:100%; display:inline-block; margin-bottom:3px;}
.set41{float:left; width:6%; margin-top:5px; }
.set42{ float:right; width:94%}