a@font-face {
	font-family: 'robotomedium';
	src: url('fonts/Roboto-Medium-webfont.eot');
	src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Roboto-Medium-webfont.woff') format('woff'),
	url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
	url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotothin';
	src: url('fonts/Roboto-Thin-webfont.eot');
	src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Roboto-Thin-webfont.woff') format('woff'),
	url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
	url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Roboto-Regular-webfont.woff') format('woff'),
	url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
	url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('fonts/Roboto-Light-webfont.eot');
	src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Roboto-Light-webfont.woff') format('woff'),
	url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
	url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: inherit;
}
p a{
	color: #f50023;
	font-family: "Roboto",sans-serif;
	font-size: var(--text);
	font-weight: 400;
}
p a:hover{
	text-decoration: underline;
}
html {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	background: fixed;
	background-image: url(images/site-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 50px;
	margin: 0;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
@media (max-width: 768px) {
	body {
		background-color: #fff;
		background-image: none!important;
		overflow-x: hidden;
	}
}
.video-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.video-bg video {
	width: 100%;
	height: 100%;
	position: relative;
}
@media (max-width: 768px) {
	.video-bg{
		display: none;
	}
}


/*-------------------------------------------------var-declarations-----------------------------------------------------*/

:root {
	/*---font-sizes---*/
  --smallest:0.75em;
  --small:0.875em;
  --text:1em;
  --lgtext:1.125em;
  --lgrtext:1.25em;
  --headline1:2.75em;
  --headline2:1.875em;
  --headline3:1.625em;
  /*---line-heights---*/
  --solid:1.0;
  --tightest:1.15;
  --tighter:1.25;
  --tight:1.3;
  --text:1.4;
  --body:1.5;
  /*---standard-spacings-after-text---*/
  --bigpara:0 0 40px;
  --medpara:0 0 30px;
  --smallpara:0 0 20px;
  --smallerpara:0 0 10px;
  /*---standard-measures---*/
  --banner:500px;
}


/*-------------------------------------------------site-header----------------------------------------------------------*/
.site-header {
	height: 150px;
	padding: 50px 50px 0;
	max-width: 1540px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 2;
}
.site-header .site-logo {
	float: left;
	display: inline;
}
.site-header .site-logo img {
	display: block;
}
.site-header .site-logo img.mobile {
	display: none;
}
.site-header .site-nave {
	float: right;
	display: inline;
	overflow: hidden;
}
.site-header .site-nave ul {
	margin: 16px 0 0 0;
	padding: 0;
	overflow: hidden;
	display: block;
}
.site-header .site-nave ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 2px;
}
.site-header .site-nave ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--small);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-header .site-nave ul li.current_page_item a {
	color: #f50023;
}
.site-header .site-nave ul li a:hover{
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-header .open-menu {
	display: none;
}
.site-header .site-nave .close-menu {
	display: none;
}

@media (max-width: 1200px) {
	.site-header {
	height: 130px;
	padding: 50px 30px 0;}
}

@media (max-width: 768px) {
	.site-header {
		height: 122px;
		border-bottom: 1px solid #d0d0d0;
		margin: 0 25px;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.site-header .site-logo img.mobile {
		display: block;
	}
	.site-header .site-logo img.descktop {
		display: none;
	}
	.site-header .site-nave ul li a {
		color: #989898;
	}
}
@media (max-width: 640px) {
	.site-header {
		position: static;
	}
	.site-header .open-menu {
		float: right;
		display: inline;
		font-size: 34px;
		cursor: pointer;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.site-header .open-menu:hover {
		color: #f50023;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.site-header .site-nave {
		position: absolute;
		width: 0;
		top: 0;
		background-color: rgba(0,0,0,0);
		height: 1000px;
		z-index: 30;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
		overflow: hidden;
		right: 0;
	}
	.site-header .site-nave > div{
		background-color: #fff;
		width: 80%;
		float: right;
		padding: 25px;
		height: 100%;
		position: relative;
		margin-right: -80%;
		-webkit-transition: 0.5s;
		transition:  0.5s;
	}
	.site-header .site-nave ul {
		padding-top: 80px;
	}
	.site-header .site-nave ul li {
		float: none;
		display: block;
		text-align: right;
		padding: 0;
	}
	.site-header .site-nave ul li a {
		padding: 10px 0;
		font-size: 24px;

	}
	.site-header .site-nave .close-menu {
		position: absolute;
		display: block;
		right: 29px;
		top: 38px;
		font-family: fantasy;
		font-size: 34px;
		z-index: 40;
		cursor: pointer;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	.site-header .site-nave .close-menu:hover {
		color: #f50023;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
    .site-header .site-nave.open {
	    width: 100%;
	    background-color: rgba(0,0,0,0.3);
	    -webkit-transition: background-color 0.5s;
	    transition: background-color 0.5s;
    }
	.site-header .site-nave.open  > div{
		margin-right: 0;
		-webkit-transition: 0.5s;
		transition:  0.5s;
	}
}



/*-------------------------------------site-contents-container-------------------------------------------------------*/
.site-contents-container {
	padding: 60px;
	max-width: 1540px;
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	box-shadow: rgb(0 0 0 / 25%) 5px 4px 6px;
}

@media (max-width: 1200px) {
	.site-contents-container {
		padding: 40px;}
	}

@media (max-width: 768px) {
	.site-contents-container {
		padding: 35px 25px;
	}
}

/*-----------------------------------------------------universals----------------------------------------------------*/

.label h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #969696;
	margin: 0 0 25px;
}


/*-----------------------------------------------------home-container------------------------------------------------*/

.home-container	{
	padding-top: 20px;
	display: flex;
    flex-direction: column;
}

.home-container h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}
.home-work-banner {
	height: var(--banner);
	margin-bottom: 20px;
}
.home-work-banner .banner-fade {
	height: var(--banner);
	width: 100%;
	overflow: hidden;
	position: relative;
}
.home-work-banner .banner-fade ul {
	height: var(--banner);
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
}
.home-work-banner .banner-fade ul li {
	display: block;
	height: var(--banner);
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	opacity: 0;
	z-index: 1;
	-webkit-transition: 1s;
	transition: 1s;
}
.home-work-banner .banner-fade ul li.active {
	opacity: 1;
	z-index: 2;
	-webkit-transition: 1s;
	transition: 1s;
}
.home-work-banner .banner-fade ul li > div {
	width: 175px;
	background-color: rgba(0,0,0,0.9);
	height: var(--banner);
	margin-left: 17.52136%;
	overflow: hidden;
	position: relative;
}
.home-work-banner .banner-fade ul li > div > a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.home-work-banner .banner-fade ul li > div article {
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 0 15px;
}
.home-work-banner .banner-fade ul li > div article h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #6e6e6e;
	margin: 0 0 10px;
}
.home-work-banner .banner-fade ul li > div article h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	line-height: 18px;
	margin: var(--smallpara);
}
.home-work-banner .banner-fade ul li > div article p {
	color: #fff;
	font-size: var(--text);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 20px;
	margin: 0;
}
.home-work-banner .banner-fade .pager {
	position: absolute;
	margin-left: 17.52136%;
	padding-top: 22px;
	top: 0;
	padding-left: 15px;
	overflow: hidden;
	z-index: 10;
}
.home-work-banner .banner-fade .pager span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #4e4e4e;
	margin: 0 4px;
	float: left;
	display: inline;
	cursor: pointer;
}
.home-work-banner .banner-fade .pager span.active {
	background-color: #4e4e4e;
}
.home-work-banner .banner-fade .next {
	width: 175px;
	height: var(--banner);
	right: 0;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}
