/*
Theme Name: Avada Child
Description: Child theme for Avada
Author: Peter Charlton
Template: Avada
Version: 3.0.0
*/

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

#wrapper #content {
	margin-bottom: 0;
}

#content h2 {
	font-size: 30px;
}

p:empty {
	display: none;
}

body bold,
body strong {
	font-weight: 800;
}

body .fusion-fullwidth .fusion-row {
	z-index: auto;
}

/* Header */
body .fusion-header-wrapper {
	position: fixed;
	top: 0;
	padding: 0 20px;
	margin-top: 4vh;
	width: 100%;
}

body .fusion-header {
	background-color: rgba(255,255,255, 0);
}

body .fusion-header-wrapper .fusion-header {
	background-image: none;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 !important;
}

body .fusion-header-wrapper::before {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 160px;
	background-color: #333;
	content: "";
	opacity: 0.5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+99 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
	background-blend-mode: multiply;
	transition: height ease 2s, opacity ease 2s;
	pointer-events: none;
}

body.nf-shadowbox-active .fusion-header-wrapper::before {
	height: 80vh;
	opacity: 1;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
	background-blend-mode: multiply;
	transition: all ease 2s;
}

body.admin-bar .fusion-header-wrapper,
body.admin-bar .fusion-header-wrapper::before {
	top: 32px;
}

body.admin-bar #main .nf-header .nf-header-bg {
	background-position: center 32px !important;
}

body #wrapper .fusion-header-sticky-height {
	height: auto !important;
}

/* Menu */
#wrapper .fusion-main-menu > ul > li {
	padding-right: 0;
}

#wrapper .fusion-main-menu ul > li > a {
	text-transform: uppercase;
	 -webkit-font-smoothing: antialiased;
}

#wrapper .fusion-main-menu ul > li.nav-social > a {
	padding: 0 6px;
}

#wrapper .fusion-menu-description {
	display: none !important;
}

/* Sub Menus */
#wrapper .fusion-main-menu .sub-menu {
	left: -300%;
	right: -300%;
	width: auto;
	text-align: center;
}

.fusion-main-menu .sub-menu::before {
	height: 12px;
	width: 270px;
	content: url('/wp-content/themes/Avada-Child-Theme/svg/sub-menu-indicator-01.svg');
	position: relative;
	display: block;
	margin: 10px auto;
}

.fusion-main-menu .sub-menu li {
	float: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
}

/* Mobile Menu */
.fusion-mobile-nav-item a .menu-text,
.fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a,
.fusion-mobile-menu-text-align-left .fusion-mobile-selector {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	line-height: 35px;
}

/* Showreel */
.nf-showreel {
	background-color: rgba(0,0,0,0.95);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: none;
	opacity: 0;
	transition: all ease 1s;
}

.nf-showreel-screen {
	background-color: rgba(0,0,0,1);
	left: 10%;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	height: calc(80vw / 16 * 9);
}

.nf-showreel-screen iframe {
	height: 100%;
	width: 100%;
}

/* Showreel */
.nf-showreel-active {
	opacity: 1;
}

/* Fusion Builder Row */
body #main .fusion-fullwidth > .fusion-builder-row.fusion-row {
	max-width: 1100px;
}

/* Full Width Container */
body #main .fusion-fullwidth.nf-fullwidth > .fusion-builder-row.fusion-row {
	max-width: 100%;
}

/* Fusion Text */
.fusion-text p:last-of-type {
	margin-bottom: 0;
}

/* Page Header Block */
body #main .nf-header {
	height: calc(9/16 * 100vw);
	max-height: 50vh;
	background-size: 100vw auto !important;
	background-position: top center !important;
	padding: 0 !important;
	position: relative;
	/* background-image: none !important; */
	/* display: -webkit-box; */
	/* display: -webkit-flex; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 450px;
}

body #main .nf-header.fusion-fullwidth::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
}

body #main .nf-header.fusion-fullwidth > .fusion-row {
	max-width: 1240px;
	padding: 0 30px;
	z-index: 10;
}

body #main .nf-header.fusion-fullwidth.nf-bottom-content > .fusion-row {
	margin-top: auto;
	margin-bottom: 30px;
}

body #main .nf-header .nf-header-content {
	margin: 0 auto !important;
	float: none !important;
	text-align: center;
	max-width: 520px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+75 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#wrapper .nf-large {
	font-size: 17px;
	line-height: 1.3em;
	max-width: 750px;
	display: inline-block;
}
/*
body #main .nf-header .nf-header-bg {
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
  background-size: 100vw auto !important;
	background-position: top center !important;
}
*/

