@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: normal;
	src: local('Space Grotesk'), url('../fonts/SpaceGrotesk[wght].woff2') format('woff2');
}
:root{
	--cnvs-themecolor: #FFF;
	--cnvs-header-height: 64px;
}
abbr[title]{text-decoration: none; cursor: default;}
.bg-overlay-bg {background-color: rgba(0,0,0,0.7);}

.is-expanded-menu #header.full-header .menu-container,
.is-expanded-menu #header.full-header #logo{border-right:0 none ;}
#header.light #header-wrap{border-bottom:1px solid #eee!important;}


.primary-menu a.color-underline{
	background-image: linear-gradient(rgba(var(--tit-brandcolor-rgb, 255, 255, 255), 0.5), rgba(var(--tit-brandcolor-rgb, 255, 255, 255), 0.7));
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 70%;
	transition: background .6s cubic-bezier(.19,1,.22,1)!important;
}
#header.light .primary-menu .active a.color-underline,
#header.light .primary-menu a.color-underline{background-image: linear-gradient(rgba(var(--tit-brandcolor-rgb, 0, 0, 0), 0.5), rgba(var(--tit-brandcolor-rgb, 0, 0, 0), 0.7))}

#header.light .primary-menu .active a.color-underline,
.primary-menu a.color-underline:hover { background-size: 100% 1px; }

#header{
	--cnvs-primary-menu-hover-color:  248, 249, 250;
	--bs-link-hover-color-rgb: 248, 249, 250;
	--cnvs-primary-menu-active-color: #FFF;
}
.page-title.dark{background-color: #000;}

@media (max-width: 992px) {
	#slider{margin-top: -45px}
}
@media (max-width: 768px) {
	
	.page-title-row{flex-direction: row!important; }
	#header.full-header #logo img{height: 35px!important;}
	#slider .sbg1{background-image: url(../images/slider/m1.jpg)!important;}
	#slider .sbg2{background-image: url(../images/slider/m2.jpg)!important;}
	#slider .sbg3{background-image: url(../images/slider/m3.jpg)!important;}
	#slider .sbg4{background-image: url(../images/slider/m4.jpg)!important;}
	#slider .sbg5{background-image: url(../images/slider/m5.jpg)!important;}
	#slider .sbg6{background-image: url(../images/slider/m6.jpg)!important;}
	#slider .sbg7{background-image: url(../images/slider/m7.jpg)!important;}
	#slider .sbg8{background-image: url(../images/slider/m8.jpg)!important;}
	#slider .sbg9{background-image: url(../images/slider/m9.jpg)!important;}
	.slider-caption img.logo-dark {height: 35px!important;}
	.slider-caption p{
		font-size: 10px!important;
    margin-top: 1rem!important;
	}
	.projects a.read-more{
		font-size: 11px;
	}
}

.service-items h3,
.service-items .feature-box {font-family: 'space grotesk';}
.service-items .feature-box h3{color: var(--cnvs-contrast-600); font-size:21px!important;letter-spacing: 15px; padding-left: 15px;}
.service-items .feature-box p{font-style: normal; font-size: 15px; font-weight: 400;line-height: 1.1; margin-top: 0; }
.service-items .feature-box img{max-height: 70px;}
.service-items p{color: var(--cnvs-contrast-600); line-height: 1.1; }
@media (max-width: 768px) {
	.service-items .col-3{padding-left: 5px; padding-right: 5px;}
	.service-items h3{font-size: 16px;}
	.service-items p{font-size: 14px!important;margin-bottom: 0;}
	.service-items .feature-box img{max-height: 30px;}
  .service-items .feature-box h3{font-size: 10px!important;letter-spacing: 5px; padding-left: 5px;}
  .service-items .feature-box p{font-size: 8px!important;}
}

#footer{background-color: #FFF;}
#footer li a{color: #343a40!important;}

#portfolio-datatable th{font-weight: 400; font-size: 20px; padding-top: 15px; padding-bottom: 15px;text-transform: uppercase;}
#portfolio-datatable td{padding-top: 15px; padding-bottom: 15px;text-transform: uppercase;font-weight: 100;}
#portfolio-datatable a{color: #343a40!important;}
.sorting .plist-icon-arrow{display: none;}
.sorting_desc .plist-icon-arrow,
.sorting_asc .plist-icon-arrow{display: inline-block;}
.sorting_desc .plist-icon-arrow{transform: rotateX(180deg);}

.view-switch-btn a{
	font-size: 12px;
	background-image: linear-gradient(rgba(var(--tit-brandcolor-rgb, 255, 255, 255), 0.5), rgba(var(--tit-brandcolor-rgb, 255, 255, 255), 0.7));
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 90%;
	transition: background .6s cubic-bezier(.19,1,.22,1)!important;
}
.view-switch-btn a.active{background-color: transparent!important;background-size: 100% 1px;}

.slider-arrow-left:hover, 
.slider-arrow-right:hover, 
.flex-prev:hover, 
.flex-next:hover, 
.slider-arrow-top-sm:hover, 
.slider-arrow-bottom-sm:hover{
	background-color: transparent!important;
}