.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a {
	background-color: transparent;
	color: var(--color-primary);
}

/*=== Font Size And Font Family ====*/
.dis-block {
	display: block;
}

.bg-img-fix {
	background-size: cover;
}

.bg-secondry {
	background-color: var(--color-secondry);
}

.text-gray-dark {
	color: #9a9a9a;
}

/*=== Slider  ===*/
.main-slider .button-lg {
	padding: 15px 30px;
}

.owl-none .owl-nav {
	display: none;
}

/* Client Logo */
.client-logo ul {
	margin: 0 -10px;
}

.client-logo ul li {
	display: inline-block;
	float: left;
	padding: 0 10px;
	width: 33.33%;
	margin-bottom: 20px;
}

.client-logo img {
	width: 100%;
}
 
/* about-service */
.table-responsive {
	overflow-x: unset;
}

@media only screen and (max-width: 1280px) {
	.blog-info li {
		font-size: 13px;
	}

	.table-responsive {
		overflow-x: auto;
	}
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
	.footer-bottom .text-left,
	.footer-bottom .text-right {
		text-align: center;
	}
}
 

/* Responsive */
@media only screen and (max-width: 767px) {
	.main-slider .button-lg {
		font-size: 14px;
		padding: 8px 10px;
	}
}

/* Heart */
footer .footer-bottom .fa-heart {
	animation: 2.5s ease 0s normal none infinite running animateHeart;
	font-size: 16px;
}