body #main .nf-header p {
	color: #fff;
}

/* Feature Panel */
.nf-feature-panel {
	height: 56.25vw;
}

.nf-feature {
	float: left;
}

.nf-feature.nf-feature-left {
	max-width: 180px;
}

.nf-feature.nf-feature-right {
	max-width: calc(100% - 180px);
	padding-left: 30px;
}

/* SVG Images */
.nf-svg img {
	height: 110px;
	margin-bottom: 20px;
}

/* Buttons */
#wrapper .fusion-button.button-default {
	border-color: #fff;
}

#wrapper .fusion-button-round,
.fusion-button-round,
#wrapper .single-navigation > a  {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#wrapper .fusion-button.button-default:hover {
	border-color: #2c2c2c;
}

#wrapper .fusion-button.nf-clear-button {
	background-color: transparent;
}

#wrapper .fusion-button.nf-clear-button {
	border-color: rgba(255,255,255,0.6);
}

#wrapper .fusion-button.nf-clear-button-dark {
	border-color: #2c2c2c;
	color: #2c2c2c;
	background-color: transparent;
}

#wrapper .fusion-button.nf-clear-button:hover,
#wrapper .fusion-button.nf-clear-button-dark:hover {
	background-color: #2c2c2c;
}

#wrapper .fusion-button.nf-clear-button .fusion-button-text,
#wrapper .fusion-button.nf-clear-button:hover .fusion-button-text {
	color: #fff;
}

#wrapper .fusion-button.nf-clear-button-dark .fusion-button-text {
	color: #2c2c2c;
}

#wrapper .fusion-button.nf-clear-button-dark:hover .fusion-button-text {
	color: #fff;
}

#wrapper .nf-header-content .fusion-button-wrapper.fusion-aligncenter {
	display: inline-block;
	text-align: center;
}

#wrapper .fusion-button-wrapper.fusion-aligncenter {
	padding: 0 10px;
}

#wrapper .fusion-button-wrapper .fusion-button {
	margin: 15px 0;
}

#wrapper .nf-header-content .fusion-button-wrapper .fusion-button {
	margin: 15px 0 0;
}

body #wrapper .fusion-column-wrapper > .fusion-button-wrapper:nth-last-of-type(2) {
	margin-bottom: 0;
}

#wrapper .fusion-button.button-darkgray,
#wrapper .single-navigation > a {
	border-color: #2c2c2c;
	color: #fff;
	background-color: #2c2c2c;
	border-width: 2px;
	background-image: none;
}

#wrapper .fusion-button.button-darkgray:hover,
#wrapper .single-navigation > a:hover {
	border-color: #fff;
	color: #2c2c2c;
	background-color: #fff;
	border-width: 2px;
	background-image: none;
}

#wrapper .fusion-button.button-darkgray .fusion-button-text {
	color: #fff;
}

#wrapper .fusion-button.button-darkgray:hover .fusion-button-text {
	color: #2c2c2c;
}

#wrapper .single-navigation > a {
	padding: 13px 29px;
	line-height: 17px;
	font-size: 14px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin: 15px 0;
}

#wrapper .single-navigation > a[rel="prev"] {
	float: left;
	margin-left: 15%;
}

#wrapper .single-navigation > a[rel="next"] {
	float: right;
	margin-right: 15%;
}

#wrapper .single-navigation > a::before,
#wrapper .single-navigation > a::after {
	content: "";
}

/* Fusion Titles */
.fusion-title h2::after {
	content: "";
	display: block;
	border-bottom: solid 2px;
	width: 50px;
	margin: 20px auto 0;
	opacity: 0.5;
}

.nf-white-title.fusion-title h2::after {
	border-color: #fff;
}

