@charset "ISO-8859-1";

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 5, 2016 */

@font-face {
	font-family: 'proxima_nova_altlight';
	src: url(../fonts/mark_simonson_-_proxima_nova_alt_light-webfont.woff2) format('woff2'), url(../fonts/mark_simonson_-_proxima_nova_alt_light-webfont.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_alt_rgbold';
	src: url(../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff2) format('woff2'), url(../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Reset CSS
 * --------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
table {
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: 400;
	font-style: normal;
	conta
}
strong {
	font-weight: 700;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-family: 'proxima_nova_alt_rgbold', sans-serif;
}
p, a {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-family: 'proxima_nova_altlight', sans-serif;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}

/* -------------------------------- 

Primary style

-------------------------------- */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 16px
}
html, body {
	height: 100%;
}
body {
	font-family: arial, helvetica;
	color: #333;
	font-size: 20px;
	background-color: white;
}
body.overflow-hidden {
	/* when primary navigation is visible, the content in the background won't scroll */
	overflow: hidden;
}

/* Layer with position absolute in order to have it over the video
    * --------------------------------------- */

#section0 .layer {
	position: absolute;
	z-index: 12;
	width: 100vw;
	left: 0;
	top: 0;
	background: rgba(0, 19, 255, 0.8);
	height: 100vh;
	padding-top: 92vh;
}

/*solves problem with overflowing video in Mac with Chrome */

#section0 {}

/* Custom CSS
 * --------------------------------------- */


/* Fixed header and footer.
* --------------------------------------- */

div#qLpercentage {
	font-size: 2em!important;
	font-family: 'helvetica', sans-serif;
}
#header-nav, #header-logo, #footer {
	position: absolute;
	height: 50px;
	display: block;
	width: 100%;
	z-index: 9;
	text-align: center;
	color: #fff;
	if;
	*/ text-transform: uppercase;
	margin: 0 auto;
	/* left: 0; */
}
#header-logo, #header-nav {
	top: 50%;
	position: absolute;
	width: auto;
}
#header-logo {
	left: 0;
	z-index: 9;
}
#header-nav {
	right: 0;
	float: right;
	z-index: 10;
}
#footer {
	bottom: 0;
	font-size: 0.6rem;
	left: 0;
}
#footer a {
	text-decoration: none;
	padding: 0;
	font-size: 1em;
	font-family: arial, sans-serif;
	color: #fff;
}
#footer a:before {
	border-bottom: none;
}

/* Fixed header and footer.
* --------------------------------------- */

