body {
	font-family: DM Sans;
	background-color: #f7f5f0 !important;
	overflow-x: hidden;
}
a, h1, h2 {
	font-family: DM Sans !important;
}
a:hover, a:active, a:focus {
    color: #E4042C;
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a.sound-on {
    position: fixed;
    width: 50px;
    height: 50px;
    display: flex;
    bottom: 30px;
    right: 30px;
    background-color: #E4042C;
    z-index: 19;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
a.sound-on:hover,
a.sound-on:focus {
	opacity: 1;
	text-decoration: none;
	transition: opacity 0.3s ease;
}
.fh5co-nav-toggle.active i {
    background: transparent !important;
}
#fh5co-home .gradient {
	background-color: #000;
	background-image: none;
}
.video-items { opacity: 1; transition: opacity 0.3s ease; }
.fade { opacity: 0; transition: opacity 0.3s ease; }
a.sound-on:not(.muted):before {
    content: "Click to show menu";
    position: fixed;
    bottom: 90px;
    right: 7px;
    color: #000;
    font-size: 14px;
    width: 100px;
    text-align: center;
    line-height: 1.2;
}
.slant,
#fh5co-work:before, 
#fh5co-services:before, #fh5co-counters:after {
	background-color: #f7f5f0;
}
#fh5co-services {
	background-color: #fff;
	background-image: none;
	padding: 8em 0em 3em 0em !important;
}
#fh5co-services .section-heading h2 {
	color: #293B4A !important;
}
#fh5co-services h3 {
	color: #929292;
}
#fh5co-services .section-heading h2.left-border:after {
    background: #E4042C;
}
#fh5co-services .fh5co-partner-item {
	margin-bottom: 30px;
	display: block;
}
#fh5co-services .gallery {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.navbar-fixed-top .navbar-brand img {
    filter: invert(20%) sepia(15%) saturate(1123%) hue-rotate(165deg) brightness(99%) contrast(93%) !important;
}
.flex {
	display: flex;
}
.flex-col {
	flex-direction: column;
}
.justify-between {
	justify-content: space-between;
}
.h-100 {
	height: 100%;
}
.hero-img { height: 130px !important; width: 90%; }
#fh5co-header {
	margin-top: 0px;
	background: rgba(41, 59, 74, 0.75);
}
#fh5co-header #navbar li a {
	font-size: 16px;
}
#fh5co-header.navbar-fixed-top #navbar li.active a,
#fh5co-header.navbar-fixed-top #navbar li a:hover {
    color: #E4042C;
}
#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
	background-color: #E4042C;
}
.navbar-fixed-top #fh5co-header.navbar-fixed-top #navbar li a {
    color: rgba(0, 0, 0, 0.5) !important;
}
section#fh5co-intro:after {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    -moz-transform: rotate(-1.7deg);
    background-color: #fff;
    content: "";
    z-index: 3;
    display: inline-block;
    height: 70px;
    padding: 0;
    width: 101%;
}
#fh5co-home .text-inner h1 {
	font-weight: 600;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: uppercase; 
    font-size: 65px;
    margin-top: 40px;
}
#fh5co-home .text-inner h2 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	max-width: 800px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 30px;
}
.hero-img {
	width: auto !important;
    height: 170px !important;
}
#fh5co-home, #fh5co-home .text-wrap {
    height: 90vh;
}
video#intro-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section#fh5co-about {
    background-color: #fff;
    padding-top: 150px;
}
.navbar-brand > img {
    display: block;
    height: 23px !important;
    filter: invert(1) !important;
}
.watch-video span {
    font-size: 24px;
    color: #293B4A;
}
#fh5co-work {
    overflow: hidden;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    background-color: #fff !important;
    background-image: none; 
}
#fh5co-work .section-heading h2 {
	color: #293B4A !important;
}
#fh5co-work .section-heading h3 {
	color: #929292 !important;
}
#fh5co-work .fh5co-project-item {
	max-height: 136px;
}
.watch-video .btn-video {
	border: 2px solid #E4042C;
}
#fh5co-intro .fh5co-block {
	width: 20%;
	box-shadow: 7px 2px 11px 2px rgba(163, 174, 184, 0.4) !important;
	-webkit-box-shadow: 7px 2px 11px 2px rgba(163, 174, 184, 0.4) !important;
    -moz-box-shadow: 7px 2px 11px 2px rgba(163, 174, 184, 0.4) !important;
    -ms-box-shadow: 7px 2px 11px 2px rgba(163, 174, 184, 0.4) !important;
    -o-box-shadow: 7px 2px 11px 2px rgba(163, 174, 184, 0.4) !important;
    border-right: 1px solid #eee;
    min-height: auto !important;
}
#fh5co-intro .fh5co-block:last-child {
	border-right: none;
}
i.icon-play2 {
	color: #E4042C;
}
#fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon {
	color: #333;
}
#fh5co-intro .fh5co-block:hover .btn:hover, #fh5co-intro .fh5co-block:focus .btn:hover {
    background: #E4042C !important;
    border: 2px solid #E4042C !important;
}
.btn.btn-primary {
    background: #333 !important;
    color: #fff;
}

