@charset "utf-8";
/* CSS Document */

 
@import url(../../maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Poppins:wght@300&family=Public+Sans:wght@100&display=swap');
  
body {margin: 0;padding: 0;color:#333;  font-size:14px; line-height:20px;

    font-family: 'Poppins', 'Open Sans', sans-serif;

}
.header { width: 100%; height: auto; padding:0px 0px 0px;
 
-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;
	top: 0; 

	z-index: 21!important; position:fixed; background:rgba(0, 0, 0, 0.5);

}



 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:#333;

}

section {
	margin: 30px 0;
}

.top-head {
	margin: 0 !important; 
}
.header h6{ color:#FFF; font-weight:bold; font-size:13px; color:#FFF; margin:5px 0px;}
.header h6 a{ color:#FFF;}

.top-contact{   
}
.top-contact .fa{ margin-right:5px;}

.header-inner{ background:url(../images/header-bg.jpg);   background-size:100% 100%; padding-bottom:0px; max-height:80px;}

 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }
 
 .logo{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; overflow:hidden; margin:5px 0px; }
 
 .logo img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; max-width:192px;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}

.header .social-media{ margin-top:4px;}
.header .social-media li { font-size:14px;}



.social-media{ line-height:normal; margin:0px 0px; padding:0px 0px; list-style:none;}
.social-media li{ float:left; margin-right:10px; font-size:30px;}

.social-media li a{ color:#FFF;}


.head-line{ float:left; overflow:hidden; width:50%; display:table;}
.head-line img{ width:100%;}

.right-div{ float:right;}

#cssmenu{ float:right!important;    font-family: 'Roboto', sans-serif;}
.carousel-caption{ left:5.7%;}

#cssmenu{  float:none; margin-top:20px;}

#cssmenu > ul > li{font-size:13px; font-weight:500; margin-left:0px; margin-right:15px;
}


#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{ color:#fff; text-transform:uppercase;  padding-right:5px;  padding-left:5px;  }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#d4d4d4}
#cssmenu > ul > li a.active{ color:#333!important; font-weight:bold; /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}
#cssmenu > ul > li a{ position:relative;}
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active .active-img{ display:block;}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 1.5s;
 transition-property: opacity;
}

