/* Custom css begins here */

.loading-btn::after {
	content: "";
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	border-radius: 50%;
	border: 0.2em solid rgba(96, 93, 93, 0.65);
	border-top-color: #fff;
	animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.hidden {
	display: none!important;
}
.main-menu ul li .mega-menu a:hover {
	background-color: #efefef;
}

.mega-menu.mega-dropdown-menu li a {
	display: block;
	padding: 10px 10px 10px 30px;
	border-bottom: 1px solid #e5e5e5;
}
.pt-50 {
	padding-top: 50px;
}
.display-table {
	display: table;
}
.home7 .port-over-content h3, .home8 .port-over-content h3, .home4 .port-over-content h3 {
	font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

.register-area-2 {
	padding: 10px 60px;
}

@media screen  and (max-width: 768px) {
	.mean-container .mean-nav ul li .mega-menu li {
		border-bottom: 1px solid #e1e1e1;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 10px;
	}
	.port-content {
		right: 30px;
		top: 20px;
		font-size: 18px;
		visibility: visible;
		opacity: 1;
		z-index: 11;
		cursor: pointer;
		background: #fff;
		width: 60px;
		height: 60px;
		line-height: 60px;
		border-radius: 50%;
	}
	.port-over-content {
		bottom: -5px;
		opacity: 1;
		transition: 0.6s;
	}
	.port-over-content{opacity: 1;}
	.port-content {
		visibility: visible;
		opacity: 1;
	}
	.single-portfolio::before {
		opacity: 0.7;
	}
	.register-area-2 {
		padding: 50px 20px;
	}
	.pt-65 {
		padding-top: 65px;
	}
	.login-register-area {
		margin-top: 0px;
		margin-bottom: 25px;
	}
	.slider-content p {
		font-size: 18px;
	}
	.slider-content span {
		font-size: 20px;
	}
	.slider-content h1 {
		font-size: 40px;
		margin-bottom: 0;
		padding-right: 50px;
	}
	.hero-section {
		margin-top: 150px;
	}
	.page-title {
		margin-top: 110px;
	}
}

.link-primary {
	color: #3f3f3f;
}

img.width-20-percent {
	height: 20% !important;
}
#error-msg p {
	color: #dc3545 !important;
}
.grayscale {
	filter: grayscale(100%) brightness(1.1) contrast(1.2);
}
.single-portfolio {
	background: #dfdfdf42;
	padding: 25px;
	border-radius: 20px;
}