@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');
body{
}

.padding10{
 padding:10px;
}
.paddding25{
	padding:25px;
}
.padding50{
	padding-left:15%; padding-right:15%; padding-top:5%; padding-bottom:5%;
}
.padding5{
	padding:5px;
}
.padding3{
	padding:3px;
}
.headingfonts{
	font-weight:700; margin-bottom:15px;
}
.color_1{
	color:#0d447a;
}
.color_2{
	color:#fde428;
}
.color_white{
	color:#fff;
}

.bgcolor_1{
	background-color:#fde428;
}
.bgcolor_2{
	background-color:#002e5b;
}

.topbutton_1{
	text-decoration:none; color:#000; background-color:#fde428; display:block; padding:10px; width:50%; float:right; text-align:center; cursor:pointer
}
.topbutton_1:hover{
	text-decoration:none; color:#FFF; background-color:#eed410;
}
.menusystem{ 
padding-top:25px;
}
.webbutton{
	 color:#fff; padding:15px; background-color:#002a6f; border-radius:5px;
}
.webbutton:hover{
	text-decoration:none; background-color:#000; color:#fff;
}

.bgcolor_footer{
	background-image:url(../images/footer_bg.jpg); background-size:cover; font-size:13px;
}
.overlayz{
	background-color:rgba(0, 46, 91, 0.7);
}
.bgcolor_footer h5{
	padding-bottom:15px; position:relative; display:inline-block; margin-bottom:20px;
}
.bgcolor_footer h5:before{
	content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    bottom: 0;
    border-bottom:3px solid #fde428;
	 
}

.footerlinks{
	display:block; color:#ccc; padding-bottom:10px;  font-size:13px;
}
.footerlinks:hover{
	text-decoration:none;
	color:#fff;
}
.footerbootom{
background-color:#0d447a; color:#999
}
.sociallinks{
	padding:5px; color:#000; background-color:#FFF; border-radius:5px;
}
.sociallinks:hover{
	background-color:#5dba47; color:#fff
}
.subpage_aboutus{
	background-image:url(../images/aboutus_bg.jpg); height:220px; background-size:cover; padding-top:80px;
}


.social_icon_bottom{
	height:40px; width:40px; border:1px solid #fff; color:#666; font-weight:bold; line-height:40px; text-align:center; margin:1px;
}
.social_icon_bottom:hover{
	border:1px solid #f7cb11;
}
.social_icon_bottom a{ color:#FFF; display:block;
}
.social_icon_bottom a:hover{
	color:#f7cb11;
}
.bg1{
	background-image:url(../images/bg1.jpg); background-size:cover; background-attachment:fixed;
}
.services_block{
	background-color:#FFF; margin:1px; font-size:13px;  transition:1s all;
}
.services_block .bgimg{
	height:60px; width:60px; background-repeat:no-repeat; background-position: left;
}
.services_block a{
	color:inherit;
}
.services_block a:hover{
	text-decoration:none;
}
.services_block:hover{
	background-color:#080c4d; color:#FFF;
}
.services_block:hover h5{
	color:#fde428;
}
.services_block:hover .bgimg{
	background-position: right;
}


.scroolingcontent{
	 margin:5px; padding:5px; text-align:center; border-radius:5px; height:100px;
}
.scroolingcontent p{
	font-size:16px; color:#CCC; }
.scroolingcontent span{
	font-size:45px; font-weight:700; color:#fff
}
.aftcount{
	font-size:45px; font-weight:700; color:#fff;
}
.spltext{
	font-size:30px; font-weight:700; color:#000; font-style:italic;
}
.sublinks a{
	display:block; padding:15px; border:1px solid #CCC; margin-bottom:3px; color:#333; transition:all 1s;
}
.sublinks a:hover{
	text-decoration:none; background-color:#0d447a; color:#FFF;
}
.technologyspectrum{
	border:1px solid #CCC; margin:1px;
}
.bg_white{
background-color:#FFF;
}
.bgcolor3{
	background-color:#021f3c;
}
.bgcolor4{
	background-color:#fde428; color:#333; margin-bottom:5px;
}
.m_right{
	margin-right:5px; margin-bottom:10px;
}
.m_left{
	margin-left:5px; margin-bottom:10px;
}
.home_heading{
	position:absolute; background-color:rgba(17, 47, 83, 0.9); width:55%; padding:10px; font-weight:600; color:#FFF; top:7%; z-index:9999;
}
.serviveform{
	background-color:#FFF; padding:50px;
}
@media (max-width: 767px) { 
.topbutton_1{
	text-decoration:none; color:#000; background-color:#fde428; display:block; padding:10px; width:100%; float:right; text-align:center; cursor:pointer
}

.mobilepadding{
	margin-left:35px;
	margin-right:35px;
}

.m_right{
	margin-right:0px; margin-bottom:5px;
}
.m_left{
	margin-left:0px;  margin-bottom:5px;
}
.serviveform{
	background-color:#FFF; padding:10px;
}

}



/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */    
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 999999999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 2%; /* 25% from the top */
  width: 50%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  color:#FFF;
  margin-left:auto; margin-right:auto;
}
@media (max-width: 767px) { 
.overlay-content {
  position: relative;
  top: 10%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  color:#FFF;
  margin-left:auto; margin-right:auto;
}
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
  
}




.testimonial_subtitle{
    color: #0aaa7a;
    font-size: 12px;
}
  .testimonial_btn{
    background-color: #373d4b !important;
    color: #fff !important;
 }
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #0aaa7a;
    margin: 7px 0 10px 0;
}


header {
  position: relative;
  background-color: black;
  height:auto;
  min-height: 19rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container-fluid {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}