/* Contact Form */
body #wrapper .wpcf7 .wpcf7-form-control {
	border: 0 none transparent;
	border-radius: 3px;
	margin-bottom: 9px;
	padding: 11px 13px;
	height: auto;
	color: #2c2c2c;
	opacity: 1;
	font-size: 13px;
	text-transform: normal;
}

.wpcf7-form {
	max-width: 1140px;
	margin: 0 auto;
}

.wpcf7-form .fusion-layout-column.fusion-one-half.fusion-column-first {
	padding-right: 30px;
	margin-right: 0;
	width: 50%;
}

.wpcf7-form .fusion-layout-column.fusion-one-half.fusion-column-last {
	padding-left: 30px;
	margin-right: 0;
	width: 50%;
}

.wpcf7-form .fusion-fullwidth {
	width: 100%;
	float: left;
	text-align: center;
}

body #wrapper .wpcf7 .wpcf7-form-control.wpcf7-submit {
	padding: 13px 29px;
	color: #fff;
}

body #wrapper .wpcf7 .wpcf7-form-control.wpcf7-submit:hover {
	color: #2c2c2c;
}

body #wrapper .wpcf7 .wpcf7-form-control.g-recaptcha {
	padding: 0;
	display: inline-block;
	margin: 0 auto 20px;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
	transform-origin: bottom left;
}

body #wrapper .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #2c2c2c;
	opacity: 1;
	font-size: 13px;
	text-transform: uppercase;
}
body #wrapper .wpcf7 .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
	color: #2c2c2c;
	opacity: 1;
	font-size: 13px;
	text-transform: uppercase;
}
body #wrapper .wpcf7 .wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */
	color: #2c2c2c;
	opacity: 1;
	font-size: 13px;
	text-transform: uppercase;
}
body #wrapper .wpcf7 .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
	color: #2c2c2c;
	opacity: 1;
	font-size: 13px;
	text-transform: uppercase;
}

/* Contact Page */
span[style] a {
	color: #fff;
}

