.top-area{
	padding:5px 0 !important	
}
.top-area-items{
	align-items:center;
}
.top-area-contacts .gem-contacts-item{
    font-size: 16px !important;
    line-height: 24px !important;
    vertical-align: middle !important;
}
.top-area-contacts .gem-contacts-item:first-child{
	padding-left:0 !important;
}
.top-area .top-area-items .top-area-block {
        height: auto !important;
        line-height: 1.4 !important;
		padding-right:0 !important;
    }

.top-area-block,
#site-header .container-fullwidth{
	padding:0 22px !important
}
.socials-item-icon{
    font-size: 14px !important;
    vertical-align: middle !important;
}
.gem-contacts{
    margin-top: 4px !important;
}
#top-area-menu + .top-area-button{
	margin-left:0 !important;
}
.top-area-items {
    margin: 0 !important;
}
.top-area-socials .socials{
	padding-right:30px;
}
#site-header .site-title{
	padding:10px 0 !important
}
.header-style-3 #primary-menu.no-responsive > li{
	padding:20px 0 !important
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-2389 > a{
	padding-right:22px !important
}
.home-heading .title-h1 span,
.home-heading .title-h2 span{
	color:#343233
}
.home-heading h2 span{
	color:#343233
}
.about-border {
    position: relative;
}
.about-border:before {
    position: absolute;
    content:"";
    width:90%;
    height:100%;
    background:transparent;
    border:1px solid #ec3237;
    top:18px;
    left:60px;
    border-radius:25px;
}
.about-border-2 {
    position: relative;
}
.about-border-2:before {
    position: absolute;
    content:"";
    width:90%;
    height:100%;
    background:transparent;
    border:1px solid #ec3237;
    top:18px;
    right:60px;
    border-radius:25px;
}
.test-bg {
    background: #fff;
    border-radius: 20px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column-reverse;
}
.footer-icon-box h3{
	margin: 0 0 3px 0;
	line-height: 1;
}
.sub-menu{
	width:320px !important
}
.sub-menu li a {
    padding: 4px 8px !important;
	font-weight:500 !important;
	color:#7a7a7a !important
}
.quickfinder-description {
    margin-top: 5px !important;
}
.services-block .quickfinder-item-inner{
	min-height:315px;
}
.projects-block .elementor-row{
	gap:10px;
}
.video-bg .elementor-background-video-container{
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
}

.video-bg  .elementor-background-video-container video{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.service-box .uc_details{
	padding: 0 10px 30px !important;
}
.service-box .uc_details-icon{
	height:60px !important
}
.service-box:hover .uc_content_box_area{
	border-color:#343233 !important
}
body .page-title-block .breadcrumbs-container{
	text-align:center !important
}
.contact-boxes .quickfinder-item-inner {
    min-height: 240px;
}
.core-values{
    position:relative;
	margin-top:30px !important;
}
.core-values .core-img img {
    position: absolute;
    top:-50px;
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:100px;
    right:0;
}
.service-list .elementor-icon-list-icon {
    width: 55px;
    height: 28px;
    background: #ec3237;
    text-align: center !important;
    line-height: 35px;
    display:block !important;
    border-radius: 7px;
    margin: 5px 5px 0 0;
}
.service-list .elementor-icon-list-icon svg{
    margin-right:0 !important
}

.service-list .elementor-icon-list-text span{
    font-weight:700;
    color:#000;
}
.inner-projects .projects-button {
    background: #e4e4e4;
    padding: 10px;
    border-radius:10px;
}
.inner-projects .projects-button .elementor-icon-box-content h3{
    margin:0;
	width: 97%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height:1.3;
}
.inner-projects .projects-button .elementor-icon-box-content h3 a{
	font-family:'catamaran' !important;
}
.inner-projects .projects-button:hover{
     background: #ec3237;
}
.inner-projects .projects-button:hover .elementor-icon-box-content h3{
	color:#fff !important;
}
.inner-projects .projects-button:hover .elementor-icon-box-icon svg path{
	fill:#fff !important;
	color:#fff !important;
}
.all-projects {
    position: sticky !important;
    align-self: start !important;
}
.pro-details .elementor-icon-list-item {
    background: #ffeded !important;
    padding: 5px 10px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
}










@media (min-width:200px) and (max-width:768px){
	.about-border:before {
    width: 90%;
    height: 90%;
    top: 25px;
    left: 40px;
	border-radius:10px;
}
	.sub-menu {
    width: 100% !important;
}
	.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li{
		border-color:#c7c7c7 !important;
	}
	.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li a,
	.sub-menu li a{
		padding:8px 10px !important
	}
	 .mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle:after{
		 line-height:36px !important;
	}
	.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper{
		padding-top:55px !important;
	}
	#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close{
		width:20px !important
	}
	#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before, #primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after{
		height:2px !important
	}
	.top-area-block,
#site-header .container-fullwidth{
	padding:0 10px !important
}
	.top-area-contacts .gem-contacts-item{
		padding:0 10px !important;
	}
}