@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
body {
	padding: 0;
	margin: 0;
	font-family: 'Helvetica', sans-serif;
}
.path-frontpage {
	/*background-color: #dacdd3 !important;*/
	background-color: #f6f2ec;
}

/**********************************PAGE BODY****************************************/

.about-bg, .blog-entry, .services-bg, .clients-bg, .blog-bg, .contact-bg {
	/*background: url(../images/body-2-bg.png) top left repeat-y;*/
	background-color: #f6f2ec;
}
*,  *:before,  *:after {
	box-sizing: border-box;
}
h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 4.5rem;
	font-weight: 900;
	letter-spacing: 3px;
	margin: 0;
}
h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	line-height: 1.35em;
	margin: 0;
}
h3 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.35em;
	margin: 0;
}
h4 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.35em;
	margin: 0;
}
p {
	font-family: 'Helvetica', sans-serif;
	font-size: 20px;
	line-height: 36px;
}
 @media screen and (max-width: 768px) {
h1 {
	font-size: 2.8em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.25em;
}
p {
	font-size: 16px;
	line-height: 28px;
}
ul li {
	font-size: 16px !important;
	line-height: 28px !important;
}
}
ul li {
	font-size: 20px;
	line-height: 30px;
	padding: 0;
}
.lite {
	color: #FFF;
}
p.lite {
	color: #FFF;
}
.lite a {
	color: #FFF;
}
h1.lite {
	color: #FFF;
	mix-blend-mode: difference;
}
h2.title {
	text-transform: uppercase;
}
.headline {
	text-transform: uppercase;
}
img {
	max-width: 100%;
	height: auto;
}
.img-responsive {
	width: 100%;
	height: auto;
}
video {
	display: block;
	max-width: 100%;
	height: auto;
}
video {
	object-fit: cover;
}
 @media (max-width: 1024px) {
video {
	display: none;
}
}
h1.page-header {
	display: block;
	color: #FFF;
	padding: 1em;
	margin-top: 75px;
}

.user-login-form {
	margin-top: 400px;
	padding-left: 200px;
}

/*****************************************************************************************************************************/
/****PRELOADER****/
/*****************************************************************************************************************************/

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loader {
	display: block;
	background: url(../images/kitsune-preloader.png) center center no-repeat;
	position: relative;
	top: 35%;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 205px;
	z-index: 1001;
}
 @media all and (max-width: 768px) {
#loader {
	top: 25%;
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #FFF;
	z-index: 1000;
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
/* Loaded Styles */

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}
.loading {
	color: #fff;
	position: fixed;
	box-sizing: border-box;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: 999999
}
.loading:after, .loading:before {
	box-sizing: border-box
}
.loading-default:after {
	content: '';
	position: fixed;
	width: 52px;
	height: 52px;
	border: solid 5px #000;
	border-left-color: transparent;
	border-radius: 50%;
 top: calc(50% - -100px);
	left: calc(50% - 20px);
	animation: rotation 1s linear infinite
}
 @keyframes rotation {
 from {
 transform:rotate(0)
}
to {
	transform: rotate(359deg)
}
}
/*****************************************************************************************************************************/

/**GLOBAL**/

/*****************************************************************************************************************************/