/* In Development */
.indev-nav {
	list-style: none;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	/* display: -webkit-box; */
	/* display: -webkit-flex; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap: wrap;
}

li.indev-active a {
	font-weight: 700;
}

.indev-nav li {
	padding: 10px 20px;
}

.indev-titles {
	position: absolute;
	left: calc(50vw - 590px);
	bottom: 30px;
	z-index: 10;
}

#wrapper .indev-titles h3,
#wrapper .indev-titles h4 {
	color: #fff;
	margin: 0;
	line-height: 1.25;
}

#wrapper .indev-titles h3 {
	font-weight: 700;
}

#wrapper .indev-titles h4 {
	font-weight: 400;
}

.indev-content {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
	margin-left: 0%;
}

.indev-project {
	width: 100vw;
	transition: margin-left ease 0.7s;
}

.indev-images {
	display: flex;
	height: 37.5vw;
	background-color: rgba(0,0,0,0.1);
	position: relative;
}

.layout-1-big-photo .indev-img-1 {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.layout-3-column .indev-img-1, .layout-3-column .indev-img-2, .layout-3-column .indev-img-3 {
	width: calc(100vw / 3);
	height: 37.5vw;
	background-size: cover;
	background-position: center;
}

.layout-1-big-2-small .indev-img-1 {
	width: calc(100vw / 3 * 2);
	height: 37.5vw;
	background-size: cover;
	background-position: center;
}

.layout-1-big-2-small .indev-img-2,
.layout-1-big-2-small .indev-img-3 {
	width: calc(100vw / 3);
	height: 18.75vw;
	background-size: cover;
	background-position: center;
	position: absolute;
	right: 0;
	top: 0;
}

.layout-1-big-2-small .indev-img-3 {
	top: 18.75vw;
}

.indev-description {
	width: calc(100vw/3*2);
	padding: 30px 15px 30px calc(50vw - 590px);
}

.indev-description p:last-of-type {
	margin-bottom: 0;
}

.indev-next {
	width: calc(100vw / 3);
	text-align: center;
	/* display: -webkit-box; */
	/* display: -webkit-flex; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px calc(50vw - 590px) 30px 15px;
}

.indev-next a {
	background-color: #2c2c2c;
	color: #fff;
	border-radius: 3px;
	padding: 10px 15px;
	text-transform: uppercase;
	font-weight: 600;
	min-width: 50%;
}

.indev-next a:hover {
	color: #2c2c2c;
	background-color: #fff;
}

/* Team */

.team-container {
	height: calc(100vw / 3 * 2 * .5625);
	}

.team-container,
.work-container {
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,333333+41,666666+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 41%, rgba(102,102,102,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 41%,rgba(102,102,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 41%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#666666',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.team-member {
	width: 33.333%;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100vw / 3 * .5625);
	overflow: hidden;
	transition: width ease 0.5s, height ease 0.5s, left ease 0.5s, top ease 0.5s, box-shadow ease 0.5s, transform ease 0.5s;
}

.team-member.team-idle:hover,
.work-project.work-idle:hover {
	box-shadow: 0 0 30px rgba(0,0,0,0.9);
	z-index: 11;
}

.team-member:nth-child(3n - 1),
.work-project:nth-child(3n - 1) {
	left: 33.333%;
}

.team-member:nth-child(3n),
.work-project:nth-child(3n) {
	left: 66.666%;
}

.team-member:nth-child(4), .team-member:nth-child(5), .team-member:nth-child(6),
.work-project:nth-child(4), .work-project:nth-child(5), .work-project:nth-child(6) {
	top: calc(100vw / 3 * .5625);
}

.team-member:nth-child(7), .team-member:nth-child(8), .team-member:nth-child(9),
.work-project:nth-child(7), .work-project:nth-child(8), .work-project:nth-child(9) {
	top: calc(100vw / 3 * .5625 * 2);
}

.team-member:nth-child(10), .team-member:nth-child(11), .team-member:nth-child(12),
.work-project:nth-child(10), .work-project:nth-child(11), .work-project:nth-child(12) {
	top: calc(100vw / 3 * .5625 * 3);
}

body h3.team-name,
body h3.work-name {
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	transition: opacity ease 0.5s, left ease 0.5s, transform ease 0.5s;
	left: 50%;
	z-index: 10;
	opacity: 1;
	pointer-events: none;
	text-align: center;
}

.team-image,
.work-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	transition: transform ease 0.5s, opacity ease 0.5s, right ease 0.5s;
	opacity: 0.3;
}

.team-member:not(.team-active):hover .team-image,
.work-project:not(.work-active):hover .work-image {
	transform: scale( 1.05 );
	opacity: 0.7;
}

.team-content,
.work-content {
	display: none;
}

.team-member.team-next {
	height: 100%;
	top: 0;
	right: 0;
	left: 100%;
	transition: width ease 0.5s, left ease 0.5s, right ease 0.5s;
	width: 0;
	z-index: 11;
}

.team-member.team-prev {
	height: 100%;
	top: 0;
	left: 0;
	right: 100%;
	transition: width ease 0.5s, left ease 0.5s, right ease 0.5s;
	width: 0;
	z-index: 11;
}

.team-member.team-prev.team-delay .team-text,
.team-member.team-next.team-delay .team-text {
	background-color: #f4f4f4;
	left: 50%;
}

.team-member.team-prev.team-delay .team-content,
.team-member.team-next.team-delay .team-content {
	display: block;
}

.team-member.team-active {
	width: 100%;
	z-index: 15;
	left: 0 !important;
	right: 0 !important;
	height: 100%;
	top: 0 !important;
}

.team-member.team-active .team-image {
	right: 50%;
	opacity: 1;
}

.team-member .team-text {
	background-color: #f4f4f4;
	transition: width ease 0.5s, left ease 0.5s, right ease 0.5s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	overflow: hidden;
}

.team-idle .team-text {
	left: 100%;
}

.team-active .team-content,
.team-next .team-content,
.team-prev .team-content {
	display: block;
	padding: 40px;
	min-width: 50vw;
}

body .team-active h3.team-name,
body .team-next h3.team-name,
body .team-prev h3.team-name {
	opacity: 0;
	left: 25%;
}

body h3.team-name-repeat {
	font-weight: 900;
	margin-bottom: 0;
	font-size: 30px;
}

body h4.team-role {
	font-weight: 600;
	font-size: 30px;
}

body .team-content p {
	color: #2c2c2c;
	opacity: .9;
}

body .team-content p.skills {
	font-size: 0.9em;
}

.team-controls {
	display: flex;
	height: 30px;
	position: absolute;
	top: 40px;
	right: 40px;
	transition: opacity ease 0.5s
}

.team-delay .team-controls,
.team-idle .team-controls,
.team-prev .team-controls,
.team-next .team-controls {
	opacity: 0;
}

.team-controls > div {
	margin-left: 5px;
}

.team-closing {
	z-index: 15;
}

.no-transition {
	transition: none !important;
}

.nf-close {
	height: 30px;
	width: 30px;
	position: relative;
}

.nf-edit {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 999;
	color: transparent;
	font-size: 0;
	line-height: 1;
}

.nf-edit::before {
	content: "\f464";
	font: 400 20px/1 dashicons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: none !important;
	color: #fff;
	font-size: 35px;
}

.nf-edit:hover::before {
	color: #2c2c2c;
}

.nf-close::before {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: translateY(-50%) rotate(45deg);
	top: 50%;
}

.nf-close::after {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: translateY(-50%) rotate(-45deg);
	top: 50%;
}

.team-controls .nf-back {
	height: 30px;
	width: 20px;
	position: relative;
}

.team-controls .nf-back::before {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: rotate(45deg);
	top: 16px;
	left: 0;
}

.team-controls .nf-back::after {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: rotate(-45deg);
	top: 7px;
	left: 0;
}

.team-controls .nf-next {
	height: 30px;
	width: 20px;
	position: relative;
}

.team-controls .nf-next::before {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: rotate(-45deg);
	top: 16px;
	right: 0;
}

.team-controls .nf-next::after {
	background-color: #2c2c2c;
	content: "";
	width: 100%;
	height: 25%;
	border-radius: 2px;
	position: absolute;
	display: block;
	transform: rotate(45deg);
	top: 7px;
	right: 0;
}

.nf-close::before, .nf-close::after, .nf-back::before, .nf-back::after, .nf-next::before, .nf-next::after {
	transition: background-color ease 0.3s;
}

.nf-close:hover::before, .nf-close:hover::after, .nf-back:hover::before, .nf-back:hover::after, .nf-next:hover::before, .nf-next:hover::after {
	background-color: #fff;
}

.team-member:first-of-type .nf-back,
.team-member:last-of-type .nf-next {
	display: none;
}

/* Work Projects */
.work-project-wrapper {
	display: inline-block;
	width: calc(100% / 3);
	height: calc(100vw / 3 * 9 / 16);
	position: relative;
	margin: 0;
}

.work-project {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	/*transition: width ease 0.5s, height ease 0.5s, left ease 0.5s, top ease 0.5s, box-shadow ease 0.5s, transform ease 0.5s;*/
	transition: all ease 0.5s;
	font-size: 14px;
	line-height: 1.25em;
	cursor: pointer;
	max-height: calc(100vw / 3 * 9 / 16);
}

.navigation.pagination {
	margin: 30px;
	float: none;
	text-align: center;
}

/* Work Light Box */
.work-container {
	font-size: 0;
	line-height: 0;
	height: auto;
}

.work-project.work-active {
	background-color: rgba(0,0,0,0.45);
	position: fixed;
	top: calc(48px + 4vh) !important;
	opacity: 1;
	width: calc(80vh - 40px) !important;
	left: 50% !important;
	max-width: 1180px;
	height: auto;
	z-index: 12345;
	box-shadow: 0 0 30px rgba(0,0,0,0.9);
	/* filter: drop-shadow(0 0 30px rgba(0,0,0,0.9)); */
	transform: translateX(-50%);
	max-height: calc(100vh - 68px - 4vh) !important;
	overflow-y: scroll;
}

body.admin-bar .work-project.work-active {
	top: calc(80px + 4vh) !important;
	max-height: calc(100vh - 100px - 4vh) !important;
}

.work-image {
	bottom: auto;
	padding-top: calc(100% / 16 * 9);
}

.work-active .work-image {
	opacity: 1;
}

.work-active .work-content {
	display: block;
	padding: 30px 10% 50px;
	float: left;
	background-color: #fff;
	width: 100%;
}

.work-active .nf-close {
	top: 15px;
	right: 15px;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}

.work-active .nf-close::before,
.work-active .nf-close::after {
    background-color: #fff;
}

.work-active .nf-close:hover::before,
.work-active .nf-close:hover::after {
    background-color: #2c2c2c;
}

.work-idle .work-controls {
	display: none;
}

.work-text {
	padding-top: calc(100%/16*9);
}

.work-active .work-name {
	opacity: 0;
}

.work-content-left {
	width: 40%;
	float: left;
	padding-right: 20px;
}

.work-content-right {
	width: 60%;
	float: left;
}

.work-content-bottom {
	width: 60%;
	float: left;
	margin-bottom: 15px;
}

.post-content h3.work-name-repeat,
body.single-our_work h1.entry-title.fusion-post-title {
	font-size: 30px;
}

.post-content h3.work-name-repeat::before,
body.single-our_work h1.entry-title.fusion-post-title::before {
	content: "Project: ";
	display: block;
	font-weight: 800;
}

.post-content p.work-meta,
body.single-our_work p.work-meta {
	margin: 0;
	display: inline-flex;
	width: 100%;
	font-size: 12px;
	line-height: 1.25em;
}

.work-tax-title {
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	width: 90px;
	display: inline-block;
	min-width: 90px;
}

.work-subnav {
	background-color: #fff;
	margin-top: 2px;
	float: left;
	width: 100%;
}

.work-idle .work-subnav {
	display: none;
}

.work-subnav {
	padding: 0 10%;
}

#wrapper .work-subnav .fusion-button.button-darkgray:hover {
	background-color: #e3e3e3;
	border-color: #e3e3e3;
}

