body {
	font-family: 'DM Sans';
	color: #282727;
}
/*NAVBAR*/
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
.navbar {
	background-color:#FFF; 
	padding-top: 30px; 
	padding-bottom: 30px;
}
.navbar .nav-link{
	color: #282727 !important;
	border-bottom: 3px solid transparent;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.navbar .nav-link.active {
	border-block-color: #ed2603;
}
.navbar .nav-item {
	margin-left: 8px;
	margin-right: 8px;

}
.dropdown-menu i {
	font-size: 18px;
	margin-right: 3px;
	color: #ed2603;
}
.dropdown-menu .icon-right {
	font-size: 10px;
	margin-right: 15px;
}
/*SLIDER*/
@keyframes slide-fx {
    from {left: 0;}
    to {left: 100%;}
	}
@keyframes background-slide-fx {
	0% {margin-left: 100px;}
	100% {margin-left: 0px;}
}
.slider-slide-fx-wrapper {
	height: calc(100vh - 120px);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	animation-name: background-slide-fx;
	animation-duration: .8s;
	animation-fill-mode: forwards;
	animation-delay: .8s;
	box-sizing: border-box;
	margin-left: 100px;
}
.slider-indicator::before {
	content: '';
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: relative;
	top: 0;
	left: 0;
	display: block;
	opacity: 0;
	transition: all .2s ease-in-out;
}
.slider-indicator.active::before {
	opacity: 1;
}
.slider-indicator {
	transition: all .2s ease-in-out;
}
.slider-slide-fx {
	background-color: #fff; 
	height: 100%; 
	width: 100%; 
	position: absolute; 
	top: 0;
	left: 0;
	animation-name: slide-fx;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-delay: .7s;
}
.slider-content {
	text-align: center;
}
.slider-content h2 {
	color: #eaeaea;
	padding-bottom: 130px;
	font-size: 32px;
	font-weight: 400;
}
.carousel {
	background-color: #fff; 
}
.carousel-indicators.main-slider {
	bottom: -40px;
}
.carousel-indicators.main-slider > button {
	height: 120px !important;
	width: 150px !important;
	
	margin: 0 !important;
	background-size: cover;
}
.carousel-header {
	color: #282727;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media (min-width: 768px) { 
	.carousel-header {
		font-size: 42px;
	}
}
@media (min-width: 992px) { 
	.carousel-header {
		writing-mode: tb-rl;
	    transform: rotate(-180deg);
	    margin-bottom: 30px;
	    font-size: 48px;
	}
	.slider-slide-fx-wrapper {
		height: calc(100vh - 120px);
		}
}
@media only screen and (min-device-width : 991px) and (orientation : portrait) {
	.slider-slide-fx-wrapper {
		height: calc(50vh - 120px);
	}
}
@media only screen and (max-device-width : 990px) and (orientation : portrait) {
	.slider-slide-fx-wrapper {
		height: calc(70vh - 120px);
	}
	.carousel-indicators.main-slider {
		display: none;
	}
}
.carousel-indicators.main-slider [data-bs-target] {
	opacity: 1 !important;
	border: 6px solid #f4f4f4;
}
/*IMAGE OVERLAY SECTION*/

.reverse.image-overlap-front {
	margin: 100% -100% 0px 5%;
	position: relative;
	z-index: 3;
}
.image-overlap-front {
	margin: 90% 0 0 -120%;
}
.sub-header-type-1 {
	text-transform: uppercase;
	font-size: 14px;
}
/*LINK BOXES*/
.link-boxes {
	height: 100%;
	border: 1px solid #b7b7b6;
	text-align: center;
	padding: 50px;
	flex-direction: column;
	align-items: center;
	transition: box-shadow .5s ease-in-out;
}
.link-boxes:hover {
	box-shadow: 0 5px 30px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,.05);
}
.demo-icon {
		font-size: 100px;
		color: red;
		transition: color .5s ease-in-out;
	}