.home-work-banner .banner-fade .next .next-arrow{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/next_slide.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	z-index: 2;
}
.home-work-banner .banner-fade .next .next-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	mix-blend-mode: multiply;
}
.home-work-banner .banner-fade .next:hover .next-bg{
	background-color: #bd001b;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media (max-width: 768px) {
	.home-work-banner .banner-fade ul li > div {
		margin-left: 0;
	}
	.home-work-banner .banner-fade .pager {
		margin: 0;
	}
}
@media (max-width: 640px) {
	.home-work-banner {
		height: 490px;
		margin: 0 -25px 20px;
	}
	.home-work-banner .banner-fade {
		height: 490px;
	}
	.home-work-banner .banner-fade ul {
		height: 490px;
	}
	.home-work-banner .banner-fade ul li {
		height: 490px;
		background-size: 100% auto;
		background-position: top center;
	}
	.home-work-banner .banner-fade ul li > div {
		height: 245px;
		bottom: 0;
		width: 100%;
		position: absolute;
		background-color: #191919;
	}
	.home-work-banner .banner-fade ul li > div article {
		width: 70%;
		padding: 0 24px;
	}
	.home-work-banner .banner-fade .next {
		height: 245px;
		width: 30%;
		bottom: 0;
		background-color: #191919;
	}
	.home-work-banner .banner-fade .next .next-bg {
		mix-blend-mode: normal;
	}
	.home-work-banner .banner-fade .next:hover .next-bg {
		background-color: #9d051c;
	}
	.home-work-banner .banner-fade .pager {
		padding-top: 265px;
	}
}
.home-work-banner .banner {
	height: var(--banner);
	width: 100%;
	overflow: hidden;
	position: relative;
}
.home-work-banner .banner ul {
	height: var(--banner);
	width: 9000000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.home-work-banner .banner ul li {
	float: left;
	display: inline;
	height: var(--banner);
	width: 1170px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.home-work-banner .banner ul li > div {
	width: 220px;
	background-color: rgba(0,0,0,0.9);
	height: var(--banner);
	margin-left: 10VW;
	overflow: hidden;
	position: relative;
	opacity: 0;
	-webkit-transition: 1.3s;
	transition: 1.3s;
}
.home-work-banner .banner ul li.active > div {
	opacity: 1;
	-webkit-transition: 1.3s;
	transition: 1.3s;
}
.home-work-banner .banner ul li > div article {
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 0 15px;
}
.home-work-banner .banner ul li > div article h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #6e6e6e;
	margin: 0 0 10px;
}
.home-work-banner .banner ul li > div article h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	color: #fff;
	text-transform: uppercase;
	line-height: 18px;
	margin: var(--smallpara);
}
.home-work-banner .banner ul li > div article p {
	color: #fff;
	font-size: var(--text);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 20px;
	margin: 0;
}
.home-work-banner .banner .pager {
	position: absolute;
	margin-left: 10VW;
	padding-top: 22px;
	top: 0;
	padding-left: 15px;
	overflow: hidden;
}
.home-work-banner .banner .pager span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #4e4e4e;
	margin: 0 4px;
	float: left;
	display: inline;
	cursor: pointer;
}
.home-work-banner .banner .pager span.active {
	background-color: #4e4e4e;
}
.home-work-banner .banner .next {
	width: 175px;
	height: var(--banner);
	right: 0;
	position: absolute;
	cursor: pointer;
}
.home-work-banner .banner .next .next-arrow{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/next_slide.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px 110px;
	display: block;
	z-index: 2;
}
.home-work-banner .banner .next .next-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	mix-blend-mode: multiply;
}
.home-work-banner .banner .next:hover .next-bg{
	background-color: #bd001b;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media (max-width: 768px) {
	.home-work-banner .banner ul li > div {
		margin-left: 0;
	}
	.home-work-banner .banner .pager {
		margin: 0;
	}
}
@media (max-width: 640px) {
	.home-work-banner {
		height: 490px;
		margin: 0 -25px 20px;
	}
	.home-work-banner .banner {
		height: 490px;
	}
	.home-work-banner .banner ul {
		height: 490px;
	}
	.home-work-banner .banner ul li {
		height: 490px;
		background-size: auto 100%;
		background-position: top center;
	}
	.home-work-banner .banner ul li > div {
		height: 245px;
		bottom: 0;
		width: 100%;
		position: absolute;
		background-color: #191919;
	}
	.home-work-banner .banner ul li > div article {
		width: 70%;
		padding: 0 24px;
	}
	.home-work-banner .banner .next {
		height: 245px;
		width: 30%;
		bottom: 0;
		background-color: #191919;
	}
	.home-work-banner .banner .next .next-bg {
		mix-blend-mode: normal;
	}
	.home-work-banner .banner .next:hover .next-bg {
		background-color: #9d051c;
	}
	.home-work-banner .banner .pager {
		padding-top: 265px;
	}
}
/*------------------------------------------------col-2-4----------------------------------------------------------------*/
.col-2-4 {
	overflow: hidden;
}