#wrapper .work-subnav .fusion-button.button-darkgray:hover .fusion-button-text {
	color: #2c2c2c;
}

/* Single Our Work */
body.single #content > .post > :not(.fusion-flexslider):not(.rich-snippet-hidden) {
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 60px);
	max-width: 70%;
	display: block;
}

body.single #main .single-navigation {
	height: auto;
	background-color: rgb(244, 244, 244);
	margin: 0;
	border: 0 none transparent;
}

/* Generic Archive */
.nf-general-archive-header {
	height: calc(9/16 * 100vw);
	overflow: hidden;
	max-height: 50vh;
}

.nf-general-archive-header img.wp-post-image {
	width: 100%;
	object-fit: cover;
}

.nf-general-archive-title h2 {
	margin: 5% auto;
	display: block;
	max-width: 70%;
	text-align: center;
}

/* Work Slider */
.work-idle .work-slider-container {
	display: none;
}

.work-slider-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.nf-project-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: calc(100%/16*9);
	background-color: #000;
}

.nf-project-slider .flexslider {
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.nf-image-slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.nf-project-slider .flexslider .slides li,
.nf-project-slider .flexslider .slides,
.nf-project-slider .flexslider,
.nf-project-slider {
	height: 100%;
}

.nf-project-slider iframe {
	width: 100%;
	height: 100%;
}

.work-slider-container .flex-control-nav.flex-control-thumbs {
	max-height: 140px;
	margin: 30px calc(10% - 5px);
	width: calc(80% + 10px);
	display: flex;
	height: 10vh;
}

.work-slider-container .flex-control-nav.flex-control-thumbs li {
	margin: 0 5px;
	display: inline-block;
	max-height: 140px;
	background-color: #f4f4f4;
	height: 10vw;
}

.work-slider-container .flex-control-nav.flex-control-thumbs li img {
	object-fit: cover;
	height: 100%;
}

.work-active.nf-slider-active.nf-multiple-slides .work-content {
	padding-top: calc(10vh + 60px);
}

.work-active.nf-slider-active .flex-control-thumbs,
.work-active.nf-slider-active .flex-control-thumbs li,
.work-active.nf-slider-active .flex-control-thumbs li img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.work-active.nf-slider-active .flex-control-thumbs li img {
	opacity: 0.4;
	transition: all ease 0.4s;
	filter: grayscale(1);
}

.work-active.nf-slider-active .flex-control-thumbs li img.flex-active {
	opacity: 1;
	cursor: default;
	filter: grayscale(0);
}

.work-active.nf-slider-active .flex-control-thumbs li img:hover {
	opacity: 1;
	filter: grayscale(0);
}

/* Footer */
body .footer-copy-semi-bold {
	font-weight: 600;
}

#footer.fusion-footer-copyright-area {
	padding: 18px 20px 16px;
}