.section {
	text-align: center;
	overflow: hidden;
}
#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: #000;
	/* in case the video doesn't fit the whole page*/
	background-image: /* our video */
	;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	/*cover video background */
	z-index: 5;
	display: block;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 90%;
	max-width: 768px;
	margin: 0 auto;
}
.cd-container:after {
	content: "";
	display: table;
	clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

.cd-logo {
	display: block;
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: .875em;
}
.cd-logo svg {
	display: block;
	width: 150px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-logo svg path {
	fill: #fff;
}
.fp-viewing-secondPage>#header-logo>.cd-logo svg path.st0, .fp-viewing-4thPage>#header-logo>.cd-logo svg path.st0, .fp-viewing-lastPage>#header-logo>.cd-logo svg path.st0 {
	fill: #0013FF;
}
.fp-viewing-secondPage>#header-logo>.cd-logo svg path, .fp-viewing-4thPage>#header-logo>.cd-logo svg path, .fp-viewing-lastPage>#header-logo>.cd-logo svg path {
	fill: #000;
}
.fp-viewing-secondPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon, .fp-viewing-secondPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::before, .fp-viewing-secondPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::after, .fp-viewing-4thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon, .fp-viewing-4thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::before, .fp-viewing-4thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::after, .fp-viewing-lastPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon, .fp-viewing-lastPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::before, .fp-viewing-lastPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::after {
	background-color: #0013FF;
}
.fp-viewing-secondPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .fp-viewing-secondPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after, .fp-viewing-4thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .fp-viewing-4thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after, .fp-viewing-lastPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .fp-viewing-lastPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color: #fff;
}
.cd-secondary-nav {
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10em;
	/* hidden on small devices */
	display: none;
}
.cd-secondary-nav li {
	display: inline-block;
	margin-left: 2.2em;
}
.cd-secondary-nav a {
	display: inline-block;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
}
.cd-primary-nav-trigger {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background-color: #03263d;
	z-index: 10;
}
.cd-primary-nav-trigger .cd-menu-text {
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	/* hide the text on small devices */
	display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
	/* this span is the central line of the menu icon */
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 25px;
	height: 3px;
	background-color: #fff;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	/* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
	top: -7px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
	top: 7px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.cd-primary-nav {
	/* by default it's hidden - on top of the viewport */
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 19, 255, 0.95);
	z-index: 9;
	text-align: center;
	padding: 50px 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.cd-primary-nav li {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: .2em 0;
	text-transform: capitalize;
}
.cd-primary-nav a {
	display: inline-block;
	padding: .4em;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
	font-family: 'proxima_nova_alt_rgbold', sans-serif;
	font-size: 2.5rem;
	color: #fff;
	position: relative;
	z-index: 1;
	text-transform: lowercase;
}
.cd-primary-nav li:last-of-type a {
	padding: .4em 0 0 0;
}
.cd-primary-nav a:before {
	content: "";
	position: absolute;
	left: 37.5%;
	bottom: 0;
	height: 1px;
	width: 25%;
	/* or 100px */
	/* border-bottom: 1px solid #fff; */
}
.cd-primary-nav a.last:before {
	border-bottom: none;
}
.no-touch .cd-primary-nav a:hover {
	/*background-color: #e36767;*/
}
.cd-primary-nav .cd-label {
	color: #06446e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 2.4em 0 .8em;
}
.cd-primary-nav .cd-social {
	display: inline-block;
	margin: 0 .4em;
}
.cd-primary-nav .cd-social a {
	width: 44px;
	height: 44px;
	padding: 0;
	background-image: url("../img/cd-socials.svg");
	background-repeat: no-repeat;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
	background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
	background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
	background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
	background-position: -132px 0;
}
.cd-primary-nav.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.cd-primary-nav.is-visible .fa {
	color: #fff;
}
.cd-primary-nav.is-visible i.fa {
	padding: 30px;
}
.one-third {
	width: calc(100% / 3);
	display: inline-block;
	float: left;
	min-width: 309px;
	vertical-align: middle;
}
.cd-intro {
	position: relative;
	height: 100%;
	background: url("../img/cd-background-img.jpg") no-repeat center center;
	background-size: cover;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cd-intro h1 {
	position: absolute;
	width: 90%;
	max-width: 1170px;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: white;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	text-align: center;
}
.cd-main-content {
	position: relative;
	z-index: 1;
}
.cd-main-content p {
	line-height: 1.6;
	margin: 2em 0;
}
a.menu-social {
	padding: 0;
}
.cd-primary-nav.is-visible .menu-social i.fa {
	font-size: 1.3rem;
}

/* -------------------------------- 

Vertical Alignment

-------------------------------- */

.aligner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}
.aligner-item {
	max-width: 100%;
	z-index: 99;
}
.aligner-item--top {
	align-self: flex-start;
}
.aligner-item--bottom {
	align-self: flex-end;
}
.aligner-item.first {
	/* padding-right: 25%; */
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.aligner-item.third {
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}

/* -------------------------------- 

video

-------------------------------- */

#section0 {
	overflow: hidden;
	background-image: url(../imgs/mobile-intro.gif);
	background-size: cover;
}
.section .scroll {
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 44px;
	height: 44px;
	/* rest button default style */
	cursor: pointer;
	border: none;
	background: url("../imgs/cd-icon-arrow.svg") no-repeat center center;
	visibility: hidden;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
	transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.section .scroll:focus {
	outline: none;
}
.section .scroll {
	visibility: visible;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
	transition: transform 0.4s 0s, visibility 0s 0s -webkit-animation: cd-translate 1.2s 0.8s;
	-moz-animation: cd-translate 1.2s 0.8s;
	animation: cd-translate 1.2s 0.8s -webkit-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	animation-iteration-count: 2;
}
.no-touch .section .scroll:hover {
	-webkit-transform: translateX(-50%) scale(1.2);
	-moz-transform: translateX(-50%) scale(1.2);
	-ms-transform: translateX(-50%) scale(1.2);
	-o-transform: translateX(-50%) scale(1.2);
	transform: translateX(-50%) scale(1.2);
}
.section.aboutUs .scroll, .section.clients .scroll {
	background: url("../imgs/cd-icon-arrow-blue.svg") no-repeat center center;
}
@-webkit-keyframes cd-translate {
	0% {
		-webkit-transform: translateX(-50%) scale(1);
	}
	50% {
		-webkit-transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1);
	}
}
@-moz-keyframes cd-translate {
	0% {
		-moz-transform: translateX(-50%) scale(1);
	}
	50% {
		-moz-transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-moz-transform: translateX(-50%) scale(1);
	}
}
@keyframes cd-translate {
	0% {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
	50% {
		-webkit-transform: translateY(10px) translateX(-50%) scale(1);
		-moz-transform: translateY(10px) translateX(-50%) scale(1);
		-ms-transform: translateY(10px) translateX(-50%) scale(1);
		-o-transform: translateY(10px) translateX(-50%) scale(1);
		transform: translateY(10px) translateX(-50%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
}

/* -------------------------------- 

Home

-------------------------------- */

.section.intro svg {
	color: #fff;
	position: absolute;
	font-size: 4.5rem;
	top: 50%;
	left: 50%;
	width: 40%;
	text-align: left;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}

/* -------------------------------- 

About Us

-------------------------------- */

.section.aboutUs h3 {
	color: #0013ff;
	position: absolute;
	font-size: 3rem;
	top: 50vh;
	/* right: -36vh; */
	-webkit-transform: translateX(-1.7em) rotate(270deg);
	-moz-transform: translateX(-1.7em) rotate(270deg);
	-ms-transform: translateX(-1.7em) rotate(270deg);
	-o-transform: translateX(-1.7em) rotate(270deg);
	transform: translateX(-1.7em) rotate(270deg);
	transform-origin: left top 0;
	width: 45vh;
	text-align: right;
	left: 100vw;
}
.section.aboutUs>.fp-tableCell>.desktop>.aligner {
	padding: 0 35%;
}
.aboutUs h5 {
	color: #0013ff;
	font-size: 3rem;
	text-align: right;
	position: relative;
	z-index: 1;
	width: 100%;
	padding-left: 1em;
}
.aboutUs p {
	color: #4d4d4d;
	position: relative;
	z-index: 1;
	width: 450px;
	text-align: left;
	font-size: 0.75rem;
	padding: 0 2em;
	line-height: 1rem;
}
.section.aboutUs svg {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}
g.greyCircle {
	opacity: 0.8;
}
.greyCircle {
	fill: #F2F2F2;
}
.section.aboutUs img {
	position: relative;
	z-index: 1;
	width: 80%;
	padding: 0 0 1em 1em;
	max-width: 270px;
	/* display: none; */
	float: left;
}
.mobile {
	display: none;
}
.desktop {
	display: block;
}
/* -------------------------------- 

Services

-------------------------------- */

.section.services h3 {
	color: #fff;
	position: absolute;
	font-size: 3rem;
	top: 50vh;
	/* right: -36vh; */
	-webkit-transform: translateX(-1.7em) rotate(270deg);
	-moz-transform: translateX(-1.7em) rotate(270deg);
	-ms-transform: translateX(-1.7em) rotate(270deg);
	-o-transform: translateX(-1.7em) rotate(270deg);
	transform: translateX(-1.7em) rotate(270deg);
	transform-origin: left top 0;
	width: 45vh;
	text-align: right;
	left: 100vw;
}
.section.services p, .section.services h5 {
	color: #fff;
	width: 50%;
}
.section.services h5 {
	float: left;
	text-align: right;
	font-size: 3rem;
	padding-right: 1rem;
	line-height: 1em;
}
.section.services p {
	float: right;
	text-align: left;
	padding-left: 1rem;
	padding-top: 0.5rem;
	line-height: 1.1em;
}
.services-heading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	transition: transform .4s;
	z-index: 3;
	padding-left: 100px;
}
.services-heading.move-up {
	-webkit-transform: translateX(-50%) translateY(-130%);
	-moz-transform: translateX(-50%) translateY(-130%);
	-ms-transform: translateX(-50%) translateY(-130%);
	-o-transform: translateX(-50%) translateY(-130%);
	transform: translateX(-50%) translateY(-130%);
}
li.services-title {
	display: inline-block;
}
li.services-title.left::after {
	content: '';
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	border: #fff 1px solid;
	height: 100px;
	opacity: .2;
	right: -0.5%;
	top: 0px;
}
li.services-title.is-not-clicked a {
	color: rgba(255, 255, 255, 0.2);
	-webkit-transition: -webkit-color .3s;
	-moz-transition: -moz-color .3s;
	transition: color 0.3s ease;
}
li.services-title.is-not-clicked a:hover {
	color: rgba(255, 255, 255, 1);
}
li.services-title a {
	color: #fff;
	font-family: 'proxima_nova_alt_rgbold', sans-serif;
	font-size: 2.5rem;
	position: relative;
}
.cd-testimonials-wrapper {
	position: absolute;
	width: 90%;
	max-width: 768px;
	margin: 2em auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 20px 40px 70px;
	z-index: 2;
	-webkit-transform: translateX(-50%) translateY(100vh);
	-moz-transform: translateX(-50%) translateY(100vh);
	-ms-transform: translateX(-50%) translateY(100vh);
	-o-transform: translateX(-50%) translateY(100vh);
	transform: translateX(-50%) translateY(100vh);
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	transition: transform .4s;
	left: 50%;
}
.cd-testimonials-wrapper.is-visible {
	-webkit-transform: translateX(-50%) translateY(-30vh);
	-moz-transform: translateX(-50%) translateY(-30vh);
	-ms-transform: translateX(-50%) translateY(-30vh);
	-o-transform: translateX(-50%) translateY(-30vh);
	transform: translateX(-50%) translateY(-30vh);
}
.cd-testimonials {
	color: #fff;
	text-align: center;
	height: 60vh;
	padding: 0;
	margin: 0;
	bottom: 0;
}
.cd-testimonials::after {
	clear: both;
	content: "";
	display: table;
}
.cd-testimonials>li {
	position: absolute;
	opacity: 0;
	height: 55vh;
	/* padding-top: 40vh; */
}
.cd-testimonials>li:first-child {
	position: relative;
	opacity: 1;
}
.cd-testimonials p {
	/* font-family: "Georgia", serif; */
	/* font-style: italic; */
	/* line-height: 1.4; */
	/* margin-bottom: 1em; */
	/* padding: 0 14px; */
}
.cd-author {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30vh;
	line-height: 30vh;
	text-align: center;
}
.cd-author img, .cd-author .cd-author-info {
	display: inline-block;
	vertical-align: middle;
}
.cd-author img {
	/* width: 32px; */
	/* height: 32px; */
	/* border-radius: 50%; */
	/* margin-right: 5px; */
	/* box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); */
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	float: left;
	bottom: 0;
	vertical-align: baseline;
}
.cd-author .cd-author-info {
	text-align: left;
	line-height: 1.2;
}
.cd-author .cd-author-info li:first-child {
	font-size: 14px;
	font-size: .875rem;
}
.cd-author .cd-author-info li:last-child {
	font-size: 12px;
	font-size: .75rem;
	color: #6b6b70;
}
.flex-viewport {
	top: 25vh;
	padding: 0;
}
.flex-direction-nav {
	/* top: 10vh; */
}
.flex-direction-nav li {
	position: absolute;
	height: 100%;
	width: 40px;
	top: 20vh;
}
.flex-direction-nav li:first-child {
	left: 0;
}
.flex-direction-nav li:last-child {
	right: 0;
}
.flex-direction-nav li a {
	display: block;
	height: 100%;
	width: 100%;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	transition: background-color .2s;
}
.no-touch .flex-direction-nav li a:hover {
	/*background-color: #323234;*/
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
	/* left and right arrows in css only */
	content: '';
	position: absolute;
	left: 50%;
	top: 10vh;
	width: 2px;
	height: 13px;
	background-color: #fff;
}
.flex-direction-nav li a::before {
	-webkit-transform: translateY(-35px) rotate(45deg);
	-moz-transform: translateY(-35px) rotate(45deg);
	-ms-transform: translateY(-35px) rotate(45deg);
	-o-transform: translateY(-35px) rotate(45deg);
	transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
	-webkit-transform: translateY(-27px) rotate(-45deg);
	-moz-transform: translateY(-27px) rotate(-45deg);
	-ms-transform: translateY(-27px) rotate(-45deg);
	-o-transform: translateY(-27px) rotate(-45deg);
	transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
	-webkit-transform: translateY(-35px) rotate(-45deg);
	-moz-transform: translateY(-35px) rotate(-45deg);
	-ms-transform: translateY(-35px) rotate(-45deg);
	-o-transform: translateY(-35px) rotate(-45deg);
	transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
	-webkit-transform: translateY(-27px) rotate(45deg);
	-moz-transform: translateY(-27px) rotate(45deg);
	-ms-transform: translateY(-27px) rotate(45deg);
	-o-transform: translateY(-27px) rotate(45deg);
	transform: translateY(-27px) rotate(45deg);
}
.cd-see-all {
	position: absolute;
	z-index: 13;
	left: 0;
	top: 10vh;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	font-size: .75rem;
	-webkit-transition: color, .2s;
	-moz-transition: color, .2s;
	transition: color, .2s;
}
.no-touch .cd-see-all:hover {
	color: #79b6e4;
}
.cd-testimonials-all {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0 .3s;
	-moz-transition: opacity .3s 0s, visibility 0 .3s;
	transition: opacity .3s 0s, visibility 0 .3s;
}
.cd-testimonials-all .cd-testimonials-all-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul {
	width: 90%;
	max-width: 1170px;
	margin: 4em auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul::after {
	clear: both;
	content: "";
	display: table;
}
.cd-testimonials-all .cd-testimonials-item {
	margin-bottom: 2em;
	opacity: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translate3d(0, 0, 0) scale(0.4);
	-moz-transform: translate3d(0, 0, 0) scale(0.4);
	-ms-transform: translate3d(0, 0, 0) scale(0.4);
	-o-transform: translate3d(0, 0, 0) scale(0.4);
	transform: translate3d(0, 0, 0) scale(0.4);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
}
.cd-testimonials-all p {
	position: relative;
	background: #79b6e4;
	color: #fff;
	padding: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	border-radius: .25em;
	margin-bottom: 1em;
}
.cd-testimonials-all p::after {
	/* creating the triangle in css */
	content: '';
	position: absolute;
	top: 100%;
	left: 2em;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top-color: #79b6e4;
}
.cd-testimonials-all .cd-author {
	text-align: left;
	margin-left: 1.5em;
}
.cd-testimonials-all .cd-author img {
	box-shadow: 0 0 0 transparent;
}
.cd-testimonials-all.is-visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, visibility 0 0;
	-moz-transition: opacity .3s 0s, visibility 0 0;
	transition: opacity .3s 0s, visibility 0 0;
	position: absolute;
	z-index: 2;
}
.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {
	-webkit-overflow-scrolling: touch;
}
.cd-testimonials-all.is-visible .cd-testimonials-item {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}
.close-btn {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 5%;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 2;
}
.close-btn::before, .close-btn::after {
	/* close icon in css */
	content: '';
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 24px;
	top: 8px;
	left: 19px;
	background-color: #39393c;
}
.close-btn::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-btn::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.services-titles {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.services-titles li {
	width: 49%;
	position: relative;
	text-align: left;
	padding: 30px 50px;
}
.services-titles li.left {
	text-align: right;
}
.slider-icons {
	width: 100%;
	max-width: 1200px;
	margin: 20px auto 0;
}
.slider-icons ul {
	width: 49%;
	display: inline-block;
}
.slider-icons ul li {
	display: inline-block;
	margin: 0 5px;
	width: 20%;
	font-size: 11px;
	color: #fff;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
}
.slider-icons ul li.active {
	opacity: 1;
}
.slider-icons ul li img {
	max-width: 80%;
}

/* -------------------------------- 

Clients

-------------------------------- */

.section.clients img {
	width: 50%;
}
.section.clients h3 {
	color: #0013ff;
	position: absolute;
	font-size: 3rem;
	top: 50vh;
	/* right: -36vh; */
	-webkit-transform: translateX(-1.7em) rotate(270deg);
	-moz-transform: translateX(-1.7em) rotate(270deg);
	-ms-transform: translateX(-1.7em) rotate(270deg);
	-o-transform: translateX(-1.7em) rotate(270deg);
	transform: translateX(-1.7em) rotate(270deg);
	transform-origin: left top 0;
	width: 45vh;
	text-align: right;
	left: 100vw;
}

/* -------------------------------- 

Projects

-------------------------------- */

.section.projects h3 {
	color: #fff;
	position: absolute;
	font-size: 3rem;
	top: 50vh;
	/* right: -36vh; */
	-webkit-transform: translateX(-1.7em) rotate(270deg);
	-moz-transform: translateX(-1.7em) rotate(270deg);
	-ms-transform: translateX(-1.7em) rotate(270deg);
	-o-transform: translateX(-1.7em) rotate(270deg);
	transform: translateX(-1.7em) rotate(270deg);
	transform-origin: left top 0;
	width: 45vh;
	text-align: right;
	left: 100vw;
	z-index: 3;
}

/* -------------------------------- 

Contact Us

-------------------------------- */

.section.contactUs h3 {
	color: #0013ff;
	position: absolute;
	font-size: 3rem;
	top: 50vh;
	/* right: -36vh; */
	-webkit-transform: translateX(-1.7em) rotate(270deg);
	-moz-transform: translateX(-1.7em) rotate(270deg);
	-ms-transform: translateX(-1.7em) rotate(270deg);
	-o-transform: translateX(-1.7em) rotate(270deg);
	transform: translateX(-1.7em) rotate(270deg);
	transform-origin: left top 0;
	width: 45vh;
	text-align: right;
	left: 100vw;
}
.section.contactUs p, .section.contactUs ul.social li, .section.contactUs a {
	position: relative;
	z-index: 1;
	color: #fff;
}
.section.contactUs ul.social li {
	width: 50px;
	display: inline-block;
	padding-bottom: 3em;
}
.section.contactUs a.phone {
	font-family: 'proxima_nova_alt_rgbold', sans-serif;
	font-size: 3rem;
	width: 100%;
}
.section.contactUs ul.contact li {
	width: 100%;
	font-family: 'proxima_nova_altlight', sans-serif;
	padding: 0.5em 0 0 0;
}
.section.contactUs ul.contact li.address, .section.contactUs ul.contact li.email {
	font-family: 'proxima_nova_altlight', sans-serif;
}
.section.contactUs a>.fa {
	padding-right: 10px;
}
.section.contactUs svg {
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}
.section.contactUs img {
	width: 100%;
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.aligner-item.first .fa-phone {
	cursor: pointer;
}
.phone-tooltips {
	position: absolute;
	font-size: 15px;
	padding: 10px;
	color: #fff;
	background: #000;
	right: -50px;
	top: -20px;
	display: none;
}
.phone-tooltips:after {
	top: 100%;
	left: 18%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 10px;
	margin-left: -10px;
}
.section.clients .hand-left, .section.clients .hand-right {
	width: 50%;
}
.section.clients .hand-left img, .section.clients .hand-right img {
	width: auto;
	max-width: 100%;
}
.section.clients .hand-left {
	position: absolute;
	left: 25%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
	z-index: 2
}
.section.clients .hand-right {
	position: absolute;
	right: 0%;
	top: -25%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
	z-index: 1;
}
.section.clients.active .hand-left {
	position: absolute;
	left: 25%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
	top: 0;
}
.section.clients.active .hand-right {
	position: absolute;
	right: 25%;
	top: 0%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
}
.section.contactUs .hand-left, .section.contactUs .hand-right {
	width: 50%;
}
.section.contactUs .hand-left img, .section.contactUs .hand-right img {
	width: auto;
	max-width: 100%;
}
.section.contactUs .hand-left {
	position: absolute;
	left: -25%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
}
.section.contactUs .hand-right {
	position: absolute;
	right: -25%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
}
.section.contactUs.active .hand-left {
	position: absolute;
	left: 0%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
}
.section.contactUs.active .hand-right {
	position: absolute;
	right: 0%;
	bottom: 0px;
	-webkit-transition-duration: 3s;
	/* Safari */
	transition-duration: 3s;
}
#qLoverlay {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
.page-loader {
	width: 100%;
	max-width: none;
	z-index: 99999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loader-logo {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	display: none;
}

#landscape-attention {display:none;}

/********************** Responsive css****************/

@media screen and (orientation:landscape) and (max-device-width:1024px) {
  body {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    width: 100vw /* screen width */ ;
    height: 100vh/* screen height */ ;
    overflow: scroll;
  }

    #landscape-attention {
    z-index:999999999;
    display: block;
    left:0;
    top:0;
    right:0;
    bottom:0;
    color: #000;
    text-align:center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    padding: 20% 30%;
    font-size: 2rem;
    line-height: 1.3;
    color: #4d4d4d;
    font-family: 'proxima_nova_altlight', sans-serif;
    }

    #landscape-attention img{
    	width:40%;
    	max-width:200px;
		margin-top:30px;
    }
}

@media only screen and (min-width: 321px) /*mobile landscape*/{
	.cd-testimonials-wrapper {
		margin: 4em auto;
		padding: 64px 50px 114px;
	}
	.cd-author img {
		height: 30vh;
	}
	.cd-author .cd-author-info {
		line-height: 1.4;
	}
	.cd-author .cd-author-info li:first-child {
		font-size: 16px;
		font-size: 1rem;
	}
	.cd-author .cd-author-info li:last-child {
		font-size: 14px;
		font-size: .875rem;
	}
	.flex-direction-nav li {
		width: 50px;
	}
	.flex-direction-nav li:first-child {
		left: 30px;
	}
	.flex-direction-nav li:last-child {
		right: 30px;
	}
	.cd-testimonials-all .cd-testimonials-item {
		width: 46%;
		margin: 0 2% 3em;
	}
	.cd-testimonials-all .cd-author {
		margin-left: 1em;
	}
}
@media only screen and (min-width: 768px) {
	.cd-logo {
		left: 2.6em;
		top: 2.6em;
	}
    .cd-secondary-nav {
		display: block;
	}
}
@media only screen and (min-width: 769px) /*tablet landscape*/ {
	.cd-primary-nav-trigger {
		width: 100px;
		padding-left: 1em;
		background-color: transparent;
		height: 50px;
		line-height: 50px;
		right: 1em;
		top: 0;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-primary-nav-trigger .cd-menu-text {
		display: inline-block;
	}
	.cd-primary-nav-trigger .cd-menu-icon {
		left: auto;
		right: 1em;
		-webkit-transform: translateX(0) translateY(-50%);
		-moz-transform: translateX(0) translateY(-50%);
		-ms-transform: translateX(0) translateY(-50%);
		-o-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
	}
    	.cd-testimonials-wrapper {
		margin: 4em auto;
		padding: 64px 50px 114px;
	}
	.cd-author img {
		height: 30vh;
	}
	.cd-author .cd-author-info {
		line-height: 1.4;
	}
	.cd-author .cd-author-info li:first-child {
		font-size: 16px;
		font-size: 1rem;
	}
	.cd-author .cd-author-info li:last-child {
		font-size: 14px;
		font-size: .875rem;
	}
	.flex-direction-nav li {
		width: 50px;
	}
	.flex-direction-nav li:first-child {
		left: 30px;
	}
	.flex-direction-nav li:last-child {
		right: 30px;
	}
	.cd-testimonials-all .cd-testimonials-item {
		width: 46%;
		margin: 0 2% 3em;
	}
	.cd-testimonials-all .cd-author {
		margin-left: 1em;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-testimonials-wrapper {
		padding: 0 100px;
		min-height: 50%;
		margin: 0 auto;
	}
	.cd-author img {
		height: 30vh;
	}
	.flex-direction-nav li a::before, .flex-direction-nav li a::after {
		/* background-color: #5e5e63; */
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		transition: background-color .2s;
	}
	.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
		background-color: #fff;
	}
	.cd-testimonials-all .cd-testimonials-item {
		width: 30%;
		margin: 0 1.6666% 3em;
	}
}

@media only screen and (min-width: 1280px) {
	#header-logo {
		padding-left: 1.5em;
	}
    .cd-logo svg {
		display: block;
		width: 150px;
	}
	.aligner-item.first {
		/* padding-right: 25%; */
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.aligner-item.third {
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%);
	}
    .section.services h5 {
		font-size: 2.5rem;
	}
	.section.services p {
		font-size: 1rem;
	}
	.cd-testimonials-wrapper {
		max-width: 1100px;
	}
    .section.contactUs h3 {
		font-size: 3rem;
	}
    .section.contactUs ul.contact li.address, .section.contactUs ul.contact li.email {}
}


@media only screen and (max-device-width: 768px) {
	#header-logo {
		top: -18px;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(100%);
		-moz-transform: translateX(-50%) translateY(100%);
		-ms-transform: translateX(-50%) translateY(100%);
		-o-transform: translateX(-50%) translateY(100%);
		transform: translateX(-50%) translateY(100%);
		padding: 30px;
	}
	#header-nav {
		right: 0;
		float: right;
		z-index: 10;
	}
	.fp-viewing-5thPage>#header-logo>.cd-logo svg path.st0 {
		fill: #0013FF;
	}
	.fp-viewing-5thPage>#header-logo>.cd-logo svg path {
		fill: #000;
	}
	.fp-viewing-5thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon, .fp-viewing-5thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::before, .fp-viewing-5thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon::after {
		background-color: #0013FF;
	}
	.fp-viewing-5thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .fp-viewing-5thPage>#header-nav>.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
		background-color: #fff;
	}
	.cd-primary-nav-trigger {
		/* width: 100px; */
		/* padding-bottom: 1em; */
		/* background-color: transparent; */
		/* height: 50px; */
		/* line-height: 50px; */
		/* right: 50vw; */
		/* top: 0; */
		/* -webkit-transform: translateX(50%) translateY(-200%); */
		-moz-transform: translateX(50%) translateY(-200%);
		-ms-transform: translateX(50%) translateY(-200%);
		-o-transform: translateX(50%) translateY(-200%);
		/* transform: translateX(50%) translateY(-200%); */
	}
	.cd-primary-nav-trigger .cd-menu-icon {
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 55px;
		height: 5px;
		background-color: #fff;
		-webkit-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
		/* these are the upper and lower lines in the menu icon */
	}
	.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: #fff;
		right: 0;
		-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
		-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
		transition: transform .3s, top .3s, background-color 0s;
	}
	.cd-primary-nav-trigger .cd-menu-icon::before {
		top: -16px;
	}
	.cd-primary-nav-trigger .cd-menu-icon::after {
		top: 16px;
	}
	.cd-primary-nav a {
		font-size: 8rem;
	}
	.cd-primary-nav li.mobile {
		padding: 50px 0;
		font-size: 7rem;
		height: auto;
	}
	.cd-primary-nav.is-visible .menu-social i.fa {
		font-size: 1.3rem;
	}
	.cd-primary-nav.is-visible li.mobile a.menu-social i.fa {
		font-size: 6rem;
	}
	.aligner-item.first, .aligner-item.third {
		display: none;
	}
	.section.intro svg {
		width: 70%;
	}
	.section.aboutUs h3 {
		font-size: 8rem;
		top: 50vh;
		right: -38vh;
		width: 45vh;
	}
	.section.aboutUs>.fp-tableCell>.aligner {
		padding: 0 10%;
	}
	.aboutUs h5 {
		/* color:#0013ff; */
		font-size: 4rem;
		text-align: left;
		/* position:relative; */
		/* z-index:1; */
		/* width: 100vw; */
		padding: 0;
		top: -85px;
	}
	.aboutUs p {
		color: #4d4d4d;
		position: relative;
		z-index: 1;
		width: 100%;
		top: -40px;
		text-align: left;
		font-size: 30px;
		padding: 0;
		line-height: 1.1;
	}
	.section.aboutUs svg {
		width: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		z-index: 0;
	}
	g.greyCircle {
		opacity: 0.8;
	}
	.greyCircle {
		fill: #F2F2F2;
	}
	.section.aboutUs img {
		position: absolute;
		z-index: 1;
		width: 100vw;
		padding-top: 0;
		bottom: 180px;
		left: 50vw;
		transform: translateX(-50%) translateY(35%);
		/* display: none; */
		padding: 0;
	}
	.mobile {
		display: block;
		padding: 300px 17% 0 10%;
		height: 85vh;
	}
	.desktop {
		display: none;
	}
	.section.services h3 {
		font-size: 8rem;
		top: 50vh;
		right: -38vh;
		width: 45vh;
	}
	.section.services h5 {
		font-size: 6rem;
	}
	.section.services p {
		font-size: 4.5rem;
	}
	.section.services p, .section.services h5 {
		color: #fff;
		width: 100%;
		text-align: left;
		padding-bottom: 30px;
	}
        .services-heading {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: -webkit-transform .4s;
		-moz-transition: -moz-transform .4s;
		transition: transform .4s;
		z-index: 3;
		padding-left: 0;
	}
	.flex-direction-nav li:first-child {
		left: 0;
	}
	.flex-direction-nav li:last-child {
		right: 0px;
	}
	.cd-testimonials-wrapper {
		margin: 4em auto;
		padding: 64px 100px 0;
	}
	li.services-title a {
		font-size: 7rem;
		padding: 15px 50px;
	}
	ul.services-titles.is-clicked {
		-webkit-transform: translateX(-50%) translateY(-150%);
		-moz-transform: translateX(-50%) translateY(-200%);
		-ms-transform: translateX(-50%) translateY(-200%);
		-o-transform: translateX(-50%) translateY(-200%);
		transform: translateX(-50%) translateY(-200%);
	}
	.cd-testimonials-wrapper.is-visible {
		-webkit-transform: translateX(-50%) translateY(-45vh);
		-moz-transform: translateX(-50%) translateY(-45vh);
		-ms-transform: translateX(-50%) translateY(-45vh);
		-o-transform: translateX(-50%) translateY(-45vh);
		transform: translateX(-50%) translateY(-45vh);
	}
	.flex-direction-nav li a::before, .flex-direction-nav li a::after {
		left: 0%;
		top: 15vh;
		width: 5px;
		height: 23px;
		background-color: #fff;
	}
	.flex-direction-nav li a::before {
		-webkit-transform: translateY(-45px) rotate(45deg);
		-moz-transform: translateY(-45px) rotate(45deg);
		-ms-transform: translateY(-45px) rotate(45deg);
		-o-transform: translateY(-45px) rotate(45deg);
		transform: translateY(-45px) rotate(45deg);
	}
	.flex-direction-nav li a::after {
		-webkit-transform: translateY(-33px) rotate(-45deg);
		-moz-transform: translateY(-33px) rotate(-45deg);
		-ms-transform: translateY(-33px) rotate(-45deg);
		-o-transform: translateY(-33px) rotate(-45deg);
		transform: translateY(-33px) rotate(-45deg);
	}
	.flex-direction-nav li:last-child a::before {
		-webkit-transform: translateY(-45px) rotate(-45deg);
		-moz-transform: translateY(-45px) rotate(-45deg);
		-ms-transform: translateY(-45px) rotate(-45deg);
		-o-transform: translateY(-45px) rotate(-45deg);
		transform: translateY(-45px) rotate(-45deg);
	}
	.flex-direction-nav li:last-child a::after {
		-webkit-transform: translateY(-33px) rotate(45deg);
		-moz-transform: translateY(-33px) rotate(45deg);
		-ms-transform: translateY(-33px) rotate(45deg);
		-o-transform: translateY(-33px) rotate(45deg);
		transform: translateY(-33px) rotate(45deg);
	}
	.cd-author img {
		display: none;
	}
	.section.clients h3 {
		font-size: 8rem;
		top: 50vh;
		right: -38vh;
		width: 45vh;
	}
	.section.clients img {
		width: 100%;
	}
	.section.projects h3 {
		font-size: 8rem;
		top: 50vh;
		right: -38vh;
		width: 45vh;
		color: #0013ff;
	}
	.section.contactUs h3 {
		font-size: 8rem;
		top: 50vh;
		left: 100vw;
		right: -38vh;
		width: 45vh;
	}
	.section.contactUs ul.social li {
		width: 70px;
		display: inline-block;
		padding-bottom: 3em;
	}
	.section.contactUs a.phone {
		font-family: 'proxima_nova_alt_rgbold', sans-serif;
		font-size: 4rem;
		width: 100%;
	}
	.section.contactUs ul.contact li {
		width: 100%;
		font-family: 'proxima_nova_altlight', sans-serif;
		padding: 0 0 0 0;
		font-size: 4.5rem;
	}
	.section.contactUs ul.contact li.address, .section.contactUs ul.contact li.email {
		font-family: 'proxima_nova_altlight', sans-serif;
		width: 65%;
		margin: 0 auto;
		/* text-align: left; */
	}
	.contactUs ul.social {
		margin-top: 15px;
	}
	.section.contactUs ul.contact li.address {
		margin-top: 30px;
		font-size: 45px;
	}
	.section.contactUs ul.contact li.email a {
		font-size: 45px;
	}
	.section.contactUs .fa {
		font-size: 4rem;
	}
	.section.contactUs .email {
		font-size: 60px !important;
	}
	.section.contactUs a>.fa {
		padding-right: 10px;
	}
	.section.contactUs svg {
		width: 75%;
	}
	/*#header-logo{ top:-40px; }
	.section.services h3{ font-size:3rem; }*/
	li.services-title a {
		font-size: 3rem !important;
		text-align: center !important;
	}
	li.services-title.left::after {
		height: 85px !important;
		right: -1% !important;
	}
	.cd-testimonials-wrapper {
		padding: 64px 40px !important;
	}
	.cd-testimonials-wrapper.is-visible {
		transform: translateX(-50%) translateY(-30vh) !important;
	}
	.cd-author {
		bottom: 20px;
	}
	.services-titles li {
		padding: 30px 0 !important;
		text-align: center !important;
	}
	.slider-icons ul {
		width: 95% !important;
		display: block !important;
		margin: 0 auto;
	}
	.services-heading.move-up {
		transform: translateX(-50%) translateY(-92%) !important;
	}
	.slider-icons ul li {
		font-size: 2rem !important;
		width: 23% !important;
	}
	.section.services h5 {
		font-size: 5rem !important;
		padding: 0 0 30px 0 !important;
	}
	.section.services p {
		font-size: 4rem !important;
		padding: 0px !important;
	}
	.section.contactUs .hand-left, .section.contactUs .hand-right {
		width: 50%;
	}
	.section.contactUs .hand-left img, .section.contactUs .hand-right img {
		width: auto;
		max-width: 100%;
		bottom: 265px;
	}
	.section.clients .hand-left, .section.clients .hand-right {
		width: 50%;
	}
	.section.clients .hand-left img, .section.clients .hand-right img {
		width: 100%;
		max-width: 100%;
	}
	.section.clients .hand-left {
		position: absolute;
		left: 0;
		bottom: 0px;
		-webkit-transition-duration: 3s;
		/* Safari */
		transition-duration: 3s;
		width: 100%;
		z-index: 2;
		top: 25%;
	}
	.section.clients .hand-right {
		position: absolute;
		right: 0%;
		top: -25%;
		bottom: 0px;
		-webkit-transition-duration: 3s;
		/* Safari */
		transition-duration: 3s;
		z-index: 1;
	}
	.section.clients.active .hand-left {
		position: absolute;
		left: 0;
		bottom: 0px;
		-webkit-transition-duration: 3s;
		/* Safari */
		transition-duration: 3s;
		width: 100%;
		top: 25%;
	}
	.section.clients.active .hand-right {
		position: absolute;
		right: 0;
		top: 25%;
		bottom: 0px;
		-webkit-transition-duration: 3s;
		/* Safari */
		transition-duration: 3s;
		width: 100%;
	}
	#myVideo {
		display: none;
	}
}
@media only screen and (max-device-width: 500px) {
	html {
		font-size: 8px;
		-moz-text-size-adjust: none;
		webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
	}
}
@media only screen and (max-device-width: 320px) /*mobile landscape*/ {
    .services-heading {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: -webkit-transform .4s;
		-moz-transition: -moz-transform .4s;
		transition: transform .4s;
		z-index: 3;
		padding-left: 0;
	}
	.flex-direction-nav li:first-child {
		left: 0;
	}
	.flex-direction-nav li:last-child {
		right: 0px;
	}
	.cd-testimonials-wrapper {
		margin: 4em auto;
		padding: 64px 100px 0;
	}
	li.services-title a {
		font-size: 7rem;
		padding: 15px 50px;
	}
	ul.services-titles.is-clicked {
		-webkit-transform: translateX(-50%) translateY(-150%);
		-moz-transform: translateX(-50%) translateY(-200%);
		-ms-transform: translateX(-50%) translateY(-200%);
		-o-transform: translateX(-50%) translateY(-200%);
		transform: translateX(-50%) translateY(-200%);
	}
	.cd-testimonials-wrapper.is-visible {
		-webkit-transform: translateX(-50%) translateY(-45vh);
		-moz-transform: translateX(-50%) translateY(-45vh);
		-ms-transform: translateX(-50%) translateY(-45vh);
		-o-transform: translateX(-50%) translateY(-45vh);
		transform: translateX(-50%) translateY(-45vh);
	}
	.flex-direction-nav li a::before, .flex-direction-nav li a::after {
		left: 0%;
		top: 15vh;
		width: 5px;
		height: 23px;
		background-color: #fff;
	}
	.flex-direction-nav li a::before {
		-webkit-transform: translateY(-45px) rotate(45deg);
		-moz-transform: translateY(-45px) rotate(45deg);
		-ms-transform: translateY(-45px) rotate(45deg);
		-o-transform: translateY(-45px) rotate(45deg);
		transform: translateY(-45px) rotate(45deg);
	}
	.flex-direction-nav li a::after {
		-webkit-transform: translateY(-33px) rotate(-45deg);
		-moz-transform: translateY(-33px) rotate(-45deg);
		-ms-transform: translateY(-33px) rotate(-45deg);
		-o-transform: translateY(-33px) rotate(-45deg);
		transform: translateY(-33px) rotate(-45deg);
	}
	.flex-direction-nav li:last-child a::before {
		-webkit-transform: translateY(-45px) rotate(-45deg);
		-moz-transform: translateY(-45px) rotate(-45deg);
		-ms-transform: translateY(-45px) rotate(-45deg);
		-o-transform: translateY(-45px) rotate(-45deg);
		transform: translateY(-45px) rotate(-45deg);
	}
	.flex-direction-nav li:last-child a::after {
		-webkit-transform: translateY(-33px) rotate(45deg);
		-moz-transform: translateY(-33px) rotate(45deg);
		-ms-transform: translateY(-33px) rotate(45deg);
		-o-transform: translateY(-33px) rotate(45deg);
		transform: translateY(-33px) rotate(45deg);
	}
	.cd-author img {
		display: none;
	}
}

