@charset "UTF-8";

/* roboto-300 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'),
       url('../fonts/roboto-v20-latin-300.woff') format('woff'),
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'),
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg');
}

/* roboto-regular */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'),
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'),
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
}

/* roboto-500 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'),
       url('../fonts/roboto-v20-latin-500.woff') format('woff'),
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'),
       url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg');
}

/* rajdhani-500 */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rajdhani-v9-latin-500.eot');
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'),
       url('../fonts/rajdhani-v9-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/rajdhani-v9-latin-500.woff2') format('woff2'),
       url('../fonts/rajdhani-v9-latin-500.woff') format('woff'),
       url('../fonts/rajdhani-v9-latin-500.ttf') format('truetype'),
       url('../fonts/rajdhani-v9-latin-500.svg#Rajdhani') format('svg');
}

:root {
	--black-lightest:	#282828;
	--grey:				#848484;
	--black-light:		#141414;
	--black-medium:		#0B0B0B;
	--black-dark:		#000;
	--black-opaque:		rgba(0,0,0,0.55);
	--red:				#f50000;
}

html, body {
	margin:				0;
	padding:			0 0 1px 0;
	border:				0;
	font-style:			inherit;
	vertical-align:		baseline;
	outline-color:		invert;
	outline-style:		none;
	outline-width:		0;
	min-height:			100%;
}

html {
	overflow-x:			hidden;
	height:				100%;
	scroll-behavior: 	smooth;
}

body {
	font-family: 		'Roboto',sans-serif;   
	font-weight:		300;
    font-size: 			17px;
    line-height: 		1.4;
	text-align:			left;
	width:				100%;
	background-color:	var(--black-dark);
	color:				#fff;
	text-shadow: 		0 0 1px #000;
}

.modal-open {
	overflow:			hidden;
}

.phone.menu-open body {
	background:			var(--black-dark);
}

.animate {
	-webkit-transition: 		opacity 0.5s ease-in 0.35s;
	-moz-transition: 			opacity 0.5s ease-in 0.35s;
	-o-transition: 				opacity 0.5s ease-in 0.35s;
	transition: 				opacity 0.5s ease-in 0.35s;
    -webkit-transition-delay:	250ms;
    -moz-transition-delay: 		250ms;
    -o-transition-delay: 		250ms;
    transition-delay: 			250ms;
	opacity:					0;
}

.animate-on {
	opacity:					1;
}

.parallax {
	padding-bottom:					95px; /* Set to same as $Pbuffer in main.js */
	padding-right:					95px; /* Set to same as $Pbuffer in main.js */
}

.content-wrap {
	display:			block;
	max-width:			1240px;
	padding:			0 20px;
	margin:				0 auto;
	width:				100%;
	position:			relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
    box-sizing: 		border-box;
}

header {
	width:				100%;
	position:			fixed;
    top:				0;
    left:				0;
	z-index:			2;
	text-transform:		uppercase;
	line-height:		1;
	font-weight:		400;
	background-color:	var(--black-dark);
	height:				70px;
}

.phone.menu-open header {
	position:			absolute;
	height:				auto;
}

#header-inner {
	width:				100%;
	position:			relative;
}

.desktop	#header-inner {
	display:			block;
    padding:			15px 0;
	height:				40px;
	font-size: 			.95rem;
}

.phone		#header-inner {
    padding:			50px 0;
	margin-top:			40px;
	display:			none;
}

.phone.menu-open	#header-inner {
	display:			block;
}

.desktop	#header-inner-nav {
	display:			table;
	height:				40px;
	text-align:			center;
}

#header-inner-nav {
	float:				right;
}

.phone	#header-inner-nav {
	width:				100%;
}

header .menu-main-menu-container {
	display:			table-row;
}

#header-inner-nav	.menu {
	display:			table-cell;
	vertical-align:		middle;
}
	
.logo {
	float:					left;
    background-image:		url("/wp-content/images/css/sprite.min.v1.png");
	width:					162px;
	height:					40px;
	background-position:	0 -2px;
}

header .logo {
	position:				absolute;
	z-index:				1;
	left:					20px;
	top:					15px;
}

.menu-item {
	position:				relative;
	display:				inline-block;
}

.desktop	#menu-whmc-menu .menu-item {
	margin:					0 10px;
}

.phone	.menu,
.phone	.menu-item {
	width:					100%;
}