.region {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.region-navigation {
	position: relative;
	z-index: 1001;
}
.main-container {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.content-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 76%;
	max-width: 1600px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
 @media screen and (max-width: 1600px) {
.content-wrapper {
	width: 100%;
}
}
.content-block {
	background-color: #FFF;
}
.content-block-body {
	width: 100%;
}
.page-container {
	background-color: #FFF;
	padding-bottom: 4.5em;
}
.slider-placeholder {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 900px;
	background-color: #53babc;
	z-index: 0;
}
.header-wrapper {
	display: block;
	perspective: 1px;
	width: 85%;
	z-index: 0;
}
.parallax-bg {
	position: fixed;
}
/*****************************************************************************************************************************/

/**MENU**/

/*****************************************************************************************************************************/



.header-logo {
	display: block;
	width: 320px;
	position: absolute;
	top: 12px;
	left: 25px;
	z-index: 1;
}
 @media all and (max-width: 520px) {
.header-logo {
	width: 240px;
	left: 15px;
}
}
/*****************************************************************************************************************************/

/**PAGES**/

/*****************************************************************************************************************************/



.region-highlighted {
}
.region-content {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.header-wrapper {
	display: block;
	width: 80%;
	max-width: 1600px;
	perspective: 1px;
	width: 85%;
	z-index: 0;
}
 @media screen and (max-width: 1600px) {
.header-wrapper {
	width: 100%;
}
}
.fxd-col-1--1 {
	width: 50%;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 999;
}
.fxd-col-1--2 {
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 999;
}
 @media screen and (max-width: 768px) {
.fxd-col-1--1 {
	width: 100%;
}
}
 @media all and (min-width: 1366px) {
.fxd-col-1--2-img {
	width: 33.333333333%;
}
.fxd-col-1--2-txt {
	width: 33.333333333%;
}
}
 @media all and (min-width: 768px) and (max-width: 1366px) {
.fxd-col-1--2-img {
	width: 50%;
}
.fxd-col-1--2-txt {
	width: 50%;
}
}
 @media screen and (max-width: 768px) {
.fxd-col-1--2-img {
	width: 100%;
}
.fxd-col-1--2-txt {
	width: 100%;
}
}
.fxd-col-txt {
	padding: 2em 3.5em 0em 3.5em;
}
.col-1--1-img {
	width: 90%;
	padding: 3em;
}
.title-wrapper {
	display: block;
	max-width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.header-title-block {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
}
.header-icon {
	display: block;
	width: 60%;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 32px;
}
h1.header-title {
	color: #FFF;
	text-transform: uppercase;
	font-weight: 100 !important;
}
.section-header {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	padding-top: 30px;
	/*z-index: 2;*/
	background-color: #FFF;
}
/*@media screen and (max-width: 1024px){

.section-header{height:360px;}

}*/



.section-header-border {
	display: block;
	width: 65%;
	height: 80px;
	float: left;
	border-bottom: 1px solid #000;
}
.content-header {
}
.fxd-header {
	display: block;
	width: 100%;
	height: 510px;
	color: #FFF;
	float: left;
	margin-top: 90px;
	padding: 175px 100px;
	perspective: 1px;
	z-index: 0;
	text-align: left;
}
 @media all and (max-width: 1024px) {
.fxd-header {
	text-align: center;
	padding: 175px 0px;
}
}
.page-section-wrapper {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background-color: #FFF !important;
}
.js-quickedit-page-title {
	padding: 1em;
	color: #FFF;
	margin-top: 100px;
}
.page-header-fullwidth {
	display: block;
	width: 100%;
	height: 600px;
	float: left;
}
.vertical-title {
	border-bottom: solid 1px #57575a;
	display: inline-block;
	transform: rotate(90deg);
	position: absolute;
	z-index: 9;
	min-width: 480px;
}
 @media all and (max-width: 768px) {
.vertical-title {
	transform: rotate(0deg);
	min-width: 0px;
}
}
.section-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.section-header-v1 {
	background: url(../images/section-v1.0.png);
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 2% 45%;
	height: 160px;
}
.section-header-title {
	display: block;
	width: 20%;
	height: 160px;
	float: left;
	margin-left: 10%;
	padding-top: 15px;
}
.pkw-img-about, .pkw-img-services, .pkw-img-work {
	width: 76%;
	max-width: 1600px;
	z-index: -2;
}
 @media screen and (max-width: 1600px) {
.pkw-img-about, .pkw-img-services, .pkw-img-work {
	width: 100%;
}
}
 @media all and (min-width: 1024px) {
.pkw-img-about {
	display: block;
	margin-top: 60%;
}
.pkw-img-services {
	display: block;
	margin-top: 55%;
}
.pkw-img-work {
	display: block;
	margin-top: 40%;
}
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.pkw-img-about {
	display: block;
	margin-top: 120%;
}
.pkw-img-services {
	display: block;
	margin-top: 165%;
}
.pkw-img-work {
	display: block;
	margin-top: 145%;
}
}
 @media all and (min-width: 0px) and (max-width: 768px) {
.pkw-img-about {
	display: none;
}
.pkw-img-services {
	display: none;
}
.pkw-img-work {
	display: none;
}
}
/****************************************************************************************************************************/

/****HOME PAGE****/

/****************************************************************************************************************************/



/************************************************Homepage Section 1*********************************************************/



.aos-block {
	display: block;
}
.home-wrapper {
	background-color: #FFF;
}
.home-section {
	position: relative;
	float: left;
	margin: 0;
}
.home-section-1 {
	position: relative;
	float: left;
	margin-top: 3em;
	margin-bottom: 3em;
}
.section-bg-pink {
	background-color: #FAA0DB;
}
.section-bg-blue {
	background-color: #e8f0f4;
}
.home-section-2, .home-section-3, .home-section-4 {
	position: relative;
	float: left;
	margin-top: -5px;
}
/************************************************GRID*********************************************************/



h2.grid-text {
	color: #fd025b;
}
h3.grid-text {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.5em;
	color: #F03;
	margin: 0;
	z-index: 2;
	position: relative;
}
h3.grid-text a {
	color: #fff;
	text-decoration: none;
}
.grid-link {
	color: #FFF;
	text-transform: uppercase;
}
.grid-link:hover {
	color: #fd5300;
}
.grid-column-orange {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.grid-column-orange:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(253,83,0,0.8);
}
/************************************************GRID END*********************************************************/



.subheading-m {
	display: block;
	width: 100%;
	height: 50px;
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fd025b;
}
.home-section-1-col {
	display: inline-block;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 999;
}
.home-section-1-col-txt {
	padding: 65px;
}
 @media screen and (min-width: 1024px) {
.home-section-1-col-2 {
	width: 50%;
}
}
 @media screen and (max-width: 1024px) {
.home-section-1-col-2 {
	width: 100%;
}
}
 @media screen and (min-width: 1366px) {
.home-section-1-col-3 {
	width: 33.3333333333%;
}
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
.home-section-1-col-3 {
	width: 50%;
}
}
 @media all and (min-width: 0px) and (max-width: 1024px) {
.home-section-1-col-3 {
	width: 50%;
}
}
.col-600 {
	height: 600px;
}
.col-800 {
	height: 800px;
}
.col-bg-sh {
	background-color: #b4d9da;
}
.col-bg-sj {
	background-color: #0F0;
}
.col-bg-sk {
	background: url(../images/home-img-col-6.jpg) center center no-repeat;
}
.col-bg-sm {
	background: url(../images/home-img-col-7.jpg) center center no-repeat;
}
.col-bg-sn {
	background: url(../images/home-img-col-8.jpg) center center no-repeat;
}
.home-img-grid-s1 {
	width: 100%;
	height: 700px;
}
.color-layer-001 {
	background-color: rgba(253, 91, 3, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px;
}
.home-col-700 {
	width: 100%;
	height: 800px;
}

/**********************************************IMAGE HOVER STYLE 1******************************************************/

.postscript-wrapper {
	background-color: #FFF;
}

.bloglink-img {
	height: auto;
	position: relative;
	float: left;
	background-color: #000;
}
 @media screen and (min-width: 1024px) {
.bloglink-img {
	width: 25%;
}
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.bloglink-img {
	width: 50%;
}
}
 @media screen and (max-width: 768px) {
.bloglink-img {
	width: 100%;
}
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.hover-red {
	background-color: #479ab2;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 0px;
	cursor: pointer;
}
.hovereffect img {
	display: block;
	height: auto;
	position: relative;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.hovereffect:hover img {
	/*filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');*/

	filter: grayscale() blur(3px);
	-webkit-filter: grayscale() blur(3px);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0.5;
}
.hovereffect h2 {
	display: block;
	width: 90%;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	text-align: left;
	position: relative;
	left: 0;
	top: 10%;
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 500;
	margin-left: 40px;
}
.hovereffect h2 {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #FFF;
	text-transform: uppercase;
}
.hovereffect:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.bloglink-m li {
	font-size: 12px;
	display: block;
	width: 100% !important;
}

/****************************************IMAGE HOVER STYLE 2************************************************/

.ghks-21-wrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: -5px;
}
.ghks-21-wrapper-inner {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	padding: 15px 30px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.ghks-21-wrapper-inner h2 {
	text-transform: uppercase;
	color: #fd025b;
	font-weight: 900;
	padding: 0;
	margin-bottom: 20px;
	width: 90%;
}
.ghks-21-wrapper-inner p {
	font-weight: 500;
	color: #000;
	line-height: 20px;
	padding: 50px 20px 0px 20px;
}
.ghks-21 li {
	font-weight: 500;
	color: #000;
	line-height: 20px;
	padding-top: 20px;
}
.ghks-21-wrapper .ghks-21-overlay {
	background-color: #FFF;
	opacity: 0.85;
	width: 110%;
	height: 100%;
	position: absolute;
	left: -28px;
	z-index: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: rotate(10deg);
	/* Firefox */

	-moz-transform: rotate(10deg);
	/* IE */

	-ms-transform: rotate(10deg);
	/* Opera */

	-o-transform: rotate(10deg);
}
 @media all and (min-width: 1600px) {
.t45 {
	top: 32vw;
}
.t47 {
	top: 22vw;
}
.ghks-21-wrapper-inner h2 {
	font-size: 2em;
	line-height: 2em;
}
.ghks-21-wrapper-inner p {
	font-size: 20px;
	line-height: 24px;
}
}
 @media all and (min-width: 1260px) and (max-width: 1600px) {
.t45 {
	top: 40vw;
}
.t47 {
	top: 30vw;
}
.ghks-21-wrapper-inner h2 {
	font-size: 2em;
	line-height: 2em;
}
.ghks-21-wrapper-inner p {
	font-size: 20px;
	line-height: 24px;
}
}
 @media all and (min-width: 768px) and (max-width: 1260px) {
.t45 {
	top: 60vw;
}
.t47 {
	top: 42vw;
}
.ghks-21-wrapper-inner h2 {
	font-size: 1.7em;
	line-height: 1.7em;
}
.ghks-21-wrapper-inner p {
	font-size: 16px;
	line-height: 20px;
}
}
 @media all and (min-width: 0px) and (max-width: 768px) {
.t45 {
	top: 120vw;
}
.t47 {
	top: 78vw;
}
.ghks-21-wrapper-inner h2 {
	font-size: 2em;
	line-height: 2em;
}
.ghks-21-wrapper-inner p {
	font-size: 20px;
	line-height: 24px;
}
}
.ghks-21-wrapper .ghks-21-link {
	display: block;
	width: 65px;
	height: 0;
	border-bottom: 70px solid #F03;
	border-left: 70px solid transparent;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.ghks-21-wrapper:hover {
	cursor: pointer;
}
.ghks-21-wrapper .ghks-21-link:after {
	font-family: icomoon;
	content: "";
	position: absolute;
	top: 40px;
	left: -30px;
	color: #202020;
}
.ghks-21-wrapper img {
	height: auto;
	width: 100%;
}
.ghks-21-wrapper:hover .ghks-21-wrapper-inner {
	top: 0;
}
.ghks-21-wrapper.green-guru-feature .ghks-21-link:after {
	content: "";
}
.ghks-21-wrapper.ghks-21-2 h2 {
	width: 100%;
}
.ghks-21-wrapper.ghks-21-3 h2 {
	width: 100%;
}
.ghks-21-wrapper:hover .ghks-21-overlay {
	-webkit-transform: rotate(0deg);
	/* Firefox */

	-moz-transform: rotate(0deg);
	/* IE */

	-ms-transform: rotate(0deg);
	/* Opera */

	-o-transform: rotate(0deg);
	top: 0;
	width: 100%;
	left: 0;
}
.ghks-21-wrapper.green-guru-feature .ghks-21-overlay {
	display: none;
}
.ghks-21-wrapper.green-guru-feature .ghks-21-wrapper-inner {
	top: 0;
	text-align: center;
}
.ghks-21-wrapper.green-guru-feature .ghks-21-link {
	border: 0;
	width: 160px;
	height: 35px;
	background-color: #72bd53;
	text-align: center;
	line-height: 35px;
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #202020;
	position: relative;
	display: inline-block;
	margin-top: 120px;
	margin-top: 7.5vw;
}
.ghks-21-wrapper.green-guru-feature:hover {
	cursor: inherit;
}

/****************************************IMAGE HOVER STYLE 3************************************************/

.hvrimg,
.hvrimg * {
	box-sizing: border-box;
}
.hvrimg {
	position: relative;
	display: inline-block;
	overflow: hidden;
	/*max-width: 70%;*/
	height: auto;
}
.hvrimg img {
	max-width: 600px;
}
.hvrimg .hvrimg-layer_bottom {
	display: block;
}
.hvrimg .hvrimg-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrimg:hover .hvrimg-layer_top,
.hvrimg.active .hvrimg-layer_top {
	opacity: 1;
}
.hvrimg .hvrimg-text {
	text-align: center;
	font-size: 16px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrimg .hvrimg-text_mobile {
	font-size: 18px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrimg.active .hvrimg-text_mobile {
	display: block;
}

.hvrimg-txt span{
	font-size:14px;
	text-transform:uppercase;
}

/**************************************************HOMEPAGE VIDEO*******************************************************/

.grid-video-fxdx {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
	z-index: 0;
}
.grid-video-fxdx:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,0.6);
}

/***************************************************************************************************************************/
/****ABOUT****/
/***************************************************************************************************************************/

.page-header-about {
	background: url(../images/header-about.jpg) center center no-repeat;
	background-size: cover;
}
.about-section-1 {
	padding-bottom: 5em;
	z-index: 0;
}
.about-section-1:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left bottom;
	transform: skewY(3deg);
}
.about-headline {
	max-width: 800px;
	margin: auto;
	padding-top: 2em;
	padding-bottom: 2em;
	background: url(../images/a-frame.png) no-repeat center bottom;
	background-size: 100%;
	font-size: 2.1em;
}
.abt-headline {
	max-width: 800px;
	margin: auto;
	padding: 5em 3em;
	background: url(../images/j-frame.png) no-repeat center bottom;
	background-size: 100%;
}
 @media all and (max-width: 1024px) {
.about-headline {
	width: 82%;
	padding: 3em 0em;
}
.abt-headline {
	width: 82%;
}
.abt-section-1-txt-1 {
	width: 82%;
}
}
.abt-section-1-txt-1 {
	display: block;
	max-width: 800px;
	height: auto;
	margin: auto;
	padding-top: 25px;
	padding-bottom: 35px;
	margin-top: 100px;
}
.abt-section-1-text:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #ed1c24;
	mix-blend-mode: multiply;
	z-index: 0;
}
.abt-section-1-text p {
	font-family: "Helvetica";
	font-weight: bold;
	font-size: 42px;
	line-height: 52px;
	color: #fff;
	margin: 0;
	padding: 1em 2em;
	z-index: 2;
	position: relative;
}
.abt-section-1-img-wrapper {
	display: block;
	width: 90%;
	height: 650px;
	margin: auto;
}
.abt-section-1-img {
	display: block;
	background: url('../images/about-preface-1.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 65%;
	height: 600px;
	position: absolute;
	top: 0%;
	left: 10%;
	z-index: 1;
}
.abt-section-1-text {
	position: absolute;
	width: 60%;
	top: 2%;
	left: 60%;
	padding: 1.5%;
}
 @media all and (max-width: 1024px) {
.abt-section-1-img-wrapper {
	height: 450px;
}
.abt-section-1-img {
	width: 100%;
	left: 0;
}
.abt-section-1-text {
	width: 95%;
	left: 0;
	padding: 0%;
}
.abt-section-1-text p {
	font-size: 32px !important;
	line-height: 42px !important;
}
}
.desc ul, .desc ul li, .desc ul li a {
	font-size: 1.25em;
	line-height: 1.5em;
	text-decoration: none;
	list-style: none;
	color: #000;
}
.team-wrapper {
	padding-top: 3.5em;
	margin-top: 35%;
	z-index: 0;
}
.team-wrapper:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left top;
	transform: skewY(-3deg);
}
.team-col-gv {
	height: auto;
	float: left;
	margin-top: 50px;
}
 @media all and (min-width: 1024px) {
.team-col-gv {
	width: 50%;
}
}
 @media all and (max-width: 1024px) {
.team-col-gv {
	width: 100%;
}
}
 @media all and (max-width: 768px) {
.team-wrapper {
	margin-top: 0;
}
}
.team-col-img {
	width: 50%;
	height: auto;
	padding: 30px 50px;
	float: left;
}
.team-col-lv {
	width: 50%;
	height: auto;
	padding: 20px 20px;
	float: left;
}
 @media all and (max-width: 520px) {
.team-col-img {
	width: 100%;
}
.team-col-lv {
	width: 100%;
}
}

/***************************************************************************************************************************/
/****SERVICES****/
/***************************************************************************************************************************/

.page-header-services {
	background: url(../images/header-services.jpg) center center no-repeat;
	background-size: cover;
}

/*************************Section 1**************************************/

.service-section-1 {
	padding-bottom: 5em;
}
.service-headline {
	width: 60%;
	max-width: 1200px;
	margin: auto;
	padding-top: 4em;
	padding-bottom: 2em;
	background: url(../images/a-frame.png) no-repeat center bottom;
	background-size: 100%;
	font-size: 2.1em;
}
 @media screen and (max-width: 768px) {
.service-headline {
	width: 100%;
	padding: 30px 30px;
}
}
/*************************Section 2**************************************/



.service-section-2 {
	background: url(../images/tr-frame-1.png) right top no-repeat;
	padding-bottom: 3em;
}
.service-section-2:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: #FFF;
	z-index: -1;
	bottom: 0;
	transform-origin: left bottom;
	transform: skewY(3deg);
}
.service-block-col-1 {
	display: block;
	float: left;
	padding: 0;
	min-height: 600px;
	background: url(../images/b-frame.png) no-repeat;
	background-size: contain;
}
.service-block-col-2 {
	display: block;
	float: left;
}
.service-block-col-3 {
	display: block;
	height: auto;
	padding: 0;
	float: left;
}
/*************************Section 3**************************************/



.service-section-3 {
	padding-bottom: 3em;
	margin-top: 35%;
}
 @media all and (max-width: 768px) {
.service-section-3 {
	margin-top: 0;
}
}
.service-section-3:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left top;
	transform: skewY(-3deg);
}
.service-header {
	background: url(../images/header-services.jpg) center top no-repeat;
	background-size: cover;
	height: 700px;
}
.service li {
	color: #000;
	font-weight: bold;
	text-indent: -40px;
	padding: 10px 0px 10px 0px;
}
.em-block-xylp {
	display: block;
	width: 100%;
	height: 400px;
	position: relative;
	float: left;
	background: url(../images/services-bg-4.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	z-index: 0;
}
.service-block-col-4 {
	display: block;
	float: left;
}
.service-block-col-5 {
	box-sizing: border-box;
	display: block;
	float: left;
}
.service-block-col-6 {
	display: block;
	min-height: 600px;
	padding: 0;
	float: left;
	background: url(../images/b-frame-45.png) no-repeat;
	background-size: contain;
}
 @media all and (min-width: 1024px) {
.service-row {
	padding: 3em 0em 0em 5em;
}
.service-block-col-1 {
	width: 20%;
	margin: 10% 0% 0% -5%;
	padding-right: 18em;
	background-position: 45% 10%;
}
.service-block-col-1-mfb {
	display: none;
}
.service-block-col-2 {
	width: 40%;
	padding-left: 4em;
	padding-right: 4em;
	margin-top: 0;
}
.service-block-col-3 {
	width: 32%;
	margin-top: 0;
}
.service-block-col-4 {
	width: 34%;
}
.service-block-col-5 {
	width: 40%;
	padding-left: 4em;
}
.service-block-col-6 {
	width: 20%;
	margin: 12% 0% 0% -7%;
	background-position: 50%;
}
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.service-row {
	padding: 6em 0em 0em 4em;
}
.service-block-col-1 {
	width: 10%;
	margin: 0px 0px 0px -10%;
	padding-right: 6%;
	background-position: 100% 50%;
}
.service-block-col-1-mfb {
	display: none;
}
.service-block-col-2 {
	width: 75%;
	padding: 2em;
	margin-top: 0px;
	margin-left: 200px;
}
.service-block-col-3 {
	width: 50%;
	margin-top: 100px;
}
.service-block-col-4 {
	width: 55%;
	padding-left: 4em;
}
.service-block-col-5 {
	width: 75%;
	padding-left: 4em;
}
.service-block-col-6 {
	width: 15%;
	margin: -30% 0% 0% -15%;
	background-position: 100%;
}
}
 @media all and (min-width: 0px) and (max-width: 768px) {
.service-row {
	padding: 6em 0em 0em 0em;
}
.service-block-col-1 {
	display: none;
}
.service-block-col-1-mfb {
	display: block;
	float:left;
	width: 90%;
	margin-left: 5%;
	margin-top: 50px;
	border-bottom: 1px solid #000;
}
.service-block-col-2 {
	width: 100%;
	padding: 2em;
	margin-top: 0px;
}
.service-block-col-3 {
	width: 100%;
	margin-top: 50px;
}
.service-block-col-4 {
	width: 100%;
	padding-left: 0em;
}
.service-block-col-5 {
	width: 100%;
	padding: 2em;
}
.service-block-col-6 {
	display: none;/*width:60%;

	margin:52% 0% 0% 10%;

	background-position:56%;*/

}
}
.service-block-strategic {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 0;
	padding-top: 10em;
	padding-bottom: 10em;
}
.service-block-strategic {
	background: url(../images/txt-block-bg-1.png);
	background-repeat: no-repeat;
	background-size: 42%;
	background-position: 90% 65%;
}
.service-block-experiential {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 0;
	padding-top: 5em;
}
.service-block-technology {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 0;
	padding-top: 10em;
	padding-bottom: 10em;
}
.service-block-technology {
	background: url(../images/txt-block-bg-1.png);
	background-repeat: no-repeat;
	background-size: 42%;
	background-position: 90% 65%;
}
 @media all and (max-width: 768px) {
.service-block-strategic {
	padding-top: 0em;
	padding-bottom: 0em;
}
.service-block-experiential {
	padding-top: 0em;
	padding-bottom: 0em;
}
.service-block-technology {
	padding-top: 0em;
	padding-bottom: 0em;
}
}
.yjrt-bg-7552 {
	background: url('../images/services-bg-4.jpg') no-repeat;
	height: 300%;
	top: 0;
	z-index: -1;
}
 @media all and (min-width: 1024px) {
.yjrt-bg-7552 {
	background-size: 100%;
	width: 100%;
	max-width: 1600px;
	margin-top: 30%;
}
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.yjrt-bg-7552 {
	background-size: 150%;
	width: 100%;
	margin-top: 50%;
}
}
 @media all and (min-width: 0px) and (max-width: 768px) {
.yjrt-bg-7552 {
	background-size: 200%;
	width: 100%;
	margin-top: 140%;
}
}

/***************************************************************************************************************************/
/****CLIENTS****/
/***************************************************************************************************************************/

.page-header-work {
	background: url(../images/header-work.jpg) center center no-repeat;
	background-size: cover;
}
h3.clients {
	font-weight: 300;
	color: #fd025b;
}
ul.clients {
	margin: 0;
	text-transform: none !important;
}
.work-tech {
	color: #cbcbcb;
}
.content-flex-section-1 {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.clients-top-section {
	display: block;
	width: 100%;
	height: auto;
	line-height: 40px;
	padding: 5em 5em 2em 5em;
}
.clients-section-2 {
	padding-bottom: 3.5em;
}
.clients-section-2:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left bottom;
	transform: skewY(3deg);
}
.clients-section-3 {
	margin-top: 35%;
	padding-top: 3.5em;
	padding-bottom:5em;
}

@media screen and (max-width: 768px) {
.clients-section-3 {margin-top: 0; padding-top: 0;}
}

.clients-section-3:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: -1px;
	background: inherit;
	z-index: -1;
	bottom: 0;
	transform-origin: left top;
	transform: skewY(-3deg);
}
.clients-flex-block {
	position: relative;
	float: left;
}
 @media screen and (min-width: 1024px) {
.clients-flex-block {
	width: 40%;
	margin: 20px 30px;
}
}
 @media all and (min-width: 10px) and (max-width: 1024px) {
.clients-flex-block {
	width: 100%;
	margin: 20px 30px;
}
}

.hvrimg,
.hvrimg * {
	box-sizing: border-box;
}
.hvrimg {
	position: relative;
	display: inline-block;
	overflow: hidden;
	height: auto;
	margin:1em 1em;
}
.hvrimg img {
	max-width: 600px;
}
.hvrimg .hvrimg-layer_bottom {
	display: block;
}
.hvrimg .hvrimg-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.hvrimg:hover .hvrimg-layer_top,
.hvrimg.active .hvrimg-layer_top {
	opacity: 1;
}
.hvrimg .hvrimg-text {
	text-align: center;
	font-size: 16px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrimg .hvrimg-text_mobile {
	font-size: 18px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrimg.active .hvrimg-text_mobile {
	display: block;
}

h3.hvrimg-txt{font-weight:300;}

.hvrimg-txt span{
	font-size:14px;
	text-transform:uppercase;
}

/******************************************************MODAL***************************************************************/

:root {
  --lightgray: #efefef;
  --blue: steelblue;
  --white: #fff;
  --black: rgba(0, 0, 0, 0.8);
  --bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
}

.cstudy-close{
	padding:5px 10px;
	position:absolute;
	top:0;
	right:0;
  	cursor: pointer;
  	background: #ccc;
  	border: none;
  	outline: none;
  	font-size: inherit;
}

/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 1rem;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  z-index:9999;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-dialog {
  position: relative;
  top:2em;
  width:65%;
  height:80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

@media all and (max-width: 1024px){
.modal-dialog {width:95%;}
}

.modal-dialog > * {
  padding: 1rem;
}

.modal-header,
.modal-footer {
  background: var(--lightgray);
}

.modal-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.modal-header .close-modal {
  font-size: 1.5rem;
}

.modal p + p {
  margin-top: 1rem;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	max-width: 1200px;
	position: relative;
	margin: 3% auto;
	padding: 40px 20px 50px 20px;
	border-radius: 10px;
	background: #fff;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

a.cstudy-link{
	display:block;
	background-color:#FFF;
	padding:20px 50px;
	text-align:center;
	color:#000;
	font-size:16px;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:25px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	cursor:pointer;
}

a.cstudy-link:hover{
	color:#FFF;
	background-color:#41BEB8;
}

@media all and (max-width: 768px){
	a.cstudy-link{display:none;}
}

.cstudy-header{
	width:90%;
	height:400px;
	background-size: cover;
	margin:auto;
	text-align:center;
	padding-top:3.75em;
}

.cstudy-header-armstrong{
	background: url(../images/case-study/cstudy-armstrong-modal.jpg) center center no-repeat;
}

.cstudy-header-idepo{
	background: url(../images/case-study/cstudy-idepo-modal.jpg) center center no-repeat;
}

.cstudy-header-hdlipo{
	background: url(../images/case-study/cstudy-hdlipo-modal.jpg) center center no-repeat;
}

.cstudy-header-iee{
	background: url(../images/case-study/cstudy-iee-modal.jpg) center center no-repeat;
}

.cstudy-header-o33{
	background: url(../images/case-study/cstudy-o33-modal.jpg) center center no-repeat;
}

.cstudy-header-genelab{
	background: url(../images/case-study/cstudy-genelab-modal.jpg) center center no-repeat;
}

.cstudy-header-ast{
	background: url(../images/case-study/cstudy-ast-modal.jpg) center center no-repeat;
}

.cstudy-header-aguilera{
	background: url(../images/case-study/cstudy-aguilera-modal.jpg) center center no-repeat;
}

.cstudy-header-dcgolf{
	background: url(../images/case-study/cstudy-dcgolf-modal.jpg) center center no-repeat;
}

.cstudy-header-whotel{
	background: url(../images/case-study/cstudy-whotel-modal.jpg) center center no-repeat;
}

h2.cstudy-header{
	color:#FFF;
	font-weight:300;
	text-transform:uppercase;
}

p.cstudy{
	font-size:16px;
	font-weight:300;
	color:#333;
	line-height:24px;
}

.cstudy-content{
	width:80%;
	margin:auto;
	padding:1em;
	border-bottom:1px solid #CCC;
}

.cstudy-fjh{
	display:table;
	width:80%;
	height:auto;
	margin:auto;
	font-weight:300;
	color:#333;
	text-align:center;
	border-bottom:1px solid #CCC;
}

.cstudy-fjh-col{
	display:table-cell;
	vertical-align:middle;
	padding:20px;
	width:33.333333333%;
	float:left;
}

/***************************************************************************************************************************/
/****BLOG PAGE****/
/***************************************************************************************************************************/

.page-header-blog {
	background: url(../images/header-blog.jpg) center center no-repeat;
	background-size: cover;
}
h2.blog-view {
	font-size: 3em;
	color: #ed1872;
}
.blog-view-wrapper {
	width: 100%;
	background-color: #FFF;
	padding-top: 3.5em;
	padding-bottom: 5em;
}
.blog-view-row {
	padding: 3em 5em;
}
.blog-view-img {
	width: 50%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.blog-view-body {
	width: 80%;
	padding: 2em 3em 2em 0em;
}
.blog-read-more a {
	color: #FFF;
	background-color: #F03;
	padding: 10px 20px;
	text-decoration: none;
}
.blog-read-more a:hover {
	background-color: #ed1872;
}
 @media all and (max-width: 1024px) {
.blog-view-row {
	padding: 2em 4em;
}
.blog-view-img {
	width: 90%;
}
.blog-view-body {
	width: 100%;
}
}

/***************************************************************************************************************************/
/****ARTICLE****/
/***************************************************************************************************************************/

article {
	display: inline-block;
	width: 70%;
	max-width: 1200px;
	height: auto;
	float: left;
	background-color: #FFF;
}
.region-header {
	background-color: #fd025b;
}
.blog-img {
	display: block;
	position: relative;
	float: left;
}
.blog-content {
	display: block;
	position: relative;
	float: left;
	padding: 0em 5em;
}
.blog-headline {
	display: block;
	width: 100%;
	padding: 3.5em 5em;
	color: #F03;
	background-color: #f2f1f1;
	float: left;
}
.blog-row-first {
	display: block;
	float: left;
}
.blog-col {
	display: inline-block;
	width: 50%;
	float: left;
}
.blog-col-l {
	padding: 5em;
}
.blog-col-r {
	padding: 2.5em;
}
.blog-preface {
	padding: 5em;
}
 @media all and (max-width: 1024px) {
article {
	width: 100%;
}
.blog-headline {
	padding: 2em;
}
.blog-content {
	padding: 2em;
}
.blog-col {
	width: 100%;
}
.blog-col-l {
	padding: 2em;
}
.blog-preface {
	padding: 2em;
}
.field--name-user-picture {
	margin-left: 2em !important;
}
.author {
	padding: 2em !important;
}
}
.author {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	padding: 4em 6em;
	background-color: #FFF;
}
.blog-tags {
	display: block;
	width: 100%;
	float: left;
	padding: 6em;
}
.blog-footer {
	display: block;
	float: left;
	padding-bottom: 5em;
}
.field--name-user-picture {
	width: 120px;
	margin-left: 6em;
}
.region-sidebar-second {
	display: block;
	width: 20%;
	position: relative;
	top: 0;
	left: 0;
}
.sidebar-right {
	display: block;
	width: 20%;
	height: 500px;
	position: relative;
	float: left;
	background-color: #f2f1f1;
	padding: 4em 4.5em;
}
.sidebar-mobile {
	display: none;
}
 @media all and (max-width: 1024px) {
.sidebar-right {
	display: none;
}
.sidebar-mobile {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	background-color: #f2f1f1;
	padding: 3em 3.5em;
}
}
h3.sidebar {
	display: block;
	padding-bottom: 40px;
}
.sidebar-txt {
	line-height: 36px;
}
.field--label {
	font-weight: bold;
}

/***************************************************************************************************************************/
/****CASE STUDIES****/
/***************************************************************************************************************************/

.case-study-header{
	display:block;
	width:100%;
	height:600px;
	float:left;
	text-align:center;
	margin-top:100px;
	padding-top:12%;
}

h1.case-study{
	color:#FFF;
	font-weight:300 !important;
}

.cstudy-header-armstrong{
	background: url(../images/case-study/cstudy-armstrong.jpg) center center no-repeat;
	background-size: cover;
}

/***************************************************************************************************************************/
/****CONTACT****/
/***************************************************************************************************************************/

.page-header-contact {
	background: url(../images/header-contact.jpg) center center no-repeat;
	background-size: cover;
}
.contact-section-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 76%;
	max-width: 1600px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
 @media screen and (max-width: 1600px) {
.contact-section-wrapper {
	width: 100%;
}
}
.contact-section-1 {
	padding-top: 2.5em;
}
.contact-headline {
	width: 60%;
	margin: auto;
	padding: 60px 70px;
	background: url(../images/q-frame.png) no-repeat center bottom;
	background-size: 100%;
	font-size: 2.1em;
}
 @media all and (min-width: 1024px) {
.contact-headline {
	width: 60%;
	;
}
}
.contact-form-wrapper {
	max-width: 1600px;
	margin: auto;
	background-color: #FFF;
}
 @media all and (min-width: 1600px) {
.contact-form-wrapper {
	width: 76%;
	padding: 10em 20em;
}
}
 @media all and (min-width: 1260px) and (max-width: 1600px) {
.contact-form-wrapper {
	width: 100%;
	padding: 10em 20em;
}
}
 @media all and (min-width: 768px) and (max-width: 1260px) {
.contact-form-wrapper {
	width: 100%;
	padding: 10em 10em;
}
}
 @media all and (max-width: 768px) {
.contact-form-wrapper {
	width: 100%;
	padding: 5em 2em;
}
}
.contact-input {
	height: 52px;
	padding-left: 20px;
	font-size: 18px;
	margin-top: 24px !important;
}
.contact-message-input {
	height: 180px;
	padding-left: 20px;
	font-size: 18px;
	margin-top: 24px !important;
}
.webform-layoutcontainer > .form-item textarea {
	width: 100%;
}
.btn-contact {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	background-color: #FF0000;
	color: #FFF;
	text-transform: uppercase;
	padding:25px 40px;
	margin-top: 25px;
	cursor:pointer;
}
.btn-contact {
	border-width: 0 !important;
	border-style: none !important;
	border-color: transparent !important;
	border-image: none !important;
}

.btn-contact:hover{
	background-color: #cecece;
}

.control-label {
	display: block;
	float: left;
	margin-top: 30px;
	margin-bottom: -10px;
	font-weight: bold;
}
.contact-section-2-wrapper {
	display: block;
	width: 76%;
	max-width: 1600px;
	height: auto;
	margin: auto;
	padding-bottom: 8em;
	background-color: #FFF;
	z-index: 1;
}
.contact-location-container {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-left: 5%;
}
 @media all and (max-width: 1600px) {
.contact-section-2-wrapper {
	width: 100%;
}
}
.contact-location-ax {
	display: block;
	width: 60%;
	height: auto;
	float: left;
}
.contact-vertical-title {
	border-bottom: solid 1px #57575a;
	display: block;
	transform: rotate(90deg);
	position: relative;
	left: -200px;
	min-width: 580px;
}
.ax124 {
	display: block;
	width: 10%;
	position: absolute;
	left: 15%;
	top: 150px;
	z-index: 1;
}
.ax124-bg {
	min-height: 600px;
	background: url(../images/b-frame.png) no-repeat;
	background-size: contain;
}
.ax124-mob {
	display: none;
}
.ax127 {
	display: block;
	width: 90%;
	float: left;
}
.ax127-img {
	width: 80%;
	position: relative;
	left: 150px;
}
.contact-location-bx {
	display: block;
	width: 40%;
	float: left;
}
.contact-location-cx {
	display: block;
	width: 40%;
	float: left;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
.contact-location-container {
	padding-top: 0;
	padding-left: 2%;
}
.contact-location-ax {
	width: 100%;
}
.ax124 {
	display: none;
}
.ax124-mob {
	display: block;
	width: 90%;
	float: left;
	border-bottom: solid 1px #57575a;
	margin-bottom: 25px;
}
.ax127 {
	width: 95%;
}
.ax127-img {
	width: 100%;
	left: 0;
}
.contact-location-bx {
	width: 100%;
	margin-top: 50px;
}
.contact-location-cx {
	width: 100%;
}
}

.contact-confirmation {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	background:url(../images/pnf-bg.jpg)center left no-repeat;
	background-size:contain;
	background-color: #FFF;
	padding: 8em 8em;
}

/*****************************************************************************************************************************/
/**FOOTER**/
/*****************************************************************************************************************************/

.region-footer{
	display:block;
	width:100%;
	height:auto;
	background:#5f9ea0;
	position:relative;
	float:left;
}

.footer-wrapper{
	
	width:100%;
	height:auto;
	
	font-size:15px;
	color:#FFF;
	z-index:0;
	
	padding-top:1em;
	padding-bottom:4em;
}

.footer-col-first {
	display: block;
	position: relative;
	float: left;
	padding: 60px 70px;
}
.footer-col-last {
	display: block;
	position: relative;
	float: left;
	padding: 60px 0px;
}
 @media all and (min-width: 1024px) {
.footer-col-first, footer-col-last {
	width: 25%;
}
}
.footer-row-1 {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.footer-row-2 {
	display: block;
	position: relative;
	top: 50px;
	left: 0;
}
 @media all and (min-width: 1024px) {
.footer-first, .footer-second, .footer-third, .footer-fourth {
	width: 25%;
}
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.footer-first, .footer-second, .footer-third, .footer-fourth {
	width: 50%;
}
}
 @media all and (min-width: 0px) and (max-width: 768px) {
.footer-first, .footer-second, .footer-third, .footer-fourth {
	width: 100%;
}
}
.footer-logo {
	margin-left: 30px;
}
.footer-wrapper .footer-col-1 {
	display: block;
	width: 300px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 25px;
}
.footer-row-top {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.footer-row-middle {
	display: block;
	position: relative;
	top: 100px;
	left: 0;
}
.footer-row-bottom {
	display: block;
	height: auto;
	position: relative;
	top: 160px;
	left: 0;
}
a.privacy-policy {
	text-decoration: none;
	color: #FFF;
}

/***********************************************SOCIAL MEDIA******************************************************/

.footer-social-icons {
	width: 400px;
	height: auto;
	display: block;
	position: relative;
	float: left;
	text-align: left;
}
.social-icon {
	color: #fff;
}
ul.social-icons {
	margin-top: 10px;
}
.social-icons li {
	vertical-align: top;
	display: inline;
	float: left;
}
.social-icons a {
	color: #fff;
	text-decoration: none;
}
.social-icons a:hover {
	color: #5f9ea0;
}
.fa {
	font-size: 24px !important;
}
.fa-facebook {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: none;
}
.fa-facebook:hover {
	background-color: #FFF;
}
.fa-twitter {
	padding: 10px 12px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: none;
}
.fa-twitter:hover {
	background-color: #FFF;
}
.fa-rss {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: none;
}
.fa-rss:hover {
	background-color: #FFF;
}
.fa-youtube {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}
.fa-youtube:hover {
	background-color: #e64a41;
}
.fa-linkedin {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: none;
}
.fa-linkedin:hover {
	background-color: #FFF;
}
.fa-google-plus {
	padding: 10px 9px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}
.fa-google-plus:hover {
	background-color: #e25714;
}
.fa-dribbble {
	padding: 10px 9px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: none;
}
.fa-dribbble:hover {
	background-color: #FFF;
}
.copyright {
	display: block;
}
.footer-links ul, .footer-links ul li, .footer-links ul li a {
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	color: #FFF;
}
.footer-links ul, .footer-links ul li, .footer-links ul li a:hover {
	color: #ff0000;
}

/**********************************************************Privacy***********************************************************/

.privacy-policy-wrapper {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	background-color: #FFF;
	color: #000;
	padding: 8vw 10vw 8vw 10vw;
	margin-top: 560px;
}
.privacy-policy li {
	color: #000;
	list-style: disc;
	list-style-position: outside;
	line-height: 28px;
	padding: 10px 0px 10px 0px;
}

/**********************************************OVERWRITE*******************************************************/

.view-empty {
	display: none;
}
.feed-icons {
	display: none;
}