.col-2-4 > div:first-child {
	float: left;
	display: inline;
	width: 33.33333%;
	margin: 0 0 20px;
}
.col-2-4 > div:last-child {
	float: left;
	display: inline;
	width: 66.66666%;
	margin: 0 0 20px;
}
@media (max-width: 768px) {
	.col-2-4 > div:first-child {
		width: 50%;
	}
	.col-2-4 > div:last-child {
		width: 50%;
	}
}
@media (max-width: 640px) {
	.col-2-4 > div:first-child {
		width: 100%;
		display: block;
		float: none;
	}
	.col-2-4 > div:last-child {
		width: 100%;
		display: block;
		float: none;
	}
}
/*------------------------------------------------col-2-2-2---------------------------------------------------------------*/
.col-2-2-2 {
	overflow: hidden;
}
.col-2-2-2  > div {
	width: 33.333333%;
	float: left;
	display: inline;
}
@media (max-width: 768px) {
	.col-2-2-2  > div {
		display: block;
		float: none;
		width: 100%;
	}
}
/*-----------------------------------------------text-block-------------------------------------------------------*/

.text-block p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: var(--headline3);
	line-height: var(--tightest);
	margin: 0;
	color: #000000;
}

@media (max-width: 640px) {
	.text-block p {
		font-size: 30px;
	}
}
/*--------------------------------------------block-listing-expertise------------------------------------------------*/

.block-listing-expertise > a{
	float: right;
	display: inline;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #969696;
	font-size: var(--small);
	text-transform: uppercase;
	padding-right: 25px;
	padding-top: 3px;
	background-image: url(images/link-icon.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin-top: -3px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-bottom: 3px;
}
.block-listing-expertise > a:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.block-listing-expertise ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex:1 1 auto;
	flex-wrap: wrap;
	gap: 10px;
}
.block-listing-expertise ul li {
	float: left;
	display: inline;
	flex: 1;
	height: 180px;
	position: relative;
}
.block-listing-expertise ul li a {
	background-color: #ececec;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	position: relative;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.block-listing-expertise ul li a h3 {
	margin: 0;
	padding-right: 24px;
	padding-left: 6px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgrtext);
	line-height: var(--tightest);
	color: #686868;
	text-transform: uppercase;
	position: absolute;
	bottom: 16px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.block-listing-expertise ul li a:hover {
	background-color: #bd001b;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.block-listing-expertise ul li a:hover h3 {
	color: #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

@media (max-width:1024px) {
	.block-listing-expertise ul li {
	flex: calc(50% - 10px);
}
}

@media (max-width: 768px) {
	.block-listing-expertise ul li {
		width: 50%;
	}
}
@media (max-width: 640px) {
	.block-listing-expertise ul li {
		width: 100%;
		float: none;
		flex: 100%;
		height: 120px;
	}
	.block-listing-expertise ul li a h3 {
		font-size: 22px;
		line-height: 24px;
	}
}
/*---------------------------------------------------home-news-listing-------------------------------------------------*/

.text-block, .block-listing-expertise, .home-news-listing {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
}

.home-news-listing ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex:1 1 auto;
	flex-wrap: wrap;
	gap: 10px;
}