.phone	header	.menu	>	.menu-item {
	margin:					10px 0			!important;
}

.current_page_item	>	a 	{
	color:					var(--red)		!important;
}

.desktop	#header-inner-nav 	.menu	> .menu-item 	> a {
	padding:				6px;
}

.phone		#header-inner-nav 	.menu	> .menu-item 	> a {
	padding:				10px 0;
}

main {
	overflow:				hidden;
}

footer {
    width:					100%;
	float:					left;
	font-size:				0.95rem;
}

#footer-top {
	padding:				40px 0;
	display: 				grid;
	font-weight:			400;
}

.desktop 	#footer-top {
	grid-template-columns: 	250px 1.0fr 0.75fr 250px;
}

.narrow 	#footer-top {
	grid-template-columns: 	1fr;
	grid-row-gap:			20px;
}

#footer-bottom {
	padding:				40px 0;
}

#main-menu {
    display:				none;
	position:				absolute;
	top:					0;
	right:					20px;
	height: 				18px;
	padding:				26px 0 26px 10px;
	width: 					80px;
	font-weight:			500;
	line-height:			1;
	color:					#fff;
}

#main-menu:before {
	content:				" ";
	position:				absolute;
	top:					50%;
	right:					0;
	height:					3px;
	background:				#fff;
	width:					20px;
	transform: 				translateY(-50%);
}

#main-menu:after {
	content:				" ";
	position:				absolute;
	top:					50%;
	right:					0;
	height: 				13px;
	width:					20px;
	transform: 				translateY(-50%);
	border-top:				3px solid #fff;
	border-bottom:			3px solid #fff;
}

.phone.menu-open	#main-menu:after {
	background-position:	-518px 0;	
}

.phone #main-menu {
    display:				block;
}
		
blockquote {
	width:					100%;
	display:				inline-block;
	margin:					0 auto;
	max-width:				900px;
	padding:				0 20px;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	font-weight: 			500;
}

.testimonial { 
	font-size: 				1.4rem;
}

.jumpAnchor,
.gform_anchor {
	position:				absolute;
	top:					0;
	left:					0;
    height:					0;
    width:					100%;
    font-size:				0;
}

p {
	padding:				0;
	float:					left;
    width:					100%;
	margin:					5px 0;
}
 
b, strong {
	font-weight:			500;
}

img {
	max-width:				100%;
    display:				inline-block;
}

.mySlides	img {
	height:					auto;
}

.bordered {
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	background-color:		var(--black-medium);
	border:					2px solid var(--black-light);
	float:					left;
}

.bordered img {
	float:					left;
}

.panorama-wrap {
	position: 				relative; 
	padding-bottom: 		60%;
	width: 					100%;
	margin-top: 			10px;
	float:					left;
}

.video-wrap {
	position: 				relative; 
	padding-bottom: 		56.25%;
	overflow: 				hidden;
	max-width: 				100%;
	height: 				auto;
	width: 					100%;
	margin-top: 			10px;
	float:					left;
}

.text-wrap {
	width:					100%;
	float:					left;
}

.img-wrap {
	width:					100%;
	float:					left;
	margin:					20px 0 10px;
	position:				relative;
}

.hover-effect {
	-webkit-transition: 	border-color 0.35s linear;
	-moz-transition: 		border-color 0.35s linear;
	-o-transition: 			border-color 0.35s linear;
	transition: 			border-color 0.35s linear;
}

.hover-effect:hover {
	border-color:			var(--black-lightest);
}

.hover-effect:before {
	content:				" ";
    background-image:		url("/wp-content/images/css/sprite.min.v1.png");
	background-repeat:		no-repeat;
	-webkit-transition: 	opacity 0.35s linear, background-color 0.35s linear;
	-moz-transition: 		opacity 0.35s linear, background-color 0.35s linear;
	-o-transition: 			opacity 0.35s linear, background-color 0.35s linear;
	transition: 			opacity 0.35s linear, background-color 0.35s linear;
	position:				absolute;
	top:					50%;
	left:					50%;
	transform:				translate(-50%,-50%);
	-webkit-border-radius:	50%;
	-moz-border-radius:		50%;
	border-radius:			50%;
}

.hover-effect-panorama:before {
	width: 					138px;
	height: 				92px;
	background-color:		var(--black-light);
	background-position:	30px -56px;
	opacity:				1;
}