@keyframes animateHeart {
	0% {
		transform: scale(1);
	}
	5% {
		transform: scale(1.2);
	}
	10% {
		transform: scale(1.1);
}

	15% {
		transform: scale(1.25);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

/* Gradiyant And Color Css */
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after {
    background: var(--color-primary);	/* Old browsers */
	background: -moz-linear-gradient(45deg, var(--color-primary) 8%, var(--color-hover) 100%);/* FF3.6-15 */
	background: -Winkit-linear-gradient(45deg, var(--color-primary) 8%, var(--color-hover) 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, var(--color-primary) 8%, var(--color-hover) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-primary)', endColorstr='#ff9314', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	font-weight: 600;
}

.box-sort {
	background-color: #ffffff;
	/* box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); */
	border: 1px solid #ebedf2;
	border-radius: 4px;
}

.box-sort .box-sort-in {
	border-top: 1px solid #ebedf2;
}

.dis-tbl {
	display: table;
}

.dis-tbl-cell {
	display: table-cell;
	vertical-align: middle;
}

.widget.bg-white {
	border: 1px solid #ebedf2;
}
 

.contact-style-1 input {
	height: 50px;
}

.contact-style-1 .site-button {
    height: 50px;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
}

.contact-style-1 .form-control {
	padding: 10px 20px;
	border-radius: 4px;
}

.contact-style-1 .form-control:focus,
.contact-style-1 .form-control:hover {
	border-color: #c0c0c0;
}

.contact-style-1 h2 {
	margin-top: 0;
}

.contact-style-1 .border-1 {
	border: 1px solid #eee;
}
 

.contact-style-1 .form-group {
	margin-bottom: 25px;
}

.counter {
	position: relative;
}
 

.faq-1 .panel {
	margin-bottom: 20px;
	transition: all 0.5s;
}

.faq-1 .acod-title a {
	padding: 20px 40px 20px 20px;
	color: #000;
}

.faq-1 .panel:hover {
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
}

.faq-1 .acod-head a::after {
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	right: 20px;
}

.faq-video {
	position: relative;
}

.faq-video .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 65px;
}

.title-box {
	font-weight: 500;
}
 

.about-8-service .icon-bx-wraper {
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
}

.about-8-service .icon-bx-wraper:hover a {
	color: var(--color-primary);
}

.choses-info {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	z-index: 1;
	text-align: center;
}

.choses-info-content [class*="col-"] {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.choses-info-content [class*="col-"]:last-child {
	border-right: 0;
}
 
.icon-bx-wraper.expertise {
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.01);
}
 

.contact-page-9 .icon-bx-wraper {
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid #505050;
}
 

.chosesus-content .list-checked li {
	margin-bottom: 10px;
}

.contact-full .dlab-bnr-inr {
	padding-bottom: 0;
}

 
 

@media only screen and (max-width: 1024px) {
	 

 

	.title-box span {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.testimonials .testimonial-content {
		padding-left: 0;
	}

	.choses-info-content h4 {
		font-size: 14px;
		margin-bottom: 0;
	}

	.choses-info-content h2 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 0;
	}
 

	.choses-info-content>div {
		padding: 20px 15px;
	}

	.portfolio .filters .btn a {
		clear: both;
		display: table-cell;
		padding: 5px 20px;
		text-align: center;
	}
 
}

 

/*==============
	portfolio 
================*/
/* portfolio */
.portfolio .site-filters {
	margin-bottom: 30px;
}

.portfolio .dlab-gallery-box {
	margin-bottom: 0px;
	padding: 7px;
}

.portfolio .btn {
	font-size: 12px;
}

.portfolio .dlab-img-overlay1:hover::before,
.portfolio .dlab-box:hover .dlab-img-overlay1::before {
	opacity: 0.8;
}

.portfolio p {
	margin: 0px;
}

.portfolio p small {
	opacity: 0.7;
}

.portfolio .ow-portfolio:hover .overlay-icon,
.portfolio .dlab-box:hover .overlay-icon {
	margin-top: 0;
	transition: all 0.2s;
	opacity: 1;
}

.portfolio .ow-portfolio .overlay-icon,
.portfolio .dlab-box .overlay-icon {
	margin-top: 15px;
	transition: all 0.2s;
	opacity: 0;
}

/* portfolio with icon */
.portfolio .icon-bx-xs {
	border-radius: 50%;
}

.portfolio .icon-bx-xs {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.portfolio-ic a {
	color: #000;
}

.portfolio-ic .dez-info a:hover {
	color: #24C4DD;
}

.portfolio-ic a:hover {
	color: #fff;
}

.portfolio-ic a:hover i {
	background: transparent;
	border: 2px solid #fff;
}

.portfolio-ic .overlay-icon a {
	margin: 0px 7px;
}

.portfolio .owl-prev:hover,
.portfolio .owl-next:hover,
.portfolio .owl-prev,
.portfolio .owl-next {
	background-color: #fff;
	color: #000;
	padding: 17px 17px;
}

/* Img Hover Content Effect */
.img-hvr-content-style-1 .link-list,
.img-hvr-content-style-3 .link-list,
.img-hvr-content-style-4 .link-list,
.img-content-style-2 .link-list {
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
	margin: 0;
}

.img-hvr-content-style-2 .link-list {
	right: 20px;
	top: 20px;
	position: absolute;
}

.img-hvr-content-style-2 .dlab-info-has-text,
.img-hvr-content-style-4 .dlab-info-has-text {
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: left;
}

.dlab-divider.margin-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.img-hvr-content-style-3 .dlab-info-has-text {
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: left;
}

.no-hover .overlay-bx {
	opacity: 1;
	visibility: visible;
}

.no-hover[class*="dlab-img-overlay"]:after,
.no-hover[class*="dlab-img-overlay"]:before {
	opacity: 0.5;
}

/* Img Content Effect */
.img-content-style-1 .overlay-icon .link-list a i {
	background-color: rgba(0, 0, 0, 0);
}

.img-content-style-3 .link-list {
	list-style: none;
	position: absolute;
	top: 20px;
	right: 20px;
}

/* content-box-style */
.content-box-style .dlab-img-overlay12:before {
	opacity: 0.2;
}

.content-box-style.style1 .box-visible {
	transform: scale(0);
	-o-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	visibility: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.content-box-style.style1:hover .box-visible {
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
}

#masonry {
	width: 100%;
}

.subscribe-form .form-control:focus {
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0);
}

.footer-info-bar .icon-bx-wraper.bx-style-1 {
	background: #fff;
}

.footer-info-bar .icon-bx-wraper.bx-style-1 {}

.footer-info-bar .icon-bx-wraper.bx-style-1 p,
.footer-info-bar .icon-bx-wraper.bx-style-1 .icon-sm,
.footer-info-bar .icon-bx-wraper.bx-style-1 .dlab-tilte {
	color: #000;
}

@media only screen and (max-width: 1024px) {
	.footer-info-bar .icon-content p {
		font-size: 12px;
	}

	.footer-info-bar [class*="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}

	.footer-info-bar .icon-bx-wraper {
		padding: 20px;
	}
}
 
@media only screen and (max-width: 600px) {
	.footer-info-bar [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 360px) {}

.mfp-bg {
	z-index: 9999999;
}

.mfp-wrap {
	z-index: 9999999;
}

/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
	background-color: var(--color-primary);
}

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
	background-color: var(--color-secondry);
}

.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter {
	color: #fff;
}

.check-km {
	cursor: pointer;
}
  

/*  Service Info */
.service-info {
	max-width: 780px;
	margin: auto;
}

.service-info .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 50px;
}