.home-news-listing ul li {
	float: left;
	display: flex;
	flex:1;
	height: 295px;
	position: relative;
}
.home-news-listing ul li a {
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
}
.home-news-listing ul li a span {
	position: absolute;
	z-index: 1;
	display: block;
	height: 100%;
	width: 100%;
	background-color: #979797;
	mix-blend-mode: multiply;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.home-news-listing ul li a:hover span {
	background-color: #bd001b;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.home-news-listing ul li a h2 {
	position: absolute;
	z-index: 2;
	bottom: 22px;
	padding: 0 22px;
	margin: 0;
	font-size: var(--headline2);
	line-height: var(--solid);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.home-news-listing ul li {
		width: 50%;
	}
}
@media (max-width: 640px) {
	.home-news-listing ul {
		margin: 0 -25px;
	}
	.home-news-listing ul li {
		flex: 100%;
		background-size: cover;
	}
	.home-news-listing ul li a h2 {
		font-size: 36px;
		line-height: 36px;
	}
}
/*-------------------------------------------------site-footer--------------------------------------------------------*/
.site-footer {
	padding: 30px 0 20px;
	border-top: 1px solid #d9d9d9;
	overflow: hidden;
}
.site-footer .back-to-top {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #969696;
	margin-left: 21px;
	position: relative;
	width: 15.81196%;
	float: left;
	display: inline;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}
.site-footer .back-to-top:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-footer .back-to-top:before {
	position: absolute;
	content: "";
	border-left: 13px solid #f50023;
	border-bottom: 13px solid transparent;
	display: block;
	top: 1px;
	left: -21px;
}
.site-footer .footer-nav {
	width: 35.04273%;
	min-width: 343px;
	float: left;
	display: inline;
}
.site-footer .footer-nav ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.site-footer .footer-nav ul li {
	float: left;
	display: inline;
	padding: 0 2px;
}
.site-footer .footer-nav ul li a {
	display: block;
	padding: 0 10px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #969696;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-footer .footer-nav ul li a:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-footer .social-media {
	width: 195px;
	float: left;
	display: inline;
}
.site-footer .social-media {
	overflow: hidden;
}
.site-footer .social-media p {
	float: left;
	display: inline;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: var(--small);
	color: #969696;
	margin: 0;
	line-height: 18px;
}
.site-footer .social-media a {
	margin-left: 15px;
	font-size: 18px;
	color: #686868;
	line-height: 18px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-footer .social-media a:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-footer img {
	float: right;
}
@media (max-width: 768px) {
	.site-footer .footer-nav {
		width: 45%;
		min-width: 0;
	}
	.site-footer .footer-nav ul li {
		float: none;
		display: block;
		padding: 0;
	}
	.site-footer .footer-nav ul li a {
		padding: 0 2px;
	}
}
@media (max-width: 640px) {
	.site-footer .back-to-top {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 30px;
		font-size: 14px;
	}
	.site-footer .footer-nav {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 30px;
	}
	.site-footer .footer-nav ul li {
		float: none;
		display: block;
		padding: 0;
	}
	.site-footer .footer-nav ul li a  {
		padding: 2px 0 2px 0;
		font-size: 14px;
	}
	.site-footer .social-media p {
		font-size: 14px;
	}
	.site-footer img {
		margin-top: -50px;
	}
}
/*------------------------------------------------------site-breadcrumbs----------------------------------------------*/
.site-breadcrumbs {
	margin-bottom: 44px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	text-transform: uppercase;
	color: #969696;
}
.site-breadcrumbs a {
	color: #969696;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-breadcrumbs a:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.site-breadcrumbs span {
	color: #000;
}
/*--------------------------------------------------about-container-----------------------------------------------------*/
.about-container h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}
/*------------------------------------------------------text-article------------------------------------------------*/
.text-article {
	padding-right: 20px;
	margin-bottom: 20px;
}
.text-article h2 {
	margin: 0 0 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	line-height: var(--tightest);
	text-transform: uppercase;
}
.text-article p {
	font-size: var(--text);
	line-height: var(--text);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: 0 0 10px;
}
@media (max-width: 768px) {
	.text-article {
		padding: 0;
		margin-bottom: 30px;
	}
}
/*-----------------------------------------------text-article-big-text-------------------------------------------------*/
.text-article-big-text {
	padding-right: 20px;
}
.text-article-big-text h2 {
	margin: 0 0 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	line-height: var(--tightest);
	text-transform: uppercase;
}
.text-article-big-text p {
	font-family: 'Roboto', sans-serif;
	font-size: var(--headline3);
	line-height: var(--tight);
	font-weight: 400;
	margin: 0 0 15px;
}
@media (max-width: 768px) {
	.text-article-big-text {
		padding: 0;
		margin-bottom: 30px;
	}
	.text-article-big-text p {
		margin-bottom: 15px;
	}
}
/*----------------------------------------------clients-----------------------------------------------------------------*/
.clients {
	margin-bottom: 40px;
}
.clients h2 {
	margin: var(--smallpara);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	line-height: var(--tightest);
	text-transform: uppercase;
}
.clients ul {
	overflow: hidden;
	background-color: #1a1a1a;
	margin: 0;
	padding: 0 30px;
}
.clients ul li {
	float: left;
	display: inline;
	width: 14.25%;
	margin: 0;
	padding: 0 0.5%;
	box-sizing: border-box;
	height: 140px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	text-align: center;
}
.clients ul li img {
	max-width: 100%;
	max-height: 140px;
}
@media (max-width: 800px) {
	.clients ul {
		padding:20px;
	}
	.clients ul li {
		width: 24.5%;
		height: 120px;
	}
}
@media (max-width: 640px) {
	.clients ul {
		margin: 0 -25px;
		padding:20VW;
	}
	.clients ul li {
		width: 100%;
		display: flex;
		float: none;
		padding:5VW;
	}
	.clients ul li img {
	max-height: 25VW;
	}
}
/*-----------------------------------------------about-testimonials--------------------------------------------------*/
.about-testimonials {
	padding-bottom: 30px;
}
.about-testimonials h2 {
	margin: var(--smallpara);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	line-height: var(--tightest);
	text-transform: uppercase;
}
.about-testimonials > div > div {
	padding-right: 30px;
}
.about-testimonials > div > div p {
	font-size: var(--text);
	line-height: var(--text);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: var(--smallpara);
}
.about-testimonials > div > div span {
	font-size: var(--small);
	line-height: var(--tightest);
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #888888;
}
@media (max-width: 768px) {
	.about-testimonials > div > div {
		padding: 0;
		margin-bottom: 30px;
	}
}
/*------------------------------------------------------contact-container--------------------------------------------*/
.contact-container > h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}
/*-------------------------------------------------------contact-details------------------------------------------------*/
.contact-details {
	padding-right: 25px;
	margin-bottom: 30px;
}
.contact-details h2:first-child {
	margin-top: 0;
}
.contact-details h2 {
	margin: 30px 0 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	text-transform: uppercase;
}
.contact-details p {
	font-size: var(--text);
	line-height: var(--body);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: 0;
}
.contact-details a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--text);
	line-height: var(--body);
	margin: 0;
	color: #f50023;
}
.contact-details a:hover {
	text-decoration: underline;
}
/*------------------------------------------------newsletter-signup----------------------------------------------------*/

.newsletter-signup {
	padding-right: 25px;
	margin-bottom: 30px;
}
.newsletter-signup h2 {
	margin: var(--smallpara);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	text-transform: uppercase;
}
.newsletter-signup > p {
	font-size: var(--text);
	line-height: var(--body);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: var(--smallpara);
}