/* 404 */
.error404 #sliders-container,
.search #sliders-container {
	background-image: url('/wp-content/uploads/2018/03/clients-bg-02.jpg');
	padding-top: 33.33vw;
	background-repeat: no-repeat;
	background-size: cover;
}

#post-404page,
.search-no-results #content {
	margin-top: 5%;
	padding: 0 10%;
}

.error404 .fusion-title h2,
.search #content .fusion-title h2 {
	text-align: center !important;
}

.search-results article {
	padding: 30px 10%;
	margin-bottom: 0;
}

.search-results article:nth-child(2n) {
	background-color: #f4f4f4;
}

.search-results .search-page-search-form {
	padding: 30px 10%;
	background-color: #eaeaea;
	border: 0 none transparent;
	margin: 0;
}

.search-results h1.entry-title.fusion-post-title {
	color: #2c2c2c;
}

/* Media Queries */
@media screen and (max-width: 1240px) {
	.indev-description {
		padding-left: 30px;
	}
	
	.indev-titles {
		left: 30px;
		bottom: 20px;
	}
	
	.indev-next {
		padding-right: 30px;
	}
}

@media screen and (max-width: 1100px) {
	.team-container {
		height: 410px;
	}
	
	.team-member {
		height: 50%;
	}
	
	.team-member.team-idle:nth-child(4),
	.team-member.team-idle:nth-child(5),
	.team-member.team-idle:nth-child(6) {
		top: 50%;
	}
	
	body .team-member.team-active .team-text {
		left: calc(100% - 550px) !important;
	}
	
	.team-member.team-active .team-image {
		right: 550px;
	}
	
	.work-project.work-active {
		max-width: calc(100vw - 40px);
	}
}