.testimonial {
    text-align: center;
}
.testimonial img {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    object-fit: cover;
    object-position: center;
    margin: 0px auto;
}
.testimonial h2 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}
#fh5co-intro .fh5co-block h2 {
    font-size: 20px;
}
section#fh5co-work:after {
	bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    -moz-transform: rotate(-1.7deg);
    background-color: #f7f5f0;
    content: "";
    z-index: 3;
    display: inline-block;
    height: 70px;
    padding: 0;
    width: 101%;
}
section#fh5co-testimonials {
    position: relative;
    padding-bottom: 8em;
    background-color: #f7f5f0;
}
section#fh5co-testimonials:after {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    -moz-transform: rotate(-1.7deg);
    background-color: #f7f5f0;
    content: "";
    z-index: 3;
    display: inline-block;
    height: 70px;
    padding: 0;
    width: 101%;
}
section#fh5co-testimonials .col-md-4 {
    width: 33.3%;
}
section#fh5co-testimonials span {
    font-size: 16px;
    color: #E4042C;
}
.section-heading h2:after {
	background: #E4042C !important;
}
.fh5co-nav-toggle i {
	background: #fff;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	background: #fff !important;
}
.video-bg, .video-bg video {
    width: 100%;
}
#fh5co-counters .fh5co-counter .fh5co-counter-icon {
	color: #fff;
}
#fh5co-counters {
	background: #E4042C !important;
}
#fh5co-counters .fh5co-overlay {
	background: none;
}
#fh5co-counters .fh5co-counter .fh5co-counter-label {
    color: rgba(255, 255, 255, 0.75);
}
section#fh5co-work .col-md-3 {
    width: 20%;
}
a.play-overlay {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 72px;
    color: #E4042C;
}
.fh5co-block:hover a.play-overlay {
    opacity: 1;
    transition: opacity 0.3s ease;
    text-decoration: none;
}
a.play-overlay:hover, a.play-overlay:focus {
	text-decoration: none;
}
.mfp-iframe-holder .mfp-content {
    max-width: 66vw;
}
#footer .gotop {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E4042C;
    top: -70px;
    background-color: #f7f5f0;
}
#footer .gotop:hover, #footer .gotop:focus {
    top: -80px;
}
.social.social-circle a {
	background-color: #E4042C;
}
section#fh5co-about .section-heading {
    margin-bottom: 0px;
}
section#fh5co-about .container {
    margin-bottom: 30px;
}
#fh5co-services .gallery .col-md-4 {
    padding: 0px 40px 20px 40px;
}
#fh5co-counters:before {
    content: "";
    background-color: #f7f5f0;
}
@media screen and (max-width: 1366px) {
	#fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon {
	    font-size: 36px;
	}
	#fh5co-intro .fh5co-block {
	    padding: 20px;
	}
	#fh5co-intro .fh5co-block h2 {
	    font-size: 20px;
	}
	#fh5co-intro .fh5co-block h2 {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 1200px) {
	#fh5co-intro {
		margin-top: -100px;
	}
	#fh5co-intro .container {
	    padding: 0px 30px !important;
	    width: 100%;
	}
	#fh5co-intro .fh5co-block h2 {
	    font-size: 16px;
	}
	
	#fh5co-intro .fh5co-block {
	    padding: 20px;
	    min-height: auto;
	}
	#fh5co-intro .fh5co-block > .fh5co-text .top *,
	#fh5co-intro .fh5co-block > .fh5co-text .bottom * {
		margin-bottom: 0px;
	}
	a.sound-on {
	    bottom: 125px;
	}
	a.play-overlay {
    	font-size: 50px;
    }
    #fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon {
    	margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
	#fh5co-work .container {
	    width: 100%;
	    padding: 0px 30px;
	}
	section#fh5co-work .col-md-3 {
	    width: 33.33%;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.visible-sm-block {
	    display: none !important;
	}
}
@media screen and (max-width: 900px) {
	#fh5co-intro .fh5co-block h2 {
	    font-size: 14px;
	}
	#fh5co-intro .fh5co-block {
	    width: 100%;
	    display: flex;
	}
}

