/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/pattern.png) #111d31;
	z-index:999;
	vertical-align: top;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100; cursor:pointer;
}
.btn-abt {padding: 15px;/* background: #000; */position:relative;height: 100%;display: flex;overflow:hidden;border: 1px solid #2c4267;}
.btn-abt img{opacity:0.5;object-fit: cover;height: 100%; }
.cnt-hvr{position:absolute;top:10%;left:5%;right: 5%;}
.btn-abt h3{color:#fff;text-decoration:none;padding: 20px 0 0 15px;display: block;font-weight: bold;font-size: 22px;text-align: center;}
.btn-abt:hover{background: #23385d;}
.btn-abt:hover img{opacity:0;}
.nav-b{}
.nav-b ul{margin: 45px 0 25px 45px;padding:0;}
.nav-b ul li{list-style:none;display: block; margin: 0 0 10px;}
.nav-b ul li a{color:#fff;display:block;font-size: 32px;font-weight: 700;text-decoration: none;/* text-transform:uppercase; */}
.nav-b ul li a:hover{ color:#1764ba; padding-left:25px}
.nav-b ul li a i{font-size: 24px;margin-right:10px;}
/* Menu style */
.overlay nav {
	/* text-align: center; */
	position: relative;
	top: 0%;
	height: 100%;
	-webkit-transform: translateY(10%);
	transform: translateY(10%); 
}

.cnt-hvr ul {
	padding: 5px 0;
	margin: 275px 0 15px;
	height: 100%;
	position:relative;
	z-index:1; opacity:0;
}

.cnt-hvr ul li {
	/* display: block; */
	list-style: none;
	margin: 0 0 1px;
}

.cnt-hvr ul li a {
	font-size: 16px;
	font-weight: 500;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 25px;
	background: #00000042;
	text-align: center;
}
.btn-abt:hover .cnt-hvr ul{margin: 80px 15px 15px;opacity:1;}
.cnt-hvr ul li a:hover,
.cnt-hvr ul li a:focus {
	color: #fff; background:#000;
}

/* Effects */
.container {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.container.overlay-open {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.overlay-contentscale {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentscale.open {
	visibility: visible;
	-webkit-transform: translateY(-0%);
	transform: translateY(-0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		/* height: 70%; */
		/* font-size: 34px; */
	}
	.overlay ul li {
		/* min-height: 34px; */
	}
}


@media screen and (max-width: 767px) {
.overlay nav {
overflow-y: scroll;
}
.btn-abt img { width: 100%;}
.btn-abt { height: 250px;}	
.cnt-hvr ul { margin: 125px 0 15px;}
.btn-abt:hover .cnt-hvr ul {  margin: 25px 0 15px;}
	
	
}

::-webkit-scrollbar {
  width: 0px;
}