.hover-effect-open:before {
	width:					50px;
	height:					50px;
	background-position:	-182px -1px;
	opacity:				0;
}

.hover-effect-www:before {
	width:					54px;
	height:					54px;
	background-position:	-95px -88px;
	opacity:				0;
}

.hover-effect:hover:before {
	background-color:		var(--red);
	opacity:				1;
}

.video-caption {
	margin-top:				0;
	padding:				10px;
	background:				var(--black-light);
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	text-align:				center;
}

iframe {
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	background-color:		var(--black-medium);
	border:					2px solid var(--black-light);
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	background-size:		cover;
	background-position:	center center;
}

.ginput_recaptcha iframe {
	background-color:		transparent;
	border:					none;
	position: 				relative;
	width: 					100%;
	height: 				77px;
	margin:					12px 0;
	float:					left;
}

.ac {
    text-align:				center; 
}

a {
	color:					inherit;
	text-decoration:		none;
    outline: 				0;
	-webkit-transition: 	background-color 0.35s linear, color 0.35s linear;
	-moz-transition: 		background-color 0.35s linear, color 0.35s linear;
	-o-transition: 			background-color 0.35s linear, color 0.35s linear;
	transition: 			background-color 0.35s linear, color 0.35s linear;
}

a:hover {
	color:					var(--red);
    cursor:					pointer;
}

.menu-open	main,
.menu-open	footer {
	display:				none;
}

.menu-open	header {
	position:				relative;
}

footer .menu {
	display:				grid;
	grid-template-columns: 	1fr;
	grid-row-gap:			3px;
	margin:					5px 0;
}

/* Block elements */

#vp {
    width:					100%;
	float:					left;
	position:				relative;
	padding: 				70px 0 0;
}

#vp-bg {
	float:					left;
	width:					100%;
	padding-bottom: 		37%;
	position:				relative;
}

#vp-bg-img {
	position:				absolute;
	height:					100%;
	left:					-20px;
	top:					0;
	width:					-moz-calc(100% + 40px);
	width: 					-webkit-calc(100% + 40px);
	width: 					-o-calc(100% + 40px);
	width: 					calc(100% + 40px);
	background-size:		cover;
	background-position:	center center;
	background-color: 		var(--black-light);
}

#vp-header {
	width:					100%;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	float:					left;
	margin:					-60px 0 30px;
}

section {
    width:					100%;
	float:					left;
	position:				relative;
	padding:				60px 0;
	overflow:				hidden;
}

.cols {
    width:					100%;
	display: 				grid;
}

.c2 > div,
.c3 > div {
	overflow:				hidden;
}

.c1 {
	grid-row-gap:			60px;
}

.wide 		.c2 {
	grid-template-columns: 	1fr 1fr;
	grid-column-gap:		40px;
	grid-row-gap:			40px;
}

.narrow 	.c2 {
	grid-row-gap:			40px;
}

.wide		.c-1-wide {
	grid-template-columns: 	65fr 35fr;
}

.wide 		.c3 {
	grid-template-columns: 	1fr 1fr 1fr;
	grid-column-gap:		40px;
	grid-row-gap:			40px;
}

.narrow 	.c3 {
	grid-row-gap:			40px;
}

.c4 {
	grid-column-gap:		5px;
	grid-row-gap:			5px;
}

.wide 		.c4 {
	grid-template-columns: 	1fr 1fr 1fr 1fr;
}

.narrow 	.c4 {
	grid-template-columns: 	1fr 1fr;
}

.c {
	position:				relative;
	float:					left;
	width:					100%;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
}

.wide	.has-c-image {
	padding: 				30px 0 20px 400px;
	min-height:				350px;
}

.narrow	.has-c-image {
	padding: 				300px 0 0;
}

.c-img-wrap {
	position: 				absolute;
	top: 					0;
	z-index:				0;
}

.wide	.c-img-wrap {
	width: 					450px;
	height: 				100%;
	left: 					0;
}

.narrow	.c-img-wrap {
	width:					-moz-calc(100% + 40px);
	width: 					-webkit-calc(100% + 40px);
	width: 					-o-calc(100% + 40px);
	width: 					calc(100% + 40px);
	height: 				350px;
	left: 					-20px;
}

.wide section.ac	.has-c-image {
	padding: 				300px 5vw 20px	!important;
}