@media screen and (max-width: 768px) {	
	#fh5co-header #navbar li.active a,
	#fh5co-header #navbar li a:hover {
		color: #E4042C !important;
	}
	section#fh5co-work .col-md-3 {
	    width: 50%;
	    margin: 0px -1px;
    	flex: 1 0 auto;
	}
	#fh5co-header:not(.navbar-fixed-top) #navbar li:not(.active) a {
	    color: #fff !important;
	}
}

@media screen and (max-width: 480px) {	
	section#fh5co-intro > .container > .row {
	    flex-direction: column;
	    width: 100%;
	    margin: 0px;
	}
	#fh5co-intro .fh5co-block {
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 5px;
	    box-shadow: 2px 2px 5px -2px rgba(163, 174, 184, 0.2) !important;
		-webkit-box-shadow: 2px 2px 5px -2px rgba(163, 174, 184, 0.2) !important;
	    -moz-box-shadow: 2px 2px 5px -2px rgba(163, 174, 184, 0.2) !important;
	    -ms-box-shadow: 2px 2px 5px -2px rgba(163, 174, 184, 0.2) !important;
	    -o-box-shadow: 2px 2px 5px -2px rgba(163, 174, 184, 0.2) !important;
	}
	#fh5co-work .section-heading,
	#fh5co-testimonials .section-heading {
	    padding-bottom: 0px;
	    margin-bottom: 30px;
	}

	#fh5co-home .text-inner h1 {
		font-size: 30px;
	}
	#fh5co-home .text-inner h2 {
		font-size: 16px;
		line-height: 140%;
	}
	#fh5co-work .gallery {
	    display: flex;
	    flex-wrap: wrap;
	}
	.testmonial-container {
		display: flex;
		flex-wrap: wrap;
	}
	section#fh5co-testimonials .col-md-4 {
	    width: 50%;
	    margin: 0px -1px 30px -1px;
    	flex: 1 0 auto;
	}
	#fh5co-header.navbar-fixed-top i {
		background: #E4042C;
	}
	#fh5co-header.navbar-fixed-top i:before,
	#fh5co-header.navbar-fixed-top i:after {
		background: #E4042C !important;
	}
	.mfp-iframe-holder .mfp-content {
	    max-width: 100vw;
	}
	section#fh5co-services .section-heading {
	    padding: 0px;
	    margin: 0px;
	}
	section#fh5co-services {
	    padding: 8em 30px 3em 30px !important;
	}
}
@media screen and (max-width: 361px) {	
	.testimonial img {
	    width: 147px;
	    height: 147px;
	}
}