@media only screen and (min-device-width:540px) and (max-device-width: 640px) {
	.section.intro svg {
		/* width: 30%; */
		/* top: 65%; */
	}
	.aboutUs h5 {
		font-size: 3rem;
	}
	.mobile {
		padding: 125px 10% 0 10%;
		height: 47vh;
	}
	.section.aboutUs h3 {
		font-size: 3rem;
	}
	.aboutUs p {
		font-size: 15px;
	}
	.services-heading {
		position: absolute;
		top: 45%;
	}
	.section.services h3 {
		font-size: 3rem;
	}
	li.services-title a {
		font-size: 35px !important;
	}
	.slider-icons ul li img {
		max-width: 50% !important;
	}
	.slider-icons ul li {
		font-size: 22px !important;
	}
	.section.clients h3 {
		font-size: 3rem !important;
	}
	.section.clients .hand-left img, .section.clients .hand-right img {
		width: 65%;
	}
	.section.projects h3 {
		font-size: 3rem !important;
	}
	.cd-projects-container {
		top: 0px !important;
	}
	.cd-project-title {
		height: 200px !important;
		padding: 4px 30px !important;
	}
	.section.clients.active .hand-left {
		top: -10%;
	}
	.cd-project-title h2 {
		font-size: 3rem !important;
	}
	.section.contactUs .hand-left img, .section.contactUs .hand-right img {
		bottom: -75px;
	}
	.section.contactUs svg {
		top: 70%;
		width: 50%;
	}
	.section.contactUs h3 {
		font-size: 3rem;
		top: 70vh;
		left: 100vw;
		width: 64vh;
	}
	.section.contactUs a.phone {
		font-size: 2rem;
	}
	.section.contactUs ul.social li {
		padding-bottom: 0em;
	}
	.section.contactUs .fa {
		font-size: 2rem;
	}
	section.contactUs ul.contact li.address, .section.contactUs ul.contact li.email {
		width: 40%;
	}
	.section.contactUs ul.contact li.email a {
		font-size: 35px;
	}
	.services-heading {
		top: 45%;
	}
	.section.contactUs ul.contact li.address {
		margin-top: 5px;
		font-size: 25px;
		width: 35%;
	}
	.contactUs ul.social {
		margin-top: 115px;
	}
	.cd-projects-container .cd-projects-previews li {
		height: 200px !important;
	}
	.cd-project-title p {
		font-size: 2rem !important;
	}
}
@media only screen and (min-device-width:641px) and (max-device-width: 767px) {
	.section.intro svg {
		width: 30%;
		top: 65%;
	}
	.mobile {
		padding: 137px 10% 0 10%;
		height: 65vh;
	}
	.section.aboutUs h3 {
		top: 55vh;
		width: 50vh;
	}
	.aboutUs h5 {
		font-size: 3rem;
	}
	.aboutUs p {
		top: -65px;
		font-size: 25px;
	}
	.slider-icons ul li img {
		max-width: 50% !important;
	}
	.slider-icons ul li {
		font-size: 25px !important;
	}
	.services-heading {
		top: 45%;
	}
	li.services-title a {
		font-size: 2rem !important;
	}
	.section.services h3 {
		font-size: 4rem;
		left: 102vw;
	}
	.section.clients h3 {
		font-size: 4rem;
	}
	.section.clients .hand-left img, .section.clients .hand-right img {
		width: 45%;
	}
	.section.projects h3 {
		font-size: 4rem;
	}
	.cd-projects-container {
		top: 0px !important;
	}
	.cd-project-title h2 {
		font-size: 3rem !important;
	}
	.cd-projects-container .cd-projects-previews li {
		height: 200px !important;
	}
	.cd-project-title {
		height: 200px !important;
	}
	.cd-projects-container .cd-project-title p {
		font-size: 2rem;
	}
	.section.contactUs svg {
		width: 50%;
	}
	.section.contactUs .hand-left img, .section.contactUs .hand-right img {
		bottom: 0px;
	}
	.section.contactUs .fp-tableCell a.phone {
		font-size: 3rem !important;
	}
	.section.contactUs ul.contact li.address {
		margin-top: 0px;
		font-size: 30px;
		width: 35%;
	}
	.section.contactUs ul.social li {
		padding-bottom: 1em;
	}
	.section.contactUs .fa {
		font-size: 2rem;
	}
	.section.contactUs ul.contact li.email a {
		font-size: 25px;
	}
	.section.contactUs h3 {
		font-size: 4rem;
		top: 70vh;
		width: 67vh;
	}
}
@media only screen and (min-device-width:1024px) and (max-device-width: 1200px)  /*Ipad landscape*/  {
    .cd-logo svg {
    display: block;
    width: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
    
    #header-logo {
    padding-left: 1.5em;
}
    .aligner-item.first {
        /* padding-right: 25%; */
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        -o-transform: translateX(-25%);
        transform: translateX(-25%);
    }
    .aligner-item.third {
        -webkit-transform: translateX(25%);
        -moz-transform: translateX(25%);
        -ms-transform: translateX(25%);
        -o-transform: translateX(25%);
        transform: translateX(25%);
    }
    .slider-icons {
    width: calc(100% - 50px);
    max-width: 1200px;
    margin: 20px auto 0;
    float: left;
}
    
    li.services-title a {
    font-size: 1.9rem;
}
    .services-heading {
        padding-left: 25px;
    }
    
    .slider-icons ul li {
    display: inline-block;
    margin: 0 5px;
    width: 18%;
    font-size: 10px;
    color: #fff;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.6;
}
    .section.services h5 {
    float: left;
    text-align: right;
    font-size: 2rem;
    padding-right: 1rem;
    line-height: 1em;
}
    .section.services p {
    float: right;
    text-align: left;
    padding-left: 1rem;
    padding-top: 0.5rem;
    line-height: 1.1em;
    font-size: 0.9rem;
}
    .cd-testimonials-wrapper {
	position: absolute;
	width: 90%;
	}
    .flex-direction-nav li:last-child {
    right: 0;
}
    .section.clients.active .hand-left {
    position: absolute;
    left: 25%;
    bottom: 0px;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    top: 20%;
}
    

.section.clients.active .hand-right {
    position: absolute;
    right: 25%;
    top: 15%;
    bottom: 0px;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
}
    .cd-project-title h2 {
    font-size: 2rem!important;
    line-height: 1.5;
    font-weight: 700;
    color: #0013ff;
    position: relative;
    z-index: 2;
}
    .cd-project-title p {
    font-size: 0.9rem!important;
    line-height: 1.2;
    color: #0013ff;
}
    .section.contactUs a.phone {
    font-size: 2.5rem;
}
}