.carousel-fade{ background:#000;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.carousel-caption{ text-align:left; background:rgba(0, 0, 0, 0.5); }

.carousel-caption h1{  display:table; font-size:34px; padding:5px 10px; font-weight:bold; color:#FFF;margin:0px 0px;}
.carousel-caption h2{ font-size:48px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:0px 0px;}

.carousel-caption a{ background:#ab092f; display:table; padding:5px 15px; text-transform:uppercase; color:#fff; font-size:13px; cursor:pointer;}
/*.carousel-caption h3{ font-size:36px; font-weight:bold;}
.carousel-caption h4{ font-size:12px; font-weight:bold;}
.carousel-caption h4 .fa{ margin-right:5px;}*/

.sliderC{ position:relative;}

.sliderC{  margin-bottom:0px; }

.carousel-caption{ bottom:30%;  }


.projrct-product-img{ overflow:hidden; position:relative;}
.projrct-product-img img{ width:100%;}


.sliderC .container-fluid{ margin:0px 0px; padding:0px 0px;}
.sliderC .row { margin:0px 0px;}
.sliderC .col-lg-8{flex: 0 0 70%; padding:0px 0px;
max-width: 70%;}

.sliderC .col-lg-4{flex: 0 0 30%; padding:0px 0px;
max-width: 30%;}

.sliderC .carousel-item img{ width: auto; height: auto;}
.carousel-caption{   font-family: 'hp_simplifiedregular'; right:auto; width:auto; padding:20px;}

@font-face {
    font-family: 'hp_simplifiedregular';
    src: url('../font/hp-simplified-265-webfont.woff2') format('woff2'),
         url('../font/hp-simplified-265-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.home-about{ margin:30px 0px;}
.home-about .about-img{ overflow:hidden;}
.about-img img{ width:100%;}
.home-about h2 { text-transform:uppercase; font-weight:bold; margin:0px 0px 20px; font-size:40px;}

.home-counter{ max-width:70%;}

.count{ border:5px solid #58595b; width:130px; height:130px; line-height:130px; border-radius:50%; position:relative;}
.home-about h2 span{ font-weight:200;}

.count h3{ margin:0px auto; text-align:center;line-height:130px; font-size:35px; font-weight:bold;}

.count-mark{ background:#a1d652; width:7px; height:5px; position:absolute; top:-5px; left:49%; margin:0px auto;}

.c-lst{width:4px;}


.head-top{ background:#333333; color:#FFFFFF; padding: 7px 0 3px 0; transition: all .6s ease-in-out;}
.top-ct{ font-size:13px; margin-top:0px; }
.top-ct h5{ font-size:13px; font-weight:normal; margin:0px 0px; margin-right:5px; }
.top-ct a{ color:#FFFFFF; float: left; padding-right: 7px;}
.top-ct a:hover{ color:#ccc; }
.what-we-do{ padding:30px 0px;}
/*.what-we-do h2{ text-transform:uppercase; font-size:12px; text-transform:uppercase; color:#af8c2e;}
*/.what-we-do h2{ font-size:30px; color:#747474; text-transform:uppercase; line-height:20px; margin-top:40px; margin-bottom:25px;}
.what-we-do h3 b{ font-size:30px;}

.service-thump{ overflow:hidden; position:relative; margin-bottom:15px; padding-bottom:15px; }

.service-img img{ width:100%;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.service-img{ position:relative;}
.over-lay-1{ background:#434343; left:5px; bottom:5px; top:5px; right:5px; position:absolute; z-index:5;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;opacity:0;}

.service-img h3{ font-size:18px; text-transform:uppercase; position:absolute; margin:0px auto; top:45%; color:#FFF; left:0; right:0; z-index:6; text-align:center; }

.plus-btn{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:#b71f24; width:50px; height:50px; text-align:center; line-height:50px; display:table; float:left; margin-right:10px;}

.read-motreC{ margin-left:20px; margin-top:-20px; position:relative; z-index:7;}

.read-motreC h5{ float:left; margin:30px 0px 0px; display:table; font-size:14px; color:#666666;}

.service-thump:hover .over-lay-1{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;opacity:1;}
.service-thump:hover .plus-btn{   transform: rotate(360deg);}

.know-mor{ color:#333;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out; border:1px solid #999999; text-transform:uppercase; font-weight:bold;  padding:8px 12px 8px 30px; margin:20px 0px; display:table;}

.btn-C{ padding-left:30px; position:relative;}

.border-1{ -webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out;width:50px; height:1px; background:#999999; position:absolute; left:0px; top:20px;}

.know-mor:hover{ background:#b71f24;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out; border:1px solid #b71f24; color:#FFF;}
.btn-C:hover .border-1{ background:#b71f24;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out;}
 

#intro { 

	background:#000 url(../images/who-we-are-bg.jpg) no-repeat  no-repeat 100% 100%; margin: 0 auto; min-height:250px;width: 100%;  position: relative; height:100%; padding: 150px 0; background-attachment:fixed;  margin-top:0px; 

}
.who-we-are-1{ color:#FFF;}

.who-we-are-1 h2{ font-size:30px; text-transform:uppercase; font-weight:lighter;margin:0px 0px;}
.who-we-are-1 h3{ font-weight:lighter; font-size:14px; text-transform:uppercase; margin:0px 0px 30px;}

.who-we-are-1 .know-mor{ margin:0px; float:righ; color:#FFF; border-color:#FFF;}
.who-we-are-1 .border-1{ background:#FFF;}
.who-we-are-1  .btn-C{ display:table; float:right;}

.know-mor .fa{ margin-left:5px;}
.who-we-are-1 .fa{ margin-left:5px; color:#b71f24;}

.who-we-are{ background:url(../images/who-we-are.png); min-height:400px; margin:80px 0px; padding:47px;}
.who-we-are1{ background:url(../images/who-we-are1.png); min-height:400px; margin:80px 0px; padding:47px;}
.who-we-are-inner{ background:#fafafa; color:#444;-webkit-box-shadow: -1px -1px 8px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    -1px -1px 8px 0px rgba(50, 50, 50, 0.26);
box-shadow:         -1px -1px 8px 0px rgba(50, 50, 50, 0.26);}

.who-we-are-txt{ margin:70px 100px;}
.who-we-are-txt h3{ text-transform:uppercase; font-size:14px; background:url(../images/h2-border.jpg) left bottom no-repeat; padding-bottom:10px;}

.who-we-are-txt h2{ font-size:30px;}
.who-we-img{ overflow:hidden;}
.who-we-img img{ width:100%;}
.explore-more{ position:relative;padding-left:20px; font-size:14px;}
a{ color:#616161; text-decoration:none; }
a:hover{ text-decoration:none; color:#a1d652;}

.prtner-carousel .iconBx h4:hover{ text-decoration:none; color:#a1d652;}

.explore-more:before{ position:absolute; background:url(../images/icon-2.png); width:13px; height:13px; left:0; content:''; top:3px;}

.icon-C{  text-align:center;}}
.icon-C .row{ margin:0px -5px;}
.icon-C .col-lg-3{ padding:0px 5px;}


.icon-box { background:#a1d652; min-height:100px; padding:27px;}
.icon-box h3{ text-align:center; text-transform:uppercase; font-size:16px; font-weight:normal; color:#FFFFFF; margin:10px auto; padding-bottom:10px; background:url(../images/border.jpg) no-repeat bottom center; }

.icon-C{ margin:30px 0px;}
.lg-box{ background:#f3f9ee; display:block; min-height:191px;}
.icon-logo{ margin-top:36px;}

.home-service { background:url(../images/servise-bg.jpg) no-repeat;background-size:100% auto; padding-top:35px;  margin:50px 0px;}

.home-service h2{ font-size:25px; font-weight:500; text-transform:uppercase; color:#FFFFFF; margin:0px 0px 20px; }
.our services h2 b{ font-variant:900;}

.top-txt p{ color:#FFFFFF!important; text-align:center; font-weight:lighter; font-size:17px;}
.top-txt{ margin-bottom:20px; overflow:hidden;}
 
 .srvice-bx{ position:relative;  padding-bottom:30px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; min-height:480px;}

 .srvice-img{ overflow:hidden;}
 .srvice-img img{ width:100%;}
 
 .service-titile{ -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;background:#fff; position:relative; color:#666666; padding:30px 10px; position:absolute; top:55%; left:0; right:0; width:100%;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; -webkit-box-shadow: 1px 3px 14px 0px rgba(50, 50, 50, 0.19);
-moz-box-shadow:    1px 3px 14px 0px rgba(50, 50, 50, 0.19);
box-shadow:         1px 3px 14px 0px rgba(50, 50, 50, 0.19);}
  .service-titile p{ padding:0px 40px 0px 40px; font-size:13px; line-height:20px; min-height:130px;}
  .srvice-bx:hover .service-titile{ bottom:auto; top:0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
  

  .srvice-bx:hover{ padding-top:120px; padding-bottom:0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
 
 .service-titile h3{ text-transform:uppercase; position:relative; padding-left:40px; margin:0px 0px 15px; font-size:20px; font-weight:bold;}
 
  .service-titile h3:before{ position:absolute; left:0; top:13px; width:30px; height:1px; background:#666666;  content:'';}
 .service-titile a{ text-transform:uppercase; color:#666666; text-decoration:underline; font-size:14px; margin-left:40px;}
   .service-titile  h4{ position:absolute; right:10px; top:10px; text-transform:uppercase; font-weight:900; color:#444; margin:0px 0px;}
   
  .service-titile h4 { color:#c3c3c3; font-weight:900; font-size:50px;}
  
  
  .hm-sr{ margin:0px -0.5px;}
  .hm-sr .col-lg-4{ padding:0px 0.5px;}
  
  .srvice-bx{}

.clients{ color:#747474; padding:0px 0px 48px 0px; }

.clients h2{ font-size:12px; font-weight:normal; text-transform:uppercase; margin:0px 0px 0px;}
.clients h3{ font-size:30px; font-weight:bold;text-transform:uppercase; margin:0px 0px 20px;}

.client-img{ overflow:hidden; border:1px solid #c4c4c5;}
.client-img img{ width:100%;}

.clients .row{ margin:0px -10px;}
.clients .col-12{ padding:0px 10px;}
  
  


footer{ background:#f2f2f2; padding:50px 0px; }
.social-media{ margin:10px auto; display:table; width:auto; overflow:hidden; padding:0px 0px;  list-style:none;margin-bottom:25px;}

.social-media li{ float:left; margin-left:10px;}
.social-media li:first-child{ margin:0px;}
.social-media li a{ color:#fff; font-size:18px;}


.footer-menu{ margin:5px auto;  padding:0px 0px; list-style:none; display:table;}
.footer-menu li{ float:left; font-size:12px; text-transform:uppercase;}
 .footer-menu li a{ color:#666666;}
  .footer-menu li a { padding-right:20px; position:relative; margin-right:20px;-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  .footer-menu li a:hover{color:#ac140f;-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

.footer-logo{ margin:20px auto; display:table;}

.copy-right{ 0px;color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;  text-align:center;}



/*about*/



.bannerC img{ width:100%; display:none;}

.bannerC .logo-icon img{ max-width:100px;}

.red-btn{ background:#c0524b; color:#FFFFFF; text-transform:uppercase; padding:8px 15px; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.green-btn{ background:#0d393d; color:#FFFFFF; text-transform:uppercase; padding:8px 15px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.green-btn:hover{ color:#FFFFFF;background:#c0524b; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.red-btn:hover{ color:#FFFFFF;background:#0d393d;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.banner-btn{ position:absolute; right:60%; top:40%;}


.banner-btn a{ display:table;}

.banner-btn  br{ line-height:10px;}

.inner{  background:url(../images/bg.html) top no-repeat; background-size:100% auto; padding:30px 0px; }

.page-title{ padding-bottom: 20px; }
.page-title h1{ margin:20px 0px 0px;font-weight:bold; font-size:30px; color:#333; font-weight:900; text-transform:uppercase;}
.page-title span{padding: 0; display: block; font-size:20px; margin-bottom: 20px;}

.inner p{ font-size:14px; line-height:20px;}


.about-img{ overflow:hidden;}
.about-img img{ width:100%;}


.vis h3{ font-size:16px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}


.inner ul{ margin:0px 0px; padding:0px 0px 0px 15px;}



.inner h4{ font-size:30px; font-weight:bold; margin:40px 0px 15px}

.inner h5{ font-weight:bold; font-size:17px;}



.banner-cap{ position:absolute; bottom:9%; left:15%; color:#FFFFFF;}

.banner-cap h1{ font-size:45px;}

.banner-cap h2{ font-size:18px; text-transform:uppercase; margin-bottom:15px;}
.banner-cap a{color:
#FFF;
text-transform: uppercase;
padding: 10px 14px;
border: 1px solid
#FFF;
display: table;}

.grp{ margin-bottom:30px;}

.group-img{ overflow:hidden; border:1px solid #c4c4c4;}
.group-img img{ width:100%;}

.grp h3{ text-transform:uppercase; font-weight:bold; margin:0px 0px 10px; font-size:16px; margin-top:50px;}


.ns-image{ border:none;}




.md-msg{ background:#f4f4f4; padding:30px; margin:30px 0px;}

.md-msg h3{ font-size:24px; font-weight:bold; margin:0px 0px 15px;}

.md-msg p{ font-style:italic; font-size:14px; line-height:26px;}

.md-msg{ overflow:hidden;}
.md-msg img{ width:100%;}

.md-msg h4{ font-size:14px; font-weight:bold; margin:10px 0px 0px; text-align:center;}

.ceo-img{ overflow:hidden; border:10px solid #FFFFFF;}

.form-right-img{ overflow:hidden;}
.form-right-img img{ width:100%}
.textBox{ width:100%; height:45px; margin-bottom:10px; border:1px solid #CCCCCC; padding-left:10px;}
.textArea{ width:100%; height:90px; margin-bottom:10px; border:1px solid #CCCCCC; padding-left:10px; padding-top:10px;}
.submit-btn{ padding:10px 25px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; border:none; background:#a1d652; cursor:pointer;}
.inner-pages{ margin-bottom: 0px; padding-bottom: 10px;}
.textBox2{ width:100%; height:45px; margin-bottom:10px; border:1px solid #CCCCCC; padding-left:10px;}

.services-txt{ margin-bottom:40px;}


.career-bx h3 {

	font-size:15px;

	margin:0px 0px 20px;

	text-transform:uppercase;

	font-weight:900;

	}

.career-bx h4 {

	font-size:13px;

	text-transform:uppercase;

	font-weight:normal;

}

.carer-bx-inner {

	padding:20px;

}

.career-bx p {

	margin-bottom:0px;

	font-size:13px;

}

.career-bx .row {

	margin:0px 0px;

}

.career-bx .col-lg-3 {

	padding:0px 0px;

}

.career-bx .col-lg-9 {

	padding:0px 0px;

}

.carer-bx-inner {

	padding:26px; font-weight:normal; padding:0px;

}

.career-descrip {

	margin-bottom:30px;font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:13px;


}

.career-descrip p {

	font-size:13px;

}


.career-form{ margin-top:20px;}




.career-descrip ul{ margin:20px 0px; padding:0px 0px; list-style:none;}
.career-descrip li {

	margin-left:25px;

}

.career-descrip li:before {

	font-family:FontAwesome;

	content:'\f10c';

	position:absolute;

	left:15px;

}


.cr-detail-top {

	margin:0px 0px;

	text-transform:uppercase;

	font-size:20px;

	margin-bottom:20px;

	font-weight:900;

	font-size:20px;

}

.career-dtlC h3 {

	font-size:15px;

	text-transform:uppercase;

	font-weight:900;

}

.career-dtlC h4 {

	font-size:13px;

	text-transform:uppercase;

	margin:0px 0px;

}

.career-dtlC h5 {

	font-size:13px;

	text-transform:capitalize;

	margin-top:0px;

	margin-bottom:30px;

}

.skillC {

	margin-bottom:40px;

}

.career-dtlC ul {

	margin:20px 0px;

	list-style:none;

	padding:0px 0px;

	font-size:13px;

}

.career-dtlC ul li {

	margin-bottom:10px;

}

.blue-btn {

	margin-top:20px;

	padding:14px 18px;

	text-transform:uppercase;

	font-weight:700;

	background:#0096a3;

	color:#FFFFFF;

	-webkit-transition: all 0.3s ease-in-out; border:none;

	transition: all 0.3s ease-in-out; cursor:pointer; color:#fff!important;

	cursor:pointer;

}

.blue-btn:hover {

	background:#000000;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	color:#FFFFFF;

}

.captcha-bx{ display:table;  border:1px solid #d3d3d3; border-radius:3px; width:57%; padding:7px 15px; overflow:hidden; margin-top:20px;}
.captcha-bx .row{ margin:0px 0px;}
.captcha-bx .col-lg-6{ padding:0px 0px;}
.ck-bx{ margin-top:22px;}
.captcha-right{ float:right; display:table; text-align:center; color:#b5b5b5;}
.captcha-right h5{ margin:0px 0px; font-size:13.5px;}
.captcha-right h6{ margin:0px 0px;}

.c-address{ background:#a1d551;color: white; margin:0px 0px; padding:50px;}
.c-address h3{ font-size:25px; text-transform:uppercase; margin:0px 0px; margin-bottom:17px;}
.c-address ul{ list-style:none; margin:0px 0px; padding:0px 0px}
.c-address ul li{ font-size: 16px; color:#4c4c4c;}


.c-support{ color:#FFFFFF; background:#4c4c4c;margin:0px 0px; padding:50px;}

.c-support h3{ font-size:25px; text-transform:uppercase; margin:0px 0px; margin-bottom:17px; color:#fff;}
.c-support ul{ list-style:none; margin:0px 0px; padding:0px 0px; overflow:hidden; display:block;}
.c-support  ul li{ font-size:13px; color:#fff; position:relative; padding-right:10px; float:left; margin-right:10px; font-weight:bold;}
.c-support  ul li:after{ width:1px; height:12px; background:#FFFFFF; top:4px; position:absolute; right:0; content:'';}
.c-support  ul li a{ color:#FFFFFF;}

.c-support  ul li:last-child:after{ display:none;}

.send-btn{ background:#4c4c4c; cursor:pointer; border:none; color:#FFFFFF; text-transform:uppercase; padding:13px 25px; border-radius:2px; margin-top:20px; font-weight:bold;webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.send-btn:hover{background:#000; color:#FFFFFF;webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}


.contact h3{ font-size:18px; font-weight:normal;}
.contact h5{ font-size:13px;}

.gmap{ margin:50px 0px 0px;}

.branch-C {
    background: #fff;
    padding: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.branch-address{ padding:25px;}
.branch-address h4{ text-transform:uppercase; font-weight:bold; font-size:14px; margin:0px 0px 10px;}
.branch-address ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.branch-address li{ margin-bottom:5px;}

.branch-C .gmap{ margin:0px 0px;}
.adr-block h3{ font-weight:bold; text-transform:uppercase; margin:50px 0px 10px; font-size:25px;}




#toggle {

    width:100%;

    list-style: none; border:1px solid #c2c2c2; margin:0px 0px ; padding:0px 0px; 

  

}

#toggle div:hover {

    background: #00a1e4;

}

/*#toggle div.active {

    background: #f3b784;

}*/

#toggle div {

  

    cursor: pointer;

    display: block;

    margin: 0px;border-bottom:1px solid #c2c2c2;
    background: #0ca8e4;


}

#toggle div:last-child{ border:none;}

#toggle h4 {

    font-size: 15px; text-transform:capitalize;

    margin: 0; 

    padding: 0; margin-left:10px;

    color: #fff;

    line-height: 41px;

    font-weight: normal;

    filter: dropshadow(color=#adadad, offx=1, offy=1); 

}

.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

}

 span.menu-icons {

    font-size: 26px;

    height: 20px;

    width: 22px;

    float: left;

    margin: 6px 12px 10px 12px; display:none;

    color: #4c4c4c;

}

span.the-btn {

    float: right;

    font-size: 13px;

    height: 30px;

    width: 43px;

    margin-top: -23px;

	margin-right: -10px;

    padding:0;

    color: #4c4c4c;

}

#toggle ul {

    list-style: none;

    display: none;

    background-color:#fff; margin:0px 0px ; padding:0px 0px;

    color: fff;

}

#toggle ul li {

    

    color: #4c4c4c; 

 

    width:100%;

    padding: 0; border-bottom:1px solid #e1e1e1;

    margin: 0; padding:10px;

}

#toggle a {

    text-decoration: none;

    color: #4c4c4c;

 

    font-size: 13px; display:block;

 

}

#toggle a:hover {

    color: #0ca8e4;

}

#toggle ul li:before{ display:none;}

#toggle ul ul{ list-style:none; text-transform:capitalize;}



.listing li{ border-bottom:1px solid #e1e1e1;}





.description{ margin-bottom:35px;}
.option-info .description {
    margin-bottom: 0;
}





.topSearch ::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #000;

}

.topSearch :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #000;

   opacity:  1;

}

.topSearch ::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #000;

   opacity:  1;

}

.topSearch :-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #000;

}





.searchC ::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #000;

}

.searchC  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #000;

   opacity:  1;

}

.searchC  ::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #000;

   opacity:  1;

}

.searchC  :-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #000;

}


.search-btn2 {
    background: #a1d652;
    padding: 0px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    color: #FFFFFF;
    height: 45px; width:55px;
    position: absolute;
    right: 0;
    top: 0;
	
	}
.listing h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #4c4c4c;
    background: #dfdfdf;
    padding: 15px 10px;
    margin: 0px 0px;
        margin-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
}

.searchC{ position:relative;}


.accordion .fa{ float:right;}

 .btn-link{ width:100%!important; display:block!important; text-align:left; padding:10px 10px; font-size:13px; font-weight:normal; color:#FFFFFF; border:none; border-radius:0px;  }
 .card-header{ color:#FFFFFF;  padding:0px 0px;}
 .card-body{ padding:0px 0px;}
 
 .btn-link:hover{ text-decoration:none; color:#FFFFFF;}
 a:focus{ text-transform:none;}
 
 .card-body ul {
    list-style: none;
    background-color: #fff;
    margin: 0px 0px;
    padding: 0px 0px;
    color: fff;
	}
 .card-body 	ul li {
    color: #4c4c4c;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 10px;
}
.card-body  a {
    text-decoration: none;
    color: #4c4c4c;
    font-size: 13px;
    display: block;
}
.card-body  a:hover{ color: #d7000f; font-weight:bold;}

.pro-list{ margin:0px -2px;}
.pro-list .col-lg-4{ padding:0px 2px;}
.pro-list .service-thump{ margin-bottom:4px; padding-bottom:0px;}
.service-img h3{ font-size:14px; top:47%;}
	
	.card-header:first-child{ border:none; border-radius:0px;}
	
	
	.works-img { overflow:hidden;}
	
	.works-img img{ width:100%;}
	
	
.pro-detail ul{ list-style:none; text-transform:uppercase; margin:40px 0px; padding:0px 0px; display:block; overflow:hidden; padding-left:15px; list-style:square;}
.pro-detail li{ text-transform:uppercase;  margin-right:8px;  margin-bottom:10px;}

#cssmenu > ul ul{ margin-top:27px;}
#cssmenu > ul > li{ padding-bottom:27px;}

.pro-detail  h3{ font-size:20px; font-weight:bold;}


.event-bx{ overflow:hidden; margin-bottom:30px; }
.event-bx img{ width:100%;}
.event-bx .carousel-indicators { bottom:10px;}

.event-bx .carousel-indicators li{ background:rgba(0, 0, 0, 0.5);}
.event-bx .carousel-indicators .active{ background:#a1d652;}

.event-bx h3{ text-transform:uppercase; font-size:13px; margin:0px auto; padding:10px; text-align:center; font-weight:bold; background:#f2f2f2; min-height:50px;}
.carousel-control-next, .carousel-control-prev{ display:none;}




#cssmenu > ul ul ul{ margin-top:0px;}






.career-image{

	overflow:hidden;

}

.career-image img {

	width:100%; 

}


#cssmenu .submenu-button{ background:none!important;}

@media (min-width: 1250px) {



    .container{
        max-width: 93%;
    }
}




.career-image{

	overflow:hidden;

}

.career-image img {

	width:100%; 

}

.nbs-flexisel-item img{height:auto;}


.top-search{ width:80%; position:relative; float:right; margin-top:14px;  overflow:hidden;}
.top-search input{ width:100%; height:40px; padding-left:10px; border:none; background:#f0f0f0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.search-btn{ position:absolute; right:0; padding:0px 20px; color:#FFFFFF;border-bottom-right-radius:4px;border-top-right-radius:4px; height:40px; border:none; background:#504f4f; cursor:pointer;}

.breadcrumb{ margin-top:150px;}

/* Innter Page Banner */
.inner-banner-img img{ width: 100%; overflow: hidden; margin: 0px; padding: 0 px;}

/* Breadcrumb Edit Start */

.bannerC{ overflow:visible;}

.inner-body{ background:#efefef;}
.inner-body1{ background:#ffffff;}
.white{ padding:20px; background:#fff;}
.bannerC{ background:none;}

.breadcrumb li{ position:relative; z-index:20; padding:10px;}

.breadcrumb li ul{ position:absolute; z-index:5; background:#dcdcdc; left:0; display:none; list-style:none; margin:10px 0px; padding:0px 0px; list-style:none;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;}

.breadcrumb{background:#dcdcdc; display:inline-flex; padding:3px;}

.breadcrumb li:hover ul{display:block;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;}
.breadcrumb li ul li{ padding:10px; width:auto; min-width:150px; border-bottom:1px solid #fff; }


.hs-sub a{  position:relative; padding-right:20px;}

.hs-sub a:after{ position:absolute;   font-family: FontAwesome;
  content: "\f107"; right:0;}
  
  .breadcrumb li ul li a:after{ display:none;}
  
  
 /* 
.sol-sec{ margin-top:30px;}
.sol-sec h3{ font-size:18px; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}  
  .sol-box{ overflow:hidden; padding:15px; background:#fff; margin-bottom:30px;}
    .sol-box h4{ font-weight:bold; font-size:16px; margin:0px 0px 10px; color:#333;}
	  .sol-box a{ color:#a1d652; font-weight:bold;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;}

	  .sol-box a:hover{-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; color:#000000;}
  
  .sol-img{ overflow:hidden;}
  .sol-img img{ width:100%;}
  
*/  

.sol-sec{ margin-top:30px;}
.sec-2 h1{ font-size: 2rem; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}  
.sec-2 h2{ font-size: 1.7rem; margin:0px 0px 15px; text-transform:uppercase; }    

.sol-sec h2{ font-size: 1.7rem; margin:0px 0px 15px; text-transform:uppercase; } 
.sol-sec h3{ font-size: 1.2px; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}  
.sol-box{ overflow:hidden; padding:15px; background:#fff; margin-bottom:30px;height: 95%;}
.sol-box h4{ font-weight:bold; font-size:16px; margin:0px 0px 10px; color:#333;}
.sol-box a{ color:#a1d652; font-weight:bold;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;} 
.sol-box a:hover{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; color:#000000;}  
.sol-box .more:after{position:absolute;   font-family: FontAwesome; content: "\f0a9"; font-size: 1.2rem; padding-left: 5px;}  


.sol-box.card {
    border-radius: 5px;
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    border: 1px solid rgba(0,0,0,.125);
    height: 165px;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 10px 0 rgb(34 41 77 / 15%);
    -moz-box-shadow: 0 4px 10px 0 rgba(34,41,77,.15);
    box-shadow: 0 4px 10px 0 rgb(34 41 77 / 15%);
    -webkit-transition: all .6s;
    transition: all .6s;
	background-color: #fff !important;
}

.btn-explore{
    display: inline-block;
    font-size: .75rem;
    font-weight: bold;
    color: #fff;
    background-color: #d61222;
    border-radius: 25px;
    left: 50%;
    bottom: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    border: 0;
    width: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sol-box .btn-explore{
    background-color: #d61222;
    border-color: #ff0012;
}

.sol-box  .btn-explore:hover {
    background-color: #ff0012;
    border-color: #ff0012;
}

.sol-img{ overflow:hidden;}
.sol-img img{ width: 100%;}

  .sec-2{ margin-top:30px;}
  
  .sec-2 h2{ font-size:22px; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}  
 
 /* Dropdown edit end */
 
 /* product gallery */
 .pro-gal  {
	 margin: 10px;
}

 .pd .item {
	 padding:0 !important;
}
.pro-gal-cat {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    transition: all .5s;
}

.pro-gal-cat p {
    position: absolute;
    left: 1.9rem;
    bottom: 14%;
	padding-bottom: 10px;
	color: #d7000f;
	font-size: 1.5rem;
}

.pro-gal-cat .cat-head h3{
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.37;
    width: 100%;
    margin-bottom: .25rem;
}
 
.mr-products{ overflow:hidden;}
.mr-pro-img{ margin-bottom:10px; padding-top: 40px; }
.mr-pro-img .img-card{ padding: 5px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}

.mr-pro-img img{ width:100%;} 
.mr-products h4{ margin:0px 0px 10px; font-size:17px;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;} 
.mr-products a{ color:#a1d652;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}

.mr-products .tech-inner{background: #efefef;}

.tech { margin-top: 50px; padding-top: 50px; }

.tech h2{ padding-bottom: 25px; }

.ic-bx{}
.ic-bx .tech-inner{  background:#FFF}
.ic-bx .tech-inner p{text-align: justify;}

.ic-bx .mr-txt{min-height:120px;}
#.ic-bx{ background:#f2f2f2;}
.ic-bx{ background:#fff;}

.ic-bx h3{ text-align:center; margin:10px auto; font-weight:normal; font-size:30px; color:#383838;}
.ic-bx  h4{ text-align:center;}
  
.mr-txt{ margin:5px 0px; color:#333;}  
.mr-product{ display:table; margin:10px auto;}
.mr-products h4:hover{ color:#000000;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}

.pd{ margin:0px -2px;}
.pd .col-lg-2{ padding:0px 2px;}

.tech h4{ font-size:18px;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.tech a:hover{ color:#333;}
.tech a:hover{ color:#000000;}


.tech2{ padding:0px; background: none;}
.tech2 h2{ font-size: 1.7rem !important;  margin: 5px 0px 0px !important; font-weight: normal !important;}
.tec-row{ margin:0px -5px;}
.tec-row .col-lg-3{ padding:0px 5px;}

.tech-inner{ padding:10px; background:#fff;}
.tec-row .mr-pro-img{ margin-bottom:0px;}

.pro-sol{ padding:0px ; background:none;}
.al-pro .mr-products{ margin-bottom:15px;}

.tech-btn{ color:#FFFFFF; padding:8px 13px; border-radius:0px; font-size:12px; font-weight:bold; display:table; overflow:hidden; color:#FFFFFF!important;}

.al-pro h4{ font-weight:500;}

.al-pro a:hover{ color:#333;}

.mr-products h4{ color:#a1d652;}

.al-pro h4{ color:#333; font-size:20px;}

.sub-cat .sol-box{ background:#eeeeee;}

.brochure h2{ font-weight:bold; font-size:15px; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}

.pdf-box{ padding:5px; background:#f6f4f4; margin-bottom:1px; border-bottom:1px solid #e7e7e7;}
.pdf-box h3{ font-size:14px; font-weight:normal; margin:0px 0px 5px;}
.pdf-box h4{ font-size:13px; color:#8c8c8c; margin:0px 0px;}

.pff-title{ position:relative; padding-left:50px; }
.pff-title:before{ content:'\f1c1'; font-family:FontAwesome; position:absolute; left:0px; color:#ff0404;top:10px; font-size:35px;}

.pdf-box:hover h3{ color:#ff0000;}
.cheat{ margin-top:20px!important; display:table; overflow:hidden;}
.brochure{ margin-bottom:15px;}
.cat-right-sub{ margin-bottom:10px;}
.cat-right-sub .mr-pro-img{ margin-bottom:0px;}
.page-title h2{ margin:5px 0px 25px; font-size:20px; font-weight:bold;}

.abt-02 {
    margin-top: 20px;
}

.vis h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 0px 15px;
    font-weight: bold;
}

.vis h3 img {
    margin-right: 10px;
}

.gmap iframe {
    width: 100%;
    height: 200px;
    border: none;
}

.gmap.ho iframe {
    height: 250px;
}

.intro {
    padding-top: 4rem;
    padding-bottom: 3rem;
    background: #1c1c1c;
}

.main-content {
    padding: 3rem 1rem;
  /*  background: url(../images/bg_about.png);*/
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
}

.padded-box {
    padding: 1rem;
}


@media (min-width: 1200px)
.padded-box {
    padding: 4.5rem;
}

@media (min-width: 992px)
.padded-box {
    padding: 3.5rem;
}

@media (min-width: 768px)
.padded-box {
    padding: 2.5rem;
}

 @media all and (max-width: 760px) {
 
 .top-search{ margin-right:0px;}
 
.career-image{ display:none;}
 
 .top-ct{ margin-top:12px;}
  .top-ct span{ display:none;}
  

.header-inner{ background:#fff;}
	
	
	
	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:28px!important;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#404040;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#404040;}
#cssmenu li a{ border-top:1px solid #373636!important;}

#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:16px!important;}

#cssmenu .submenu-button{ width:50px; height:45px;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; color:#f039a7!important;}
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:33px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:28px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}
#cssmenu > ul > li a.active{color:#b5b5b5!important;}


#cssmenu > ul > li a:hover{color:#930033;}


#cssmenu{ z-index:1;}

.menu-button{ margin-top:0px!important;}
#cssmenu{ padding:10px 0px!important;}

 #cssmenu{ top:30px;}
 
 .carousel-indicators{ z-index:-1;}
 
 
 .logo{ margin:5px 0px; }

 .top-contact span{ display:none;}
#cssmenu{ top:3px;} 
#cssmenu{ margin-top:-5px!important;}
.sliderC { margin-top:37px;}
.carousel-caption h1{ font-size:15px; margin:5px 0px; padding:0px 0px;}
.carousel-caption h2{ font-size:13px;}
.carousel-caption{ padding:10px;}

.carousel-caption{ bottom:5%;}
.carousel-caption a{ display:none;}
.what-we-do h2{ margin-top:0px; font-size:20px;}
.who-we-are-1 h2{ font-size:18px; margin-bottom:10px;}
#intro{ padding:5px 0px;}
.who-we-are{ background:none; padding:5px;}
.who-we-are-txt{ margin:15px;}
.who-we-are{ margin:25px 0px;}
.icon-box{ margin-bottom:3px;}
.home-service{ width:200% auto;}

.home-service .srvice-bx{ min-height:100px;}
.clients{ padding-top:50px;}
.footer-menu{ text-align:center;}
.footer-menu li{ float:none;}
.bannerC{ margin-top:37px;}
p{ text-align:justify;}
.about-img{ margin-bottom:30px;}
.md-msg h3{ margin-top:20px;}
.service-titile p{ padding:20px;}
.service-titile{ position:static;}
.form-right-img{ margin-top:30px;}
.pro-detail { margin-top:30px;}

.c-address{ padding:20px; margin-top:30px;}
.c-address h3{ font-size: 1.2rem;}
.c-support{ padding:20px;}
.page-title h1{ font-size:20px; margin-bottom:10px;}

}


#main {
  margin:0PX 0px 50px 0;
}

.productSpotSec h2{ font-weight:bold; margin:0px 0px 10px; font-size:25px;}

#main h2{ font-weight:bold; margin:0px 0px 20px; font-size:30px;}
#main #faq .card {
  margin-bottom: 0px;
  border: 0;
}

#main #faq .card .card-header {

  border-radius: 2px;

}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #e3e3e3;
  color: #222;
  padding: 10px; margin-bottom:1px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #504f4f
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {

}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #fff;

  color: #222;  background:#fbfbfb;
}
.card-body{ padding:15px;}


/* New Edit  */
#cssmenu2 > ul {list-style: none;padding: 0;margin: 22px 0 0 57px;display: flex;}
.megaContent {opacity: 0; visibility: hidden;    position: absolute;background: #333;top: 30px;    padding: 10px;min-width: 220px !important; transition:.3s linear 0s;
box-shadow: 5px 12px 21px 2px #2d2d2d;}
#cssmenu2 a {font-size: 13px;text-transform: uppercase;color: #fff;padding: 23px 12px;font-weight: 500;transition:.3s linear 0s;}
#cssmenu2 a:hover {opacity: .7;}
.sub{position: relative;}
.megaSub{position:inherit;}



.megaContent ul {list-style: none;padding: 0;}
.megaContent ul li a {padding: 10px 10px !important;display: block;border-bottom: 1px solid #484646;}
.megaContent ul li:last-child a {border: none;}
.megaSub .megaContent {  top: 53px !important;  width: 100%;  left:0;}
.megaContent h4 {  color: #fff; text-transform: uppercase; font-size: 17px;    margin-top: 20px;}
.megaRow { display: flex;}
.megaCol { flex: 1 0 0;  margin: 0 10px;}
.megaRow .megaCol {border-right: 1px solid #484646;}
.megaCol ul li a {border: none;text-transform: capitalize !important;}
.megaRow .megaCol:last-child { border: none;}
.megaPositionInherit{position:inherit;}

.iconSec {    background: #333; padding:25px 0;}
.iconBx figure {    width: 180px;    height: 180px;    border: 2px solid #fff;    border-radius: 100%;}
.iconBx img {width: 100% !important;height: 100% !important;object-fit: cover !important;}
.iconBx figure {    margin: 0;    display: flex;    padding: 2em;}
.iconBx h4 {color: #fff;    font-size: 20px;    text-align: center;    margin: 9px 0 0 0;}
.iconBx {  display: flex;flex-direction: column;  align-items: center;}

.netWorkSec {padding: 3em 0;}
.netBx { margin-bottom: 2em;}
.netBx img {width: 100%;height: 250px;}
.netBx p {font-size: 16px;line-height: 24px;    margin-bottom: 2em;}
.netBtn {background:#a1d652;   color: #fff;    transition: .3s linear 0s;}
.netBtn:hover,.netBtn:focus {color: #fff;    background:#504f4f;}

.cusStryBx img {width: 100%;height: 100%;object-fit: cover;}
.newsBx {display: flex;    margin-bottom: 2em;background: #efefef;}
.newsBx1 {display: inline-block;    margin-bottom: 2em;background: #efefef;}
@media only screen and (max-width: 769px) {
.newsBx1 {display: inline-block;    margin-bottom: 2em;background: #efefef;width: 49%;}
}
.newsLeft {max-width: 50%;}
.newsRight1 {flex: 1 0 60%;padding:5px 0 5px 10px;}
.newsRight {flex: 1 0 60%;/*max-width: 60%*/;padding:5px 0 5px 10px;}
.newsBx .date {color: #adadad;}
.newsBx h4 {font-size: 21px;}
.newsBx img {width: 100%;}
.newsSecHm  h2 {margin-bottom: .5em;/* padding-top: 50px;*/}
.cusStryBx { background: #efefef;padding: 15px;}

.productBx {display: flex;background: #ffffff;margin: 0 10px;padding: 49px 18px;border: 1px solid #ddd;margin-bottom: 10px;}
.productSpotSec {padding: 2em 0;}
.proRight {flex: 1 0 60%;    max-width: 60%;    padding-left: 10px;}
.productBx img {width: 100%;}
.proLeft {    flex: 1 0 0;    max-width: 40%;}
div#owl-demo2 {    background: #eee;    padding: 23px 10px 10px 10px;}
.feature-tags {    border: 1px solid #ddd;    display: inline-block;    padding: 2px 10px;    border-radius: 39px;    font-size: 12px;}
.productBx p {    font-size: 13px;}

.footerSec {    background: #111;    padding-bottom: 0;}
.footerSec h5 {    color: #a2a2a2;    font-weight: 800;    margin-bottom: 1em;}
.footerSec p {    color: #eee;    font-size: 14px;    line-height: 26px;}
.footerSec ul {    list-style: none;    padding: 0;}
.footerSec ul li a {    color: #eee;    padding: 5px;    display: block; }
.footerSec ul li a i {    padding-right: 7px;}
.footerSec ul li a:hover,.footerSec ul li a:focus {opacity: .5; }
.footerSec a{color: #eee; padding-right: 10px;}
.footerSec a:hover,.footerSec a:focus {color: #ccc;}

.footerCpyWrt {    background: #111; padding: 10px 0;    margin-top: 0.5em; border-top: 1px solid;}
.footerCpyWrt ul {display: flex;margin: 0;justify-content: flex-end;}
.footerCpyWrt p {margin: 0;}

.netBx h2{ font-size:25px; font-weight:700;}
.netBx p{ font-size:14px;}
.newsBx h4{ font-size:19px;}
.newsBx1 h4{ font-size:19px;}
@media only screen and (max-width: 600px) {
 .newsBx h4{ font-size:13px;}
}
@media only screen and (max-width: 600px) {
 .newsBx1 h4{ font-size:13px;}
}
@media only screen and (max-width: 600px) {
 .newsBx p{ font-size:10px;text-align: left;}
}
@media only screen and (max-width: 600px) {
 .newsBx1 p{ font-size:10px;text-align: left;}
}
.iconBx h4{ margin:10px auto;}
.owl-theme .owl-controls{ }
.iconSec {    background: #333; padding:25px 0; overflow:hidden;}
.iconBx figure {    width: 180px;    height: 180px;    border: 2px solid #fff;    border-radius: 100%;}
.iconBx img {width: 100% !important;height: 100% !important;object-fit: cover !important;}
.iconBx figure {    margin: 0;    display: flex;    padding: 2em;}
.iconBx h4 {color: #fff;    font-size: 20px;    text-align: center;    margin: 9px 0 0 0;}
.iconBx {  display: flex;flex-direction: column;  align-items: center;}
.owl-theme .owl-controls{ margin-bottom:-65px;}

.footerCpyWrt p{ font-size:13px;}

/*.lg-txt{ min-height: 172px;}*/


.tab-sec{ background:url(../images/core-technology.jpg); background-size:1005 auto; padding:60px 0px;}
.tab-sec h2{ text-align:center; font-weight:lighter; margin:10px auto; color:#FFFFFF; margin-bottom:35px;}

.tab-inner{ padding:20px; background:#FFFFFF;}
.tab-inner h3{ font-family: 'Open Sans';  font-size:20px; color:#000000; margin:0px 0px 20px; padding-top: 20px;}
.tab-inner h4{  font-size:15px; margin:0px 0px 20px; font-weight:bold; font-size:18px;}
.solution-bx{ margin-bottom:20px;}
.tab-inner h6{  font-size:15px; margin:0px 0px 20px; font-weight:bold; font-size:18px;}

.solution-bx h5{ font-size:15px; margin:0px 0px 10px; font-weight:bold;}

.tab-icon{ background:#ececec; width:70px; transition: .3s linear 0s; height:70px; border-radius:50%; line-height:70px; text-align:center; color:#5c5b5b; font-size:30px; margin-top:0px;}
.solution-bx:hover .tab-icon{ background:#a1d652; color:#fff;  transition: .3s linear 0s;}
.nav-tabs .nav-item{ background:#fff;}
.nav-tabs{  margin:0px auto;}
.nav-link{ margin-right:2px;}
.nav{ display:table; margin:1px auto;}
.nav-tabs .nav-item{ display:table; float:left; border:none!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:#a1d652; color:#FFFFFF;}
a:focus{ text-decoration:none; border:none;}
.tab-video{ overflow:hidden; margin-bottom:20px; padding-top: 20px;}
.tab-video img{ width:100%}
.ytp-cued-thumbnail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);
    transition: opacity .25s cubic-bezier(0,0,0.2,1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.ytp-cued-thumbnail-overlay-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

.htl_video_widget .htl_wrapper iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.htl_video_widget.vc_video-el-width-100 .htl_wrapper {
    width: 100%;
}
.htl_video_widget .htl_wrapper {
    position: relative;
}

/* Breadcrumb */
.breadcrumb li{ position:relative; z-index:20;  padding: 7px;}
.breadcrumb li ul{ position:absolute; z-index:5; background:#dcdcdc; left:0; display:none; list-style:none; margin: 3px 0px; padding:0px 0px; list-style:none;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.breadcrumb{background:#dcdcdc; display:inline-flex;}
.breadcrumb li:hover ul{display:block;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.breadcrumb li ul li{ padding:10px; width: max-content; min-width:150px; border-bottom:1px solid #fff; }
.hs-sub a{  position:relative; padding-right:20px;}
.hs-sub a:after{ position:absolute;   font-family: FontAwesome; content: "\f107"; right:0;}  
.breadcrumb li ul li a:after{ display:none;}
.breadcrumb-item::before { content: "" !important;}
.breadcrumb{ margin-top: 40px;}  

/*
.breadcrumb li{ position:relative; z-index:20; padding:10px;}

.breadcrumb li ul{ position:absolute; z-index:5; background:#dcdcdc; left:0; display:none; list-style:none; margin:10px 0px; padding:0px 0px; list-style:none;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;}

.breadcrumb{background:#dcdcdc; display:inline-flex; padding:3px;}

.breadcrumb li:hover ul{display:block;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out;}
.breadcrumb li ul li{ padding:10px; width:auto; min-width:150px; border-bottom:1px solid #fff; }
  .breadcrumb li ul li a:after{ display:none;}
.breadcrumb{ margin-top:150px;}
.breadcrumb{ margin-top:60px;}
*/
/**/



@media (max-width: 1399.98px) {
    #cssmenu2 a {font-size: 0.9rem;padding: 23px 9px;}
    .iconBx figure {  width: 120px; height: 120px;    }
 }
@media (max-width: 1199.98px) {
    #cssmenu2 > ul {margin: 22px 0 0 13px;}
    #cssmenu2 a {font-size: 0.8rem;padding: 23px 8px;}
}
@media (max-width: 991.98px) {
    .iconBx figure {  width: 100px;    height: 100px; }
    .iconBx h4{font-size: 1rem;}
    .footerCpyWrt ul {justify-content: flex-start;}
}

@media (min-width: 767.98px) {	
  .spacer {
	  padding-top: 70px;
	}	 
    .megaSub:hover .megaContent,.sub:hover .megaContent {opacity: 1; visibility: visible;}
    li.sub i {display: none;}
    .sub:hover .megaContent {top:40px !important;}
    .megaSub:hover .megaContent {top: 92px !important;}
 }

@media (max-width: 767.98px) { 

#cssmenu2 > ul {display: flex;position: fixed;width: 100%;width: 100%;left: 0;margin: 0;top: 51px;background: #333;    flex-direction: column;    box-shadow: 0px 6px 12px 0px #111; display:none;}
.megaContent {display: none;opacity: 1;    visibility: visible;width: 100%;background: #222;    z-index: 10; left:0;    top: 52px;    transition: 0s linear 0s;}
.megaSub .megaContent{left:0;}
.megaSub { position: relative;}
#cssmenu2 a{padding: 15px 12px; display: block;}
.menu-button {margin-top: 15px!important;}
li.sub { display: flex;}
li.sub i {color: #fff;position: absolute;top: 18px;right: 15px; display: block;}
.header-inner {height: 52px;}
.megaContent h4 {font-size: 14px;margin-top: 10px;}
.megaContent ul li a { padding: 8px 5px !important; font-size: 11px!important;}

.logo img{ max-width:100%;}
.top-search{ width:94%;}
.top-search input{ height:30px;}
.search-btn{ height:30px; font-size:12px;}
.header-inner .row{ margin:0px -2px;}
.header-inner .col-lg-2{ padding:0px 2px;}
.header-inner .col-lg-4{ padding:0px 2px;}
.header-inner .col-lg-6{ padding:0px 2px;}

.top-search{ margin-top:8px;}
.logo{ margin-top:11px;}
.menu-button{ margin-top:13px!important;}
.top-search input{ margin-bottom:0px;}
.header-inner{ height:auto; padding-bottom:5px;}
#cssmenu2 > ul{ top:85px!important;}

.megaRow{ display:block;}
.megaRow .megaCol{ border:none;}
.fix-height{ max-height:800px; overflow-y:scroll;}
.top-ct{margin-top:0px;}

.tab-sec h2{ font-size:18px;}
div#owl-demo2{ padding:5px; background:none;}
.productBx{ padding:5px; overflow:hidden;}
.productBx h5{ font-size:15px;}
.sliderC{ margin-top: 0px;}
.bannerC{ min-height:50px;}

.top-shide { display: none;}
.top-social{ display: none;}

}

.top-pd{
	padding: 0 10px;
    border-left: 1px solid;
    margin-left: 5px;
}

.key-benefits { font-size: 1.1rem;}
.key-benefits h3 { font-size: 2rem; padding-bottom: 15px;}


.key-benefits ol li { list-style:none; padding: 5px 10px; font-size: 1rem;}

.sub-sec { padding: 50px; margin: 0 !important; }

.sub-sec .sec-head h2 { font-size: 2.2rem !important; }

.sol-detail ul {
    margin: 20px 0px;
    padding: 0px 0px;
    list-style: none;
}

.sol-detail li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.sol-detail li:before {
    position: absolute;
    left: 0;
    width: 15px;
    top: 8px;
    height: 15px;
    background: url(../images/listing.png) left no-repeat;
    content: '';
    background-size: 100% 100%;
}

.sol-detail .img-c {
    padding-top: 150px;
}

.sol-detail img {
    width: 100%;
    height: 350px;
}

.f-link{ font-size: .8rem;}
.f-link-p:before{ position:relative; left: -7px; content:'|';}
.header_logo { width: auto;  padding-left: 40px; position: relative; margin-top: 10px; }

.page-title3 { margin: 50px 0; }

.contact-head { padding: 50px 0 20px 0; }

.contact-us-btn-bg{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.4);z-index:21;display:none;top:0;right:0;left:0;bottom:0}
.contact-us-btn-options{background:#fff;width:20.375rem;box-shadow:0 0 14px 0 rgba(0,0,0,0.23);border-radius:4px;position:fixed;bottom:calc(20% + 70px);right:1.125rem;z-index:22;display:none}
.contact-us-btn-options-header{display:flex;justify-content:space-between;height:3.25rem;align-items:center;box-shadow:0 1px 1px 0 rgba(0,0,0,0.03);padding-left:1.375rem}
.contact-us-btn-options-header-title{font-size:1.125rem;color:#333;font-weight:600}
.contact-us-btn-options-header-close{margin-right:1.25rem;width:14px;cursor:pointer}
.contact-us-btn-options-header-close img{max-width:14px;max-height:14px}
.contact-us-btn-options-item{display:flex;height:3.125rem;align-items:center;padding-left:1.375rem}
.contact-us-btn-options-item-icon{height:24px;width:24px;margin-right:1.5rem}
.contact-us-btn-options-item-icon img{max-width:24px;max-height:24px}
.contact-us-btn-options-item-text{font-size:1rem;color:#333;line-height:1.375}
.contact-us-btn-options-item-text .phone-number{color:#f02c38;margin-left:.5rem}
.contact-us-btn-options-item:hover{background:#f8f8f8}
.contact-us-btn-content{display:flex;background:#fff;padding:0;cursor:pointer;z-index:20}
.contact-us-btn-content-icon{height:25px;width:24px}
.contact-us-btn-content-text{font-size:.875rem;color:#d7150e;text-align:center;padding-top:3px;white-space:nowrap;overflow:hidden;width:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.contact-us-btn-content-text-move{width:80px;padding-left:.5rem}
.contact-us-btn .btn-content{position:fixed;box-shadow:0 0 14px 0 rgba(0,0,0,0.12);border-radius:8px;right:1.125rem;bottom:20%;z-index:20;background:#fff;padding:1rem .875rem}
a.contact-us-btn-options-item:hover{text-decoration:none}
@media only screen and (max-width:1024px){.contact-us-btn .btn-content .compare-btn-cont{right:0;bottom:0;transform:none;padding:10px 0 0 0;position:relative;margin-top:11px;border-top:1px solid #f2f2f2}
.contact-us-btn .btn-content #compareBtm-2{box-shadow:none;border-radius:0}
.contact-us-btn-options{bottom:50%;right:50%;transform:translate(50%,50%)}
.contact-us-btn-content{display:block}
.contact-us-btn-content-icon{height:25px;width:24px;margin:0 auto}
.contact-us-btn-content-text{font-size:.75rem;margin-top:.375rem;margin-left:0;width:auto}
.contact-us-btn .btn-content{right:1.25rem;bottom:85px;padding:13px 5px 10px 5px}
}

@media only screen and (max-width: 767px){
	.breadcrumb { display: none;  }	
	.bannerC{ min-height: 0px; margin-top: 0px; }	
	.pro-gal-cat p{ position: inherit; }
	.col-12{ position: inherit !important; }
	
	.sol-detail .img-c {
		padding-top: 0px;
	}
	
	.netBx figure { display: inline; }
	.netWorkSec{ padding: 0px; }
}

/* New Edit END  */

.sidebar-widget .widget-inner {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

.info-widget .widget-inner {
    background: #111;
    color: #ffffff;
}

.info-widget .lower {
    display: block;
    padding: 0px 20px;
    text-align: center;
}

.info-widget .subtitle {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.info-widget .phone {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 5px;
}

.info-widget .email {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1.5em;
}

.info-widget svg {
    height: 60px;
    width: 60px;
    fill: #fff;
    margin-bottom: 20px;
}

.info-widget .phone a {
    display: inline-block;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.50);
}

.blank {
	margin-top: 50px;
}

.custom-content-sec{ margin: 0px;}
.default-content-sec{ margin: 0px;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.membership .fa{ margin:0 5px 0 25px;}

.card-body .sm ul {
    list-style: none;
    background: none;
    margin: 0px 0px;
    padding: 0px 0px;
    color: fff;
}

.card-body .sm li a{
   display: inline;
}

.card-body .sm ul li{
   border-bottom: 0;
}

.slidein .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.slide1-bg{
	height: 490px;
	background-image: url(../img/hik-partner-pro-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.benefits {
	padding: 0 75px 0 75px;
}