.service-info p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0;
}
  
 
/* Service Box Style3 */
.service-box.style3 .icon-bx-wraper {
	padding: 50px 30px;
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
	z-index: 1;
}

.service-box.style3 .icon-bx-wraper:before {
	content: attr(data-name);
	position: absolute;
	font-size: 100px;
	right: 30px;
	top: 30px;
	line-height: 80px;
	font-weight: 700;
	color: #000;
	opacity: 0.05;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.service-box.style3 .icon-lg i {
	font-size: 70px;
	line-height: 70px;
	color: var(--color-primary);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.service-box.style3 .dlab-tilte {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 15px;
	line-height: 30px;
}

.service-box.style3 .icon-lg {
	margin-bottom: 25px;
}

.service-box.style3 .icon-bx-wraper:after {
	content: "";
	height: 100%;
	width: 0;
	background-color: var(--color-primary);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
}

.service-box.style3 .icon-bx-wraper:hover .dlab-tilte,
.service-box.style3 .icon-bx-wraper:hover .icon-lg i,
.service-box.style3 .icon-bx-wraper:hover:before,
.service-box.style3 .icon-bx-wraper:hover .icon-content p span ,
.service-box.style3 .icon-bx-wraper:hover {
	color: #fff !important;
}

.service-box.style3 .icon-bx-wraper:hover:before {
	opacity: 0.2;
}

.service-box.style3 .icon-bx-wraper:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-webkit-transform-origin: right;
	-o-transform-origin: right;
	/* 	animation: animationSignal4;
	animation-duration: 0.6s; */
}
 
  
 

.about-bx-2 .ext {
	text-decoration: underline;
	font-weight: 500;
	font-size: 24px;
	color: var(--color-primary);
}

.about-bx-2 .title {
	font-size: 38px;
	line-height: 50px;
}  
 
.quote-icon {
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
}
 

.post-style-2 .dlab-post-info {
	margin-top: 20px;
}

.post-style-2 .dlab-post-title .post-title {
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 500;
}

.post-style-2 .dlab-post-meta {
	margin-bottom: 10px;
}
 
 
.contact-img-bx img {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: -80px;
} 
 
/* Portfolio */
.portfolio .check-km i {
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

.portfolio .check-km:hover i {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}

.video-play-icon a {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	text-align: center;
	line-height: 80px;
	color: #fff;
	box-shadow: 0 0 0 10px rgba(238, 49, 49, 0.2);
	display: block;
	font-size: 28px;
	margin: auto;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
 
/* Blog Post Single */
.blog-post.blog-single .dlab-post-meta {
	margin-bottom: 0;
}

.blog-post.blog-single .dlab-post-title .post-title {
	margin-top: 10px;
	margin-bottom: 10px;
} 
/*  Shop Service Info */
.shop-service-info p {
	font-size: 14px;
	line-height: 24px;
}


/* SortCodes Image Box Content */
.dlab-info-has.no-hover .dlab-post-meta {
	margin-bottom: 0;
}

.dlab-info-has.no-hover .dlab-post-title .post-title {
	margin-top: 0;
}

/* SortCodes Carousel Sliders */
.ow-entry-title {
	font-size: 18px;
	text-transform: capitalize;
}

.ow-carousel-entry .ow-entry-text p {
	font-size: 14px;
	line-height: 24px;
}

.box-about-list .icon-bx-wraper {
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 30px 30px;
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.box-about-list .img-cover {
	height: 100%;
}

.box-about-list .icon-bx-wraper p {
	opacity: 0.8;
	font-size: 15px;
	line-height: 26px;
}

.box-about-list .icon-bx-wraper .dlab-tilte {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}

.box-about-list .icon-bx-wraper:hover {
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.box-about-list .icon-bx-wraper:hover .text-white,
.box-about-list .icon-bx-wraper:hover .dlab-tilte,
.box-about-list .icon-bx-wraper:hover p {
	color: #000 !important;
}
  

.overlay-icon .check-km i.icon-bx-xs {
	background-color: #fff;
	color: var(--color-primary) !important;
}
 

.dlab-box ul li .check-km i {
	color: var(--color-primary);
} 

.footer-box,
.header-box {
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	padding: 20px 40px 0 40px;
	margin-bottom: 50px;
	background: rgba(0, 0, 0, 0.01);
}

.footer-box .title,
.header-box .title {
	font-size: 50px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--color-primary);
	margin-bottom: 20px;
}

.header-box p {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	opacity: 0.9;
}

#copyButton.btn {
	position: absolute;
	right: 30px;
	top: 15px;
	background: #eee;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px 10px;
}

#copyButton.btn.active {
	background: #449cff;
	color: #fff;
}

/*  */
.project-list {
	margin-bottom: 50px;
} 

/* ==============
HOME 5 Box Header 
=============== */
.roboto-condensed h6,
.roboto-condensed h5,
.roboto-condensed h4,
.roboto-condensed h3,
.roboto-condensed h2,
.roboto-condensed h1 {
	font-family: 'Roboto Condensed', sans-serif;
}

/* Header */

.box-header.site-header .main-bar .container {
	background: #fff;
}

.box-header.header-transparent .header-nav .nav>li>a,
.box-header.header-transparent .extra-nav .site-button-link,
.box-header.header-transparent .navbar-toggler {
	color: #000;
}

.box-header.header-transparent .header-nav .nav>li>a:hover {
	color:#c00064;

}

.box-header.header-transparent .top-bar {
    padding:8px 0;
    background-color: #281864;
}

.box-header .dlab-topbar-right .site-button-link {
	color: #fff;
	font-size: 14px;
}

.box-header.header-transparent .top-bar {
	border-bottom: 0;
}

.box-header.header-transparent .top-bar.text-black .topbar-social li a.site-button-link,
.box-header.header-transparent .top-bar.text-black .dlab-topbar-left li a {
	color: #000;
}

.box-header.header-transparent .top-bar .topbar-social li a.site-button-link:hover,
.box-header.header-transparent .top-bar .dlab-topbar-left li a:hover {
	color: var(--color-primary);
}

.box-header .extra-nav {
	padding: 0;
	border: 0;
}

.box-header .dlab-topbar-left ul li a {
	font-size: 14px;
}

.box-header .dlab-topbar-right .site-button-link i {
	margin: 0;
}

@media only screen and (min-width: 991px) {
	.box-header .header-nav .nav>li>a {
	    padding: 22px 20px 22px 20px;
	    letter-spacing: 0.2px;
	}

}

.box-header .header-nav .nav>li>a {
	border: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

.box-header .extra-nav .site-button {
	height: 68px;
	display: flex;
	align-items: center;
	margin-right: -12px;
	padding: 0 30px;
	margin-left: 30px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
}

.box-header .extra-nav .site-button:after {
	content: "";
	width: 40px;
	height: 100%;
	position: absolute;
	left: -12px;
	background: var(--color-primary);
	transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	top: 0;
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
}

.box-header.header-transparent .is-fixed .main-bar {
    background-color: #fff;
    box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.1);
}

.box-header .extra-nav .site-button:hover:after {
	background: var(--color-hover);
	transition: all 0.8s linear;
}

.box-header.site-header .is-fixed .main-bar .container {
	/*box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.1);*/
} 

.const-about .section-head.style2,
.exhibition-bx .section-head {
	margin-bottom: 30px;
}
 

.list-details li {
	color: #000;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.list-details li:first-child {
	border-top: 0;
}

.list-details {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 430px;
}

.project-slider:after {
	content: "";
	background: #ebebeb;
	height: 100%;
	width: calc(50% - 80px);
	position: absolute;
	top: 0;
	left: 0;
}

.project-slider .about-content {
	max-width: 600px;
	padding-left: 45px;
}
 
.section-head.style2 .title {
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 10px;
}

.section-head.style2 p {
	padding-top: 0;
	font-size: 15px;
	line-height: 26px;
}

.sr-iconbox .dlab-tilte {
	font-weight: 600;
	margin-bottom: 10px;
}

.sr-iconbox.style2 {
	padding: 20px;
	transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
}

.sr-iconbox.style2:hover {
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.img-ho1 {
	position: relative;
	z-index: 1;
}

.img-ho1:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
	border: 20px solid;
	z-index: -1;
	border-color: var(--color-primary) !important;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}

.img-ho1:hover:after {
	right: -15px;
	top: -15px;
}

.img-ho1 img {
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}

.img-ho1:hover img {
	transform: translate(-15px, 15px);
	-moz-transform: translate(-15px, 15px);
	-ms-transform: translate(-15px, 15px);
	-webkit-transform: translate(-15px, 15px);
	-o-transform: translate(-15px, 15px);
}  
.exhibition-bx .title {
	font-size: 50px;
	line-height: 58px;
}
 
  
/* Responsive */
@media only screen and (max-width: 1024px) {
 
 
	.box-about-list .max-w700,
	.about-progress .max-w700 {
		padding: 30px;
	}
}

@media only screen and (max-width: 991px) {
	.our-story h2.title {
		font-size: 36px;
		line-height: 46px;
	}

	.our-story h4.title {
		font-size: 20px;
		line-height: 30px;
	}
 

	.box-about-list .max-w700,
	.about-progress .max-w700 {
		padding: 40px 0;
	}

	.our-story-thum {
		display: none;
	}
 

	.chosesus-content {
		padding-top: 50px;
	}

	.choses-info-content [class*="col-"] {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
  
	 

	.dlab-bnr-inr h1 {
		margin-bottom: 10px;
	}

	.dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {
		padding-top: 160px;
	}
}

@media only screen and (max-width: 767px) {
	.service-info .title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.team-mamber-img,
	.team-info-box {
		display: table-cell;
	}
 

	.dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {
		height: 250px;
		padding-top: 65px;
	}

 
	.box-about-list .max-w700,
	.about-progress .max-w700 {
		padding: 30px;
	}

 

	.dlab-tabs.vertical .tab-pane {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 360px) {
 
 

	.our-story h2.title {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 10px;
	}

	.our-story>span {
		font-size: 18px;
		margin-bottom: 5px;
	}
 

	.section-head .title {
		font-size: 28px;
		line-height: 38px;
	}

	.section-head p {
		line-height: 26px;
	}

	.testimonial-8 .testimonial-text {
		padding: 20px;
	}

	.testimonial-8 .testimonial-text p,
	.dlab-tabs .tab-content p {
		font-size: 14px;
		line-height: 26px;
	}

	.testimonial-8 .testimonial-pic {
		margin-right: 10px;
		width: 70px;
		height: 70px;
	}

	.testimonial-8 .testimonial-name {
		padding-top: 10px;
	}
 
	.dlab-bnr-inr.dlab-bnr-inr-md.home-banner1 {
		height: 450px;
	}
 

	.video-infobx h2.title {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 34px;
	}

	.dlab-bnr-inr {
		height: 180px;
	}

	.box-about-list h2 {
		font-size: 24px;
		line-height: 38px;
	}

	.box-about-list .icon-bx-wraper {
		padding: 20px;
	}

	.box-about-list .icon-bx-wraper h4.dlab-tilte {
		font-size: 18px;
		line-height: 28px;
	}

	.about-progress .max-w700 {
		padding: 30px 0 10px;
	}

	.chosesus-content h3 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.about-8-service .section-head .title-box {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 10px;
	}

	.service-main-title .title {
		font-size: 22px;
	}
 
 
	.inner-text p,
	.inner-text ul li {
		font-size: 16px;
		line-height: 28px;
	}

	 

	.dlab-tabs .nav-tabs>li>a .title-head {
		display: none;
	}
 

	.sort-title {
		margin-bottom: 25px;
	}

	.add-box h2,
	.item-add.add-style-2 h2,
	.item-add.add-style-3 h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.item-add .add-box h5,
	.item-add.add-style-2 h5,
	.item-add.add-style-3 h5 {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

/* index 8 */
 

.area-frame {
	margin-bottom: 100px;
	z-index: 1;
	position: relative;
}
 


/* index 9 */
.header-white-transparent {
	background-color: rgba(255, 255, 255, 0.3);
}
 
.banner-form {
	border-bottom: 5px solid rgba(255, 255, 255, 0.3);
}
 
.banner-form .form-control,
.banner-form .site-button {
	border-radius: 4px;
	height: 55px;
	padding: 14px 20px;
	font-size: 15px;
}

  
 

@media only screen and (max-width: 991px) {
	 
 
	.banner-form .form-control,
	.banner-form .site-button {
		height: 50px;
		padding: 10px 15px;
		font-size: 16px;
	}

	.banner-form {
		padding-bottom: 10px;
	}

	 
 
}
 

@media only screen and (max-width: 591px) {
 

	.form-group {
		margin-bottom: 10px;
	}
 
}
 

.slider-box .slider-content {
	position: absolute;
	z-index: 99;
	left: 50%;
	top: 50%;
	width: 1170px;
	transform: translate(-50%, -50%);
}  

/* About info 1 */
.section-head.style1 .title {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	font-family: poppins;
	color: #000;
}

.about-info1 p,
.section-head.style1 p {
	color: #768492;
	line-height: 28px;
	font-size: 16px;
}
 

.dlab-services-box {
	padding: 50px;
}

.service-year {
	font-size: 130px;
	line-height: 140px;
	font-weight: 600;
	margin-bottom: 0px;
}

.service-year small {
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 600;
}
 
   

/* Hex box */
.hex-box .hex {
	fill: transparent;
	stroke: var(--color-primary);
	stroke-width: 3;
}

.hex-box .icon-box {
	position: relative;
}

.hex-box .icon-box i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 36px;
	height: 70px;
}

.btn.youtube.outline {
	color: #CE201F;
}

.h100 {
	height: 100%;
}

/* homedemo */
.header-nav .nav>li.homedemo {}

.header-nav .nav>li.homedemo .mega-menu {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	border-radius: 0;
}

.container-fluid .header-nav .nav>li.homedemo .mega-menu>li {
	flex: 0 0 16.6667%;
}

.header-nav .nav>li.homedemo .mega-menu>li {
	flex: 0 0 25%;
	max-width: 25%;
}

.header-nav .nav>li.homedemo .mega-menu>li:after {
	content: none;
}

.header-nav .nav>li.homedemo .mega-menu>li>a {
	border: 0;
	padding-bottom: 0;
}

.header-nav .nav>li.homedemo .mega-menu>li>a img {
	box-shadow: 0 10px 20px rgba(0, 0, 0, .17);
	margin-bottom: 15px;
	transition: all 0.5s;
	width: 100%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.header-nav .nav>li.homedemo .mega-menu>li:hover>a img {
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}

.header-nav .nav>li.homedemo .mega-menu>li>a span {
	display: block;
	text-transform: capitalize;
	font-size: 16px;
}

.header-nav .nav>li.homedemo .mega-menu>li>a .image-new {
	position: relative;
	overflow: hidden;
}

.header-nav .nav>li.homedemo .mega-menu>li>a span.badge {
	position: absolute;
	top: 8px;
	right: -25px;
	background: #fff700;
	color: #000;
	border-radius: 0;
	transform: rotate(45deg);
	font-size: 14px;
	padding: 6px 30px;
}

.header-nav .nav>li.homedemo .mega-menu>li:nth-child(2n) {
	background: rgba(0, 0, 0, 0.04);
}

.header-nav .dlab-social-icon {
	display: none;
}

/* Responsive Css */
@media only screen and (max-width: 1200px) {
	 
 
  
	.list-check.list-2.rounded.border[class*="list-"] li {
		padding: 10px 20px 10px 45px;
	}

	.container-fluid .header-nav .nav>li.homedemo .mega-menu>li {
		flex: 0 0 25%;
	}
}

@media only screen and (max-width: 991px) {
 

	.header-nav .dlab-social-icon.ind-social ul {
		margin-bottom: 5px;
	}

	.header-nav .dlab-social-icon.ind-social li a {
		color: #111;
	}

	.header-nav .dlab-social-icon.ind-social p {
		color: #111;
	}

	.header-nav .dlab-social-icon {
		display: block;
		margin: 0;
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.header-nav .dlab-social-icon li {
		color: #000;
		font-size: 16px;
	}
 

	.project-list {
		margin-bottom: 0;
	}
 

	.section-head.style2 .title {
		font-size: 30px;
	}
 
	.const-about .section-head {
		margin-bottom: 30px;
	}
  
	.header-transparent.box-header .navbar-toggler span {
		background-color: #000;
	}

	.header-transparent.box-header .navbar-toggler {
		margin: 26px 0 18px 35px;
	}

	.box-header .header-nav .nav>li>a {
		font-family: Roboto;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
 
 
	.header-nav .nav>li.homedemo .mega-menu {
		margin: 0;
		padding: 10px 0;
	}

	.header-nav .nav>li.homedemo .mega-menu>li>a {
		display: block;
		padding: 5px 0 5px 15px;
		position: relative;
	}

	.header-nav .nav>li.homedemo .mega-menu>li>a:after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		width: auto;
		height: auto;
		background: transparent;
		top: 3px;
		color: #000;
		font-size: 18px;
		position: absolute;
		left: 0;
		font-weight: 700;
	}

	.header-nav .nav>li.homedemo .mega-menu>li>a img,
	.header-nav .nav>li.homedemo .mega-menu {
		display: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header-nav .nav>li.homedemo.open .mega-menu {
		display: block;
	}

	.header-nav .nav>li.homedemo .mega-menu>li {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.header-nav .nav>li.homedemo .mega-menu>li>a span {
		display: block;
		text-transform: capitalize;
		font-size: 16px;
		font-weight: 400;
		color: #505050;
	}

	.header-nav .nav>li.homedemo .mega-menu>li:nth-child(2n) {
		background: transparent;
	}
 
}

@media only screen and (max-width: 767px) {
	 
	
	.extra-nav .extra-cell .fa-search, .fa-user {
		margin: 10px 0 8px 15px !important;
	}
  

	.project-slider .about-content {
		padding-top: 30px;
	}

	.project-slider:after {
		content: unset;
	} 
	.section-head.style1 .title {
		font-size: 36px;
		line-height: 46px;
	}

	.header-transparent.box-header .is-fixed .navbar-toggler,
	.header-transparent.box-header .navbar-toggler {
		margin: 24px 0 15px 20px;
	}

	.box-header .is-fixed .extra-nav .site-button,
	.box-header .extra-nav .site-button {
		height: 50px;
	}

	.box-header.site-header .extra-nav,
	.box-header.site-header .is-fixed .extra-nav {
		padding: 0;
	}

	.dlab-services-box {
		padding: 30px;
	}

	.service-year {
		font-size: 100px;
		line-height: 120px;
	}
 

	.list-check.list-2.rounded.border[class*="list-"] li {
		width: 100%;
	}
}

@media only screen and (max-width: 591px) {
	.site-filters .button-sm {
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.extra-nav .extra-cell .fa-search, .fa-user {
		margin: 17px 0 8px 15px !important;
	} 

	  
  

	.project-owbx {
		padding: 20px 15px 15px;
		margin: 20px 0 30px;
	}

	.project-slider .about-content {
		padding-left: 0;
	}

 

	.row.sp15,
	.sp15 {
		margin-left: 0;
		margin-right: 0;
	} 
 
	.box-header .extra-nav .site-button {
		display: none;
	}
 
 
	.section-head.style1 .title {
		font-size: 30px;
		line-height: 40px;
	}

	.section-head.style1 p {
		font-size: 14px;
	}

	.box-header.header-transparent .main-bar {
		padding: 0 15px;
	}
 
}
    
 
 
.testimonial-num-count {
	width: 750px;
	margin: auto;
}
 
   
  

@media only screen and (max-width: 1024px) {
	  
	.testimonial-num-count {
		width: 100%;
		padding: 0 50px;
	}

	.header-nav .nav>li .sub-menu.right {
		right: 0;
		left: auto;
	} 

	.dlab-quik-search span {
		right: 30px;
	}

	.dlab-quik-search.On form {
		max-width: 100%;
		padding: 0 30px;
	}

	.box-header .extra-nav .site-button {
		height: 65px;
	}
}

@media only screen and (max-width: 991px) {
 
 

	.header-nav .nav>li:focus>a,
	.header-nav .nav>li:active>a,
	.header-nav .nav>li:hover>a {
		color: #313444 !important;
	}
  

	.footer-box .title,
	.header-box .title {
		font-size: 30px;
		letter-spacing: 1px;
		margin-bottom: 10px;
		line-height: 40px;
	}

}

@media only screen and (max-width: 767px) {
 

 

	.box-header .extra-nav .site-button {
		height: 50px;
	}

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

	.contact-action.style2 {
		padding-bottom: 50px;
	}

	.footer-box .title,
	.header-box .title {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 591px) {
	 

	.testimonial-num-count {
		padding: 0;
	}

	.contact-action {
		padding: 30px 0 0;
	}
  
	.banner-form .form-control,
	.banner-form .site-button {
		height: 45px;
		font-size: 15px;
	}  
	.contact-action.style2 {
		padding-bottom: 30px;
	}

	.content-inner {
		padding-bottom: 0;
		padding-top: 30px;
	}

	.footer-box .title,
	.header-box .title {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 34px;
	}

	.footer-box,
	.header-box {
		padding: 20px 20px 0 20px;
	}
}

/* New Css Update */
.dlab-social-icon.border,
.dlab-tabs.bg-tabs.vertical.border,
.dlab-tabs.bg-tabs.vertical.right.border,
.dlab-tabs.border,
.dlab-tabs.border-tp.border.bg-tabs,
.dlab-tabs.border.bg-tabs,
.dlab-tabs.vertical.border,
.dlab-tabs.vertical.right.border,
.dlab-tabs.border-top {
	border: 0 !important;
}

 

.portfolio-ic .check-km i.icon-bx-xs {
	color: #000 !important;
}

.portfolio-ic .check-km i.icon-bx-xs:hover {
	background: transparent !important;
	border: 2px solid #fff;
	color: #fff !important;
}

.navstyle2 .header-nav .nav>li.active>a:after,
.navstyle2 .header-nav .nav>li:hover>a:after {
	background-color: transparent;
}

.white.btnhover13:hover::after,
.white.btnhover14:hover::after,
.white.btnhover15:hover::after {
	background-color: #F4F4F4;
}

.footer-top.bg-primary .subscribe-form .form-control::placeholder {
	color: #fff;
}

[type=button]:focus {
	outline: 0;
}
 


@media only screen and (max-width: 991px) {

	.header-nav .nav>li ul,
	.header-nav .nav>li .sub-menu,
	.header-nav .nav>li .mega-menu {
		background: transparent !important;
	}

	.dlab-bnr-inr-entry {
		display: table-cell;
		vertical-align: middle;
	} 
}

@media only screen and (max-width: 767px) {
	.dlab-topbar-left ul li:after {
		right: 0;
	}
 

	.gallery-bx .m-t20 {
		margin-top: 10px;
	}
 

	.site-filters {
		margin-bottom: 15px;
	} 
	 

	.area-frame {
		margin-bottom: 50px;
	}
 

	.section-content.box-sort-in.m-t80 {
		margin-top: 0;
	}

	.section-content.box-sort-in.p-t50.p-t10 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section-content.box-sort-in.p-tb50 {
		padding-top: 0;
		padding-bottom: 0;
	}
 
	.dlab-accordion.faq-1.m-b30 {
		margin-bottom: 0;
	} 
 

	.section-full.p-b80 {
		padding-bottom: 50px;
	}
 
 
}

@media only screen and (max-width: 591px) {
	.service-box.style3 .icon-bx-wraper {
		padding: 35px 30px;
	}

	.about-industry .img-cover {
		min-height: 300px;
	}

	form .g-recaptcha {
		margin-bottom: -25px;
	}
 
	.shop-account h2 {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 25px;
	}

	.btn-group label.btn {
		font-size: 14px;
		padding: 8px 14px;
	}
}

/* ===== selection ===== */
::-moz-selection {
	/* Code for Firefox */
	color: #fff;
}

::selection {
	color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--color-primary) !important;
	color: #fff !important;
}

.btn-block {
	display: block;
	width: 100%;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media-body {
	-ms-flex: 1;
	flex: 1;
}

.about-us .dlab-tabs .nav-tabs li.active a {
	background-color: var(--color-primary);
}

.testimonial-text.bg-primary {
	background-color: var(--color-primary);
}

.icon-bx-wraper.hover:hover {
	background-color: var(--color-primary);
}

.portfolio-sep { 
	background-color: var(--color-primary);
}

.about-us .dlab-tabs .nav-tabs li.active {
	border-right: 4px solid var(--color-hover);
}

button.scroltop {
    background-color: #e30058;
    box-shadow: -4px 4px 24px -10px #e30058 !important;
}
 

.img-hi,
.img-hi .dlab-box,
.img-hi .dlab-thum,
.img-hi img {
	height: 100%;
}

.img-hi img {
	object-fit: cover;
}

#masonry.row {
	width: auto !important;
}


/* Counter */
.counter-style-5 {
	padding: 50px 20px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
	overflow: hidden;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	z-index: 1;
}

.counter-style-5 .counter {
	font-size: 60px;
	line-height: 60px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.counter-style-5 p {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.counter-style-5:hover {
	transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	border-color: #e00059;
}

.counter-style-5:after {
	content: "";
	height: 0;
	width: 100%;
	background-color: #e00059;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-webkit-transform-origin: top;
	-o-transform-origin: top;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;

}

.counter-style-5:hover .dlab-separator {
	background: #fff !important;
}

.counter-style-5:hover:after {
	height: 100%;
	top: auto;
	bottom: 0;
	transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-o-transform-origin: bottom;
	/* animation: animationSignal3;
	animation-duration: 0.5s; */
}

.counter-staus-box .section-head .title {
	font-size: 40px;
	line-height: 55px;
	font-weight: 700;
	color: #fff;
}

.counter-staus-box .play-btn {
	font-size: 18px;
	line-height: 70px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 40px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
}

.counter-staus-box .play-btn span {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color: var(--color-primary);
	display: inline-block;
	border-radius: 70px;
	color: #fff;
	font-size: 22px;
	margin-right: 15px;
	position: relative;
}