section.ac	.has-c-image .bg {
	padding: 				40px			!important;
}

section.ac	.c-img-wrap {
	width: 					80%;
	max-width:				500px;
	height: 				300px;
	left: 					50%;
	top:					10px;
	-webkit-transform: 		translateX(-50%);
	-ms-transform: 			translateX(-50%);
	transform: 				translateX(-50%);
	z-index:				1;
	border:					5px solid #fff;
}

.has-c-image-small {
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
}

.wide	.has-c-image-small {
	padding: 				30px 0 0 170px;
}

.narrow	.has-c-image-small {
	padding: 				170px 0 0 20px;
}

.c-img-wrap-small {
	position: 				absolute;
	top: 					0;
	z-index:				0;
	width: 					195px;
	height: 				195px;
	left: 					0;
}

.c-img {
	background-size:		cover;
	background-position:	center center;
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
}

.wide	.has-c-image-small .bg {
	min-height: 			185px;
}

.img-column {
	width:					100%;
	padding-bottom:			70%;
	position:				relative;
}

.box-shadow {
	-webkit-box-shadow: 	0px 0px 15px 0px rgba(0,0,0,.75);
	-moz-box-shadow: 		0px 0px 15px 0px rgba(0,0,0,.75);
	box-shadow: 			0px 0px 15px 0px rgba(0,0,0,.75);
}

.c-inner { 
	width:					100%;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	float:					left;
	position:				relative;
	z-index: 				0;
}

.wide	.has-c-image-small	.c-inner { 
	min-height:				195px;
}

.hero-wrap { 
	width:					100%;
	max-width:				730px;
	display:				inline-block;
}

.wide .hero-wrap { 
	margin:					30px 0;
}

.bg { 
	padding:				20px;
	float:					left;
	position:				relative;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	width:					100%;
	z-index:				1;
}

.wide 		.c2,
.wide 		.c3 {
	overflow:				hidden;
}

.wide 		.c2 .bg:after,
.wide 		.c3 .bg:after {
	content:				" ";
	position:				absolute;
	background:				inherit;
	top:					100%;
	left:					0;
	height:					9999px;
	width:					100%;
}

.section-img {
	background-size:		cover;
	background-position:	center center;
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
	z-index: 				-1;
}

.section-img:after {
	content:				" ";
	background-color:		var(--black-opaque);
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
	z-index: 				0;
}

ol,
ul {
	margin:				0;
	padding:			0;
    list-style-type: 	none;
	display:			inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
    box-sizing: 		border-box;
}

li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
    box-sizing: 		border-box;
    position:			relative;
}

.text-wrap a {
	text-decoration:	underline;
}

.text-wrap ol,
.text-wrap ul {
	width:				100%;
	margin:				3px auto;
}

.text-wrap li {
	margin:				2px 0;
    text-align:			left;
	float:				left;
    width:				100%;
	padding:			0 0 0 30px;
}

.text-wrap li:before {
    position:				absolute;
	top: 					6px;
	left: 					7px;
	width: 					4px;
	height: 				4px;
    display:				block;
    content: 				" ";
	border:					4px solid var(--red);
	-webkit-transform: 		rotate(45deg);
	-ms-transform: 			rotate(45deg);
	transform: 				rotate(45deg);
}

/* Elements */

.e-wrap {
	margin:					30px 0;
}

/* Blocks */

.has-icon {
	padding-left: 		55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
    box-sizing: 		border-box;
	position:			relative;
}

.has-icon:before {
	content:				" ";
	position:				absolute;
	top:					0;
	left:					0;
	background-image:		url("/wp-content/images/css/sprite.min.v1.png");
	display:				inline-block;
	background-repeat:		no-repeat;
	height:					40px;
	width:					40px;
	background-size:		auto 96px;
}

.icon-define:before	 	{ 	background-position:	-190px -1px; }
.icon-design:before	 	{ 	background-position:	-270px -1px; }
.icon-refine:before	 	{ 	background-position:	-356px -1px; }
.icon-deliver:before	{ 	background-position:	-443px -1px; }

.media {
	background-image:		url("/wp-content/images/css/sprite.min.v1.png");
	display:				inline-block;
	background-repeat:		no-repeat;
	height:					40px;
	width:					40px;
	margin:					5px 5px 0 0;
	background-size:		auto 71px;
	-webkit-border-radius:	50%;
	-moz-border-radius:		50%;
	border-radius:			50%;
	background-color:		var(--red);
	-webkit-transition: 	background-color 0.35s linear;
	-moz-transition: 		background-color 0.35s linear;
	-o-transition: 			background-color 0.35s linear;
	transition: 			background-color 0.35s linear;
}

