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

html,
body {
	margin:0px;
	padding:0px;
    overflow-x: hidden;
}

.padding-top {
	padding-top:5px;
	padding-bottom:10px;
	}
	
.padding-top-40 {
	padding-top:20px;
	padding-bottom:20px;
	}

.fotter-heading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#8f8483;
	font-size:24px;
	padding-left:35px;
	padding-top:20px;
	}

.matter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:15px;
	color:#373a41;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	}
	
.about-us-matter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:15px;
	color:#373a41;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:45px;
	padding-left:10px;
	}

.button {
	background-color:#f4f5f9;
}

.white {
color:#fff;
}

.blue {
	  color:#053bbb;
}

.black {
background-color:#020e28;
}

.gray {
	background-color:#f4f5f9;
}

.footerbg {
	background-color:#03143f;
}


.paleyellow {
padding-top:10px;
background-color:#ffda44;
padding-bottom:10px;
}


div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color:#fff;
  font-size: 20px;
  z-index:999;
}

container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.active {
	  background-color:#F00;
}