.link-boxes:hover .demo-icon {
	color: black;
}
.link-boxes .title {
	margin: 30px 0 20px 0;
	font-size: 18px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	color: #282727 !important;
}
.link-boxes p {
	color: #5b5b5b;
}
.link-boxes a {
	margin: 12px 0 4px 0;
}
.link-button-style-1 {
	padding: 16px 46px 16px;
	background-color: #ed2603;
	font-size: 16px;
	text-decoration: none;
	color: #eaeaea;
	transition: all .4s ease-in-out;
	box-sizing: border-box;
	display: inline-block;
	height: auto;
}
.link-button-style-1:hover {
	background-color: #282727;
	color: #FFF;
}
.link-button-style-3 i {
	font-size: 14px;
	color: #282827;
	transition: all .4s ease-in-out;
}
.link-boxes:hover .link-button-style-3 i {
	color: #ed2603;

}
@media screen and (max-width: 767px) {
	.mobile-gutter {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 991px) {
	.mobile-gutter-xl {
		margin-top: 30px !important;
	}
	.mobile-flex {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.banner {
		padding: 30px 0px 20px 0px !important;
	}
	.banner h2 {
		font-size: 38px !important;
		font-weight: 300 !important;
	}
	.image-overlap-front, .reverse.image-overlap-front {
		margin: -80% -3% 0 8%;
	}
	.image-overlap-back {
		margin: 0 6% 0 -10%;
	}
	.image-overlap-front img, .image-overlap-back img {
		max-width: 70%;
	}
}

/*GALLERY*/
.overlay {
	position: absolute;
    bottom: -100px;
    left: 0;
    height: 100px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: hsla(0,1%,15%,.40);
    opacity: 1;
    color: #282727;
    transition: all .6s ease-in-out;
    color: #FFF;
	font-weight: 300;
	font-size: 18px;
}
.relative:hover .overlay {
	opacity: 1;
	bottom: 0;
}
.relative {
	position: relative;
}
/*CALL TO ACTION*/
.cta-content {
	padding: 30px 40px;
}
.cta-content p {
	font-size: 28px;
	color: #eaeaea;
	font-weight: 200;
	font-family: 'DM Sans';
}
.cta-link {
	text-decoration: none !important;
}
.cta-link:hover {
	background-color: ;
}
.cta-wrapper {
	position: relative;
	z-index: 3;
}
.cta-wrapper .col-md-3 {
	background-color: #282727;
	transition: all .7s ease-in-out;
}
.cta-wrapper .col-md-9 {
	background-color: #ed2603;
	transition: all .7s ease-in-out;
}
.cta-wrapper:hover .col-md-3 {
	background-color: #ed2603;
}
.cta-wrapper:hover .col-md-9 {
	background-color: #282727;
}
/*FOOTER & COPYRIGHT*/
footer i {
	font-size: 20px;
	color: #ed2603;
}
.copyright {
	color: #5b5b5b
}
.copyright a {
	text-decoration: none !important;
	color: #ed2603;
	transition: all .5s ease-in-out;
}
.copyright a:hover {
	color: #282727;
}
/*BANNER*/
.banner {
	background-color: #f4f4f4; 
	padding: 50px 0 40px 0;
	text-align: center;
	border-bottom: 1px solid #dddddd;
}
.banner h2 {
	font-size: 42px;
	font-weight: 300;
}
.contact {
	padding: 64px 0 92px 0;
	background: #f4f4f4;
}

/*CONTACT PAGE*/
.contact-aside {
	padding-right: 40px;
}
.contact-aside p {
	margin: 30px 0;
	font-size: 16px;
}
.contact-aside p:nth-of-type(3){
	color: #282727;
	font-weight: 600;
	font-size: 20px;
}
.contact input, .contact textarea {
	width: 100%;
	border: none;
	border-bottom: 1px solid #eaeaea;
	padding: 13px 0 13px 36px;
	resize: none;
	color: #5b5b5b;
	background: none; !important; 

}
textarea:focus, input:focus{
    outline: transparent;
}
.contact-element-wrapper::before{
	content: '';
	position: relative;
	top: 36px;
    left: 12px;
    font-family: "catalyst";
    color: #5b5b5b;
}
.contact-icon-name::before{
	content: '\e80a';
}
.contact-icon-email::before{
	content: '\e804';
}
.contact-icon-phone::before{
	content: '\e806';
}
.contact-icon-subject::before{
	content: '\e807';
}
.contact-icon-message::before{
	content: '\e809';
}
.contact-element-wrapper::after{
	content: '';
	position: relative;
    height: 1px;
    display: block;
    background: #282727;
    bottom: 1px;
    width: 0;
    transition: all .5s ease-in-out;
}
.contact-element-wrapper:hover::after{
	width: 100%;
}
.textarea-fix::after {
	bottom: 8px;
}
#contact-submit {
	padding: 20px;
	width: 100%;
	background-color: #ed2603;
	text-align: center;
	border: none;
	color: #eaeaea;
	margin-top: 64px;
	transition: all .4s ease-in-out;
}
#contact-submit:hover {
	background-color: #282727;
	color: #FFF;
}
#map {
	height: 300px;
}