.media:hover {
	background-color:		var(--black-lightest);
}

.media-instagram 	{ background-position:	-143px -36px; }
.media-facebook 	{ background-position:	-256px -35px; }
.media-linkedin 	{ background-position:	-196px -35px; }
.media-vimeo 		{ background-position:	-318px -35px; }
.media-youtube	 	{ background-position:	 -91px -38px; }

.bg-black-opaque {
	background: 			var(--black-opaque);
}

.bg-black {
	background: 			var(--black-medium);
}

.bg-black-dark {
	background: 			var(--black-dark);
}

/* Columns */

h1, h2, h3, h4, h5, h6 {
	display:				block;
	float:					left;
    width:					100%;
    padding:				0;
}

h1 { 
	font-family: 			'Rajdhani',sans-serif;  
    font-weight:			500;
	line-height:			1.1;
    margin:					0 0 15px 0;
	letter-spacing:			-.15rem;
}

.wide	h1 {
	font-size:				3.15rem;
	letter-spacing:			-.05rem;
}

.narrow	h1 {
	font-size:				2rem;
}

h2 {  
	font-weight:			300;
	font-size:				1.2rem;
	margin:					0 0 10px;
}

.narrow	h2 {
	font-size:				1.2rem;
}

h3 {
	font-family: 			'Rajdhani',sans-serif;  
    font-weight:			500;
    margin:					10px 0;
	color:					var(--red);
	line-height:			1.2;
	letter-spacing: 		-0.05rem;
	font-size:				2.25rem;
}

h3:nth-child(1) {
	margin-top:				0;
}

h4 {
	font-weight:			400;
	margin:					0 0 10px;
	font-size:				1.65rem;
	line-height:			1.2;
	letter-spacing: 		-0.05rem;
}

h3 + h4 {
	margin-top:				-5px;
}

h5 {
	font-family: 			'Rajdhani',sans-serif;  
    font-weight:			500;
    margin:					10px 0 5px;
}

.wide	h5 {
	font-size:				2.25rem;
	letter-spacing:			-.05rem;
}

.narrow	h5 {
	font-size:				2rem;
}

h5:nth-child(1) {
	margin-top:				0;
}

h5.spaced {
	margin-bottom:			40px;
}

h6 {
	font-weight:			400;
	margin:					0 0 10px;
	font-size:				1.65rem;
	letter-spacing: 		-0.05rem;
}

h5 + h6 {
	margin-top:				-10px;
}

/* Inputs */

input[type=submit],
.button {
	outline-style:			none;
	outline-width:			0;
    outline: 				0;
	-webkit-appearance:		none;
    line-height:			1;
	-webkit-transition: 	color 0.35s linear, background-color 0.35s linear;
	-moz-transition: 		color 0.35s linear, background-color 0.35s linear;
	-o-transition: 			color 0.35s linear, background-color 0.35s linear;
	transition: 			color 0.35s linear, background-color 0.35s linear;
	font-family: 			inherit;
	font-weight:			500; 
	text-transform:			uppercase;
	color:					#fff;
    text-align:				center;
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
	text-shadow:			none;
	font-size:				1.1rem;
}

input[type=submit] {
	padding:				20px 30px;
	font-size:				1.15rem;
	float:					left;
	background: 			var(--red);
	border: 				none;
	margin:					10px 0 0;
}
	
.button {
    display:				inline-block;
	position:				relative;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
	padding:				12px 30px 12px 15px;
	border:					2px solid #fff;
	margin:					10px 1px 5px;
}

.text-wrap + .button {
	margin-top:				20px;
}

.button:after {
	content:				" ";
	position:				absolute;
	top:					50%;
	right:					15px;
	transform: 				translateY(-50%) rotate(-45deg);
	-webkit-transform: 		translateY(-50%) rotate(-45deg);
	border: 				solid #fff;
	border-width: 			0 3px 3px 0;
	display: 				inline-block;
	padding: 				3px;
	-webkit-transition: 	border-color 0.35s linear;
	-moz-transition: 		border-color 0.35s linear;
	-o-transition: 			border-color 0.35s linear;
	transition: 			border-color 0.35s linear;
}