#mc_embed_signup	{
	clear:left;
	font-family: 'Roboto', sans-serif;
	font-size: var(--small);
	line-height: var(--tighter);
	width:100%;
	color:#969696;
	padding: 0;
	margin:0;
}

#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
	padding:0;
}

#mc_embed_signup input {
	border: 1px solid #cecece;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0}

#mc_embed_signup input:focus {
	border: 1px solid #333333;;
}

#mc_embed_signup .button {
	clear:both;
	border: 0 none;
	border-radius:0;
	transition: all 0.23s ease-in-out 0s;
	background-color: #cecece;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: var(--text);
	line-height: var(--solid);
	font-weight: 400;
	text-transform: uppercase;
	margin: -10px 5px 10px 0;
	padding: 10px 22px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;}

#mc_embed_signup .button:hover {
	background-color: #f50023;
	}

#mc_embed_signup .small-meta {font-size: var(--smallest);}
#mc_embed_signup .nowrap {white-space:nowrap;}

/* Copied from External MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:100%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%;}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0;text-indent:2%;}

#mc_embed_signup .indicates-required {text-align:right; font-size: var(--smallest);position: relative;top:5px;}
#mc_embed_signup .asterisk {color:#f50023; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em 0; overflow:hidden; width:90%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:400; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#55A811; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:5px 0 5px 0; padding:5px 0; background-color:rgba(255,255,255,0.85);
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: var(--small); font-weight:400; z-index:1; color:#f50023;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #f50023;}


/*-------------------------------------------------------directions----------------------------------------------------*/

.directions {
	margin-bottom: 30px;
	width: 75%;
}
.directions h2 {
	margin: var(--smallpara);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	text-transform: uppercase;
}
.directions > p {
	font-size: var(--text);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: var(--body);
	margin: var(--smallpara);
}
/*----------------------------------------------------map---------------------------------------------------------------*/
#map {
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.contact-container .col-2-4 > div {
		width: 100%;
		float: none;
		display: block;
		overflow: hidden;
	}
	.contact-container .col-2-4 > div .contact-details {
		width: 50%;
		float: left;
	}
	.contact-container .col-2-4 > div .newsletter-signup {
		width: 50%;
		float: left;
		padding: 0;
	}
    .directions {
		width: 100%;
    }
}
@media (max-width: 640px) {
	.contact-container .col-2-4 > div .contact-details,
	.contact-container .col-2-4 > div .newsletter-signup {
		width: 100%;
		float: none;
		padding: 0;
		display: block;
	}
}


/*---------------------------------------------------work-listing-container---------------------------------------------*/
.work-listing-container h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}

.work-listing-container .grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 0;          /* required for the polyfill */
	row-gap: 1px;               /* tiny value used by the polyfill calculation */
	column-gap: 10px;           /* your real horizontal gap */
	margin: var(--medpara);
	padding: 0;
	width: 100%;
}

/* Base item */
.work-listing-container .grid .grid-item {
	position: relative;
	overflow: hidden;
}

/* Width spans – modular Lego */
.work-listing-container .grid .grid-item[class*="col-2"] {
	grid-column: span 1;
}
.work-listing-container .grid .grid-item[class*="col-4"] {
	grid-column: span 2;
}
.work-listing-container .grid .grid-item[class*="col-3"] {
	grid-column: span 1;
}
.work-listing-container .grid .grid-item[class*="col-6"] {
	grid-column: span 3;
}


/* ------------   Modular heights that include the gap  ------------------ */

.work-listing-container .grid {
	--gap: 10px;
	--short: clamp(200px, 22vw, 300px);
}

/* Small blocks */
.work-listing-container .grid .grid-item[class*="-220"] {
	height: var(--short);
	aspect-ratio: auto;
}

/* Big blocks = two small blocks + one gap */
.work-listing-container .grid .grid-item[class*="-440"] {
	height: calc(var(--short) * 2 + var(--gap));
	aspect-ratio: auto;
}

/* Image fills the box */
.work-listing-container .grid .grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.work-listing-container .grid .grid-item {
	position: relative;
	overflow: hidden;
}


/* Overlay / hover */

.work-listing-container .grid .grid-item > span {
	position: absolute;
	inset: 0;
	display: block;
	mix-blend-mode: multiply;
	z-index: 1;
	pointer-events: none;
}
.work-listing-container .grid .grid-item:hover > span {
	background-color: #f50023;
	transition: 0.5s;
}
.work-listing-container .grid .grid-item > a {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	transition: 0.5s;
	padding: 20px;
	box-sizing: border-box;
}
.work-listing-container .grid .grid-item > a:after {
	position: absolute;
	width: 46px;
	height: 46px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	bottom: 28px;
	right: 23px;
	content: "";
}
.work-listing-container .grid .grid-item:hover > a {
	opacity: 1;
}
.work-listing-container .grid .grid-item > a h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--headline2);
	line-height: var(--tightest);
	text-transform: uppercase;
	margin: 0;
	color: #fff;
}
.work-listing-container .grid .grid-item > a p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: var(--small);
	line-height: var(--tighter);
	color: #fff;
}

/* Responsive */
@media (max-width: 919px) {
	.work-listing-container .grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 599px) {
	.work-listing-container .grid {
		grid-template-columns: 1fr;
	}
	.work-listing-container .grid .grid-item[class*="col-4"],
	.work-listing-container .grid .grid-item[class*="col-6"] {
		grid-column: span 1;
	}
}

.work-listing-container section {
	width: 100%;
	max-width: 575px;
	margin-bottom: 30px;
}
.work-listing-container section h2 {
	margin: var(--smallpara);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	text-transform: uppercase;
}
.work-listing-container section p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--text);
	line-height: 20px;
	margin: 0;
}
.work-listing-container section p a {
	color: #f50023;
}
.work-listing-container section p a:hover {
	text-decoration: underline;
}