@media screen and (max-width: 920px) and (min-width: 800px) {
	#wrapper .fusion-main-menu > ul > li > a {
		height: 24px;
		line-height: 24px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 9px;
	}
}

@media screen and (max-width: 800px) {
	.wpcf7-form .fusion-layout-column.fusion-one-half.fusion-column-first {
		padding-right: 0px;
		margin-bottom: 0;
		width: 100%;
	}

	.wpcf7-form .fusion-layout-column.fusion-one-half.fusion-column-last {
		padding-left: 0px;
		width: 100%;
	}
	
	/* nf-30px */
	.nf-30px .fusion-column-wrapper {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	#wrapper .fusion-title {
		margin-bottom: 0px !important;
	}
	
	.nf-feature.nf-feature-right.nf-feature-work {
		max-width: calc(100% - 210px);
		padding-right: 0;
	}
	
	.nf-feature.nf-feature-left {
		max-width: 210px;
	}
	
	.nf-feature.nf-feature-left.nf-feature-work {
		padding-right: 0px;
		padding-left: 30px;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar .fusion-header-wrapper,
	body.admin-bar .fusion-header-wrapper::before {
		top: 46px;
	}

	body.admin-bar #main .nf-header .nf-header-bg {
		background-position: center 46px !important;
	}
}

@media screen and (max-width: 720px) {
	body #main .nf-header .nf-header-bg,
	body #main .nf-header {
		background-size: auto 450px !important;
	}
}