input[type=submit]:hover,
.button:hover {
	color:					var(--black-dark);
	background: 			#fff;
	cursor:					pointer;
}

.button:hover:after {
	border-color: 				var(--black-dark);
}

/* Slider */

.slider {
	width:						100%;
	position:					relative;
}

.slider-vp-height {
	min-height:					-moz-calc(100vh - 70px);
	min-height: 				-webkit-calc(100vh - 70px);
	min-height: 				-o-calc(100vh - 70px);
	min-height: 				calc(100vh - 70px);
    -webkit-box-sizing: 		border-box;
    -moz-box-sizing: 			border-box;
    box-sizing: 				border-box;
}

.wide	.slider-vp-height {
	padding:					10vh 0 84px;
	margin:						0 auto;
	max-width:					2300px;
}

.narrow	.slider-vp-height {
		padding:				20px 0 84px;
}

.slider-variable-height {
	padding:					0 0 84px;
	float:						left;
	width:						100%;
}

.slide {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	opacity:				0;
	-webkit-transition: 	opacity 1s;
	-moz-transition: 		opacity 1s;
	-o-transition: 			opacity 1s;
	transition: 			opacity 1s;
}

.slider-vp-height .slide {
	height:					100%;
	background-position:	center center;
	background-size:		cover;
}

.slider-cnt-wrap {
	position:				absolute;
	bottom:					35px;
	left:					0;
	width:					100%;
	text-align:				center;
}
	
.slide-cnt {
	position:				relative;
	height:					14px;
	width:					14px;
	background-color:		#fff;
	-webkit-transition: 	background-color 0.35s;
	-moz-transition: 		background-color 0.35s;
	-o-transition: 			background-color 0.35s;
	transition: 			background-color 0.35s;
	display:				inline-block;
	margin:					0 3px;
}

.slide-active {
	background-color:		var(--red);
}

.show {
	opacity:				1;
}

.slide-prev:before,
.slide-next:before {
	content:				" ";
	position: 				absolute;
	border: 				solid #fff;
	border-width: 			0 4px 4px 0;
	padding: 				7px;
	top: 					16px;
}

.slide-prev,
.slide-next {
	height:					50px;
	width:					50px;
	position:				absolute;
	-webkit-border-radius:	50%;
	-moz-border-radius:		50%;
	border-radius:			50%;
	background-color:		var(--red);
	-webkit-transition: 	background-color 0.35s linear;
	-moz-transition: 		background-color 0.35s linear;
	-o-transition: 			background-color 0.35s linear;
	transition: 			background-color 0.35s linear;
}

.wide	.slider	.slide-prev,
.wide	.slider	.slide-next {
	bottom: 					30px;
}

.narrow	.slider	.slide-prev,
.narrow	.slider	.slide-next {
	bottom: 					25px;
}

.slide-prev:before {
	transform: 					rotate(135deg);
	-webkit-transform: 			rotate(135deg);
	left:						19px;
}

.slide-next:before {
	transform: 					rotate(-45deg);
	-webkit-transform: 			rotate(-45deg);
	left:						13px;
}

.slider	.slide-prev {
	left: 						25px;
}

.slider	.slide-next {
	right: 						25px;
}

.slide-prev:hover,
.slide-next:hover {
	background-color: 			var(--black-lightest);
}

/* Gravity form */

form { 
	display:				block;  
    width:					100%;
	float:					left;
	text-align:				left;
	border: 				none;
	margin:					20px 0 0 0;
	position:				relative;
}

label {
	display:				none;
}

form ul {
	width:					100%;
	margin:					0;
}

form li {
	margin:					0;
	padding:				0;
	float:					left;
    width:					100%;
}

input::-moz-focus-inner { 
	border: 				0; 
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
    text-align:				left;
	text-transform:			lowercase;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
    width:					100%;
    font-family:			inherit;
	background-color:		var(--black-medium);
	border:					2px solid var(--black-light);
	color:					#fff;
	background-image:		none;
	font-weight:			400;
    line-height:			1;  
	outline:				none;
	float:					left;
	-webkit-transition: 	all 0.35s linear;
	-moz-transition: 		all 0.35s linear;
	-o-transition: 			all 0.35s linear;
	transition: 			all 0.35s linear;
	padding:				20px;
	font-size:				20px;
	-webkit-appearance: 	none;
}