/*SERVICES*/
.services-icons {
	padding: 100px 0 72px 0;
}
.icon-holder {
	text-align: right;
}
.icon-holder i {
	font-size: 42px;
	line-height: 0;
}
.service-text h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 24px;
}
.services-icons .col-md-4 {
	margin-bottom: 36px;
}

/*WHO WE ARE*/
.who-we-are {
	background-color: #f4f4f4; 
	padding: 80px 0;
}
.who-we-are p {
	margin: 30px 0; 
	color: #5b5b5b;
}
.who-we-are h2 {
	font-size: 25px;
	font-weight: 400;
}
.about-us-section {
	padding: 100px 0 72px 0;
}
.about-us-section h4 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 36px;
}
.about-us-text p {
	margin-bottom: 24px;
}
.about-us-text p:last-child {
	margin-bottom: 0;
}
.gray-divider {
	height: 1px;
	background-color: #ededed;
}
/*ANIMATION*/
.animate__animated {
	opacity: 0;
}
.ani-delay-1 {
	animation-delay: .5s;
}
.ani-delay-2 {
	animation-delay: 1s;
}
.ani-delay-3 {
	animation-delay: .2s;
}
.who-we-are .demo-icon {
	font-size: 32px !important;
	margin-right: 10px !important;
}
.who-we-are h4 {
	font-size: 23px !important;
	font-weight: 300;
}
.temp .col-md-4 {
	margin-top: 40px;
	margin-bottom: 40px;
}




.carousel-indicators.carousel-services > button {
	height: 10px !important;
	width: 10px !important;
	border-radius: 50%;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
	box-shadow: none !important;
}



/*Accordion*/
.accordion{ 
  height: 450px;
  display: flex;
  overflow: hidden;
}

.tab{
  position: relative;
  width: 100%;
  height: inherit;
  padding: 20px;
  background: #000;
  color: #FFF;
  cursor: pointer;
  transition: width .5s ease;
}

.tab img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.caption{
  position: absolute;
  z-index: 2;
  white-space: nowrap;
  bottom: 50px;
  opacity: 0;
}

.caption h2{
  margin-bottom: 2px;
  text-overflow:clip;
  font-size:24px;
  text-transform:uppercase;
}

.caption p{
  margin: 0;
  font-family: 'Open Sans';
  font-size: .9rem;
}

/* --- Hover Effects --- */

.show img{
  opacity: .6;
}

.show{
  width: 600%;
}

.show .caption{
  transition: all .5s ease;
  opacity: 1;
} 
.accordion-title {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
    margin-bottom: 30px;
    font-size: 48px;
}


.tort {
	display: flex;
    width: 100%;
}
.bck-gray {
	background-color: #f4f4f4; 
}


.sectors .col-md-4 {
	margin-bottom: 55px !important;
}
.sector-icons h2 {
	font-size: 21px;
}
.sector-icons {
	padding: 72px 0 !important;
}
.services-icons .col-lg-4, .services-icons .col-lg-6 {
	margin-bottom: 40px;
}