@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;font-family: 'Barlow', sans-serif;}
img{ width:100%;}
*{ box-sizing:border-box;}
.clear-f{ clear:both; display:block;}
p{font-family:'Nunito Sans', sans-serif; font-size:18px; font-weight:300; line-height:30px}
a:hover{ text-decoration:none;}
.over-f{ overflow:hidden;}
.no-pading{ padding:0;}
.brdr{ border:#f00 1px solid; min-height:50px;}

.main{ width:100%; height:auto; float:left;}
.container-fluid{ padding:50px 0;}
.container{ width:92%; max-width:1500px;}
.head{ position: fixed; top:0;  z-index:9999; width:100%; border:0; border-radius:0px;}
.head .container{ }	
.head .container-fluid{ padding:0 0;}
.head .logo{ width:320px; float:left; height:auto;}
.top_fix { background:#fff }
.top_fix .container-fluid{padding:0;}
.top_fix .container{ border:0; padding-bottom:0;}
.banner{ overflow:hidden; padding:0; position:relative;}
.banner ul{ margin:0;}
.banner img{ min-width:550px;}
.flex-control-paging { bottom:50px; position:absolute; z-index:999; width:100%; text-align:center;}
.flex-control-paging li { display:inline-block;list-style:none; font-size:0px; margin:2px; cursor:pointer; } 
.flex-control-paging li a{ width:20px; height:20px; background:#fff; border-radius:50px; font-size:0px; float:left;}
.flex-control-paging li .flex-active{ border:#fff 2px solid; background:none;}
.menu{ float:right; width:80%; margin-top:20px;}
.navbar-default .navbar-nav > li > a{ color:#fff ; font:400 16px 'Barlow', sans-serif; padding:15px 10px; }
.navbar-default .navbar-nav > li > a:hover{ color:#cf112b;}
.navbar-default .navbar-nav .active a{ color:#cf112b; background:none;}
.navbar-default .navbar-nav .active a:hover{ color:#cf112b; background:none;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #fff;background: none ;}
.navbar-nav > li > .dropdown-menu{ margin-top:20px; background:#35407f; min-width:220px;}
.dropdown-menu > li > a:hover{ background:none; color:#fff; border-bottom:#ccc 1px solid;}
.dropdown-menu > li > a{background:none; color:#fff; border-bottom:#ccc 1px solid; padding:10px 12px;font:400 14px 'Barlow', sans-serif; }
.head .certifct{  width:415px; display:inline-block; height:auto; padding:10px 0; margin-left:20px; float:left;}
.head .certifct i{ color:#969696; font:400 12px 'Barlow', sans-serif; background:url(../images/crtft-icn.png) left 7px top no-repeat; padding:0 7px ; padding-left:30px; float:left; }
.head .certifct i strong{ color:#fff;font:700 15px 'Barlow', sans-serif; display:block;}
.head .certifct i:nth-child(2){ border-left:#fff 1px solid;border-right:#fff 1px solid;}
.head .downld{ width:180px; float:right; margin-top:2px; padding:0;}

.navbar-toggle .icon-bar{ background:#cf112b;}
.navbar-default .navbar-toggle .icon-bar{ background:#cf112b;}
.h-sec-1{ background:url(../images/sec1-bg.jpg) center top no-repeat; background-size:cover;}
.h-sec-1 img{ width:98px;}
.h-sec-1 .col{ padding:30px 2%;color:#fff;}
.h-sec-1 .col h2{font:700 35px 'Barlow', sans-serif;}

.h-sec-2{ position:relative;}
.h-sec-2 .line{ width:100%; height:150px; position: absolute; left:0; top:40%; background:url(../images/h-s2-bg.jpg) center bottom repeat-y;} 
.h-sec-2 .contnt{ background:#fff; padding:20px; padding-right:30px; overflow:hidden;}
.h-sec-2 .contnt h1 { color:#0560c1; font:700 44px  'Barlow', sans-serif; text-transform:uppercase; }
.h-sec-2 .contnt h1 span { color:#323e81; }
.h-sec-2 .contnt p{ color:#5e5e5e;}
.h-sec-2 .contnt a{ color:#5c5c5c; text-transform:uppercase;font:700 17px  'Barlow', sans-serif; border:#adadad 1px solid; padding:10px 20px;}
.h-sec-2 .right{ background:url(../images/h-s2-r-bg.jpg) right bottom no-repeat; padding:0 42px 42px 0; float:right; background-size:cover; }
.h-sec-2 .right ul{ background:#fff;}

.h-sec-3{ padding:0;}
.h-sec-3 ul{ margin:0;}
.h-sec-3 li{ background:#f7941e; position:relative; overflow:hidden;}
.h-sec-3 li img{ opacity:0.4; min-width:480px;}
.h-sec-3 .slick-current{ background:#0089d0; }
.h-sec-3 li .overly{ width:92%; max-width:500px; height:auto; position:absolute; left:0; right:0; margin:auto; top:25%; background:rgba(0,0,0,0,0.5); z-index:99; color:#fff; text-align:center;}
.h-sec-3 li .overly h2{font:700 35px  'Barlow', sans-serif;}
.h-sec-3 li .overly a{ padding:10px 0; width:120px; border-radius:8px; margin-top:20px; display: inline-block; border:#fff 1px solid;font:700 16px  'Barlow', sans-serif; color:#fff; background:url(../images/rd-mr.png) center right 15px no-repeat;}
.leadng-brnd { padding: 30px 0 !important; }
.leadng-brnd .container{ max-width:1750px; float:right; text-align:left;}
.leadng-brnd h1{ color:#0560c1;font:700 48px 'Barlow', sans-serif; margin-top:70px}
.leadng-brnd h1 span{ color:#838383;font:300 20px 'Barlow', sans-serif; display:block;}
.leadng-brnd ul{ margin-top:45px; overflow:hidden;}
.leadng-brnd ul li{ border:#fff 1px solid; border-radius:15px;overflow:hidden;}
.leadng-brnd ul .slick-current{}

.latest-news{ background: url(../images/footer-bg.jpg) center top no-repeat; background-attachment:fixed; background-size:cover;color:#fff; padding-bottom:80px;}
.latest-news h1{ color:#fff;font:550 38px 'Barlow', sans-serif; text-align:center}
.latest-news .p{ font-size:18px; font-weight:400;  height:auto; overflow:hidden; float:left; width:100%; }
.latest-news .p p{ padding-top:25px; float:left; width:85%; font-family: 'Dancing Script', cursive; font-size:26px; }
.latest-news .p i{ background:#0560c1; width:100px; height:100px; float:left; margin-right:30px; border-radius:50%; padding:5px }
.latest-news .p i span{ font:400 20px  'Nunito Sans', sans-serif; display:block;}

.search-section{ text-align:center; padding:0 !important;}
.search-section h2{ color:#0560c1;font:700 25px 'Barlow', sans-serif;}
.search-section p{font:400 20px  'Nunito Sans', sans-serif;}
.search-section form{ margin-top:40px; text-align:center}
.search-section .srch-bx{ width:70%; max-width:400px; margin-right:10px; display:inline-block; margin-bottom:20px;}
.search-section .srch-bx .input { width:100%; border:none; border-bottom:#000 1px solid; border-radius:0px;font:400 16px  'Nunito Sans', sans-serif; box-shadow: none; }
.search-section .btn{ background:#cf112b; width:25%; max-width:120px;color:#fff;font:700 18px 'Barlow', sans-serif; border-radius:0px; text-transform:uppercase;}

footer{ background:url(../images/footer-bg.jpg) center top no-repeat; background-size:cover; width:100%; height:auto; overflow: hidden;color:#fff; text-align:left; }
footer a{ color:#fff;}
footer a:hover{color:#fff;}
footer h1{ font:700 30px 'Barlow', sans-serif;}
footer .navi li{ font:400 14px  'Nunito Sans', sans-serif; margin:4px 0;}
footer .adrs{ padding-left:10%;}
footer .adrs i{ width:15px; display:inline-block;}
footer .find-us p{font:400 16px  'Nunito Sans', sans-serif;padding-left:30px;}
footer .find-us p:nth-child(1) { background:url(../images/ftr-adrs.png) left top 3px no-repeat; }
footer .find-us p:nth-child(2) { background:url(../images/ftr-phone.png) left top 3px no-repeat; }
footer .find-us p:nth-child(3) { background:url(../images/ftr-email.png) left top 3px no-repeat; }
footer .follow { padding-left:16%}
footer .follow a{ width:38px; height:38px; float:left; margin:1%; border:#fff 1px solid; border-radius:50px; text-align:center; font-size:16px;}
footer .follow a:hover img{ opacity:0.7;}
footer .follow .a{ background:#cf112b; width:140px; height:auto; padding:15px 0; border-radius:5px; margin-top:20px; text-align:center; color:#fff; text-transform:uppercase;font:400 13px 'Barlow', sans-serif; border:0;}
footer .bottom{ text-align:left; background:#0d1331; padding:20px 0 !important; margin:0 auto; color:#fff;}
footer .bottom p{ margin:0; font-size:14px;}

/*Shamjith*/
.product_hwrap { width:100%;}
.product_hwrap h2 { color: #cf112b; font: 700 38px  'Nunito Sans', sans-serif; text-transform:uppercase; }
.product_hwrap p { font-size: 16px; text-align: center; }
.product_col { width:92%; float: left; height:auto; position:relative; box-sizing:border-box; margin:18px 4%; }
.product_col img { width: 100%; }
.product_col .caption { position:absolute; left:0; bottom:0; padding: 14px 20px; box-sizing:border-box; background: rgba(50,62,125,0.9); 
			width:100%; }
.product_col .caption p { text-align: left; color: #FFF; text-transform:uppercase; font: 600 20px  'Nunito Sans', sans-serif; margin-bottom:0px; }
.product_col .caption i { color: #FFF; position:absolute; right:30px; top: 12px; width: 30px; height: 30px; border: 1px solid #FFF; text-align: center; padding-top:7px; border-radius: 50%; }
.service_row1 { background: url(../images/bg4.jpg) top right no-repeat #323e81; float: left; width: 100%; }
.service_row1 .contd_left { width:50%; float: left; background: #323e81; height:100%; padding: 80px 30px 120px 10%;}
.service_row1 .contd_left p { color: #FFF; font-size: 16px; }
.service_row1 .contd_left h4 { color: #FFF; font-size: 30px; margin-bottom: 20px; }

.service_row2 { background: url(../images/bg5.jpg) top right no-repeat #323e81; float: left; width: 100%; padding: 130px 0 100px; }
.service_row2 ul{width:100%; height:auto; margin:auto}
.service_row2 li{width:100%; height:auto; clear:both; margin-top:20px; font-size:14px; line-height:20px; color:#808080; text-align:center}
.service_row2 li h2 {font-size:24px; font-weight: 400; text-transform:uppercase; line-height:20px; color:#323e81; margin: 40px 0 10px; }
.service_row2 li .icon{width:180px; height:180px; display:inline-block;  -moz-border-radius: 100%;border-radius: 100%; border:solid 1px #fff; 
					 }
.service_row2 ul:hover .icon{  -webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%; border:solid 1px #d2d2d2!important; }
.service_row2 li .i1{ background: url(../images/tools.png) top center no-repeat #323e81;}
.service_row2 ul:hover .i1{ opacity: 0.5;}

.service_row2 li .i2{ background: url(../images/electrical.png) top center no-repeat #323e81;}
.service_row2ul:hover .i2{ opacity: 0.5;}

.service_row2 li .i3{background: url(../images/Ind_harware.png) top center no-repeat #323e81;}
.service_row2 ul:hover .i3{opacity: 0.5;}

.service_row2 li a { color: #cf112b !important; }
.services_slider { float: left; width:100%; }

/*  ------ ABOUT --------- */
.inner-banner {	width: 100%;height: auto;float: left;position: relative;background-color: #000;}
.inner-banner h1 {font: 400 40px/40px 'Barlow', sans-serif;text-transform: uppercase;color: #fff;text-align: center;text-decoration: none;	box-sizing: border-box;z-index: 999;margin-top: 16%;position: absolute;top: 50%;left: 0;right: 0;margin: auto;z-index: 99;}
.inner-banner h1 i {width: 130px;height: 3px;background-color: #0560c1;	position: absolute;	left: 0;right: 0;margin: auto;bottom: -15px;}
.inner_bnr img {width:100%; height:auto; position:relative}
.about {background:#f5f5f5;}

.we_are {  margin-bottom:100px; padding-top:90px; padding-bottom:40px; position:relative;}
.we_are .bg_box { width:55%; height:100%; position:absolute; left:0px; top:0px; background:url(../images/we_arebg.jpg) no-repeat; background-size:cover;}
.we_are .col1 { width:50%; position:absolute; height:100%; left:0px; top:0px; overflow:hidden; }
.we_are .col1 img { height:100%; width:auto;}
.we_are .col2 { width:50%; float:right; padding:40px; background-color:#FFF;}
.we_are .container { position:relative;}
.we_are h4 { font-size:27px; color:#0560c1; margin-bottom:15px;}

.about .text-bx{ margin:100px auto;}
.about .abt_bottom {margin-bottom:0; overflow:hidden;}
.about .vision { background-color:#FFF;padding:40px; margin-bottom:30px}
.about .vision p{text-align:justify;}
.about .vision img{width:auto; padding:0 15px 0 0; vertical-align:top; float:left}
.about .abt_bottom  h3 { font-size:16px; color:#0560c1; margin-bottom:5px; line-height:22px}
.about .abt_bottom h3 img { width:auto; height:auto;}
.about .mission { background-color:#FFF;padding:40px; margin-bottom:100px;}
.about .mission p{text-align:justify;}
.about .mission img{width:auto; padding:0 15px 0 0; vertical-align:top; float:left}

.about .prosrv { background-color:#FFF;padding:20px; margin:0 3px 25px 3px}
.about .prosrv p{text-align:left;}
.about .prosrv img{padding:0 0 15px 0; vertical-align:top; float:left}

.about .clnts { background-color:#FFF;padding:10px; margin-bottom:30px}
.about .clnts p{text-align:center; padding:0 10px}
.about .clnts img{width:auto; padding:0 0 15px 0; vertical-align:top; float:left}
.about .clnts h3{text-align:center; font-size:18px }

.contact { padding-top:100px;}
.contact h2 { font-size:40px; color:#cf112b; font-weight:bold; margin-bottom:25px;}
.contact P { padding-left:10%; padding-right:10%;}
.contact .blk2 { padding:90px 0px; margin-top:80px; overflow:hidden; background:url(../images/contact_bg.jpg) no-repeat; background-size:cover;}
.contact .blk2 .container {background: rgba(255,255,255,0.7); padding:60px;}
.contact .blk2 h3 {font-size:24px; color:#0560c1; margin-bottom:25px; font-weight:bold;}
.contact .blk2 h4 {font-size:18px; color:#cf112b; margin-bottom:5px;}
.contact .blk2 P { padding-left:0%; padding-right:0%; margin-bottom:30px;}
.contact .txtbox1, .contact .txtbox2 {border-radius: 4px; border:solid 1px #0560c1; height:55px; width:100%; padding-left:15px; margin-bottom:15px; background-color:transparent;}
.contact .txtbox2 { height:120px; padding-top:10px;}
.contact .btn { background: #cf112b;  width: 180px; height:58px;  color: #fff;  font: 700 15px 'Barlow', sans-serif;
    border-radius: 0px; border:none; text-transform:uppercase; float:right; margin-top:10px;}
	.contact .btn:focus { outline:none;}
.tstmnl{font-family:Arial, Helvetica, sans-serif; float:right}
.abtxt{font-size:24px; line-height:30px; }
.prtnrtxt{font-size:24px; line-height:30px; margin:40px 5px 40px 5px; text-align:justify; }
.sclic{background:#006; color:#fff; padding:15px 10px; border-radius:10px; text-align:center}

.container-clnt{ width:92%; margin:0 auto; max-width:1500px;}
.srvc-img{width:350px; float:left; margin-right:10px;}