input[type=text],
input[type=email],
input[type=tel] {
	height:					60px;
	margin:					0 0 12px;
}

textarea {
	height:					218px;
	margin:					0;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover ,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus{
	background-color:		var(--black-light);
	border-color:			var(--black-lightest);
}

.gform_wrapper,
.gform_fields,
.gform_confirmation_wrapper {
	width:					100%;
	float:					left;
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
	position:				relative;
}

.gform_confirmation_wrapper {
	margin:					20px 0;
}

.gform_validation_container {
	display:				none;
}

.gfield_description {
	margin:					0 0 5px 0;
	color:					red;
}

.gfield_required {
	display:				none;
}

.gform_wrapper .validation_message {
	display:				none;
}

.pac-container {
	display:				none;
}

.gform_wrapper div.validation_error,
.gform_confirmation_message {
	margin:					0 0 20px 0;
	font-weight:			500;
	padding:				20px;
	color:					#fff;
	float:					left;
}

.gform_wrapper div.validation_error {
	background:				var(--red);
}

.gform_confirmation_message {
	background:				var(--black-light);
}

.gfield_error input,
.gfield_error textarea {
	border-bottom-color:	var(--red);			
}

#loading {
    display: 				none;
	position: 				absolute;
	left: 					0;
	bottom: 				-50px;
}

.gform_ajax_spinner {
	display:				block;
	float:					left;
	clear:					left;
	margin-top:				40px
}

::-webkit-input-placeholder {
	color: 					var(--grey);
	opacity:				1;
}

::-moz-placeholder {
	color: 					var(--grey);
	opacity:				1;
}

::-ms-input-placeholder {
	color: 					var(--grey);
	opacity:				1;
}

::placeholder {
	color: 					var(--grey);
	opacity:				1;
}

.client-logo {
	display: 				inline-block;
	height:					100px;
	width:					244px;
    background-image:		url("/wp-content/images/css/client-logos.min.png");
}

.wide	.client-logo {
	margin:					50px 25px 0;
}

.narrow	.client-logo {
	margin:					30px 5px 0;
}

.img-row {
	margin-top:				40px;
	width:					100%;
	float:					left;
}

/* The Modal (background) */

.modal {
	display: 				none;
	position: 				fixed;
	z-index: 				99;
	padding: 				80px 15px;
	left: 					0;
	top: 					0;
	width: 					100%;
	height: 				100%;
	overflow: 				auto;
	background-color: 		var(--black-dark);
    -webkit-box-sizing: 	border-box;
    -moz-box-sizing: 		border-box;
    box-sizing: 			border-box;
}

.modal	.slide-prev,
.modal	.slide-next {
	bottom: 				15px;
}

.modal	.slide-prev {
	left:					15px;
}

.modal	.slide-next {
	right:					15px;
}

.modal-content {
	position: 				relative;
	margin: 				auto;
	padding: 				0;
	width:					100%;
	height:					100%;
}

.close { 
	top: 					15px;
	position: 				absolute;
	right:					15px;
	width:					50px;
	height:					50px;
	background-color:		var(--red);
	-webkit-border-radius:	50%;
	-moz-border-radius:		50%;
	border-radius:			50%;
	background-color:		var(--red);
	-webkit-transition: 	background-color 0.35s linear;
	-moz-transition: 		background-color 0.35s linear;
	-o-transition: 			background-color 0.35s linear;
	transition: 			background-color 0.35s linear;
	z-index:				1;
}

.close:hover {
	background-color:		var(--black-lightest);
	cursor: 				pointer;
}

.close:before,
.close:after {
	top: 					16px;
	content:				" ";
	position: 				absolute;
	border: 				solid #fff;
	border-width: 			0 4px 4px 0;
	padding: 				7px;
}

.close:before {
	right:					6px;
	transform: 				rotate(135deg);
	-webkit-transform: 		rotate(135deg);
}

.close:after {
	right:					26px;
	transform: 				rotate(-45deg);
	-webkit-transform: 		rotate(-45deg);
}

.mySlides {
	display: 				none;
	position: 				absolute;
	top: 					0;
	left: 					50%;
	transform: 				translateX(-50%);
	width: 					100%;
	height:					100%;
	background-size:		contain;
	background-position:	center center;
	background-repeat:		no-repeat;
	max-width:				1200px;
}