@media only screen and (min-device-width:768px) and (max-device-width: 1024px) /*Ipad portrait*/ and (orientation: portrait) {
    
    .cd-primary-nav a {
    font-size: 4rem;
}
    
    .cd-primary-nav.is-visible li.mobile a.menu-social i.fa {
    font-size: 3rem;
}
    
    .aboutUs h5 {
    font-size: 4rem;
    }
    .aboutUs p {
    font-size:1.5rem;
    }
    .mobile {
    padding: 250px 17% 0 10%;
    }
    .section.aboutUs h3, .section.services h3, .section.clients h3, .section.contactUs h3, .section.projects h3 {
    	font-size:4.5rem;
    }
    
    li.services-title a {
    font-size: 1.8rem !important;
}
    .slider-icons ul li {
    font-size: 1rem !important;
    width: 20% !important;
}
    .slider-icons ul li img {
    max-width: 80%;
}
    .services-heading {
    left: 45%;
    width: 90%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
    /* z-index: 3; */
    /* padding-left: 0; */;
}
    .section.services h5 {
    font-size: 3rem !important;
    padding: 0 0 30px 0 !important;
}
    .section.services p {
    font-size: 1.5rem !important;
    padding: 0 15px 0 0!important;
}
    .section.services h5 {
    font-size: 3rem !important;
    padding: 15px 10px 30px 0 !important;
}
.services-heading.move-up {
    transform: translateX(-50%) translateY(-92%) !important;
}
    .section.clients.active .hand-right {
    position: absolute;
    right: 0;
    top: 15%;
    bottom: 0px;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    width: 100%;
}
    .section.clients.active .hand-left {
    position: absolute;
    left: 0;
    bottom: 0px;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    width: 100%;
    top: 15%;
}
    
    .cd-project-title h2 {
    font-size: 4rem!important;
    line-height: 1.5;
    font-weight: 700;
    color: #0013ff;
    position: relative;
    z-index: 2;
    width: 60%;
}
    
    .cd-project-title p {
    font-size: 2rem!important;
    line-height: 1.2;
    color: #0013ff;
    width: 70%;
}
    .owl-carousel .owl-controls .owl-nav .owl-prev {
    right: 23%;
    height: 52px;
    width: 52px;
    bottom: 40px!important;
}
    .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 14%;
    height: 52px;
    width: 52px;
    bottom: 40px!important;
}
    .section.contactUs ul.contact li.address {
    margin-top: 30px;
    font-size: 30px;
}
    .section.contactUs ul.contact li.email a {
    font-size: 30px;
}
    .section.contactUs ul.social li {
    width: 30px;
    display: inline-block;
    padding-bottom: 3em;
}
.section.contactUs a>.fa {
    font-size: 2rem;
    padding-right: 20px;
}
    
}