@media screen and (max-width: 700px) {
	.team-container {
		height: calc(1000px - 66vw);
		overflow: hidden;
	}
	
	.team-member {
		width: 50%;
		height: 33.333%;
	}
	
	.team-member:nth-child(2n-1) {
		left: 0;
	}
	
	.team-member:nth-child(2n) {
		left: 50%;
	}
	
	.team-member.team-idle:nth-child(3),
	.team-member.team-idle:nth-child(4) {
		top: 33.333%;
	}
	
	.team-member.team-idle:nth-child(5),
	.team-member.team-idle:nth-child(6) {
		top: 66.666%;
	}
	
	.team-member:nth-child(n).team-next {
		left: 100%;
		right: 0;
	}
	
	.team-member:nth-child(n).team-prev {
		left: 0;
		right: 100%;
	}
	
	body .team-member.team-active .team-text,
	body .team-member.team-idle .team-text {
		left: 0 !important;
		top: 300px;
	}
	
	.team-member.team-active .team-image,
	.team-member.team-next .team-image,
	.team-member.team-prev .team-image {
		right: 0;
		bottom: auto;
		height: 300px;
	}
	
	.work-project-wrapper {
		width: 50%;
		height: calc(50vw * .5625);
	}
	
	.work-project {
		max-height: calc(50vw * .5625);
	}
	/*
	.work-project:nth-child(2n-1) {
		left: 0;
	}
	
	.work-project:nth-child(2n) {
		left: 50%;
	}
	
	.work-project.work-idle:nth-child(3),
	.work-project.work-idle:nth-child(4) {
		top: calc(50vw * .5625);
	}
	
	.work-project.work-idle:nth-child(5),
	.work-project.work-idle:nth-child(6) {
		top: calc(100vw * .5625);
	}
	
	.work-project.work-idle:nth-child(7),
	.work-project.work-idle:nth-child(8) {
		top: calc(150vw * .5625);
	}
	
	.work-project.work-idle:nth-child(9),
	.work-project.work-idle:nth-child(10) {
		top: calc(200vw * .5625);
	}
	
	.work-project.work-idle:nth-child(11),
	.work-project.work-idle:nth-child(12) {
		top: calc(250vw * .5625);
	}
	
	.work-project:nth-child(n).project-next {
		left: 100%;
		right: 0;
	}
	
	.work-project:nth-child(n).project-prev {
		left: 0;
		right: 100%;
	}*/
}


@media screen and (max-width: 650px) {
	.work-content-left {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.work-content-right {
		width: 100%;
		padding-left: 0;
	}
	
	.work-active .work-content {
		padding: 30px 30px 10px;
	}
	
	.work-slider-container .flex-control-nav.flex-control-thumbs {
		margin: 30px 27px;
		width: calc(100% - 54px);
	}
	
	.team-active .team-content, .team-next .team-content, .team-prev .team-content {
		padding: 20px;
	}
	
	.team-controls {
		top: 20px;
		right: 20px;
	}
	
	body h3.team-name-repeat,
	body h4.team-role {
		font-size: 20px;
		padding-right: 90px;
	}
	
	.work-content-bottom {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.indev-description,
	.indev-next {
		width: 100vw;
		padding: 30px;
	}
	
	.indev-project .indev-content {
		display: block;
		width: 100vw;
	}
	
	body #main .nf-header .nf-header-content h1 {
		font-size: 7vw;
	}
	
	.nf-feature-panel {
		height: auto;
	}
	
	.nf-feature.nf-feature-right, .nf-feature.nf-feature-left {
		max-width: 100%;
		padding-left: 0px;
		padding-right: 30%;
		padding-top: 10px;
	}
	
	.nf-feature.nf-feature-right.nf-feature-work {
		padding-left: 30px;
	}
}

@media screen and (max-width: 500px) and (orientation: portrait) {
	body .team-member.team-active .team-text {
		top: 40vh;
	}

	.team-member.team-active .team-image, .team-member.team-next .team-image, .team-member.team-prev .team-image {
		height: 40vh;
	}
}

@media screen and (max-width: 500px) {
	.work-project-wrapper {
		width: 100%;
		height: calc(100vw * .5625);
	}
	
	.work-project {
		max-height: calc(100vw * .5625);
	}
	
	#wrapper .post-content h2 {
		font-size: 6vw;
	}
	
		body #main .nf-header .nf-header-content p {
		font-size: 4vw;
	}
	
	#wrapper .nf-large {
		font-size: 4vw;
	}
	
	.nf-feature.nf-feature-right.nf-feature-work,
	.nf-feature.nf-feature-left.nf-feature-work {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 10px;
	}
}