/*-----------------------------------------------work-details-container------------------------------------------------*/
.work-details-container {
	padding: 0 0 30px;
}
.work-details-container > h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
	clear: both;
}
/*--------------------------------------------work-details------------------------------------------------------------*/
.work-details {
	overflow: hidden;
}
.work-details > div {
	float: right;
	display: inline;
	width: 66.666666%;
}
.work-details > div > div {
	position: relative;
}
.work-details > div > div img {
	display: block;
	width: 100%!important;
	height: auto!important;
	margin-bottom: 10px;
}
.work-details > div > div span {
	width: 100%;
	padding: 20px;
	background-color: #1a1a1a;
	bottom: 0;
	z-index: 1;
	display: block;
	opacity: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
}
.work-details > div > div:hover span {
	opacity: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.work-details > div > div span p {
	margin: 0;
	font-size: var(--small);
	color: #969696;
	line-height: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;;
}
.work-details > article {
	float: left;
	display: inline;
	width: 33.3333333%;
	padding-right: 40px;
}
.work-details > article a.open-gallery {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	line-height: var(--tightest);
	margin: var(--smallerpara);
	text-transform: uppercase;
	color: #969696;
	display: block;
	cursor: pointer;
	padding-left: 26px;
	background-image: url(images/gallery-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.work-details > article h2 {
	margin: 30px 0 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	text-transform: uppercase;
}

.work-details > article p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: var(--text);
    line-height: var(--body);
    margin: var(--smallpara);
}

.work-gallery {
	overflow: hidden;
	width: 100%;
}
.work-gallery .grid {
	padding: 0;
	display: flex;
    flex-wrap: wrap;
	margin:0 -5px;
}
.work-gallery .grid .grid-item {
	position: relative;
	overflow: hidden;
	flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding:0 5px;
    margin-bottom: 10px;

}
.work-gallery .grid .grid-item > div{
	position: relative;
	height: 100%;
	

}
.work-gallery .grid .grid-item span {
	width: 100%;
	padding: 20px;
	background-color: #1a1a1a;
	bottom: 0;
	z-index: 1;
	display: block;
	opacity: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	box-sizing: border-box;
}
.work-gallery .grid .grid-item:hover span {
	opacity: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.work-gallery .grid .grid-item span p {
	margin: 0;
	font-size: var(--small);
	color: #969696;
	line-height: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;;
}
.work-gallery .grid .grid-item img {
	display: block;
	width: 100%!important;
	height: 100%!important;
	 object-fit: cover;

}

.work-gallery .grid .grid-item.col-6 {
	width: 100%;
	flex:0 0 auto;
}
.work-gallery .grid .grid-item.col-4 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.work-gallery .grid .grid-item.col-3 {
	flex: 0 0 50%;
	max-width: 50%;
}
.work-gallery .grid .grid-item.col-2 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
@media (max-width: 1100px) {
	.work-details > div {
		width: 50%;
	}
	.work-details > article {
		width: 50%;
	}
}

@media (max-width: 900px) {
	.work-details > div {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 30px;
	}
	.work-details > article {
		width: 100%;
		display: block;
		float: none;
	}
}
@media (max-width: 640px) {
	.work-gallery .grid {
		width: 100%;
	}
	.work-gallery .grid .grid-item,
	.work-gallery .grid .grid-item.grid-sizer,
	.work-gallery .grid .grid-item.col-6,
	.work-gallery .grid .grid-item.col-4,
	.work-gallery .grid .grid-item.col-3,
	.work-gallery .grid .grid-item.col-2 {
		width: 100%;
		max-width: 100%;
		flex:0 0 100%;
	}
}
/*---------------------------------------------------mask-gallery------------------------------------------------------*/
.mask-gallery {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 100;
	top: -100%;
	-webkit-transition: 1s;
	transition:1s;
}
.mask-gallery.open {
	top: 0;
	-webkit-transition: 1s;
	transition:1s;
}
.mask-gallery .gallery-slider {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.mask-gallery .gallery-slider > div {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.mask-gallery .gallery-slider > div ul {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	width: 999999999px;
}
.mask-gallery .gallery-slider > div ul li {
	float: left;
	display: inline;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mask-gallery .gallery-slider > div a.next {
	width: 170px;
	height: 170px;
	background-color: rgba(0,0,0,0);
	background-image: url(images/right_arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -85px;
	right: 0;
	z-index: 50;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mask-gallery .gallery-slider > div a.next:hover {
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mask-gallery .gallery-slider > div a.prev {
	width: 170px;
	height: 170px;
	background-color: rgba(0,0,0,0);
	background-image: url(images/left_arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -85px;
	left: 0;
	z-index: 50;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mask-gallery .gallery-slider > div a.prev:hover {
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.mask-gallery .gallery-slider > div ul li span {
	display: block;
	background-color: #020203;
	padding: 20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	z-index: 50;
	bottom: 0;
	width: 100%;
	min-height: 74px;
}
.mask-gallery .gallery-slider > div ul li span p {
	margin: 0;
	color: #969696;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	line-height: var(--tightest);
}
.mask-gallery .gallery-slider > div .pager {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 80px;
	cursor: pointer;
}
.mask-gallery .gallery-slider > div .pager span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #fff;
	opacity: 0.5;
	margin: 0 4px;
	border-radius: 50%;
}
.mask-gallery .gallery-slider > div .pager span.active {
	background-color: #fff;
}
.mask-gallery .gallery-slider > div a.close-gallery {
	background-image: url(images/cloce_gallery.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	z-index: 50;
	top: 20px;
	right: 20px;
	cursor: pointer;

}
@media (max-width: 765px) {
	.mask-gallery .gallery-slider > div a.prev,
	.mask-gallery .gallery-slider > div a.next {
		width: 100px;
		height: 100px;
		background-size: 23%;
	}
}
/*--------------------------------------------------news-listing-container--------------------------------------------*/
.news-listing-container {
	overflow: hidden;
}
.news-listing-container h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}
.news-listing-container .grid {
	margin: var(--medpara);
	padding: 0;
	width: 100%;
	column-count: 3;
	column-gap: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.news-listing-container .grid .grid-item {
	margin: 0;
	position: relative;
	margin: 0;
	margin-bottom: 10px;
	break-inside: avoid;
}
/*.news-listing-container .grid .grid-item:nth-child(3n+4) {
	clear: left;
}*/
.news-listing-container .grid .grid-item a {
	position: relative;
	display: block;
}
.news-listing-container .grid .grid-item img {
	width: 100%;
	margin-bottom: 20px;
	height: auto;
}
.news-listing-container .grid .grid-item a > span {
	position: absolute;
	height: 220px;
	width: 100%;
	mix-blend-mode: multiply;
	z-index: 1;
	display: block;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-listing-container .grid .grid-item:hover a > span {
	background-color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-listing-container .grid .grid-item a:after {
	position: absolute;
	width: 46px;
	height: 46px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	right: 24px;
	display: block;
	content: "";
	z-index: 3;
	top: 150px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
}
.news-listing-container .grid .grid-item:hover a:after {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 1;
}
.news-listing-container .grid .grid-item div {
	padding: 31px 20px 25px;
}
.news-listing-container .grid .grid-item div h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--headline2);
	line-height: var(--tightest);
	margin: var(--smallpara);
	color: #000000;
	text-transform: uppercase;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-listing-container .grid .grid-item div .tags {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.news-listing-container .grid .grid-item div .tags span {
	float: left;
	height: 27px;
	padding: 5px 9px;
	border: 1px solid #cecece;
	margin-right: 7px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	line-height: var(--solid);
	text-transform: uppercase;
}
.news-listing-container .grid .grid-item:hover  div h2 {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-listing-container .grid .grid-item div p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--lgrtext);
	line-height: var(--tighter);
	margin: var(--smallpara);
}
.news-listing-container .pagging {
	float: right;
	display: inline;
	padding: 20px 0;
}
.news-listing-container .pagging a.page-numbers {
	float: left;
	display: inline;
	width: 27px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	color: #000;
}
.news-listing-container .pagging a.page-numbers:hover {
	color: #f50023;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-listing-container .pagging a.page-numbers.prev {
	height: 27px;
	background-color: #cecece;
	color: #000;
	width: 55px;
	text-transform: uppercase;
	font-size: var(--small);
	font-weight: 500;
	margin-left: 5px;
}
.news-listing-container .pagging a.page-numbers.next {
	height: 27px;
	background-color: #cecece;
	width: 55px;
	color: #000;
	text-transform: uppercase;
	font-size: var(--small);
	font-weight: 500;
	margin-left: 5px;
}
.news-listing-container .pagging a.page-numbers.prev:hover,
.news-listing-container .pagging a.page-numbers.next:hover {
	background-color: #f50023;
	color: #fff;


}
.news-listing-container .pagging span {
	float: left;
	display: inline;
	width: 27px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	color: #000;
	border: 1px solid #cecece;
}
@media (max-width: 940px) {
	.news-listing-container .grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 640px) {
	.news-listing-container .grid {
		grid-template-columns: 1fr;
	}
}
/*---------------------------------------------news-details-container----------------------------------------------------*/
.news-details-container {
	/*overflow: hidden;*/
}
.news-details-container > h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: 25px 0 15px 0;
	padding-right: 140px;
}
@media (max-width: 640px) {
	.news-details-container > h1 {
		padding-right: 0;
	}
}
/*----------------------------------------------------page-content-----------------------------------------------------*/
.page-content {
	overflow: hidden;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.page-content > div {
	    position: relative;
    overflow: hidden;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.page-content > div.col-2 {
	    flex: 0 0 33.3333%;
    max-width: 33.33%;
}
.page-content > div.col-3 {
	    flex: 0 0 50%;
    max-width: 50%;
}
.page-content > div.col-4 {
	    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.page-content > div.col-6 {
	 flex: 0 0 100%;
    max-width: 100%;
}
.page-content > div.off-1 {
	margin-left: 16.666666666%;
}
.page-content > div.off-2 {
	margin-left: 33.3333333333%;
}
.page-content > div.off-3 {
	margin-left: 50%;
}
.page-content > div .image-container {
	position: relative;
	margin-top: 0;
	/*padding-bottom: 50px;*/
	height: 100%;
	background-color: #1a1a1a;

}
.page-content > div .image-container img {
	    display: block;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}
.page-content > div .image-container span {
	bottom: 0;
	background-color: #1a1a1a;
	padding: 20px;
	width: 100%;
	display: block;
	opacity: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
}
.page-content > div .image-container:hover span {
	opacity: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.page-content > div .image-container span p {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	line-height: var(--tightest);
	color: #969696;
}
.page-content > .line-break {
	display: block;
	clear: both;
	height: 35px;
}
.page-content > div h2 {
	font-size: var(--headline3);
	line-height: var(--tighter);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: var(--medpara);
	padding-right: 70px;
}
.page-content > div h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: var(--lgtext);
	line-height: var(--tightest);
	margin: 30px 0 20px;
	padding-right: 70px;
	text-transform: uppercase;
}
.page-content > div h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: var(--lgtext);
	line-height: var(--text);
	margin: var(--smallpara);
	padding-right: 70px;
}
.page-content > div h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3em;
	color: #000000;
	margin: 25px 0 10px;
	padding-right: 70px;
}
.page-content > div h6 {
	margin: 22px 0 25px;
	margin-left: 90px;
	padding-left: 10px;
	border-left: 3px solid #cecece;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 1.2em;
	padding-right: 70px;
	text-transform: uppercase;
}
.page-content > div p {
    padding-right: 70px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: var(--text);
    line-height: var(--body);
    margin: var(--smallpara);
}
.page-content > div > :first-child {
	margin-top: 20px;
}
.page-content > div .image-container {
	margin-top: 0!important;
}
.page-content > div blockquote {
	margin: var(--smallpara);
	margin-left: 90px;
	border-left: 5px solid #f50023;
	padding-left: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.page-content > div blockquote.left {
	margin: 20px 0 0;
	margin-left: 15px;
}
.page-content > div blockquote.right {
	margin-left: 0;
	margin-right: 15px;
	padding-right: 15px;
	padding-left: 0;
	border-left: 0px solid transparent;
	border-right: 5px solid #f50023;
	text-align: right;
}
.page-content > div blockquote p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: var(--headline3);
	line-height: var(--tightest);
	margin: var(--bigpara);
	padding: 0;
	text-transform: uppercase;
	margin-top: 25px;

}
.news-details-container > .newsletter-signup {
	width: 66.66666666%;
	margin: 0 auto;
	border-top: 1px solid #cecece;
	padding-top: 30px;
	padding-bottom: 50px;
}
.news-details-container > .newsletter-signup > div {
	max-width: 390px;
}
@media (max-width: 768px) {

	/*.page-content > div.col-4 {*/
		/*width: 100%;*/
		/*float: none;*/
		/*display: block;*/
	/*}*/
	.page-content > div h2,
	.page-content > div h3,
	.page-content > div h4,
	.page-content > div h5,
	.page-content > div h6,
	.page-content > div p{
		padding-right: 0;
	}
	.news-details-container > .newsletter-signup {
		width: 100%;
		padding-right: 0;
	}
}
@media (max-width: 640px) {
	.page-content{ margin:0; }
	.page-content > div.off-1,
	.page-content > div.off-2,
	.page-content > div.off-3 {
		margin-left: 0;
	}
	.page-content > div.col-2,
	.page-content > div.col-3,
	.page-content > div.col-4,
	.page-content > div.col-6 {
		width: 100%;
		max-width: 100%;
		flex:0 0 100%;
		overflow: visible;
	}
	.news-details-container > .page-content > div blockquote {
		margin-left: 0;
	}
	.page-content > div .image-container span {
		/*position: static;*/
		display: block;
	}
	.page-content > div .image-container{
		/*width: calc(100% + 50px)!important;*/
		margin:0 -30px;
	}
	.page-content > div .image-container img {
		
	}
    .news-details-container .page-content{
	    overflow: visible;
    }
	.page-content > div .image-container span {
		/*width: calc(100% + 50px)!important;
		margin-left: -25px;*/
	}
}
/*------------------------------------------------------expertise-listing-container------------------------------------*/
.expertise-listing-container > h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000;
	font-size: var(--headline1);
	line-height: var(--tighter);
	margin: var(--bigpara);
}
.expertise-listing-container > ul {
	margin: var(--medpara);
	padding: 0;
	overflow: hidden;
	display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 10px;
}
.expertise-listing-container > ul li {
	display: flex;
	flex: 1 1 calc(50% - 5px);
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.expertise-listing-container > ul li span {
	display: block;
	height: 100%;
	z-index: 2;
	width: 100%;
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.expertise-listing-container > ul li a {
	display: block;
	position: relative;
	z-index: 5;
	height: 100%;
	width: 100%;
}
.expertise-listing-container > ul li a > div {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.expertise-listing-container > ul li div h2 {
	margin: 0;
	padding: 25px;
	background-color: #1a1a1a;
	display: block;
	color: #fff;
	font-size: var(--headline2);
	line-height: var(--solid);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	/*-webkit-transition: 1s;*/
	/*transition: 1s;*/
}
.expertise-listing-container > ul li  div > div {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: 1s;
	transition: 1s;
}
.expertise-listing-container > ul li div p {
	padding: 23px 25px 25px;
	background-color: #1a1a1a;
	display: block;
	font-size: var(--lgtext);
	line-height: var(--tight);
	color: #ffffff;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.expertise-listing-container > ul li:hover span {
	background-color: #bd001b;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.expertise-listing-container > ul li:hover:after {
	border-left: 33px solid transparent;
	border-top: 33px solid #bd001b;
	display: block;
	top: 10px;
	right: 10px;
	position: absolute;
	content: "";
	z-index: 5;
}
.expertise-listing-container > ul li:hover h2 {
	background-color: #bd001b;
	/*-webkit-transition: 1.5s;*/
	/*transition: 1.5s;*/
}
.expertise-listing-container > ul li:hover  div > div {
	max-height: 200px;
	-webkit-transition: 1s;
	transition: 1s;
}

@media (max-width: 768px) {
	.expertise-listing-container > ul li {
		flex:1 1 100%;
	}
}


/*--------------------------------------------------single-page-shear-----------------------------------------------*/
.single-page-shear {
	float: right;
	display: inline-block;
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
.single-page-shear p {
	float: left;
	display: inline;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: var(--small);
	color: #686868;
	text-transform: uppercase;
	margin-top: 12px;
	margin-right: 20px;
}
.single-page-shear div {
	float: left;
	display: inline-block;
	clear: none!important;
}
.at-share-tbx-element .at-share-btn .at-icon {
	transition: all 0.5s ease-in-out 0s;
}
.at-share-tbx-element .at-share-btn:focus .at-icon,
.at-share-tbx-element .at-share-btn:hover .at-icon {
	fill: rgb(245, 0, 35)!important;
	transition: all 0.5s ease-in-out 0s;
}
/*---------------------------------------------------------mc4wp-checkbox----------------------------------------------*/
.mc4wp-checkbox {
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
}

.work-image-open-gal {
	cursor: pointer;
}