@media only screen and (min-device-width:1024px) and (max-device-width: 1200px) and (orientation: portrait) /*Ipad pro portrait*/  {
    
    #header-logo {
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    -moz-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    -o-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    padding: 30px;
}
    .cd-logo svg {
    width: 150px!important;
}
    .section.aboutUs>.fp-tableCell>.desktop>.aligner {
    padding: 0 30% 0 25%;
}
    .aboutUs p {
    font-size: 1.2rem;
    line-height: 1.2;
}
    .services-heading {
    padding-left: 125px;
}
    li.services-title a {
    font-size: 1.rem!important;
}
    .slider-icons ul li {
    font-size: 0.8rem !important;
    width: 32% !important;
    padding-top: 10px;
}
    .cd-author img {
    height: 30;
}
    .flex-viewport {
    top: 30vh;
    padding: 0;
}
    .cd-testimonials {
        height: 40vh; 
        }
    
    .section.services p {
    font-size: 1.2rem!important;
}
    .cd-testimonials-wrapper {
    width: 100%!important;
    max-width: 876px;
    }
    .cd-testimonials>li {
    height: 55vh;
}
    .services-heading.move-up {
    transform: translateX(-50%) translateY(-111%) !important;
}
    .flex-direction-nav li:first-child {
    top:50%;
    left: 0;
}
    .flex-direction-nav li:last-child {
    right: 30px!important;
    top: 50%;
}
    .section.services h5 {
    padding: 0px 20px 10px 0 !important;
}
    .section.clients.active .hand-left {
    left: 0%!important;
}
    .section.clients.active .hand-right {
    right: 0%!important;
}
    .cd-project-title p {
    font-size: 0.8rem!important;
    line-height: 1.;
}
    .cd-project-title {
        min-height: 150px;
    }
    
    .section.contactUs svg{
        width: 65%;
    }
    
}


@media only screen and (min-device-width:1201px) and (max-device-width: 1279px)   {
    #header-logo {
    padding-left: 1.5em;
}
    .aligner-item.first {
        /* padding-right: 25%; */
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        -o-transform: translateX(-25%);
        transform: translateX(-25%);
    }
    .aligner-item.third {
        -webkit-transform: translateX(25%);
        -moz-transform: translateX(25%);
        -ms-transform: translateX(25%);
        -o-transform: translateX(25%);
        transform: translateX(25%);
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
          #header-logo {
    top: 50%;
    left: 0;
    -webkit-transform: translateX(-0%) translateY(-50%);
    -moz-transform: translateX(-0%) translateY(-50%);
    -ms-transform: translateX(-0%) translateY(-50%);
    -o-transform: translateX(-0%) translateY(-50%);
    transform: translateX(-0%) translateY(-50%);
    }
    
    .section.intro svg {
		width: 40%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

}