/*
Theme Name: Beryl India	
Theme URI: www.beryl.agency	
Author: Prashant
Author URI: https://beryl.agency
Description: Beryl is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business,  personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website.
Version: 1.2.4
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Beryl
Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.Beryl is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* browser reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {  
  font-size: 62.5%;  
  -webkit-text-size-adjust: 100%;
}
body {	  
  font-size: 1.9rem;
  line-height: 2.8rem;
  font-weight: 400;
  font-family: "Avenir", Arial , sans-serif;
  padding: 0;  
  color: #aa000b;  
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: 0; 
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #4781b9;
	-webkit-transition: color 0.7s ease 0s;
	transition: color 0.7s ease 0s;
}
a:hover {
	color: #6f8fad;
}
a:focus {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select {
	vertical-align: middle;
}
textarea:focus, input:focus{
    outline: none;
}
input, button {
	border-radius: 0px;
	-webkit-appearance: none;
}
svg { max-height: 100%; }

/* go structure */

#page {
	width: 100%;
	overflow: hidden;	
}
#page.page-change:before {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: 99;
	content: ''
}
.inner {
	width: 100%;
	max-width: 1392px;
	padding: 0 3rem;
	margin: 0 auto; 
	box-sizing: border-box;
}
.clear {
	font-size: 1px;
	clear: both;
}

.animated {
	-webkit-transform: translate(0,0)!important;
	transform: translate(0,0)!important;
	opacity: 1!important;
}

/* footer section */

#footer {
	padding: 0 3rem; 
	background: #aa000b;	
	position: relative;
	margin-top: -1px;
	z-index: 28000001;
}
#footer .inner {	
	border-top: 1px solid #21eef1;
	padding: 2.1rem 0 2rem; 		
	line-height: 19px;
	color: #ffffff;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.sk-footer #footer .inner {color:#ffffff;}
#footer .socials {
	float: right;
}
#footer .socials li {
	float: left;	
	margin-left: 2.7rem;
}
#footer .socials li a {
	display: block;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 0;	
	-webkit-transition: opacity .7s;
	transition: opacity .7s;
	text-indent: -9999px;	
	height: 19px;
	opacity: 0.6;	
}
#footer .socials li a:hover {
	opacity: 1;
}
#footer .socials li.linkedin-icon a {
	width: 19px;
}
#footer .socials li.twt-icon a {
	width: 19px;
	background-position: -41px 0;
}
#footer .socials li.instagram-icon a {
	width: 19px;
	background-position: -88px 0;
}
#footer .socials li.fb-icon a {
	width: 8px;
	background-position: -134px 0;
}
#footer .copyright {
	float: left;
}
#footer nav li {
	float: left;
	margin-left: 1.5rem;
	padding-left: 1.7rem;
	position: relative;
}
#footer  ul {
	list-style-type: none;
}
#footer nav li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	background: #ffffff;
	content: '';
	height: 1px;
	margin-top: -1px;
	display: block;
}
.sk-footer #footer nav li:before  {background:#aa000b;}
#footer nav li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: color .5s, opacity .5s;
	transition: color .5s, opacity .5s;
	opacity: 1;
}
.sk-footer #footer nav li a {
	color:#aa000b;
}
#footer nav li a:hover {
	color: #fff;
	opacity: 0.5;
}

/* Top Footer */

.top-footer {
	background: #aa000b;
	text-align: center;
	color: #fff;	
	padding: 10.5rem 0 6.8rem;
	font-size: 1.7rem;	
}
.top-footer .inner {
	position: relative;
}
.top-footer h3 {
	display: inline-block;
	text-align: center;
	font-size: 4rem;
	line-height: 4.2rem;
	position: relative;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	padding-bottom: 10rem;	
	margin-bottom: 3.7rem;
	letter-spacing: 2px;
}
.top-footer h3:before {
	position: absolute;
	left: 50%;
	top: 9rem;
	width: 1px;
	height: 0;
	-webkit-transition: height .5s .5s;
	transition: height .5s .5s;
	background: #16edf0;
	content: '';
	display: block;
}
.top-footer.animated h3:before {
	height: 5.4rem;
}
.top-footer h3 em {
	font-style: normal;
	position: relative;
	z-index: 4;
	display: inline-block;
	padding:  0 12.5rem;
}
.top-footer p {
	letter-spacing: 1px;
	word-spacing: -2px;
	position: relative;
	z-index: 5;
	opacity: 0;
	-webkit-transition: opacity .5s linear 1s;
	transition: opacity .5s linear 1s;
}
.top-footer p a {
	text-decoration: none;
	color: #16edf0;
}
.top-footer p a:hover {
	text-decoration: underline;
}

.top-footer.animated p {
	opacity: 1;
}
.top-footer h3 .img-wrap {
	position: absolute;
	top: -3.4rem;
	right: 0rem;
	padding: 6.3rem 0 0 7.6rem;
	display: block; 	
	z-index: 2;
}
.top-footer h3 .img-wrap:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 9.3rem;
	height: 9.3rem;	
	content: '';
	z-index: -1;
	display: block;
	border: 0.4rem solid #16edf0;	
}
.top-footer h3 .img-wrap img {
	width: 10.1rem;
	height: auto;
	vertical-align: top;
	-webkit-transform: translate(-7.6rem,-6.3rem);
	transform: translate(-7.6rem,-6.3rem);
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
}
.top-footer h3 .img-wrap img.no-transition {
	-webkit-transition: -webkit-transform 0s;
	transition: transform 0s;
}
.top-footer.animated h3 .img-wrap img {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.top-footer .deco {
	position: absolute;	
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .5s linear .7s;
	transition: transform .5s linear .7s;
}
.top-footer .deco span {
	border-radius: 50%;
	background: #16edf0;
	display: block;
}
.top-footer.animated .deco {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.top-footer .deco.deco-01 {
	left: 11.5%;
	top: 20%;	
}
.top-footer .deco.deco-01 span {
	width: 1.5rem;
	height: 1.5rem;
}
.top-footer .deco.deco-02 {
	left: 18.7%;
	top: 44%;	
	-webkit-transition: -webkit-transform .5s linear 1s;
	transition: transform .5s linear 1s;
}
.top-footer .deco.deco-02 span {
	width: 3.4rem;
	height: 3.4rem;
}

/* Insights */

.insights {
	background: #fafafb;
	position: relative;
}
.insights h3 {
	color: #aa000b;
	font-size: 13rem;
	font-family: 'Avenir';
	line-height: normal;
	font-weight: 900;
	text-align: center;	
	letter-spacing: 0;
	position: static;
	padding-top: 2.8rem;
	padding-bottom: 12.6rem;
	left: 0;
	right: 0;
	position: relative;
	z-index: 5;
}
.insight-row {	
	text-align: center; 
	opacity: 0;
	-webkit-transform: translate(0px, 5rem);
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	transform: translate(0px, 5rem);
	transition: transform 0.8s, opacity 0.8s;
	position: relative;
	z-index: 7;
}
.insight-row.first  a {
	padding-top: 13.6rem;
}
.insight-row.last  a {
	padding-bottom: 6.5rem;
}
.insight-row a {
	display: block;
	text-decoration: none;
	background: #fafafb;
	padding: 2rem 0;
	position: relative;
	z-index: 2;
	-webkit-transition: background .5s;
	transition: background .5s;
}
.insight-row a {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.insight-row a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #aa000b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.insight-row a:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.insight-row a strong,
.archive.tag h1 {
	display: block;
	letter-spacing: 1px;
	word-spacing: -5px;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	font-size: 4.2rem;
	letter-spacing: 1px;
	line-height: normal;
	color: #aa000b;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.archive.tag h1 {
	font-family: 'Avenir';
	font-weight: 400;
	font-size: 2.6rem;
	word-spacing: 0px;
}
.insight-row a .inner > span {
	color: #b0adb9;
	font-size: 1.9rem;
	line-height: normal;
	-webkit-transition: color .3s;
	transition: color .3s;
	display: block;
	padding-bottom: 2.6rem;
	padding-top: 1.6rem;
}
.insight-row a:hover strong,
.insight-row a:hover span {
	color: #fff;
}
.insight-row .inner {
	display: block;
	position: relative;
	z-index: 2;
}
.insight-row a .line {
	display: inline-block;
	position: relative;
}
.insight-row a .line:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 0px;
	background: #aa000b;
	content: '';
	-webkit-transition: width .25s;
	transition: width .25s;
}
.insight-row a:hover .line:before {
	width: 100%;
}
.insight-row a em,
.header-blog em.arrow
 {
	display: block;
	margin: 0 auto;
	height: 12px;
	width: 31px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
}

/* Power Statement */
.power-statement {
	position: relative;
	padding: 19rem 0 5rem;	
	overflow: hidden;
	z-index: 26;
}
.power-statement-wrap.marble {
  background: url(images/bg-marble.jpg) no-repeat 50% 100% / cover;
}
.power-statement .green-btn {
	display: block;
  border: 2px solid #16edf0;
  color: #aa000b;
  font-size: 1.7rem;
  line-height: 5.8rem;
  padding: 0;
  opacity: 0;
  width: 20rem;
  text-align: center;
  margin: 0 auto 2rem;
  position: relative;
  text-decoration: none;
  font-weight: 600;
  -webkit-transform: translate(0rem,5rem);
	transform: translate(0,5rem);
	-webkit-transition: -webkit-transform .7s ease .2s, opacity .7s ease .2s; 
	transition: transform .7s ease .2s, opacity .7s ease .2s;
}
.power-statement .green-btn:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	border: 3px solid transparent;
	-webkit-transition: border 0.4s;
  transition: border 0.4s;
}
.power-statement .green-btn:hover:before {
	border: 3px solid #16edf0;
}
.power-statement .pineapple {
	position: absolute;
	top: 0;	
	right: 0;
	width: 53.7rem;
	height: 37.7rem;
	background: url(/wp-content/uploads/2019/01/leaf-new.png) no-repeat 0% 0% / contain;
	z-index: 3;
}
.power-statement  .deco {
	position: absolute;	
	-webkit-transform: scale(0);
	transform: scale(0);
	right: 9.5%;
	top: 13rem;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.power-statement  .deco span {
	display: block;
	width: 5.2rem;
	height: 5.2rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	background: #16edf0;	
}
.power-statement.animated .deco {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.power-statement .inner {
	position: relative;
	z-index: auto;
	max-width: 1200px;
	padding-left: 340px;
	padding-bottom: 17rem;
}
.power-statement p,
.power-statement .our-ideals {
	max-width: 620px;
	text-align: left;	
	color: #aa000b;
	font-weight: 700;
	font-size: 5.4rem;
	letter-spacing: 1px;
	word-spacing: -1px;
	line-height: 7.5rem;	
	font-family: 'Avenir';
	font-weight: 700;	
	opacity: 0;
	-webkit-transform: translate(0rem,5rem);
	transform: translate(0,5rem);
	-webkit-transition: -webkit-transform .7s, opacity .7s; 
	transition: transform .7s, opacity .7s;
	position: relative;
	z-index: 4;
}
.power-statement .our-ideals  {
	opacity: 1;
	max-width: 660px;
	-webkit-transform: translate(0rem,0rem);
	transform: translate(0,0rem);	
}
.home .power-statement .our-ideals {
	padding-bottom: 0px;
}
.home .power-statement  .our-ideals .main-txt {
	padding-top: 5rem;
}
.home .power-statement  .our-ideals .main-txt .word {
	padding-left: 1rem;
	padding-right: 1rem;
}
.power-statement .our-ideals .clear {
	display: none;
}
.power-statement p a {
	display: inline-block;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	color: #16edf0;	
	-webkit-transition: color .5s;
	transition: color .5s;
	white-space: nowrap;
}
.power-statement p a:hover span:after  {
	width: 100%;
}
.power-statement p a:hover span:before  {
	width: 0%;
}
.power-statement p a span {
	position: relative;
	display: inline-block;
	padding: 0 1px;
}
.power-statement p a span:before {
	position: absolute;
	width: 100%;
	-webkit-transition: width .7s;
	transition: width .7s;
	right: 0;
	bottom: .6rem;
	content: '';
	height: 2px;
	background: #16edf0;
	display: block;
}
.power-statement p a span:after {
	position: absolute;
	left: 0;
	-webkit-transition: width .7s;
	transition: width .7s;
	right: 0;
	bottom: .6rem;
	content: '';
	height: 3px; 
	background: #aa000b;
	display: block;
	width: 0px;
}
.power-statement.animated p,
.power-statement.animated p + .green-btn {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1
}
.power-statement .photo img {
	width: 14rem;
	vertical-align: top;
	height: auto;
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
}
.power-statement .photo .img-wrap {
	position: relative;
	float: left;
	display: block;
}
.power-statement .photo .table {
	width: 32rem;
	height: 14rem;
	display: table;
	left: -1rem;
	position: relative;
}
.power-statement .photo .table .table-cell {
	vertical-align: top;
	height: 100%;
	display: table-cell;
}
.power-statement .photo strong {	
	font-size: 1.6rem;
	line-height: 2rem;
	display: block;
	font-weight: 600;
	margin-bottom: 1rem;
	padding-top: 4rem;
	min-height: 4rem;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.power-statement .photo .table span {	
	padding-left: 39px;
	font-size: 1.5rem;
	line-height: 2rem;	
	display: block;
	position: relative;	
	letter-spacing: 0.5px;
}
.power-statement .photo .table span:before {
	position: absolute;
	left: 0;
	top: 2.5rem;
	content: '“';
	font-family: 'CaslonGraphiqueEF';
	font-size: 6rem;
	line-height: 0;
	height: 6rem;
	color: #16edf0;
	display: block;	
}
.power-statement .photo .img-wrap:before {
	position: absolute;
	left: 0;
	bottom: -2.4rem;
	width: 9.2rem;
	height: 9.2rem;	
	content: '';
	z-index: -1;
	display: block;
	border: 0.4rem solid #16edf0;	
}
.power-statement .photo.photo-top {
	padding-bottom: 4.6rem;
	opacity: 0;
	-webkit-transform: translate(-4rem,0);
	transform: translate(-4rem,0);
	-webkit-transition: -webkit-transform .7s, opacity .7s; 
	transition: transform .7s, opacity .7s;
}
.power-statement .photo.photo-top .img-wrap::before {
	-webkit-transform: translate(1.8rem,-2.4rem);
	transform: translate(1.8rem,-2.4rem);
	-webkit-transition: -webkit-transform .5s linear .5s; 
	transition: transform .5s linear .5s;
}
.power-statement .photo.photo-top .table {
	opacity: 0;
	-webkit-transform: translate(-6rem,0);
	transform: translate(-6rem,0);
	-webkit-transition: -webkit-transform .7s, opacity .7s; 
	transition: transform .7s, opacity .7s;
}
.power-statement .photo.photo-top.animated .img-wrap::before {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.power-statement .photo.photo-bottom {	
	opacity: 0;
	-webkit-transform: translate(4rem,0);
	transform: translate(4rem,0);
	-webkit-transition: -webkit-transform .7s, opacity .7s; 
	transition: transform .7s, opacity .7s;
}
.power-statement .photo.photo-bottom .img-wrap::before {
	-webkit-transform: translate(-2rem,-2.8rem);
	transform: translate(-2rem,-2.8rem);
	-webkit-transition: -webkit-transform .5s linear .5s; 
	transition: transform .5s linear .5s;
}
.power-statement .photo.photo-bottom .table {
	opacity: 0;
	-webkit-transform: translate(6rem,0);
	transform: translate(6rem,0);
	-webkit-transition: -webkit-transform .7s, opacity .7s; 
	transition: transform .7s, opacity .7s;
}
.power-statement .photo.photo-bottom.animated .img-wrap::before {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.power-statement .photo.photo-top .img-wrap {
	padding-left: 1.8rem;
}
.power-statement .photo.photo-bottom {
	float: right;
	width: 44rem;
}
.power-statement .photo.photo-bottom .table {
	width: 28rem;
}
.power-statement .photo.photo-bottom .img-wrap {
	padding-right: 2rem;
	float: right;
}
.power-statement .photo.photo-bottom .img-wrap::before {
	right: 0;
	bottom: -2.8rem;
	left: auto;
}
.power-statement .photo.photo-bottom .img-wrap img {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
.power-statement .photo.photo-bottom .table {
	text-align: right;
	left: auto;
	right: -1.1rem;
}
.power-statement .photo.photo-bottom .table span {
	padding-right: 4rem;
	padding-left: 0px;
}
.power-statement .photo.photo-bottom .table span:before {
	right: 0;
	left: auto;
	content: '”';
}
.power-statement svg {
	position: absolute;
	left: 28px;
	bottom: 0;

}

/* Agency page */

.banner-outer {
	position: relative;
}
.contacr-wrap .banner-outer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	max-height: 698px;
	overflow: hidden;
}
.banner-outer  img {
	width: 100%;
	height: auto;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: auto;
}
.banner-outer #bannerMask {	
	display: block;
	width: 100%;
	height: auto;
}
svg.defs-only {
  border: medium none;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}
#banner-heading,
#banner-heading-2,
#banner-heading-right,
#banner-heading-right-2 {
	font-size: 317px;
  font-weight: 900;  
  background: transparent;
  visibility: hidden;
}

/* Feature Text */
.feature-txt {
	position: relative;
	z-index: 10;	
}
.feature-txt .col-r {
	float: right;
	width: 39.5%;
	padding-right: 3%;
	margin-top: -17.4rem;
	font-size: 5.4rem;
	font-weight: bold;
	line-height: 7rem;
	color: #aa000b;
	padding-bottom: 5.9rem;
	padding-top: 7.5rem;
	position: relative;
	letter-spacing: 1px;
	opacity: 0;	
}
.feature-txt .col-r a {
	display: inline-block;
	font-size: 1.9rem;
	line-height: normal;
	font-weight: bold;
	font-family: 'Avenir';
	color: #aa000b;
	padding-left: 48px;
	position: relative;
	text-decoration: none;
	float: left;
	margin-top: 6rem;
}
.feature-txt .col-r a:before{
	display: block;	
	height: 12px;
	width: 31px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	top: 50%;
	margin-top: -6px;
	left: 0;
	content: '';
	text-indent: -9999px;
	position: absolute;
}
.feature-txt .col-r a:hover:before {
	-webkit-transform: translate(.5rem, 0);
	transform: translate(.5rem, 0);
}
.feature-txt .col-l {
	float: left;
	width: 36%;
	padding-left: 4.8%;	
	font-size: 2.3rem;	
	line-height: 3.5rem;
	color: #aa000b;
	padding-top: 15rem;	
	padding-bottom: 4.8rem;
	opacity: 0;
	-webkit-transform: translate(-8rem, 0);
	transform: translate(-8rem, 0);
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
}
.feature-txt .col-l p {
	margin-bottom: 2.5rem;
}
.feature-txt .col-r .deco-top {
	display: block;
	width: 0%;
	height: 1.8rem;
	background: #16edf0;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: width .5s linear 1.3s;
	transition: width .5s linear 1.3s;
}
.feature-txt .col-r p {
	position: relative;
	z-index: 2;
	color: transparent;
}
.feature-txt .col-r p i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	color: #aa000b;
}
.feature-txt .col-r p span {
	display: inline-block;
	vertical-align: top;	
	overflow: hidden;
	margin-left: -1px;
}
.feature-txt .col-r p span em {
	display: block;
	font-style: normal;
	padding-top: 2rem;
	opacity: 0;	
	will-change: transform;	
}
.feature-txt .col-r p.animate span em {
	-webkit-animation-name: statementAnimation;
  animation-name: statementAnimation; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.feature-txt .col-r p.animate span.line-2 em {
	-webkit-animation-delay: .05s; 
  animation-delay: .05s;	
}
.feature-txt .col-r p.animate span.line-3 em {
	-webkit-animation-delay: .1s; 
  animation-delay: .1s;	
}
.feature-txt .col-r p.animate span.line-4 em {
	-webkit-animation-delay: .15s; 
  animation-delay: .15s;	
}
.feature-txt .col-r p.animate span.line-5 em {
	-webkit-animation-delay: .2s; 
  animation-delay: .2s;	
}
.feature-txt .col-r p.animate span.line-6 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .25s;	
}
.feature-txt .col-r p.animate span.line-7 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .3s;	
}
.feature-txt .col-r p.animate span.line-8 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .35s;	
}
.feature-txt .col-r p.animate span.line-9 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .4s;	
}
.feature-txt .col-r p.animate span.line-10 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .45s;	
}
.feature-txt .col-r p em {
	font-style: normal;
}
.feature-txt .col-r.animated .deco-top {
	width: 20%;
}
.feature-txt .col-r .deco-bottom  {	
	position: absolute;
	right: 10%;
	bottom: 0;
}
.services-top .deco-bottom,
.power-services .deco-bottom {
	position: absolute;
	right: 12%;
	top: 34rem;
	z-index: 9;
}
.services-top .deco-bottom {
	right: 24%;
	top: 10rem;
	opacity: 0;	
	-webkit-transition: opacity .7s ease-in .4s;
	transition: opacity .7s ease-in .4s;
}
.services-top .deco-bottom.animate {
	opacity: 1;
}
.feature-txt .col-r .deco-bottom span,
.services-top .deco-bottom span,
.power-services .deco-bottom span {
	display: block;
	width: 5.2rem;
	height: 5.2rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	background: #16edf0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.feature-txt .col-r .deco-bottom.show span,
.services-top .deco-bottom span,
.power-services .deco-bottom.show span {
	-webkit-transform: scale(1);
	transform: scale(1);	
}

/* Three subpages */

.three-subpages {
	padding-top: 13rem;
}
.three-subpages .inner {
	max-width: 1461px;	
}
.three-subpages a {
	text-decoration: none;
	color: #aa000b;
	display: block;
	position: relative;
}
.three-subpages .img-wrap {
	position: relative;
	box-shadow: -8px 8px 5px rgba(11,11,12,0.14);
	display: block;
	overflow: hidden;
	z-index: 5;
}
.three-subpages .img-wrap i {
	display: block;
	-webkit-transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
}
.three-subpages .img-wrap i.no-scale {
  -webkit-transition: -webkit-transform 0s;
	transition: transform 0s;	
}
.three-subpages .img-wrap img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.is-desktop .three-subpages a:hover .img-wrap img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.three-subpages .col {
	float: left;
	width: 28.5%;
	margin-left: 7.25%;	
}
.three-subpages .col.col-01 {
	margin-left: 0px;
}
.three-subpages .img-wrap strong {
	position: absolute;
}
.three-subpages .img-wrap .purple {
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background: rgba(170,0,11,0.8);
	-webkit-transition: opacity .7s;
	transition: opacity .7s;
	position: absolute;
}
.three-subpages em {
	display: block; 
	color: #aa000b;
	position: absolute;
	left: 22%;
	bottom: 0;
	font-style: normal;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .7s;
	transition: transform .7s;
}
.three-subpages strong {
	font-size: 5rem;
	line-height: 5rem;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform .7s;
	transition: transform .7s;
	white-space: nowrap;
	color: #aa000b;
	-webkit-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
	display: block;
	position: absolute;
	left: 0%;
	bottom: 0;
	z-index: 4;
	letter-spacing: -1px;
	will-change: transform;
}
.three-subpages .img-wrap strong {
	-webkit-transition: -webkit-transform .7s, color .7s;
	transition: transform .7s, color .7s;
	color: #aa000b;	
	opacity: 0;
}
.three-subpages.positioned .img-wrap strong {
	opacity: 1;
}
.three-subpages .descr {
	display: block;
	padding: 5.6rem 15% 1.3rem 31%;
	font-size: 1.7rem;
	line-height: 2.5rem;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.three-subpages .arrow {
	display: block;	
	height: 12px;
	width: 31px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -117px -20px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: width .3s, background .3s;
	transition: width .3s, background .3s;
	margin-top: 3.4rem;
}
.deco-border {
	position: absolute;
	display: block;
	top: 2rem;
	left: 2rem;
	right: 2rem;
	bottom: -6rem;
	z-index: 2;
}
.three-subpages.positioned .img-wrap .deco-border .line {
	background: #fff;
}
.three-subpages .line {
	position: absolute;
	background: #aa000b;
}
.line.line-01 {
	right: 0px;
	top: 0px;
	height: 2px;
	width: 0;
	-webkit-transition: width .12s linear;
	transition: width .12s linear;
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
}
.line.line-02 {
	right: 0px;
	bottom: 0px;
	height: 0px;
	width: 2px;
	-webkit-transition: height .12s linear;
	transition: height .12s linear;
	-webkit-transition-delay: .24s;
	transition-delay: .24s;
}
.line.line-03 {
	right: 0px;
	bottom: 0px;
	height: 2px;
	width: 0;
	-webkit-transition: width .12s linear;
	transition: width .12s linear;
	-webkit-transition-delay: .24s;
	transition-delay: .24s;
}
.line.line-04 {
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 2px;
	-webkit-transition: height .12s linear;
	transition: height .12s linear;
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
}
.is-desktop .three-subpages a:hover .img-wrap .purple {
	opacity: 1;
}
.is-desktop .three-subpages a:hover .arrow {
	width: 41px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -107px -20px;
	-webkit-transition: width .3s linear .17s, background .3s linear .17s;
	transition: width .3s linear .17s, background .3s linear .17s;
}
.is-desktop .three-subpages a:hover em {
	-webkit-transform: translate3d(0, -1rem, 0);
	transform: translate3d(0, -1rem, 0);
	-webkit-transition: -webkit-transform .5s linear .17s;
	transition: transform .5s linear .17s;
}
.is-desktop .three-subpages a:hover .img-wrap strong {
	color: #fff;	
	-webkit-transition: -webkit-transform .5s linear .17s, color .5s;
	transition: transform .5s linear .17s, color .5s;
}
.is-desktop .three-subpages a:hover .line.line-01 {		
	-webkit-transition-delay: .24s;
	transition-delay: .24s;
	width: 100%;
}
.is-desktop .three-subpages a:hover .line.line-02 {
	-webkit-transition-delay: .12s;
	transition-delay: .12s;		
	height: 100%;
}
.is-desktop .three-subpages a:hover .line.line-03 {	
	-webkit-transition-delay: .12s;
	transition-delay: .12s;		
	width: 100%;
}
.is-desktop .three-subpages a:hover .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: .24s;
	transition-delay: .24s;
}

/*our ideals*/
.our-ideals {
	background: url(/wp-content/uploads/2019/04/contcat-bg.jpg) no-repeat 50% 0% / cover;
	padding-top: 50.5rem;
	margin-top: -50.5rem;
	padding-bottom: 20rem;
	text-align: center;
}
.home .our-ideals {
	background: none;
	padding-top: 0!important;
	margin-top: 0!important;
	padding-bottom: 10rem;
	text-align: left;
}
.our-ideals h3 {
	text-transform: uppercase;
	color: #aa000b;
	font-size: 2.4rem;
	line-height: normal;
	font-family: 'Avenir Book';
	padding-bottom: 2.1rem;
	letter-spacing: 6px;
	font-weight: 400;
}
.our-ideals .main-txt {
	font-weight: 700;
	font-size: 5rem;
	color: #aa000b;
	line-height: 7rem;
	opacity: 0;
	overflow: hidden;
	letter-spacing: 1px;
	word-spacing: 1px;
	-webkit-transform: translate(0, 5rem);
	transform: translate(0, 5rem);
	-webkit-transition: -webkit-transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s;
}
.our-ideals .main-txt.ready {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.our-ideals .main-txt .word {
	display: inline-block;
	padding: .7rem 2rem; 
	color: #16edf0;
	font-family: 'Avenir';	
	font-weight: 400;	
	line-height: 5.6rem;
	vertical-align: top;
	position: relative;
	z-index: 2;
	white-space: nowrap;
	width: auto;
	-webkit-transition: width .5s;
	transition: width .5s;
	text-align: left;
	cursor: pointer;
}
.our-ideals .main-txt .word:before {
	position: absolute;
	display: block;
	content: "";
	height: 2px;
	left: 0;
	right: 0;
	bottom: 0.8rem;
	background: #16edf0;
	z-index: -1;
}
.our-ideals .main-txt .word:after {
	position: absolute;
	left: 0;
	-webkit-transition: width .7s;
	transition: width .7s;
	right: 0;
	bottom: .8rem;
	content: '';
	height: 3px; 
	background: #aa000b;
	display: block;
	width: 0px;
}
.our-ideals .main-txt .word:hover:after {
	width: 100%;
}
.our-ideals .main-txt .word .word-in {
	overflow: hidden;
	display: block;
	position: relative;
}
.our-ideals .main-txt .word em {
	font-style: normal;	
	display: inline-block;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
	-webkit-transition: -webkit-transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s;
}
.our-ideals .main-txt .word .to-change em {
	-webkit-transform: translate(0,-5.6rem);
	transform: translate(0,-5.6rem);
	opacity: 0;
}
.our-ideals .main-txt .word .next-to-change em {
	-webkit-transform: translate(0,5.6rem);
	transform: translate(0,5.6rem);
	opacity: 0;
}
.our-ideals .main-txt .word .next-to-change.show-next em {
	-webkit-transform: translate(0,0rem);
	transform: translate(0,0rem);
	opacity: 1;
}
.our-ideals .main-txt .word em:nth-child(2) {
	-webkit-transition-delay: .07s;
	transition-delay: .07s;
}
.our-ideals .main-txt .word em:nth-child(3) {
	-webkit-transition-delay: .14s;
	transition-delay: .14s;
}
.our-ideals .main-txt .word em:nth-child(4) {
	-webkit-transition-delay: .21s;
	transition-delay: .21s;
}
.our-ideals .main-txt .word em:nth-child(5) {
	-webkit-transition-delay: .28s;
	transition-delay: .28s;
}
.our-ideals .main-txt .word em:nth-child(6) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
.our-ideals .main-txt .word em:nth-child(7) {
	-webkit-transition-delay: .42s;
	transition-delay: .42s;
}
.our-ideals .main-txt .word em:nth-child(8) {
	-webkit-transition-delay: .49s;
	transition-delay: .49s;
}
.our-ideals .main-txt .word em:nth-child(9) {
	-webkit-transition-delay: .56s;
	transition-delay: .56s;
}
.our-ideals .main-txt .word em:nth-child(10) {
	-webkit-transition-delay: .63s;
	transition-delay: .63s;
}
.our-ideals .main-txt .word em:nth-child(11) {
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}
.our-ideals .main-txt .word em:nth-child(12) {
	-webkit-transition-delay: .77s;
	transition-delay: .77s;
}
.our-ideals .main-txt .word .text{
	display: none;	
}
.our-ideals .main-txt .word .text.next-to-change {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.our-ideals .main-txt .word .text.active{
	display: block;
	float: left;
}
.first-words,
.last-words {
	display: none;
	visibility: hidden;
}

/*Agency Bottom*/

.agency-bottom {
	position: relative;
	z-index: 2;	
	margin-top: -3rem;
}
.agency-bottom .inner {
	max-width: 1461px;
	position: relative;
}
.agency-bottom:before {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	content: '';
	background: #aa000b;
}
.agency-bottom:after {
	position: absolute;
	left: 0%;
	right: 50%;
	height: 40rem;
	bottom: 0;
	z-index: -1;
	content: '';
	background: #fafafb;
}
.agency-bottom .statement {
	float: left;
	width: 50%;	
	padding-top: 9.3rem;
}
.agency-bottom .statement-top {
	padding-left: 14%;
	padding-bottom: 42rem;
	
}
.agency-bottom .statement-top.animate h3,
.agency-bottom .statement-top.animate .entry {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.agency-bottom .statement h3 {
	font-size: 5rem;
	line-height: normal;
	color: #aa000b;
	padding-bottom: 3.7rem;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	letter-spacing: -1px;
	opacity: 0;
	-webkit-transform: translate(-4rem, 0);
	transform: translate(-4rem, 0);
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
}
.agency-bottom .statement .entry {
	padding-left: 17%;
	position: relative;
	width: 50%;
	color: #aa000b;
	font-size: 2.6rem;
	line-height: 4rem;
}


@keyframes statementAnimation {
  0% {       
		padding-top: 2rem;
		opacity: 0;
  }
  60% {
   padding-top: 0rem;
   opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -.7rem);
		transform: translate(0, -.7rem);
		padding-top: 0rem;
		opacity: 1;
  }
  100%{
    -webkit-transform: translate(0, 0.01rem);
		transform: translate(0, 0.01rem);
		padding-top: 0rem;
		opacity: 1;		
  }
}
@-webkit-keyframes statementAnimation {
  0% {       
		padding-top: 2rem;
		opacity: 0;
  }
  60% {
   padding-top: 0rem;
   opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -.7rem);
		transform: translate(0, -.7rem);
		padding-top: 0rem;
		opacity: 1;
  }
  100%{
    -webkit-transform: translate(0, 0.01rem);
		transform: translate(0, 0.01rem);
		padding-top: 0rem;
		opacity: 1;		
  }
}
.agency-bottom .statement .entry span {
	display: inline-block;
	vertical-align: top;	
	overflow: hidden;
}
.agency-bottom .statement .entry span em {
	display: block;
	font-style: normal;
	padding-top: 2rem;
	opacity: 0;	
	will-change: transform;	
}
.agency-bottom .statement .animate.entry span em {
	-webkit-animation-name: statementAnimation;
  animation-name: statementAnimation; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.agency-bottom .statement .animate .entry span.line-2 em {
	-webkit-animation-delay: .05s; 
  animation-delay: .05s;	
}
.agency-bottom .statement .animate .entry span.line-3 em {
	-webkit-animation-delay: .1s; 
  animation-delay: .1s;	
}
.agency-bottom .statement .animate .entry span.line-4 em {
	-webkit-animation-delay: .15s; 
  animation-delay: .15s;	
}
.agency-bottom .statement .animate .entry span.line-5 em {
	-webkit-animation-delay: .2s; 
  animation-delay: .2s;	
}
.agency-bottom .statement .animate .entry span.line-6 em {
	-webkit-animation-delay: .25s; 
  animation-delay: .25s;	
}

.quotes {
	position: absolute;
	left: -6px;
	z-index: -1;
	top: -100px;
}
.quotes.new-quotes {	
	left: -355px;	
	top: -174px;
}
.work-quote-inner .quotes.new-quotes {
	left: -370px;
}
.agency-bottom .quotes.new-quotes {
	top: -170px;
}
.power-services .quotes {
	left: 25px;
	top: -97px;
}
.quotes img {	
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	bottom: 0;
	top: 0;	
	opacity: 0;
	vertical-align: top;
}
.quotes img.show {
	opacity: 1;
}
.quotes img.active {
	position: static;
	opacity: 1;
}
.quotes img.hide {
	visibility: hidden;
}
.accolades {
	height: 40.3rem;
	background: #fafafb;
	padding-top: 8.5rem;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	position: absolute;
	left: 2%;
	right: 50%;
	bottom: 0;
}
.accolades h4 {
	padding-left: 14%;
	font-weight: normal;
	font-size: 2.4rem;
	text-transform: uppercase;
	letter-spacing: 6px;
	padding-bottom: 5rem;
}
.accolades ul {
	list-style-type: none;
	padding-top: 8px;
}
.accolades ul li {
	color: #fafafb;
	display: inline-block;
	margin-left: 8%;
}
.accolades ul li:first-child {
	margin-left: 0px;
}
.accolades ul li img.aw {
	width: 10rem;
	vertical-align: top;
	height: auto;
}
.accolades ul li .img-wrap {
	position: relative;	
	display: block;
	padding: 0 0 2.5rem 2.5rem;
	z-index: 2;
}
.accolades ul li .img-wrap .patern {
	display: block;
	overflow: hidden;
	position: relative;
	box-shadow: none;
  -webkit-transition: box-shadow .4s linear 1.4s;
  transition: box-shadow .4s linear 1.4s;	
}
.accolades ul li:nth-child(2) .img-wrap .patern {
	-webkit-transition: box-shadow .4s linear 1.55s;
  transition: box-shadow .4s linear 1.55s;		
}
.accolades ul li:nth-child(3) .img-wrap .patern {
	-webkit-transition: box-shadow .4s linear 1.9s;
  transition: box-shadow .4s linear 1.9s;		
}
.accolades ul.animate li .img-wrap .patern {
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);	
}
.accolades ul li .img-wrap .patern .paint {
	position: absolute;
	bottom: 0%;
	left: 0;	
	height: 332px;
	width: 600px;
	display: block;	
	-webkit-transform: translate(0,30px);
	transform: translate(0,30px);
	-webkit-transition: -webkit-transform 1.5s ease-in, height 1.5s ease-in;
	transition: transform 1.5s ease-in, height 1.5s ease-in;
}
.accolades ul li:nth-child(2) .img-wrap .patern .paint {
	-webkit-transform: translate(-100px,30px);
	transform: translate(-100px,30px);
	-webkit-transition: -webkit-transform 2s  ease-in .15s, height 2s  ease-in .15s;
	transition: transform 2s  ease-in .15s, height 2s  ease-in .15s;
}
.accolades ul.animate li:nth-child(2) .img-wrap .patern .paint {
	-webkit-transform: translate(-100px,180px);
	transform: translate(-100px,180px);	
}
.accolades ul li:nth-child(3) .img-wrap .patern .paint {
	-webkit-transform: translate(-180px,30px);
	transform: translate(-180px,30px);
	-webkit-transition: -webkit-transform 2s  ease-in .3s, height 2s  ease-in .3s;
	transition: transform 2s  ease-in .3s, height 2s  ease-in .3s;
}
.accolades ul.animate li:nth-child(3) .img-wrap .patern .paint {
	-webkit-transform: translate(-180px,180px);
	transform: translate(-180px,180px);	
}
.accolades ul.animate li .img-wrap .patern .paint  {
	-webkit-transform: translate(0px,130px);
	transform: translate(0px,130px);
	height: 180px;
}

.accolades .square {
	width: 9.2rem;
	height: 9.2rem;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.accolades .square .line {
	position: absolute;
	background: #16edf0;
}
.accolades .square .line.line-01 {
	left: 0px;
	top: 0px;
	height: .4rem;
	width: 0;
	-webkit-transition: width .2s linear;
	transition: width .2s linear;	
}
.accolades .square .line.line-02 {
	right: 0px;
	top: 0px;
	height: 0px;
	width: .4rem;
	-webkit-transition: height .2s linear;
	transition: height .2s linear;	
}
.accolades .square .line.line-03 {
	right: 0px;
	bottom: 0px;
	height: .4rem;
	width: 0;
	-webkit-transition: width .2s linear;
	transition: width .2s linear;	
}
.accolades .square .line.line-04 {
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: .4rem;
	-webkit-transition: height .2s linear;
	transition: height .2s linear;	
}
.accolades .animate .square .line.line-01 {		
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
	width: 100%;
}
.accolades .animate .square .line.line-02 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;		
	height: 100%;
}
.accolades .animate .square .line.line-03 {	
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;		
	width: 100%;
}
.accolades .animate .square .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.accolades .animate li:nth-child(2) .square .line.line-01 {		
	-webkit-transition-delay: 1.95s;
	transition-delay: 1.95s;
	width: 100%;
}
.accolades .animate li:nth-child(2) .square .line.line-02 {
	-webkit-transition-delay: 1.35s;
	transition-delay: 1.35s;		
	height: 100%;
}
.accolades .animate li:nth-child(2) .square .line.line-03 {	
	-webkit-transition-delay: 1.55s;
	transition-delay: 1.55s;		
	width: 100%;
}
.accolades .animate li:nth-child(2) .square .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: 1.75s;
	transition-delay: 1.75s;
}

.accolades .animate li:nth-child(3) .square .line.line-01 {		
	-webkit-transition-delay: 2.3s;
	transition-delay: 2.3s;
	width: 100%;
}
.accolades .animate li:nth-child(3) .square .line.line-02 {
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;		
	height: 100%;
}
.accolades .animate li:nth-child(3) .square .line.line-03 {	
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;		
	width: 100%;
}
.accolades .animate li:nth-child(3) .square .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: 2.1s;
	transition-delay: 2.1s;
}

.verticals {
	float: right;
	width: 50%;	
	padding: 10.5rem 0 0;
	position: relative;
	z-index: 2;
}
.verticals:before,
.parallax-top,
.parallax-bottom {
	position: absolute;
	top: 0;
	left: 0;
	bottom: -1rem;
	width: 1000px;
	z-index: -1;
	background:  #aa000b;
	content: '';
	display: block;
}
.parallax-top {
	height: 50rem;
}
.parallax-bottom {
	top: auto;
	bottom: 0;
	background: #aa000b;
}
.verticals h3 {
	font-family: 'Avenir Book';
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 6px;
	padding-bottom: 4rem;
	font-size: 2.4rem;
	line-height: normal;
	padding-left: 14.5%;
	padding-top: 20rem;
	opacity: 0;
	-webkit-transform: translate(0, 4rem);
	transform: translate(0, 4rem);
	-webkit-transition: opacity.7s, -webkit-transform .7s;
	transition: opacity.7s, transform .7s;
}
.verticals .entry {
	font-size: 2.3rem;
	color: #16edf0;
	line-height: 3.5rem;
	padding-left: 14.5%;
	padding-right: 14.5%;	
	opacity: 0;
	-webkit-transform: translate(0, 4rem);
	transform: translate(0, 4rem);
	-webkit-transition: opacity.7s, -webkit-transform .7s;
	transition: opacity.7s, transform .7s;
}
.verticals .services {
	padding-bottom: 0rem;
	padding-top: 4.5rem;
	padding-left: 14.5%;
	list-style-type: none;
}
.verticals .services li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-right: -4px;
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: 1rem;
	color: #fff;
	list-style-type: none;
	position: relative;
	box-sizing: border-box;
	padding: 0 1.6rem;
	opacity: 0;
	-webkit-transform: translate(-3rem,0);
	transform: translate(-3rem,0);	
	-webkit-transition: -webkit-transform .5s linear .3s, opacity .5s linear .3s;
	transition: transform .5s linear .3s, opacity .5s linear .3s;
}
.verticals .services li:nth-child(2n+1) {
	-webkit-transition: -webkit-transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s ;
}
.verticals .services.animated li {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.verticals .services li:before {
	position: absolute;
	display: block;
	width: 5px;
	height: 1px;
	background: #e61623;
	top: 1rem;
	left: 0;
	content: '';
}
.verticals .graph {	
	position: relative;
	padding-top: 15.8rem;
	height: 236px;
}
.verticals .graph:before {
	position: absolute;
	left: 0;
	right: -500px;
	bottom: -2rem;
	top: 10rem;
	content: '';
	background: rgb(170,0,11);
	display: block;
	z-index: -1; 
}
.verticals .graph .purple {
	position: absolute;
	top: 17.8rem;
	left: 0;
}
.verticals svg {
	overflow: hidden;
}
.verticals svg.green-line {
	position: relative;
	z-index: 2;
}
.verticals svg.svg-shadow {
	opacity: 0.3;
	position: relative;
	z-index: 1;
	top: -94px;
	left: 3px;
}
.verticals .graph .column {
	position: absolute;	
	z-index: 9;
	opacity: 0;
	-webkit-transition: opacity .3s linear .2s;
	transition: opacity .3s linear .2s;
}
.verticals .graph .column.column-02 {
	-webkit-transition: opacity .3s linear .35s, -webkit-transform .3s linear .9s;
	transition: opacity .3s linear .35s, transform .3s linear .9s;	
	-webkit-transform: translate(0, 6rem);
	transform: translate(0, 6rem);
}
.verticals .graph .column.column-03 {
	-webkit-transition: opacity .3s linear .5s;
	transition: opacity .3s linear .5s;	
}
.verticals .graph .column.column-04 {
	-webkit-transition: opacity .3s linear .65s;
	transition: opacity .3s linear .65s;	
}
.verticals .graph.animate .column {
	opacity: 1!important;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.verticals .graph .column .line {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
}
.verticals .graph .column.column-02 .line {
	left: 13%;
}
.verticals .graph .column.column-04 .line {
	left: 12%;
}
.verticals .graph .column .line .top-part {
	position: absolute;
	top: 30%;
	bottom: 50%;
	width: 1px;
	background: #ffffff;
	height: 20%;
	-webkit-transition: top .3s linear .7s, height .3s linear .7s;
	transition: top .3s linear .7s, height .3s linear .7s;
}
.verticals .graph .column.column-02 .line .top-part {
	-webkit-transition: top .3s linear .9s, height .3s linear .9s;
	transition: top .3s linear .9s, height .3s linear .9s;	
}
.verticals .graph .column.column-03 .line .top-part {
	-webkit-transition: top .3s linear 1.1s, height .3s linear 1.1s;
	transition: top .3s linear 1.1s, height .3s linear 1.1s;	
}
.verticals .graph .column.column-04 .line .top-part {
	-webkit-transition: top .3s linear 1.3s, height .3s linear 1.3s;
	transition: top .3s linear 1.3s, height .3s linear 1.3s;	
}
.verticals .graph.animate .column .line .top-part {
	top: 0%;
	height: 50%;
}
.verticals .graph .column .line .top-part:before,
.verticals .graph .column .line .bottom-part:before {
	position: absolute;
	left: -4px;
	width: 9px;
	height: 9px;
	left: -4px;
	top: -4px;
	content: '';
	opacity: 1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity .5s linear .5s;
	transition: opacity .5s linear .5s;
	background: #ffffff;
}

.verticals .graph .column.column-02 .line .top-part:before,
.verticals .graph .column.column-02 .line .bottom-part:before {
		-webkit-transition: opacity .5s linear .9s;
	transition: opacity .5s linear .9s;
}
.verticals .graph .column.column-03 .line .top-part:before,
.verticals .graph .column.column-03 .line .bottom-part:before {
		-webkit-transition: opacity .5s linear 1.3s;
	transition: opacity .5s linear 1.3s;
}
.verticals .graph .column.column-04 .line .top-part:before,
.verticals .graph .column.column-04 .line .bottom-part:before {
		-webkit-transition: opacity .5s linear 1.7s;
	transition: opacity .5s linear 1.7s;
}


.verticals .graph .column .line .bottom-part:before {
	top: auto;
	bottom: -4px;
}
.verticals .graph.animate .column .line .top-part:before,
.verticals .graph.animate .column .line .bottom-part:before {
	opacity: 1;
}
.verticals .graph .column .line .bottom-part {
	position: absolute;
	top: 50%;
	bottom: 30%;
	width: 1px;
	background: #ffffff;
	height: 20%;
	-webkit-transition: bottom .3s linear .7s, height .3s linear .7s;
	transition: bottom .3s linear .7s, height .3s linear .7s;
}

.verticals .graph .column.column-02 .line .bottom-part {
	-webkit-transition: bottom .3s  linear .9s, height .3s  linear .9s;
	transition: bottom .3s  linear .9s, height .3s  linear .9s;	
}
.verticals .graph .column.column-03 .line .bottom-part {
	-webkit-transition: bottom .3s  linear 1.1s, height .3s  linear 1.1s;
	transition: bottom .3s  linear 1.1s, height .3s  linear 1.1s;	
}
.verticals .graph .column.column-04 .line .bottom-part {
	-webkit-transition: bottom .3s  linear 1.3s, height .3s  linear 1.3s;
	transition: bottom .3s  linear 1.3s, height .3s  linear 1.3s;	
}
.verticals .graph.animate .column .line .bottom-part {
	bottom: 0%;
	height: 50%;
}
.verticals .graph .column .bottom {
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	opacity: 1;
	-webkit-transition: -webkit-transform .5s linear .7s, opacity .5s linear .7s;
	transition: transform .5s linear .7s, opacity .5s linear .7s;
}
.verticals .graph .column.column-02 .bottom {
	-webkit-transition: -webkit-transform .5s linear .9s, opacity .5s linear .9s;
	transition: transform .5s linear .9s, opacity .5s linear .9s;
}
.verticals .graph .column.column-03 .bottom {
	-webkit-transition: -webkit-transform .5s linear 1.1s, opacity .5s linear 1.1s;
	transition: transform .5s linear 1.1s, opacity .5s linear 1.1s;
}
.verticals .graph .column.column-04 .bottom {
	-webkit-transition: -webkit-transform .5s linear 1.3s, opacity .5s linear 1.3s;
	transition: transform .5s linear 1.3s, opacity .5s linear 1.3s;
}
.verticals .graph .column.column-02 .bottom {	
	left: 3.5rem;
}
.verticals .graph .column.column-04 .bottom {
	left: 3.5rem;
}
.verticals .graph .column .top {
	position: relative;	
	top: 0;
	-webkit-transform: translate(0,36%);
	transform: translate(0,36%);
	opacity: 1;
	-webkit-transition: -webkit-transform .5s linear .7s, opacity .5s linear .7s;
	transition: transform .5s linear .7s, opacity .5s linear .7s;
}
.verticals .graph .column.column-02 .top {
	-webkit-transition: -webkit-transform .5s linear  .9s, opacity .5s linear .9s;
	transition: transform .5s linear  .9s, opacity .5s linear  .9s;
}
.verticals .graph .column.column-03 .top {
	-webkit-transition: -webkit-transform .5s linear 1.1s, opacity .5s linear 1.1s;
	transition: transform .5s linear 1.1s, opacity .5s linear 1.1s;
}
.verticals .graph .column.column-04 .top {
	-webkit-transition: -webkit-transform .5s linear 1.3s, opacity .5s linear 1.3s;
	transition: transform .5s linear 1.3s, opacity .5s linear 1.3s;
}
.verticals .graph.animate .column .top,
.verticals .graph.animate .column .bottom,
.verticals .graph.animate .column .top span,
.verticals .graph.animate .column .bottom span  {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;	
}
.verticals .graph.animate .column .top {
	-webkit-transform: translate(0,-4.1rem);
	transform: translate(0,-4.1rem);
}
.verticals .graph.animate .column .bottom {
	-webkit-transform: translate(0,2.8rem);
	transform: translate(0,2.8rem);
}

.verticals .graph .column.column-01 {
	top: 11.7rem;
	left: 14.3%;
	height: 19.2rem;
	padding-left: 1.5rem;
}
.verticals .graph .column.column-02 {
	top: 9.8rem;
	left: 32.7%;
	width: 17%;
	height: 18.5rem;
	padding-left: 3.5rem;	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 20%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0.02) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 80%,rgba(255,255,255,0) 100%);	
}
.verticals .graph .column.column-03 {
	top: 13rem;
	left: 57%;
	height: 18.5rem;
	padding-left: 1.5rem;
}
.verticals .graph .column.column-04 {
	top: 12.8rem;
	left: 75.5%;
	height: 18.5rem;
	width: 19%;
	padding-left: 3.5rem;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 20%, rgba(255,255,255,0.04) 50%, rgba(255,255,255,0.02) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 80%,rgba(255,255,255,0) 100%);	
}
.verticals .graph .column strong {
	color: #16edf0;
	font-size: 3.5rem;
	line-height: normal;
	font-weight: bold;
	display: block;
}
.verticals .graph .column span {
	color: #fff;
	font-size: 1.5rem;
	line-height: normal;	
	display: block;
	margin-top: -0.8rem;	
}
.verticals .graph .column .top span,
.verticals .graph .column .bottom span {
	-webkit-transform: translate(-2rem,0);
	transform: translate(-2rem,0);
	opacity: 0;
	will-change: transform;
	-webkit-transition: -webkit-transform .5s linear .7s, opacity .5s linear .7s;
	transition: transform .5s linear .7s, opacity .5s linear .7s;
}
.verticals .graph .column.column-02 .top span,
.verticals .graph .column.column-02 .bottom span {
	-webkit-transition: -webkit-transform .5s linear .9s, opacity .5s linear .9s;
	transition: transform .5s linear .9s, opacity .5s linear .9s;	
}
.verticals .graph .column.column-03 .top span,
.verticals .graph .column.column-03 .bottom span {
	-webkit-transition: -webkit-transform .5s linear 1.1s, opacity .5s linear 1.1s;
	transition: transform .5s linear 1.1s, opacity .5s linear 1.1s;	
}
.verticals .graph .column.column-04 .top span,
.verticals .graph .column.column-04 .bottom span {
	-webkit-transition: -webkit-transform .5s linear 1.3s, opacity .5s linear 1.3s;
	transition: transform .5s linear 1.3s, opacity .5s linear 1.3s;	
}
sup {
	position: relative;
	top: 1px;
	vertical-align: top;
	font-size: 57%;
}

/*Start discussion*/
.start-discuss {
	background: #aa000b;
	padding: 13.4rem 0 10rem;
	position: relative;
	z-index: 2;
	margin-top: -2px;
}
.start-discuss h3 {
	text-align: center;
	color: #fff;
	font-size: 4.4rem;
	line-height: normal;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	padding-bottom: 2.8rem;
	letter-spacing: 1px;
}
.start-discuss .inner {
	max-width: 735px;
	margin: 0 auto;
}
.wpcf7-form  .col-50 {
	float: left;
	width: 44%;
	margin-left: 12%;
	position: relative;
}
.apply-section .wpcf7-form  .col-50 {
	margin-bottom: 1.6rem;
}
.wpcf7-form  .col-50:before,
.wpcf7-form  .col-100:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 2px;
	background: #16edf0;
	-webkit-transition: width .7s;
	transition: width .7s;
}
.wpcf7-form  .col-50.no-border:before,
.wpcf7-form  .col-100.no-border:before {
  display: none!important;
}
.wpcf7-form .col-50.animated:before,
.wpcf7-form .col-100.animated:before {
	width: 100%;
}
.start-discuss h3 + p.col-50,
.start-discuss .wpcf7-form > div + p.col-50,
.wpcf7-form .col-50.left {
	margin-left: 0px;
}
.wpcf7-form p.col-100 {
	padding: 1.6rem 0 0;
	clear: both; 
	position: relative;
}
.start-discuss  p.mc4wp-checkbox,
.start-discuss  span.mc4wp-checkbox {
	padding: 2.6rem 0 6.4rem;
	color: #fff;
	display: block;
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.start-discuss input[type="checkbox"] {
    display: none;
}
.start-discuss  input[type="checkbox"] + span {
    cursor: pointer;
    line-height: 21px;
    padding-left: 30px;
    display: block;
    position: relative;
    color: #fff;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.start-discuss  input[type="checkbox"] + span:hover {
	color: #16edf0;
}
.start-discuss [type="checkbox"] + span::before { 
    border: 1px solid #16edf0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 21px;
    left: 0;
    margin: 0 1rem 0 0;
    position: absolute;
    top: 0;
    width: 21px;
}
.start-discuss  input[type="checkbox"]:checked + span::after {
    background: #16edf0 none repeat scroll 0 0;    
    content: "";
    height: 11px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 11px;
}
.wpcf7-form p.col-50 input[type=text],
.wpcf7-form p.col-50 input[type=email],
.wpcf7-form p.col-100 input[type=text],
.wpcf7-form p.col-100 input[type=email] {
	width: 100%;
	border: none;
	border-bottom: 2px solid transparent;
	-webkit-appearance: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding: 1.8rem 0;	
	letter-spacing: 2px;
	font-family: 'Avenir';
}
.apply-section .wpcf7-form p.col-50 input[type=text],
.apply-section .wpcf7-form p.col-50 input[type=email],
.apply-section .wpcf7-form p.col-100 input[type=text],
.apply-section .wpcf7-form p.col-100 input[type=email] {
	color: #aa000b;
}
.deco {
	position: absolute;	
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .5s linear .7s;
	transition: transform .5s linear .7s;
}
.deco span {
	border-radius: 50%;
	background: #16edf0;
	display: block;
}
.animated .deco {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.top-footer .deco.deco-01 {
	left: 11.5%;
	top: 20%;	
}
.start-discuss .deco.deco-01 span {
	width: 2rem;
	height: 2rem;
}
.start-discuss .deco.deco-01 {
	right: 8%;
	top: 34rem;	
	-webkit-transition: -webkit-transform .5s ;
	transition: transform .5s ;
}
.start-discuss .deco.deco-02 {
	right: 13.5%;
	top: 22rem;	
	-webkit-transition: -webkit-transform .5s linear .5s;
	transition: transform .5s linear .5s;
}
.start-discuss .deco.deco-02 span {
	width: 3.4rem;
	height: 3.4rem;
}
.start-discuss .wpcf7-form  p input::-webkit-input-placeholder {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
	opacity:1;
}
.start-discuss .wpcf7-form  p input:-moz-placeholder {
  color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
}
.start-discuss .wpcf7-form  p input::-moz-placeholder {
  color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
}
.start-discuss .wpcf7-form  p input:-ms-input-placeholder {  
  color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
  padding: 1.8rem 0;
}
 input::-ms-clear{
	display: none;
}
.start-discuss .wpcf7-form  p input:focus::-webkit-input-placeholder {
  color: #cccccc;
}
.start-discuss .wpcf7-form  p input:focus::-o-input-placeholder {
  color: #cccccc;
}
.start-discuss .wpcf7-form  p input:focus::-ms-input-placeholder {
  color: #cccccc;
}
.start-discuss .wpcf7-form  p input:focus::-moz-placeholder {
  color: #cccccc;
}
.start-discuss button {
	width: 38%;
	margin: 0 auto;	
	border: 2px solid #16edf0;
	-webkit-appearance: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	font-size: 1.9rem;
	line-height: 2.3rem;
	padding: 1.7rem 0;
	font-weight: bold;
	cursor: pointer;	
	margin: 0 auto;
	display: block;
	position: relative;
	min-width: 180px;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.start-discuss button:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 7%;
	margin-top: -6px;
	height: 12px;
	width: 31px;
	content: '';
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.start-discuss button:after {
  background: #16edf0 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0; 
  position: absolute;
  right: 0;
  width: 0px;
  -webkit-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
}
.start-discuss button:hover:after {
	width: 100%;
}
.start-discuss button:hover:before {
	left: 10%;
	-webkit-transform: translate(.5rem, 0);
	transform: translate(.5rem, 0);
}
.wpcf7-response-output {
	visibility: hidden;
	display: none!important;
}
.single-position .wpcf7-response-output {
  visibility: visible!important;
  display: block!important;
  border: none !important;
  margin: 0!important;
}
.wpcf7-form span.wpcf7-not-valid-tip {
	font-size: 1.3rem;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: -0.3rem;
	letter-spacing: 1px;
	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
textarea:focus, 
input:focus, 
button:focus{
    outline: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #aa000b inset;
  -webkit-text-fill-color: #fff;
}

/* careers page */


.page-template-careers-page .our-ideals {	
	padding-top: 8.4rem;
	background: url(images/bg-green-txt.jpg) no-repeat 50% 0% / cover;
	padding-top: 82.5rem;
	margin-top: -74.3rem;
	padding-bottom: 12rem;
	text-align: center;
}
.page-template-careers-page .agency-bottom .statement {
	padding-top: 5.4rem;
}
.page-template-careers-page .feature-txt .col-l {
	padding-top: 12rem;
}
.page-template-careers-page .feature-txt .col-r .deco-bottom {
	right: auto;
	left: 28%;
}
.page-template-careers-page .our-ideals .main-txt {
	font-size: 6rem;
	line-height: 8rem;
	letter-spacing: 2px;
	height: auto;
}

/* Opened positions */
.positions {
	margin-top: -4rem;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-top: 5rem;
	padding-bottom: 1rem;
}
.positions .inner {
	position: relative;	
	display: block;
	padding-top: 4.1rem;
	padding-bottom: 0rem; 
	margin-bottom: 2rem;	
	max-width: 1238px;
}
.positions .inner .clear {
	display: block;
}
.positions .inner:before {
	position: absolute;
	left: 21.7%;
	top: 0;
	bottom: -2rem;
	width: 1px;
	background: #16edf0;
  content: '';
  display: block;
  z-index: -1;
}
.positions .row-position:last-child .inner:before {
	bottom: 0;
}
.positions:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);	
  display: block;
  left: 0;
  right: 0;
  top: -1rem;
  height: 6rem;
  z-index: -2; 
  content: '';
  position: absolute;
}
.row-position {	
	display: block;
	text-decoration: none;
	color: #7f7d81;	
	-webkit-transition: color .7s, background .7s;
	transition: color .7s, background .7s;
}
.row-position:hover {
	color: #b0adb9;	
	background: #aa000b;	
}
.row-position:first-child .inner {
	padding-bottom: 0; 	
}
.row-position  .col-l {
	float: left;
	width: 18%;
	padding-right: 2%;	
	padding-top: .9rem;
}
.row-position  .col-l span {
	display: block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	white-space: nowrap;
	font-size: 1.2rem;
	line-height: normal;
	color: #16edf0;
	float: left;
	-webkit-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
}
.row-position .col-l strong {
	color: #aa000b;
	display: block;
	font-weight: normal;
	font-size: 1.5rem;
	line-height: normal;
	letter-spacing: 3px;	
}
.row-position:hover .col-l strong {
	color: #b0adb9;	
	-webkit-transition: color .7s;
	transition: color .7s;
}
.row-position .col-r {
	float: right;
	width: 72%;
	padding-right: 4%;
	box-sizing: border-box;
	padding-left: 6rem;	
	position: relative;
}
.row-position .col-r:before {
	width: 00rem;
	height: 1.8rem;
	display: block;
	text-indent: -9999px;
	content: '';
	position: absolute;
	left: 6rem;
	bottom: -1rem;
	background: #16edf0;
	-webkit-transition: width .7s ease-in;
	transition: width .7s ease-in;
}
.row-position.animated .col-r:before {
	width: 10rem
}
.row-position .col-r strong {
	font-weight: normal;
	font-size: 5.2rem;
	font-family: 'CaslonGraphiqueEF';
	line-height: normal;
	display: block;
	padding-bottom: 1rem;
	-webkit-transition: color .5s;
	transition: color .5s;
	color: #aa000b;
	-webkit-transform: translate(0, 7rem);
	transform: translate(0, 7rem);
	opacity: 0;
	-webkit-transition: transform .7s ease-in, opacity .7s;
	transition: transform .7s ease-in, opacity .7s;
}
.row-position.animated .col-r strong,
.row-position.animated .col-r span.excerpt {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.row-position:hover .col-r strong {
	color: #fff;
}
.row-position .col-r span.excerpt {
	display: block;
	position: relative;
	font-size: 1.9rem;
	margin-bottom: 2.8rem;
	line-height: 3.2rem;
	-webkit-transform: translate(0, 7rem);
	transform: translate(0, 7rem);
	opacity: 0;
	-webkit-transition: transform .7s ease-in .15s, opacity .7s ease .15s;
	transition: transform .7s ease-in .15s, opacity .7s ease .15s;
}
.row-position .col-r span.arrow {
	display: inline-block;
	margin: 0 auto;
	height: 12px;
	width: 31px;
	text-indent: -9999px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
	margin-bottom: 4.5rem;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform .5s, opacity .7s ease-in .15s;
	transition: transform .5s, opacity .7s ease-in .15s; 
	opacity: 0;
}
.row-position.animated .col-r span.arrow {
	opacity: 1;
}
.row-position:hover .col-r span.arrow {
	-webkit-transform: translate(1.5rem, 0);
	transform: translate(1.5rem, 0);
}
.row-position .col-r span.excerpt:before {
	position: absolute;
	left: -7rem;
	top: 4.4rem;
	content: '“';
	font-family: 'CaslonGraphiqueEF';
	font-size: 8rem;
	line-height: 0;
	height: 15rem;
	color: #16edf0;
	display: block;	
}

/* instagram section */
.page-template-careers-page .agency-bottom {
	margin-top: 14rem;
}
.page-template-careers-page .agency-bottom:after,
.page-template-careers-page .agency-bottom:before {
  display: none;
}
.page-template-careers-page .agency-bottom .statement-top {
	padding-bottom: 5rem;
}
.instagram-purple {
	height: 70rem;
	float: right;
	width: 50%;
	position: relative;
	top: 0;
	position: absolute;
	right: 0;
	-webkit-transform: translate(12rem,0);
	transform: translate(12rem,0);
	-webkit-transition: -webkit-transform .7s, opacity .7s ease-in;
	transition: transform .7s, opacity .7s ease-in .15s; 
	opacity: 0;
}
.instagram-purple.animate,
.instagram-widget.animate {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.instagram-purple:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	content: '';
	background: rgba(170,0,11,.83);
}
.instagram-widget {
	clear: both;
	margin-top: -28.4rem;	
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding-top: 6.2rem;
	-webkit-transform: translate(0,22rem);
	transform: translate(0,22rem);
	-webkit-transition: -webkit-transform .7s, opacity .7s ease-in;
	transition: transform .7s, opacity .7s ease-in .15s; 
	opacity: 0;
}
.instagram-widget > span {
 	color: #16edf0;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 2.5px;
  line-height: 1.4rem;
  padding: 0 ;
  position: absolute;
  left: -2rem;
  text-transform: uppercase;
  top: 179px;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: 0% 0% 0;
  transform: rotate(-90deg);
  transform-origin: 0% 0% 0;
  width: 100px;
  text-align: right;
}
.instagram-widget a {
	width: 33.33%;
	float: left;
}
.instagram-widget a img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.load-row {
	padding-top: 6.6rem;
	clear: both;
	padding-bottom: 6.1rem;
}
.instagram-widget .load-more {
	width: 19.8rem;
	margin: 0 auto;
	clear: both;
	float: none;
	border: 1px solid #16edf0;
	display: block;
	font-size: 1.7rem;
	line-height: 5.8rem;
	color: #aa000b;
	text-decoration: none;
	text-align: center;
	position: relative;
  -webkit-transition: color .7s, background .7s;
  transition: color .7s, background .7s;
}
.instagram-widget .load-more:after {
  background: #16edf0 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  width: 0;
  position: absolute;
  right: 0;
  -webkit-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
}
.is-desktop-career .instagram-widget .load-more:hover:after {
	width: 100%;
}

/* reach out section */
.contact-bottom-section .deco {
	z-index: 11; 
}
.contact-bottom-section .deco.deco-01 {
	right: 19%;
	bottom: 9rem;	
}
.contact-bottom-section .deco.deco-01 span {
	width: 1.1rem;
	height: 1.1rem;
}
.contact-bottom-section .deco.deco-02 {
	right: 9%;
	bottom: 29rem;	
}
.contact-bottom-section .deco.deco-02 span {
	width: 2.7rem;
	height: 2.7rem;
}
.contact-bottom-section .deco.deco-03 {
	right: 6%;
	bottom: 21rem;	
}
.contact-bottom-section .deco.deco-03 span {
	width: 4.3rem;
	height: 4.3rem;
}
.page-template-careers-page .say-hello {
  font-size: 14rem;
  padding-top: 13rem;
  padding-bottom: 11.8rem;
}

/*single position page */
.single-position {
	padding-top: 15.6rem;
}
.single-position .inner {
	max-width: 1260px;	
	overflow: hidden;
}
.single-position .inner h1 {
	color: #aa000b;
	font-size: 6rem;
	line-height: normal;
	padding-bottom: 1.9rem;
	margin-bottom: 2.2rem;
	border-bottom: 1px solid #efeff1;
	letter-spacing: -1.5px;
	word-spacing: 2px;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
}
.single-position .meta {
	overflow: hidden;
	padding-bottom: 7.3rem;
}
.single-position .meta .time {
	float: left;
	font-size: 1.5rem;
	line-height: normal;
	padding-top: 0.3rem;
}
.single-position {
	background: url(images/post-bg.jpg) no-repeat 0 337px;
}
.single-position .row-position:hover {
	background: none;
}
.single-position .row-position .col-r::before,
.single-position .row-position .col-r span.excerpt::before {
	display: none;
}
.single-position .row-position:hover .col-l strong {
    color: #aa000b;
}
.single-position .entry-content {
	max-width: 800px;
	position: relative;
	z-index: 5;
	margin: 0 auto;
}
.single-position .positions {
	margin-top: 0px;
	padding-top: 4.4rem;
	padding-bottom: 8.8rem;
}
.single-position .positions .inner {
	padding: 0;
}
.single-position .positions .inner::before {
	left: 31.5%;
}
.single-position .row-position .col-r span.excerpt p {
	font-size: 1.9rem;
	line-height: 3.1rem;
	margin: 0;
}
.single-position .row-position .col-r span.excerpt {
	margin-bottom: .8rem;
}
.single-position .row-position .col-r {
	padding: 0;
	width: 62.5%;
}
.single-position .row-position .col-l {
	padding: .6rem 0 0 1.5rem; 
	width: 28%;
	padding-right: 0px;
}
.apply-section .wpcf7-form  p input::-webkit-input-placeholder {
	color: #7f7d81;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
	opacity:1;
	letter-spacing: 3px;
}
.apply-section .wpcf7-form  p input:-moz-placeholder {
  color: #7f7d81;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
  letter-spacing: 3px;
}
.apply-section .wpcf7-form  p input::-moz-placeholder {
  color: #7f7d81;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
  letter-spacing: 3px;
}
.apply-section .wpcf7-form  p input:-ms-input-placeholder {  
  color: #7f7d81;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Avenir';
  opacity:1;
  letter-spacing: 3px;
}
.apply-section .wpcf7-form  p input:focus::-webkit-input-placeholder {
  color: #cccccc;
}
.apply-section .wpcf7-form  p input:focus::-o-input-placeholder {
  color: #cccccc;
}
.apply-section .wpcf7-form  p input:focus::-ms-input-placeholder {
  color: #cccccc;
}
.apply-section .wpcf7-form  p input:focus::-moz-placeholder {
  color: #cccccc;
}
.apply-section .submit-box {
	padding-top: 11.6rem;
}
.apply-section .submit-box::after {
	content: 'Submit';
	font-size: 20rem;
	line-height: 0px;
	top: 11.5rem;
}
.apply-section .submit-box {
	z-index: 2;
	padding-bottom: 4.5rem;
	margin-bottom: 0px;
}
.apply-section form {
	padding-bottom: 6rem;
}
.apply-section button {
  font-family: 'Avenir', sans-serif;  
  font-weight: 600;
  font-size: 2.9rem;
  color: #aa000b;
  position: relative;
  display: inline-block;
  padding-left: 7.8rem;
  line-height: 7.6rem;
  padding-right: 5rem;
  cursor: pointer;
  background: none;
  border: 1px solid #16edf0;
}
.apply-section button:before {
  background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2019/04/sprite.png) no-repeat scroll 0 -20px;
  content: "";
  height: 21px;
  left: 7%;
  position: absolute;
  top: 3.3rem;
  width: 31px;
  -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.apply-section button:after {
  background: #16edf0 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  width: 0;
  position: absolute;
  right: 0;
  -webkit-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
}
.apply-section button:hover:after {
	width: 100%;
} 
.apply-section button:hover:before {
	left: 10%;
	-webkit-transform: translate(.5rem, 0);
	transform: translate(.5rem, 0);
}
.apply-section {
	background: #fafafb;
	margin-top: 9.3rem;
	padding-top: 8.9rem; 
}
.single-position .apply-section .inner {
	max-width: 1160px;
}
.apply-section .wpcf7-form p.col-50 input[type=text],
.apply-section .wpcf7-form p.col-50 input[type=email],
.apply-section .wpcf7-form p.col-100 input[type=text],
.apply-section .wpcf7-form p.col-100 input[type=email] {
	padding-left: 6%;
	padding: 1.8rem 0 2.8rem 6%;
}
.apply-section .wpcf7-form  .col-50 {
	width: 46%;
	margin-left: 8%;
}
.apply-section .wpcf7-form  .col-50.left {
	margin-left: 0px;
}
.apply-section .wpcf7-form  .col-50.last {
	margin-top: -1.6rem;
}
.apply-section .wpcf7-form  .col-50:before,
.apply-section .wpcf7-form  .col-100:before {
	height: 3px;	
}
.single-position .file-name-contact {
 position: absolute;
  top: 33px;
  left: 0;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: top;
  color: #b0adb9;
  text-overflow: ellipsis;
  overflow: hidden;
  right: 70px;
  white-space: nowrap;
}
.apply-section .inner h3 {
	text-align: center;
	color: #aa000b;
	font-size: 5rem;
	line-height: normal;
	letter-spacing: -1px;
	padding-bottom: 6rem;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
}
.files > div {
	float: left;
	margin: 3.3rem 2% 0 5%;	
	position: relative;
	cursor: pointer;
}
.apply-section .wpcf7-form span.wpcf7-not-valid-tip {
	bottom: 0px;
	left: 6%;
}
.apply-section .wpcf7-form .files span.wpcf7-not-valid-tip,
.heard-about-us-right span.wpcf7-not-valid-tip {
	bottom: -4.2rem;
	line-height: normal;
	height: 36px;
	left: 0;
}
.apply-section .file-field {
	width: 120px;
	display: block;
}
.file-name {
	overflow: hidden;
	width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	padding-bottom: 3px;
}
.single-position .say-hello {
  font-size: 12rem;
  padding-top: 13rem;
  padding-bottom: 11.8rem;
}
.single-position .single-pagination {
	position: absolute;
	left: 0;
	right: 0;
	top: 39.5rem;
	padding-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	height: 54rem;
	padding-bottom: 2rem;
}
.single-position .say-description {
	font-size: 1.9rem;
}

.single-pagination a[rel=prev],
.single-pagination a[rel=next] {
  font-size: 1.7rem;
  line-height: 2.5rem;
  padding-left: 4rem;
  color: #aa000b;
  display: inline-block;  
  position: absolute;
  top: 100%;
  width: 42rem;
  max-width: 42rem; 
  height: 14.3rem; 
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 3.5px;
}
.single-pagination a[rel=prev] span,
.single-pagination a[rel=next] span {
  position: relative;
  z-index: 2;
  -webkit-transition: opacity 0.5s , -webkit-transform .5s ;
  transition: opacity 0.5s , transform .5s ; 
  opacity: 0;
  transform: translate3d(-1rem, 0, 0);
  -webkit-transform: translate3d(-2rem, 0, 0);
  display: table;
  width: 100%;
  height: 100%;  
  will-change: transform;
}
.single-pagination a[rel=prev] span em,
.single-pagination a[rel=next] span em {
	display: table-cell;
	vertical-align: middle;
	font-style: normal;	
}
.single-pagination a[rel=prev] span em {
	vertical-align: middle;
	padding-bottom: 0px;
}
.single-pagination a[rel=prev] span:before,
.single-pagination a[rel=next] span:before {
  background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 21px;
  content: "";
  position: absolute;
  top: 44%;
  left: -30px;
  opacity: 0;
  -webkit-transform: translate(-0.8rem, -1rem) rotate(90deg);
  transform: translate(-0.8rem, -1rem) rotate(90deg);
  -webkit-transition: -webkit-transform .3s linear.1s, opacity .3s linear.1s;
  transition: transform .3s linear.1s, opacity .3s linear.1s;
}
.single-pagination a[rel=prev]:hover span,
.single-pagination a[rel=next]:hover span {
  opacity: 1;
	transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
} 
.single-pagination a[rel=prev] {
  left: 0;
  -webkit-transform:  rotate(-90deg);
  transform:  rotate(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.single-pagination a[rel=prev]:hover:hover span:before,
.single-pagination a[rel=next]:hover span:before {
  -webkit-transform: translate(-0.8rem, 0) rotate(90deg);
  transform: translate(-0.8rem, 0) rotate(90deg);
  opacity: 1;
}
.single-pagination a[rel=next]{  
  right: -32rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.single-pagination a[rel=prev]:after,
.single-pagination a[rel=next]:after {
  font-size: 20rem;
  line-height: 16rem;
  font-weight: 700;
  line-height: 0px;
  color: #f0f0f0;
  position: absolute;
  top: 56%;
  left: 50%;
  letter-spacing: -3px;
  text-transform: none;
  -webkit-transform: translate3d(-49%, -50%, 0);
  transform: translate3d(-49%, -50%, 0);
}
.single-pagination a[rel=prev]:after{
  content: "Prev";
}
.single-pagination a[rel=next]:after{
  content: "Next";
}
.single-position .positions::after {
	display: none!important;
}
.single-pagination-m {
	display: none;
}

/* Service detail */

.services-top {
	position: relative;
}
.services-top .col-l {
	float: left;
	width: 50%;
}
.services-top .col-50 {
	float: right;
	width: 50%;
	padding-left: 100px;
	box-sizing: border-box;
	position: relative;
}
.services-top .feature-txt .col-r {
	width: 100%;
	margin-top: 22.5rem;
	padding-right: 0px;
	padding-top: 6.8rem;
	padding-bottom: 6.5rem;
	position: relative;
}
.services-top .feature-txt .col-r .deco-bottom {
	right: 24%;
	bottom: 103%;
}
.services-top .feature-txt .col-r .deco-top {	
	-webkit-transition: width .7s ease-in 0s;
	transition: width .7s ease-in 0s;
}
.services-top  .deco-top {
	display: block;
	width: 20%;
	height: 1.8rem;
	background: none;
	position: absolute;
	left: 100px;
	top: 22.5rem;
	overflow: hidden;	
	background: #16edf0;	
	width: 0;
	-webkit-transition: width .7s;
	transition: width .7s;
}
.services-top  .deco-top.animated {
	width: 20%;
}
.services-top .feature-txt .col-r .deco-top span {
	display: block;
	width: 100%;
	height: 1.8rem;
	background: #16edf0;
	-webkit-transform: translate(-100%, 0rem);
	transform: translate(-100%, 0rem);		
	-webkit-transition: -webkit-transform .7s ease-in 0s;
	transition: transform .7s ease-in 0s;
}
.services-top .feature-txt .col-r,
.services-top .feature-txt.animated .col-r .deco-top span,
.services-top .col-l .purple-top.animated {			
	opacity: 1;
	-webkit-transform: translate(0, 0rem);
	transform: translate(0, 0rem);	
}
.services-top .feature-txt {
	opacity: 0;
  -webkit-transform: translate(20rem, 0);
	transform: translate(20rem, 0);	
	-webkit-transition: -webkit-transform .7s ease-in 0s , opacity .7s ease-in 0s ;	
	transition: transform .7s ease-in 0s , opacity .7s ease-in 0s ;	
}
.services-top .feature-txt .entry {
	clear: both;
}
.services-top .feature-txt .entry p {
	font-size: 2.3rem;
	color: #aa000b;
	line-height: 3.5rem;
}
.services-top .col-l img {
	vertical-align: top;
	width: 100%;
	height: auto;
	max-height: 702px;
	min-height: 450px;
}
.services-top .col-l .purple-top {
	position: relative;
	margin-bottom: 11.6rem;	
  -webkit-transform: translate(-175%, 0);
	transform: translate(-175%, 0);	
	-webkit-transition: -webkit-transform .7s ease-out 0s!important;	
	transition: transform .7s ease-out 0s!important;	
}
.services-top .col-l .purple-top > span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -1000px;
	background: rgba(170,0,11,.9);
	display: block;
}
.purple-top .services-menu {
	position: absolute;
	bottom: 8.6%;
	left: 0;
	right: 0;
}
.purple-top .services-menu a {
	display: block;	
	margin-left: -5.2rem;
	overflow: hidden;		
	max-width: 35rem;
}
.purple-top .services-menu a .arrow {
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -220px -80px;
	width: 12px;
	height: 30px;	
	float: left;
	margin-right: 3.9rem;
	position: relative;
	top: 7rem;
	margin-top: -15px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform .4s ;
	transition: transform .4s ;
}
.purple-top .services-menu a:hover .arrow {
	-webkit-transform: translate(0,-1rem);
	transform: translate(0,-1rem);
}
.purple-top .services-menu a.bottom:hover .arrow {
	-webkit-transform: translate(0,1rem);
	transform: translate(0,1rem);
}
.purple-top .services-menu  a.bottom .arrow {
	background-position: -185px -80px;
}
.purple-top .services-menu a .line {
	background: #16edf0;
	width: 1px;
	height: 14rem;	
	float: left;	
	display: block;
	margin-right: 2.3rem;
}
.purple-top .services-menu a .digit {
	float: left;
	position: relative;
	overflow: hidden;
	top: 7rem;
	margin-top: -1rem;
	margin-right: 2.6rem;
}
.purple-top .services-menu a strong {
	font-size: 1.7rem;
	font-weight: bold;
	float: left;
	color: #fff;
	line-height: 2rem;
	position: relative;	
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.purple-top .services-menu a .wrap .digit strong i {
	font-style: normal;
}
.purple-top .services-menu a .wrap .digit strong i {
	position: relative;
	display: inline-block;
	font-style: normal;
	-webkit-transition: -webkit-transform 0.3s;	
	transition: transform 0.3s;
	-webkit-transform: translateY(0%);	
	transform: translateY(0%);
}
.purple-top .services-menu a .wrap .digit strong i:before {
	position: absolute;
	top: -100%;
	content: attr(data-hover);
	font-weight: 700;
	white-space: nowrap;
	-webkit-transform: translate3d(0,0,0);	
	transform: translate3d(0,0,0);
}
.purple-top .services-menu a:hover .wrap .digit strong i {
	-webkit-transform: translateY(100%);	
	transform: translateY(100%);
}
.purple-top .services-menu a.bottom .wrap .digit strong i:before {
	top: 100%;	
}
.purple-top .services-menu a.bottom:hover .wrap .digit strong i {
	-webkit-transform: translateY(-100);	
	transform: translateY(-100%);
}
.purple-top .services-menu a .wrap {
	display: block;
	overflow: hidden;
	-webkit-transform: translate(0,100%);
	transform: translate(0,100%);
	-webkit-transition: -webkit-transform .5s ease-in .5s;
	transition: transform .5s ease-in .5s;
}
.purple-top .services-menu a.bottom .wrap {
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
.purple-top .services-menu.animated a .wrap {
	-webkit-transform: translate(0,0%);
	transform: translate(0,0%);	
}
.purple-top .services-menu a .wrap .label {
	float: left;
	position: relative;
	overflow: hidden;
	position: relative;
	top: 7rem;
	margin-top: -1rem;
}
.purple-top .services-menu a .wrap .label span {	
	float: left;
	color: #16edf0;
	line-height: 2rem;
	text-transform: uppercase;
	letter-spacing: 3.5px;		
	font-size: 1.4rem;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	padding-right: 1rem;
	overflow: hidden;
}
.purple-top .services-menu a .wrap .label span i {
	font-style: normal;
}
.purple-top .services-menu a .wrap .label span i {
	position: relative;
	display: inline-block;
	font-style: normal;
	-webkit-transition: -webkit-transform 0.3s;	
	transition: transform 0.3s;
	-webkit-transform: translateY(0%);	
	transform: translateY(0%);
}
.purple-top .services-menu a .wrap .label span i:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	white-space: nowrap;
	-webkit-transform: translate3d(0,0,0);	
	transform: translate3d(0,0,0);
}
.purple-top .services-menu a:hover .wrap .label span i {
	-webkit-transform: translateY(-100%);	
	transform: translateY(-100%);
}
.purple-top .services-menu a.bottom .wrap .label span i:before {
	top: -100%;	
}
.purple-top .services-menu a.bottom:hover .wrap .label span i {
	-webkit-transform: translateY(100);	
	transform: translateY(100%);
}

.purple-top .services-menu .current {	
	position: relative;
	z-index: 2;
	margin-left: -20rem;
}
.purple-top .services-menu .current .digit-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
}
.purple-top .services-menu .current span {
	display: block;
	color: #ab676b69;
	font-size: 24.1rem;
	line-height: 20rem;
	font-weight: bold;
	position: absolute;
	left: 6%;
	bottom: -6rem;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.purple-top .services-menu.animated .current span {
	opacity: 1;
}
.purple-top .services-menu .current .gradient-wrap {
	position: absolute;
	left: -500px;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
}
.purple-top .services-menu .current .gradient {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
	background: -moz-linear-gradient(left,  rgba(170,0,11,1) 36%, rgba(170,0,11,0.04) 86%, rgba(170,0,11,0) 88%, rgba(170,0,11,0) 93%);
	background: -webkit-linear-gradient(left,  rgba(170,0,11,1) 36%,rgba(170,0,11,0.04) 86%,rgba(170,0,11,0) 88%,rgba(170,0,11,0) 93%);
	background: linear-gradient(to right,  rgba(170,0,11,1) 36%,rgba(170,0,11,0.04) 86%,rgba(170,0,11,0) 88%,rgba(170,0,11,0) 93%);	
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: -webkit-transform .7s ease-in .2s;
	transition: transform .7s ease-in .2s;
}
.purple-top .services-menu.animated .current .gradient,
.purple-top .services-menu.animated .current strong em,
.purple-top .services-menu.animated a {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}
.purple-top .services-menu .current strong {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 7rem;
	line-height: 8rem;
	font-family: 'CaslonGraphiqueEF';	
	font-weight: normal;
	max-width: 46rem;
	display: block;
	padding: 2rem 0 2.6rem 12.6%; 
	letter-spacing: -1.5px;
}
.purple-top .services-menu .current strong em {
	display: block;
	font-style: normal;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: -webkit-transform .7s ease .3s, opacity .7s  ease .3s ;
	transition: transform .7s ease .3s, opacity .7s ease .3s;
	opacity: 0;
}
.purple-top .services-menu .current strong em.last {
	display: block;
	font-style: normal;	
	-webkit-transition: -webkit-transform  .7s ease .4s, opacity .7s ease .4s ;
	transition: transform .7s ease .4s, opacity .7s ease .4s;
}
.tw-count {
	display: block;	
	position: relative;
	padding-left: 5.6rem;
	color: #7f7d81;
	font-size: 2.1rem;
	line-height: 3rem;
	-webkit-transform: translate(0, -10rem);
	transform: translate(0, -10rem);
	-webkit-transition: -webkit-transform .7s ease .3s, opacity .7s  ease .3s ;
	transition: transform .7s ease .3s, opacity .7s ease .3s;
	opacity: 0;
	z-index: 5;
	min-height: 184px;
}
.purple-top.animated + .tw-count { 
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.tw-count span {
	padding-right: 31%;
	display: block;
}
.tw-count strong {
	font-size: 8rem;
	display: block;
	line-height: normal;
	color: #16edf0;
	font-weight: normal;
	margin: -0.6rem 0 0 -0.3rem;
	letter-spacing: -2px;
}
.tw-count strong.f50 {
	font-size: 5rem;
}
.tw-count:before {
  content: attr(data-v);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 15rem;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  left: 0rem;
  line-height: 0px;
  color: #16edf0;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  letter-spacing: 2.5px;
  min-height: 100%;
  font-size: 1.3rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-top: 1px solid #16edf0;
  padding: 2rem 1rem 0 0;
  width: 13.5rem;
  text-align: right;
}
.page-template-service-page .site-content .inner {
	max-width: 1260px;
}
.body-txt {
	overflow: hidden;
	padding: 7.7rem 0 22rem;
}
.body-txt .col-l {
	float: left;
	width: 41.5%;	
  color: #aa000b; 
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 7rem; 
  opacity: 0;    
  padding-top: 7rem;  
  position: relative;
  -webkit-transform: translate(0px, 9rem);
  -webkit-transition: -webkit-transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s;
  transform: translate(0px, 9rem);
  transition: transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s; 
}
.body-txt .col-r {
	float: right;
	width: 41.5%;
	opacity: 0;
  color: #aa000b;
  font-size: 2.3rem;
  line-height: 3.5rem;
  -webkit-transform: translate(0px, 9rem);
  -webkit-transition: -webkit-transform 0.7s ease-out 0s, opacity 0.7s ease-out 0s;
  transform: translate(0px, 9rem);
  transition: transform 0.7s ease-out 0s, opacity 0.7s ease-out 0s; 
}
.body-txt .col-l  .deco-top {
	display: block;
	margin-top: .7rem;
	width: 20%;
	height: 1.8rem;
	background: none;
	position: absolute;
	left: 0px;
	top: 0;
	overflow: hidden;	
	background: #16edf0;	
	width: 0;
	-webkit-transition: width .7s linear .2s;
	transition: width .7s linear .2s;
}
.body-txt .col-l.animated .deco-top {
	width: 20%;
}
.services-list {
	background: #aa000b;
	padding: 8.5rem 0 6.2rem; 
}
 .page-template-service-page .site-content .services-list .inner {
 	 -webkit-transform: translate(0, 0);
 	 transform: translate(0, 0);
 }
.services-list h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 2.4rem;
	line-height: normal;
	padding-bottom: 5rem;
	letter-spacing: .5rem;
	font-family: 'Avenir Book';
	color: #fff;
	opacity: 0;   
  -webkit-transform: translate(0px, 7rem);
  -webkit-transition: -webkit-transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s;
  transform: translate(0px, 7rem);
  transition: transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s; 	
}
.services-list .col {
	display: inline-block;
	vertical-align: top;	
	width: 25%;
	opacity: 0;   
  -webkit-transform: translate(-7rem, 0);
  -webkit-transition: -webkit-transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s;
  transform: translate(-7rem, 0);
  transition: transform 0.7s ease-in 0s, opacity 0.7s ease-in 0s; 	
}
.services-list .services-row.animate .col {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.services-list .services-row.animate .col:nth-child(2) {
	-webkit-transition: -webkit-transform 0.7s ease-in .2s, opacity 0.7s ease-in .2s;
	transition: transform 0.7s ease-in .2s, opacity 0.7s ease-in .2s; 
} 
.services-list .services-row.animate .col:nth-child(3) {
	-webkit-transition: -webkit-transform 0.7s ease-in .4s, opacity 0.7s ease-in .4s;
	transition: transform 0.7s ease-in .4s, opacity 0.7s ease-in .4s; 
} 
.services-list .services-row.animate .col:nth-child(4) {
	-webkit-transition: -webkit-transform 0.7s ease-in .6s, opacity 0.7s ease-in .6s;
	transition: transform 0.7s ease-in .6s, opacity 0.7s ease-in .6s; 
} 
.services-list .col h4 {
	color: #16edf0;
	font-size: 2.3rem;
	line-height: normal;
	padding-bottom: 3.3rem;
	position: relative;
	margin-bottom: 3.5rem;
	font-weight: normal;
	position: relative;
}
.services-list .col h4:before {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	content: '';
	height: 0.6rem;
	width: 0;
	background: #16edf0;
  -webkit-transition: width 0.4s ease-in .2s;  
  transition: width 0.4s ease-in .2s;
}
.services-list .services-row.animate .col h4:before {
	width: 17%;
}
.services-list .services-row.animate .col:nth-child(2) h4:before {
	 -webkit-transition: width 0.4s ease-in .4s;  
  transition: width 0.4s ease-in .4s;
}
.services-list .services-row.animate .col:nth-child(3) h4:before {
	 -webkit-transition: width 0.4s ease-in .6s;  
  transition: width 0.4s ease-in .6s;
}
.services-list .services-row.animate .col:nth-child(4) h4:before {
	 -webkit-transition: width 0.4s ease-in .8s;  
  transition: width 0.4s ease-in .8s;
}
.services-list .col ul {	
	list-style-type: none;
}
.services-list .col ul li {
	position: relative;
	padding: 0 20% 0 10%;	
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: .8rem;
	color: #ffffff;
	line-height: normal;
}
.services-list .col ul li:before {
	position: absolute;
	display: block;
	left: 0;
	top: .8rem;
	content: '';
	height: 1px;
	width: 5px;
	background: #16edf0;
}
.power-services {
	background: #fff url(/wp-content/uploads/2019/04/contcat-bg.jpg) no-repeat 0 100% / cover;
	position: relative;
	padding: 20rem 0 21.2rem;
}
.power-services .deco {
	position: absolute;
	font-size: 40rem;
	line-height: normal;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-40%,-52%);
	transform: translate(-40%,-52%);
	color: #f3f3f3;
	letter-spacing: .5rem;
	font-weight: 900;
	z-index: 1;
	white-space: nowrap;
	text-shadow: 0 0 5.9rem rgba(10,10,10,0.04);
}
.power-services .inner {
	position: relative;
	z-index: 10;
}
.power-services h3 {
	color: #aa000b;
	font-size: 5.4rem;
	line-height: 7rem;
	font-weight: bold;
	position: relative;
	padding-left: 12%;
	letter-spacing: 1px;
	word-spacing: .5rem;
	max-width: 90rem;
}
.power-services h3 span {
	display: inline-block;
	vertical-align: top;	
	overflow: hidden;
	position: relative;
	left: -4px;
}
.power-services h3 span em {
	display: block;
	font-style: normal;
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transition: -webkit-transform .4s ease-out 0s;
	transition: transform .4s ease-out 0s;
}
.power-services h3.animate span em {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.power-services h3:before {
	position: absolute;
	left: 0rem;
	top: 7.2rem;
	content: '“';
	font-family: 'CaslonGraphiqueEF';
	font-size: 12rem;
	line-height: 0;
	height: 15rem;
	color: #16edf0;		
	opacity: 0;
	display: none;
	-webkit-transform: translate(0, 4rem);
	transform: translate(0, 4rem);
	-webkit-transition: -webkit-transform .4s ease-out 0s, opacity  .4s ease-out 0s;
	transition: transform .4s ease-out 0s, opacity  .4s ease-out 0s;
}
.power-services h3.animate:before {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.infographic {
	background: url(images/bg-our-ideals.jpg) no-repeat 50% 0% / cover;
	margin-top: -39.1rem;
	padding-top: 37.7rem;
	padding-bottom: 11rem;
}
.page-template-service-page .site-content .infographic .inner {
	max-width: 1428px;
}
.portfolio-image {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 65.6rem;
  overflow: hidden;
  position: relative;
}
.ipad {
  text-align: center;
}
.page-id-168 .ipad {
	margin-top: -25rem;
}
.portfolio-image img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  margin: 0 auto
}
.highlights-gallery {
	position: relative;
}
.highlights-gallery.slick-slider {
	margin-bottom: 0px;
}
.highlights-gallery.slick-slider .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	padding-bottom: 4.1rem;	
	text-align: center;
}
.highlights-gallery .slick-slide:before {
	/*background: -moz-linear-gradient(top,  rgba(30,87,153,0) 4%, rgba(23,68,120,0) 25%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 4%,rgba(23,68,120,0) 25%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 4%,rgba(23,68,120,0) 25%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 );*/
	background: url(images/bg-shadow.png) repeat-x 0 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 246px;
	display: block;
	content: '';
	z-index: 2;
}
.highlights-gallery.slick-slider .slick-dots li {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 1.1rem;
}
.highlights-gallery.slick-slider .slick-dots li button {
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
	background: #fff;
	text-indent: -9999px;
	-webkit-appearance: none;
	-webkit-transition: border .5s, background .5s;
	transition: border .5s, background .5s;
}
.highlights-gallery.slick-slider .slick-dots li button:hover,
.highlights-gallery.slick-slider .slick-dots li.slick-active button {
	background: none;
	border: 2px solid #16edf0;
	cursor: pointer;
}
.highlights-gallery.slick-slider .slick-dots li.slick-active button:hover {
	cursor: default;
}
.highlights-inner {
	position: absolute;	
	bottom: 7.7rem;
	z-index: 6;
	left: 50%;
	max-width: 1260px;
	box-sizing: border-box;
	padding: 0 3rem;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.slide-inner .highlights-inner {
	bottom: 3rem;
}
.highlights-inner .more-wrap {
	width: 40rem;
	position: relative;
	overflow: hidden;
}
.highlights-inner .more-wrap a.more-info {
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	width: 110px;
	height: 40px;
	background: #16edf0;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.6rem;
	padding-top: 70px;
	letter-spacing: 2px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-decoration: none;
	color: #fff;
	opacity: 1;
	-webkit-transition: color .5s;
	transition: color .5s;	
}
.highlights-inner .more-wrap.to-show a.more-info,
.slide-inner .highlights-inner .more-wrap.to-show a.more-info {
	margin: 0 0 0 -250px;
	left: 50%;
	bottom: -66%;
	color: #aa000b;
	background: #aa000b;
	width: 500px;
	height: 500px;	
	-webkit-transition: all .7s linear;
	transition: all .7s linear;
	will-change: transform;
}
.highlights-inner .more-wrap.to-show.to-hide a.more-info {
	-webkit-transform: translate3d(0, 0,0);
	transform: translate3d(0, 0,0);
	left: 0%;
	margin: 0;
	will-change: transform;
	bottom: 0%;
	color: #fff;
	background: #16edf0;
	width: 110px;
	height: 40px;
	-webkit-transition: all .7s linear, color 0s;
	transition: all .7s linear, color 0s;
}
.highlights-inner .more-wrap.to-show a.more-info span:before,
.highlights-inner .more-wrap.to-show a.more-info span:after,
.highlights-inner .more-wrap.to-show a.more-info span i {
	background: #aa000b;
	-webkit-transition: background 1s;
	transition: background 1s;
}
.highlights-inner .more-wrap.to-show.to-hide a.more-info span:before,
.highlights-inner .more-wrap.to-show.to-hide a.more-info span:after,
.highlights-inner .more-wrap.to-show.to-hide a.more-info span i {
	background: #fff;
	-webkit-transition: all 0s;
	transition: all 0s;
}
.highlights-inner .more-wrap.to-show.to-hide a.more-info span i  {
	background: #16edf0;
}
.highlights-inner .more-wrap a.more-info span {
	position: absolute;
	top: 2.3rem;
	left: 50%;
	margin-left: -1.85rem;
	width: 3.7rem;
	height: 3.7rem;
	display: block;
}
.highlights-inner .more-wrap a.more-info span:before {
	position: absolute;
	content: '';
	width: 1px;
	left: 1.8rem;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: 2;
	-webkit-transition: background .7s;
	transition: background .7s;	
}
.highlights-inner .more-wrap a.more-info:hover span:before,
.highlights-inner .more-wrap a.more-info:hover span:after {
	background: #aa000b;
}
.highlights-inner .more-wrap a.more-info span:after {
	position: absolute;
	content: '';
	height: 1px;
	left: 0;
	right: 0px;
	top: 1.8rem;	
	background: #fff;
	z-index: 2;
	-webkit-transition: background .7s;
	transition: background .7s;	
}
.highlights-inner .more-wrap a.more-info span i {
	width: 2.7rem;
	height: 2.7rem;
	background: #16edf0;
	position: absolute;
	content: '';
	left: .5rem;
	top: .5rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	z-index: 1;
	-webkit-transition: color .5s;
	transition: color .5s;	
}
.highlights-inner .pop-up-box {
	opacity: 0;
	visibility: hidden;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: #fff;
	cursor: default;
	position: relative;
	padding: 3rem 7%; 
	 -webkit-transition: opacity .8s , visibility .8s;
	transition: opacity .8s , visibility .8s ;  
}
.entry-content .highlights-inner .pop-up-box h3 {
	margin-bottom: 0px;
}
.entry-content .highlights-inner .pop-up-box p {
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: #fff;
	margin-bottom: 0;
}
.highlights-inner .pop-up-box p + a {
	font-weight: 600;
	color: #16edf0;
	text-transform: uppercase;
	display: block;
	width:100px;
	box-sizing: border-box;
	padding-left: 44px;
	position: relative;
	text-decoration: none;
	font-size: 13px;
	line-height: normal;
	letter-spacing: 4px;
	opacity: 0;
	-webkit-transform: translate(0, 3rem);
	transform: translate(0, 3rem);
	-webkit-transition: opacity .5s , -webkit-transform .5s ;
	transition: opacity .5s , transform .5s ;
	will-change: transform;	
}
.highlights-inner .pop-up-box p + a:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	display: block;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0px -20px;
	width: 31px;
	height: 12px;
	margin-top: -6px;
	-webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
}
.highlights-inner .pop-up-box p + a:hover:before {
	-webkit-transform: translate(1rem,0);
	transform: translate(1rem,0);
}
.highlights-inner .to-show .pop-up-box {
	opacity: 1;
	visibility: visible;
	 -webkit-transition: opacity .8s ease-out .8s, visibility .8s ease-out .8;
	transition: opacity .8s ease-out .8s, visibility .8s ease-out .8s;  
}
.highlights-inner .to-show.to-hide .pop-up-box {
	background: #aa000b;
	opacity: 0;
	 -webkit-transition: opacity .5s ease-out 0s;
	transition: opacity .5s ease-out .0s;  
}
.highlights-inner .pop-up-box h3 {
	opacity: 0;
	-webkit-transform: translate(0, 3rem);
	transform: translate(0, 3rem);
	-webkit-transition: opacity .5s , -webkit-transform .5s ;
	transition: opacity .5s , transform .5s ;
	text-transform: uppercase;
	color: #16edf0;
	letter-spacing: 2px;
	font-size: 1.4rem;
	font-weight: normal;
	padding-bottom: 1.5rem;
	will-change: transform;
}
.highlights-inner .pop-up-box p {
	opacity: 0;
	-webkit-transform: translate(0, 3rem);
	transform: translate(0, 3rem);
	-webkit-transition: opacity .5s , -webkit-transform .5s ;
	transition: opacity .5s , transform .5s ;
	will-change: transform;
	padding-bottom: 1rem;
}
.highlights-inner .to-show .pop-up-box p,
.highlights-inner .to-show .pop-up-box h3,
.highlights-inner .to-show .pop-up-box p + a {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.highlights-inner .to-show .pop-up-box h3 {
	-webkit-transition: opacity .5s ease-in .8s, -webkit-transform .5s ease-in .8s;
	transition: opacity .5s ease-in .8s, transform .5s ease-in .8s;
}
.highlights-inner .to-show .pop-up-box p,
.highlights-inner .to-show .pop-up-box p + a {
	-webkit-transition: opacity .5s ease-out .8s, -webkit-transform .5s ease-out .8s;
	transition: opacity .5s ease-out .8s, transform .5s ease-out .8s;
}

.highlights-inner .pop-up-box .close:before {
  background: #f1f0f2 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3.8rem;
  left: 1.3rem;
  position: absolute;
  text-indent: 0;
  top: -0.5rem;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: center center 0;
  transform: rotate(45deg);
  transform-origin: center center 0;
  width: 1px;
}
.highlights-inner .pop-up-box .close:after {
  background: #f1f0f2 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3.8rem;
  left: 1.3rem;
  position: absolute;
  text-indent: 0;
  top: -0.5rem;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: center center 0;
  transform: rotate(-45deg);
  transform-origin: center center 0;
  width: 1px;
}
.highlights-inner .pop-up-box .close {    
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  height: 2.7rem;
  position: absolute;
  right: 2rem;
  text-indent: -9999px;
  top: 2rem;
  width: 2.7rem;
  z-index: 3;
  cursor: pointer;
  background: #16edf0 ;
  opacity: 0; 
  -webkit-transition: opacity .5s ease-out .0s;
	transition: opacity .5s ease-out 0s;
}
.highlights-inner .to-show .pop-up-box .close:hover {
	opacity: 0.6;	
}
.highlights-inner .to-show .pop-up-box .close {
	opacity: 1;	
}
.services-nav {
	padding: 15.8rem 0 11.4rem;	
	position: relative;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
	background: #aa000b;
	/*background: -moz-linear-gradient(top,  rgba(170,0,11,1) 0%, rgba(170,0,11,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(170,0,11,1) 0%,rgba(170,0,11,1) 100%);
	background: linear-gradient(to bottom,  rgba(170,0,11,1) 0%,rgba(170,0,11,1) 100%);*/
}
.services-nav:before {
	position: absolute;
	width: 12.75%;
	max-width: 204px;
	left: 50%;
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	background: #ab0913;
	z-index: 1;
}
.services-nav .inner {
	position: relative;
	z-index: 2;
}
.page-template-service-page .site-content .services-nav .inner {
	max-width: 1458px;
}
.services-nav .prev-service,
.services-nav .next-service {
	width: 37%;
	float: left;
	box-sizing: border-box;
	padding-left: 3rem;
	text-align: right;
	text-decoration: none;
	padding-bottom: 4rem;
}
.services-nav .next-service {
	float: right;
	text-align: left;
	padding-left: 0px;
	padding-right: 3rem;
}
.services-nav .agency-back {
	width: 6rem;
	display: block;
	margin: 0 auto;
	font-size: 1.3rem;
	padding-top: 3rem;
	position: relative;
	top: 4.7rem;
	letter-spacing: 2px;
	position: relative;
	color: #fff;
	text-align: center;
	text-decoration: none; 
}
.services-nav .agency-back:before,
.services-nav .agency-back span:before,
.services-nav .agency-back span:after {
	width: 7px;
	height: 7px;
	border: 1px solid #fff;
	content: '';
	text-indent: -9999px;
	top: 0;
	left: 50%;
	position: absolute;
	display: block;
	margin-left: -4px;
	-webkit-transition:  -webkit-transform .3s, border .3s;
	transition:  border .3s, transform .3s;
	will-change: transform;
}
.services-nav .agency-back:hover:before,
.services-nav .agency-back:hover span:before,
.services-nav .agency-back:hover span:after {
	border: 1px solid #16edf0;
	-webkit-transform: translate3d(0, 10px,0);
	transform: translate3d(0, 10px,0);
}
.services-nav .agency-back span:before {
	margin-left: -17px;
}
.services-nav .agency-back span:after {
	margin-left: 9px;
}
.services-nav .prev-service span,
.services-nav .next-service span {
	color: #16edf0;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	padding-bottom: 1.2rem;
	display: block;
} 
.services-nav .prev-service strong,
.services-nav .next-service strong {
	color: #fff;
	font-size: 4.2rem;
	letter-spacing: -1px;
	line-height: normal;
	font-family: 'CaslonGraphiqueEF';		
	font-weight: normal;
	display: block;
	position: relative;
} 
.services-nav .prev-service strong,
.services-nav .next-service strong {
	overflow: hidden;	
}
.services-nav .prev-service strong i,
.services-nav .next-service strong i {
	position: relative;
	display: inline-block;
	font-style: normal;
	-webkit-transition: -webkit-transform 0.3s;	
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,0,0);	
	transform: translate3d(0,0,0);
	will-change: transform;
}
.services-nav .prev-service strong i:before,
.services-nav .next-service strong i:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);	
	transform: translate3d(0,0,0);
  font-weight: normal;
}
.services-nav .prev-service strong i:before {
	right: 0;
}
.services-nav .next-service:hover strong i,
.services-nav .prev-service:hover strong i {
	-webkit-transform: translate3d(0,-100%,0);	
	transform: translate3d(0,-100%,0);
}
.services-nav strong:before {
	display: block;	
	height: 12px;
	width: 31px;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -55px -20px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	top: 50%;
	margin-top: -6px;
	left: 2rem;
	content: '';
	text-indent: -9999px;
	position: absolute;
}
.services-nav .next-service strong:before {
	left: auto;
	right: 2rem;
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
}
.services-nav a:hover strong:before {
	-webkit-transform: translate(-2rem, 0);
	transform: translate(-2rem, 0);
}
.services-nav .next-service:hover strong:before {
	-webkit-transform: translate(2rem, 0);
	transform: translate(2rem, 0);	
}
.slide-inner {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 10px rgba(11,11,12,1); 
}
.post-gallery-wrap {
	position: relative;
	background: url(/wp-content/uploads/2019/01/bg-gallery.jpeg) no-repeat 40% 0 /cover;
	margin-top: -20.6rem;
	padding-top: 34.5rem;
}

.single-work .post-gallery-wrap {
	background: none;
	padding: 0;
	margin: 0; 
}
.post-gallery-wrap .post-gallery {
	z-index: 10;
}
.post-gallery-wrap .highlights,
.single-work .highlights {
	position: absolute;
	left: 50%;
	top: 34rem;
	width: 100%;
	padding: 0 100px;	
	max-width: 1200px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 11;
}
.single-work .highlights {
	top: 0;
}
.post-gallery-wrap .highlights span{
	-webkit-transform: rotate(-90deg);	
	transform: rotate(-90deg);	
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	color: #16edf0;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	display: block;
	position: absolute;
	right: 54px;
	top: 0;
	padding: 0 1rem; 
}
.slide-item-outer {
	background: #fff;
	margin: 20px 40px;
}
.slide-item-outer .slide-inner {
	margin: 0;
	background: #fff url(images/progress.gif) no-repeat 50% 50%;
}

/* Intro video */
.page-template-intro-page {
	overflow: hidden;
}
#skip {
	position: absolute;
	bottom: 3rem;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	text-align: center;
	font-size: 1.2rem;
	text-decoration: underline;
	color: #fff;	
	font-weight: 500;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s;
	transition: opacity .35s, visibility .35s;
}
#skip.show {
	opacity: 1;
	visibility: visible;
}
#skip:hover {
	text-decoration: none;
}
video.bgvid {
  background: #aa000b url(images/bg-texture-2.jpg) no-repeat 50% 50% /cover ;
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  opacity: 1;
  position: fixed;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -webkit-transition: opacity 0.75s ease 0s;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.75s ease 0s;
  width: auto;
  z-index: 999;

}
.video-elements {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
}
.video-elements #time {
	position: absolute;
	top: 55%;
	right: 52%;
	width: 400px;
	text-align: right;
	color: #fff;
	font-size: 34px;
	opacity: 0;
	letter-spacing: 1px;
}
.video-elements #time strong {
	font-weight: normal;
	letter-spacing: -2px;
	color: #16edf0;
}
.video-elements #time i {
	font-style: normal;
	font-size: 26px;
	margin-left: -.5rem;
}
.video-elements #small-title {
	position: absolute;
	top: 40%;
	left: 50%;
	color: #fff;
	opacity: 0;
	word-spacing: 15px;
	letter-spacing: 10px;
	font-size: 15px;
	width: 350px;
margin-left: -135px;
	color: #16edf0;
	text-align: center;
}
.video-elements #big-title {
	position: absolute;
	top: 50%;
	left: 3%;
	text-align: center;
	right: 3%;
	color: #fff;
	opacity: 0;
	
	line-height: 5rem;
	letter-spacing: 14px;
	color: transparent;
	z-index: 99;
}
.video-elements #big-title span {
	font-size: 25px;	
	margin-bottom: 3rem;
}
.video-elements #big-title i,
.video-elements #small-title i {
	font-style: normal;
	color: #16edf0;
	float: left;
	position: relative;
	height: 5rem;
	-webkit-transition: -webkit-transform .6s ease-in;
	transition: transform .6s ease-in;	
}
.video-elements #small-title i {
	height: 2rem;
	-webkit-transition: -webkit-transform .4s ease-in;
	transition: transform .4s ease-in;	
}
.video-elements #big-title span,
.video-elements #small-title span {
    
	display: inline-block;
/*	vertical-align: top;*/
text-align: center;
}
.video-elements #big-title .word-1,
.video-elements #small-title .word-1,
.video-elements #small-title .word-2 {
	margin-right: 3px;
}
.l-d {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);	
	-webkit-transform-origin: 13% 0;
	transform-origin: 13% 0;
}
.an .l-d {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);	
}
.l-i {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.an .l-i {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.l-g {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);	
	-webkit-transform-origin: 60% 0;
	transform-origin: 60% 0;
}
.an .l-g {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);	
}
.l-t {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0%;
	transform-origin: 0 0%;
}
.an .l-t {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.l-a {
	-webkit-transform: rotateY(-90deg) rotateX(-23deg);
	transform: rotateY(-90deg) rotateX(-23deg);	
	-webkit-transform-origin: 40% 0;
	transform-origin: 40% 0;	
}
.an .l-a {
	-webkit-transform: rotateY(0deg) rotateX(0deg);
	transform: rotateY(0deg) rotateX(0deg);	
}
.l-l {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 25% 0;
	transform-origin: 25% 0;	
}
.an .l-l {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);	
}
.l-r {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.an .l-r {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.l-n {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);	
	-webkit-transform-origin: 70% 0;
	transform-origin: 70% 0;
}
.an .l-n {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);	
}
.l-s {
	-webkit-transform: rotateY(-90deg) rotateX(23deg);
	transform: rotateY(-90deg) rotateX(23deg);	
	-webkit-transform-origin: 40% 0;
	transform-origin: 40% 0;	
}
.an .l-s {
	-webkit-transform: rotateY(0deg) rotateX(0deg);
	transform: rotateY(0deg) rotateX(0deg);	
}
.l-f {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);	
	-webkit-transform-origin: 65% 0;
	transform-origin: 65% 0;	
}
.an .l-f {
	-webkit-transform: rotateY(0deg) rotateX(0deg);
	transform: rotateY(0deg) rotateX(0deg);	
}
.l-o {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0%;
	transform-origin: 0 0%;
}
.an .l-o {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.l-m {
	-webkit-transform: rotateY(-90deg) rotateX(23deg);
	transform: rotateY(-90deg) rotateX(23deg);	
	-webkit-transform-origin: 67% 0;
	transform-origin: 67% 0;	
}
.an .l-m {
	-webkit-transform: rotateY(0deg) rotateX(0deg);
	transform: rotateY(0deg) rotateX(0deg);	
}
.l-e {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);	
	-webkit-transform-origin: 65% 0;
	transform-origin: 65% 0;	
}
.an .l-e {
	-webkit-transform: rotateY(0deg) rotateX(0deg);
	transform: rotateY(0deg) rotateX(0deg);	
}

/* Mobile intro */
.mobile-intro {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;	
	bottom: 0;
	z-index: 100000;
	background: #aa000b url(images/bg-texture-2.jpg) no-repeat 50% 50% /cover ;
}
#time-m {
	position: absolute;
	top: 55%;
	right: 52%;
	width: 400px;
	text-align: right;
	color: #fff;
	font-size: 3.4rem;
	opacity: 0;
	letter-spacing: 1px;
}
#time-m strong {
	font-weight: normal;
	letter-spacing: -2px;
	color: #16edf0;
}
#time-m i {
	font-style: normal;
	font-size: 2.6rem;
	margin-left: -.5rem;
}

.video-elements-m .circle {
	border-radius: 50%;
	background: #16edf0;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0px;
	height: 0px;	
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	will-change: transform;
}
.video-elements-m .line {
	left: 50%;
	margin-left: -1px;
	width: 2px;
	background: #16edf0;
	bottom: 46%;
	height: 32vh;
	opacity: 0;
	position: absolute;
	-webkit-transform-origin: 50% 88%;
	transform-origin: 50% 88%;	
}
@media (orientation: portrait) { 
	.video-elements-m .line {
		height: 32vw;	
	}
}
#slide-logo-m {
	position: absolute;
	top: 34%;
	right: 16%;
	left: 16%;
	color: #fff;
	opacity: 0;		
}
#slide-logo-m img {
	width: 100%;
	height: auto;
}
.video-elements-m .square,
.video-elements-m .square-2 {
	opacity: 0;
	width: 0;
	height: 0;
	border: 0px solid #16edf0;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.video-elements-m .square-2 {
	width: 130px;
	height: 130px;
	border: 3px solid #16edf0;
}
@media (max-width: 460px) and (orientation: portrait)  {
	.video-elements-m .square-2 {
		width: 100px;
		height: 100px;
	}
}
@media (max-height: 460px) and (orientation: landscape) {
	.video-elements-m .square-2 {
		width: 50px;
		height: 50px;
	}
	.slide.slide-mobile .green-dot {
		left: -12%!important;
	}
} 
#small-title-m {
	position: absolute;
	top: 40%;
	left: 50%;
	color: #fff;
	opacity: 0;
	word-spacing: 18px;
	letter-spacing: 10px;
	font-size: 18px;
	width: 350px;
	margin-left: -135px;
	color: #16edf0;
}
#big-title-m {
	position: absolute;
	top: 50%;
	left: 3%;
	text-align: center;
	right: 3%;
	color: #fff;
	opacity: 0;	
	line-height: 5rem;
	letter-spacing: 12px;
	color: transparent;
	z-index: 99;
}
#big-title-m span {
	font-size: 52px;	
}
#big-title-m i,
#small-title-m i {
	font-style: normal;
	color: #16edf0;
	float: left;
	position: relative;
	height: 5rem;
	-webkit-transition: -webkit-transform .6s ease-in;
	transition: transform .6s ease-in;	
}
#small-title-m i {
	height: 2rem;
	-webkit-transition: -webkit-transform .4s ease-in;
	transition: transform .4s ease-in;	
}
#big-title-m span,
#small-title-m span {
	display: inline-block;
	vertical-align: top;
}
#big-title-m .word-1,
#small-title-m .word-1,
#small-title-m .word-2 {
	margin-right: 3px;
	margin-bottom: 4rem;
}
#slide-logo {
	position: absolute;
	top: 41%;
	right: 18%;
	left: 16.7%;
	color: #fff;
	opacity: 0;		
}
#slide-logo img {
	width: 100%;
	height: auto;
}
#pause {
	position: absolute;
	top: 30%;
	right: 10%;
	z-index: 99999;
	background: white;
}
#play {
	position: absolute;
	top: 50%;
	right: 10%;
	z-index: 99999;
	background: white;
}
.blobs{
  position:absolute;
 
  bottom:-40px;
  right:0;
  background:white;
  height:100%;
  width:200px;
  margin:auto;
  -webkit-filter:blur(20px) contrast(30) hue-rotate(312deg);
  filter:blur(20px) contrast(30) hue-rotate(312deg); 
  opacity: 1;
  -webkit-transition: opacity .5s; 
  transition: opacity .5s; 
}
.blobs.animate {
	opacity: 1;	
}


.blob{
  background:rgb(0, 253, 255) ;
  width:120px;
  height:120px;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-50px;
  margin-left:-50px;
  border-radius:100%;
}
.blob:first-child{  
  width: 80px;
  height: 80px;
  -webkit-transform: translate(20px,0px);
  transform: translate(20px,0px);
}
.blobs.animate .blob {
	-webkit-transform: translate(0px,180px);
  transform: translate(0px,180px);
   -webkit-transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out; 
}
.blobs.animate .blob:first-child {
	-webkit-transform: translate(20px,-120px);
  transform: translate(20px,-120px); 
}
/*================= HEADER ======================*/
#body { 
  display: none;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 999;
  -webkit-transition: background .5s, opacity .5s; 
  transition: background .5s, opacity .5s;
}
.loaded #header {
	opacity: 1;
}
.loaded .page-change #header {
	opacity: 0;
	-webkit-transition: background .5s, opacity .5s ease .1s;
  transition: background .5s, opacity .5s ease .1s;
}
#header.scrolled {
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#header.scrolled.temp {
	box-shadow: none;
	background: transparent;
}
.page-template-work-page #header.scrolled {
  background: none;
  box-shadow: none; 
}
.navi-active #header,
.navi-active #header.scrolled {
  background: none;
  box-shadow: none;
}
.navi-active #header {
  z-index: 28000003;
}
#header .inner {
  position: relative;
  max-width: 1560px;
  overflow: hidden;
}
#logo {
  padding-top: 2rem;
  padding-bottom: 2rem;
  float: left;
   -webkit-transition: padding 0.25s;
  transition: padding 0.25s;
}

#logo a {
  width: 128px;
  height: 65px;    
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
  overflow: hidden;
  text-indent: 999px;
  display: block;
  -webkit-transition: opacity 0.3s, visibility 0.3s, width .4s ease 0.15s;
  transition: opacity 0.3s, visibility 0.3s, width .4s ease 0.15s;
  position: relative;
  text-indent: -9999px;
}
#logo a:hover {
  opacity: 0.7;
}
#logo a:before,
#logo a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(/wp-content/uploads/2019/04/logo.png) no-repeat 0 0 / contain;
  width: 130px;
  content: '';
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#logo a:after {  
  background: url(/wp-content/uploads/2019/04/beryl-logo.png) no-repeat 0 0 / contain;    
}
#header.scrolled #logo a:before {
  opacity: 0;
}
#header.scrolled #logo a:after {
  opacity: 1;
}
.navi-active #header.scrolled #logo a:before,
.navi-active #header #logo a:before {
  opacity: 1;
}

.scrolled #logo,
.page-template-work-page #logo {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.scrolled.temp #logo {
  padding-top: 3.8rem;
  padding-bottom: 3rem;
}
.navi-active #logo a:before {
  opacity: 1;
}
.navi-active #logo a:after,
.navi-active #header.scrolled #logo a:after  {
  opacity: 0;
}
#logo.active a {
  background-position: 0 0;
}
.navi-active #header .inner {	
	padding: 0 3rem;
}

/*================== NAVI =======================*/

#navi {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  background: #aa000b;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}
#navi.active {
  opacity: 1;
  visibility: visible;
  z-index: 28000002;
}
#navi li {
  min-width: 40rem;
  margin-bottom: 5rem;
  opacity: 1;  
  -webkit-transition: -webkit-transform 1s, opacity 0.8s;
  transition: transform 1s, opacity 0.8s;
}


#navi li.current-menu { 
  -webkit-animation-timing-function: ease-out; 
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;  
}
#navi li.center.current-menu {
  -webkit-animation-name: currentInsightsAnimation;
  animation-name: currentInsightsAnimation; 
}
#navi li.top-left.current-menu {
  -webkit-animation-name: currentAgencyAnimation;
  animation-name: currentAgencyAnimation; 
}
#navi li.top-right.current-menu {
  -webkit-animation-name: currentCareersAnimation;
  animation-name: currentCareersAnimation; 
}
#navi li.bottom-left.current-menu {
  -webkit-animation-name: currentWorkAnimation;
  animation-name: currentWorkAnimation; 
}
#navi li.bottom-right.current-menu {
  -webkit-animation-name: currentContactAnimation;
  animation-name: currentContactAnimation; 
}




@keyframes currentInsightsAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, -5rem, 0);
    transform: translate3d(0, -5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, 60vw, 0);
    transform: translate3d(0, 60vw, 0);
  }
}
@-webkit-keyframes currentInsightsAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, -5rem, 0);
    transform: translate3d(0, -5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, 60vw, 0);
    transform: translate3d(0, 60vw, 0);
  }
}

@keyframes currentAgencyAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, -50vw, 0);
    transform: translate3d(0, -50vw, 0);
  }
}
@-webkit-keyframes currentAgencyAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, -50vw, 0);
    transform: translate3d(0, -50vw, 0);
  }
}

@keyframes currentCareersAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, -70vh, 0);
    transform: translate3d(0, -70vh, 0);
  }
}
@-webkit-keyframes currentCareersAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0, -70vh, 0);
    transform: translate3d(0, -70vh, 0);
  }
}

@keyframes currentWorkAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(5rem, 0, 0);
    transform: translate3d(5rem, 0, 0);
  }  
  100%{
    -webkit-transform: translate3d(-60vw, 0, 0);
    transform: translate3d(-60vw, 0, 0);
  }
}
@-webkit-keyframes currentWorkAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(5rem, 0, 0);
    transform: translate3d(5rem, 0, 0);
  }  
  100%{
    -webkit-transform: translate3d(-60vw, 0, 0);
    transform: translate3d(-60vw, 0, 0);
  }
}

@keyframes currentContactAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(-5rem, 0, 0);
    transform: translate3d(-5rem, 0, 0);
  }  
  100%{
    -webkit-transform: translate3d(60vw, 0, 0);
    transform: translate3d(60vw, 0, 0);
  }
}
@-webkit-keyframes currentContactAnimation {
  0% {  
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  30% {
    -webkit-transform: translate3d(-5rem, 0, 0);
    transform: translate3d(-5rem, 0, 0);
  }  
  100%{
    -webkit-transform: translate3d(60vw, 0, 0);
    transform: translate3d(60vw, 0, 0);
  }
}




#navi li.top-left {
  float: left;
  -webkit-transform: translateY(-50vh);
  transform: translateY(-50vh);

}
#navi li.bottom-left {
  float: left;
  clear: left;
  -webkit-transform: translateX(-50vw);
  transform: translateX(-50vw);
  margin-bottom: 0px;
}
#navi li.top-right {
  float: right;
  margin-bottom: 2.8rem;
  -webkit-transform: translateY(-70vh);
  transform: translateY(-70vh);
}

#navi li.bottom-right {
  float: right;
  clear: right;
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw);  
  margin-bottom: 0px;
}
#navi li.center  {
  position: absolute;
  top: 23rem;
  left: 40.5rem;
  -webkit-transform: translateY(60vw);
  transform: translateY(60vw);
  opacity: 1;
}
#navi li.center a {
  padding-bottom: 9rem;
  padding-top: 11rem;
  -webkit-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
  font-smoothing: antialiased;
}
#navi li.top-right a,
#navi li.bottom-left a {
  padding-top: 24rem;
}
#navi li.bottom-left a {
  /*background: url(images/nav-work.jpg) no-repeat 0 0;*/
  background-size: cover;
}
#navi li.top-right a {
  /*background: url(images/nav-services-2-2.jpg) no-repeat 0 0;*/
  background-size: cover;
}
#navi.active li {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#navi.active li.center {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#navi li a {
  background: #fff;
  display: block;
  padding: 9rem 5rem 10rem;
  text-decoration: none;
  position: relative;
}
#navi li a:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 15px solid transparent;
  z-index: 9;
  content: "";
}
#navi li a .nav-line {
  position: absolute;
  background: #16edf0;
}
#navi li a .nav-line-1 {
  height: 15px;
  width: 0%;
  right: 0;
  top: 0;
  -webkit-transition: width .175s linear;
  transition: width .175s linear;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
}
#navi li a .nav-line-2 {
  height: 0%;
  width: 15px;
  right: 0;
  bottom: 0;
  -webkit-transition: height .175s linear;
  transition: height .175s linear;
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}
#navi li a .nav-line-3 {
  height: 15px;
  width: 0%;
  right: 0;
  bottom: 0;
  -webkit-transition: width .175s linear;
  transition: width .175s linear;
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}
#navi li a .nav-line-4 {
  height: 0%;
  width: 15px;
  left: 0;
  bottom: 0;
  -webkit-transition: height .175s linear;
  transition: height .175s linear;
  -webkit-transition-delay: .175s;
  transition-delay: .175s;
}
#navi li a:hover .nav-line-1{
  -webkit-transition-delay: .35s; 
  transition-delay: .35s; 
  width: 100%;
}
#navi li a:hover .nav-line-3 {
  -webkit-transition-delay: .175s;
  transition-delay: .175s; 
  width: 100%;
}
#navi li a:hover .nav-line-2 { 
  -webkit-transition-delay: .175s; 
  transition-delay: .175s; 
  height: 100%;
}
#navi li a:hover .nav-line-4 {
  -webkit-transition-delay: .35s; 
  transition-delay: .35s;  
  height: 100%;
}
.nav_desc span {
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#navi li a:hover .nav_desc span,
#navi li.current-menu-item a .nav_desc span { 
  left: 5px;
}
#navi li.current-menu-item a {  
  cursor: default;
}
#navi li.current-menu-item a:after {
  border-color: #16edf0 !important;
}
.over-menu {
  background: url(/wp-content/uploads/2019/01/intro-menu-3.png) no-repeat 50% 100%;      
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;    
  height: 2161px;
  -webkit-transition: -webkit-transform 4.5s ease 2s;
  transition: transform 4.5s ease 2s;
}
.overlay {
  background: url(/wp-content/uploads/2019/04/intro-03.png) no-repeat 0 100%;
  background-size: contain;
  -webkit-transform: translateY(-200vh);
  transform: translateY(-200vh);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  -webkit-transition: -webkit-transform 3.8s;
  transition: transform 3.8s; 
}
.overlay:before {
  position: absolute;
  left: 0;
  right: 0;
  background: #aa000b;
  content: '';
  height: 200vh;
  display: block;
  bottom: 25%;
}
.overlay.animate {
  -webkit-transform: translateY(5vh);
  transform: translateY(5vh);
}
.overlay-case.animate {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
}
.overlay-case {
  background: url(images/intro-04.svg) no-repeat 50% 100%;
  background-size: cover;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  -webkit-transition: -webkit-transform 1.5s ease-in, opacity 0s ease-in 1.5s;
  transition: transform 1.5s ease-in, opacity 0s ease-in 1.5s;
  z-index: 1001;
}
.overlay-case:after {
  position: absolute;
  top: 99%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  content: "";
}
#navi.loading-overlay {
  opacity: 1;
  -webkit-transition-delay: 0.6s; 
  transition-delay: 0.6s;
  z-index: 999;  
}
.loading-overlay .over-menu {
  -webkit-transform: translate(0,2160px);
  transform: translate(0,2160px);
  -webkit-transition: -webkit-transform .9s;
  transition: transform .9s;
}
.inner-navi {
  max-width: 120rem;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inner-navi:after{
  display: block;
  clear: both;
  content: "";
}

.nav_desc {
  font-family: 'Avenir',sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 22px;
  height: 22px;
  color: #aa000b;
  display: block;
  margin-bottom: 2.7rem;
  text-transform: uppercase;
  position: relative;
  padding-left: 45px;
}
.nav_desc:before {
	position: absolute;
	top: -100%;
	content: attr(data-heading);
	font-family: 'Avenir',sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 0px;
  left: 45px;
  top: 0;
  line-height: 22px;
	white-space: nowrap;
	color: #aa000b;
	-webkit-transform: translate3d(0,0,0);	
	transform: translate3d(0,0,0);
}

.nav_desc span,
.contact-description a:before,
.submit-box span:before {
  background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 20px;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s, left 0.5s;
  transition: transform 0.5s, left 0.5s;

}
.submit-box span:before {
  left: 2rem;
  top: 50%;
  margin-top: -10px;
}
.ajax-loader:before {
	display: none!important;
}
.submit-box span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  display: block;  
  height: 5px;
  background: #16edf0;
  -webkit-transition: width .5s;
  transition: width .5s;
  width: 0px;
} 
.submit-box span:hover:after {
  width: 100%; 
}
.contact-description a:hover:before,
.submit-box span:hover:before {
  -webkit-transform: translate(1.5rem, 0);
  transform: translate(1.5rem, 0);
}

#navi li a span.item-nav {
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 6rem;
  color: #aa000b;
  display: block;

}
#navi li.top-right a .nav_desc:before,
#navi li.top-right a span.item-nav,
#navi li.bottom-left a .nav_desc:before,
#navi li.bottom-left a span.item-nav {
  color: #fff;
}

/*================== MENU ICON ==================*/
.menu-icon.active {
  color: #fff !important;
}
.menu-icon.active span:before,
.menu-icon.active span:after,
.menu-icon.active span {
  background-color: #fff;
}
.menu-icon {
  height: 16px;
  position: absolute;
  right: 3rem;
  top: 4.5rem;
  cursor: pointer;
  width: 36px;
  opacity: 1;
  z-index: 99999;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 767px){
	.scrolled .menu-icon, .page-template-work-page .menu-icon{
		top: 25px !important;
	}
}
.scrolled .menu-icon,
.page-template-work-page .menu-icon {
 /* top: 50px;*/
}
.scrolled.temp .menu-icon {
/*	top: 4.1rem;*/
}
.menu-icon span {
  position: relative;
  top: 7px;
  display: block;
}
.menu-icon span,
.menu-icon span:before,
.menu-icon span:after {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0 auto;
  background-color: #aa000b;
  background-size: contain;
}
.menu-icon span:before,
.menu-icon span:after {
  content: "";
  position: absolute;
  left: 0;
}
.menu-icon span:before {top: 9px;}

@keyframes squishTop {
  0% {       
    top: 9px;
  }
  100% {
    top: 6px;
  }  
}
@-webkit-keyframes squishTop {
  0% {       
    top: 9px;
  }
  100% {
    top: 6px;
  }  
}

.menu-icon:hover span:before,
.menu-icon:hover span:after {
  top: 7px;
}
@keyframes squishBottom {
  0% {       
    top: -9px;
  }
  100% {
   top: -6px;
  } 
}
@-webkit-keyframes squishBottom {
  0% {       
    top: -9px;
  }
  100% {
   top: -6px;
  } 
}
@keyframes squishFake {
  0% {       
    top: 0px;
  }  
  100%{
    top: 0px;
  }
}
@-webkit-keyframes squishFake {
  0% {       
    top: 0px;
  } 
  100%{
    top: 0px;
  }
}


.menu-icon span:after {top: -9px;}
.menu-icon:hover span:after {
  top: -7px
}

/* animate menu icon */

.menu-icon span {
  -webkit-transition: -webkit-transform 0.25s ease-in,   background-color 0.5s;
  transition: transform 0.25s ease-in,   background-color 0.5s;
}
.menu-icon span:before,
.menu-icon span:after {
  -webkit-transition: top 0.25s  ease-in, -webkit-transform 0.25s ease-in,   background-color 0.5s;
  transition: top 0.25s  ease-in, transform 0.25s ease-in,   background-color 0.5s;
}
.menu-icon.active span {
  -webkit-transition: -webkit-transform 0.25s 0.15s ease-in;
  transition: transform 0.25s 0.15s ease-in;
  -webkit-transform: rotate3d(0, 0, 1, 135deg);
  transform: rotate3d(0, 0, 1, 135deg);
}
.menu-icon.active span:before,
.menu-icon.active span:after,
.menu-icon.active:hover span:before,
.menu-icon.active:hover span:after {
  -webkit-transition: top .15s ease-in, -webkit-transform 0.25s 0.15s ease-in;
  transition: top .15s ease-in, transform 0.25s 0.15s ease-in;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  top: 0;
   -webkit-animation-name: squishFake;
  animation-name: squishFake; 
 
}
/*=================== WHITE HEADER STYLES ==============*/
.page-template-home-page #logo a::before,
.page-template-agency-page #logo a::before,
.page-template-work-page.navi-active #logo a::before,
.page-template-contact-page.navi-active #logo a::before,
.single-post.navi-active #logo a::before,
.single-position.navi-active #logo a::before,
.single-work #logo a::before,
.page-template-service-page #logo a::before,
.category  #logo a::before,
.page-template-careers-page  #logo a::before,
.archive.tag  #logo a::before,
.navi-active #header.purple #logo a::before,
.error404 #header #logo a::before,
.page-template-page-templatesthanks-page-php #header #logo a::before,
.page-template-flexible-page #header #logo a::before,
.page-template-flexible-page #header.scrolled #logo a::after,
.page-template-flexible-page.navi-active #header.scrolled #logo a::before,
.page-template-page-templateswork-new-page-php #header #logo a::after,
.page-template-page-templateswork-new-page-php #header.white #logo a::before,
.page-template-page-templateswork-new-page-php #header.white.scrolled #logo a::after,
.page-template-page-templateswork-new-page-php.navi-active #header.white.scrolled #logo a::before {
  opacity: 1;
}
.page-template-home-page #logo a::after,
.page-template-agency-page #logo a::after,
.page-template-work-page.navi-active #logo a::after,
.page-template-contact-page.navi-active #logo a::after,
.single-post.navi-active #logo a::after,
.single-position.navi-active #logo a::after,
.single-work #logo a::after,
.page-template-service-page #logo a::after,
.category  #logo a::after,
.page-template-careers-page  #logo a::after,
.archive.tag  #logo a::after,
.navi-active #header.purple #logo a::after,
.error404  #header #logo a::after,
.page-template-flexible-page #header #logo a::after,
.page-template-flexible-page #header.scrolled #logo a::before,
.page-template-flexible-page.navi-active #header.scrolled #logo a::after,
.page-template-page-templateswork-new-page-php.navi-active #header #logo a::after,
.page-template-page-templateswork-new-page-php #header.white #logo a::after {
  opacity: 0;
}
.page-template-work-page #logo a::after,
.page-template-contact-page #logo a::after,
.single-post #logo a::after,
.single-position #logo a::after,
#header.purple #logo a::after {
  opacity: 1;
}
.page-template-work-page #logo a::before,
.page-template-contact-page #logo a::before,
.single-post #logo a::before,
.single-position #logo a::before,
#header.purple #logo a::before {
  opacity: 0;
}
.page-template-home-page .menu-icon span, 
.page-template-home-page .menu-icon span::before, 
.page-template-home-page .menu-icon span::after,
.single-work .menu-icon span, 
.single-work .menu-icon span::before, 
.single-work .menu-icon span::after,
.page-template-contact-page .menu-icon span, 
.page-template-contact-page .menu-icon span::before, 
.page-template-contact-page .menu-icon span::after, 
.category .menu-icon span, 
.category .menu-icon span::before, 
.category .menu-icon span::after,
.archive.tag .menu-icon span, 
.archive.tag .menu-icon span::before, 
.archive.tag .menu-icon span::after,
.error404 .menu-icon span, 
.error404 .menu-icon span::before, 
.error404 .menu-icon span::after,
.page-template-page-templatesthanks-page-php .menu-icon span, 
.page-template-page-templatesthanks-page-php .menu-icon span::before, 
.page-template-page-templatesthanks-page-php .menu-icon span::after,
.page-template-flexible-page .menu-icon span, 
.page-template-flexible-page .menu-icon span::before, 
.page-template-flexible-page .menu-icon span::after,
.page-template-page-templateswork-new-page-php #header.white .menu-icon span, 
.page-template-page-templateswork-new-page-php #header.white .menu-icon span::before, 
.page-template-page-templateswork-new-page-php #header.white .menu-icon span::after,
.page-template-page-templateswork-new-page-php.navi-active #header.white.scrolled .menu-icon span, 
.page-template-page-templateswork-new-page-php.navi-active #header.white.scrolled .menu-icon span::before, 
.page-template-page-templateswork-new-page-php.navi-active #header.white.scrolled .menu-icon span::after {
  background: #fff;
}
#header.scrolled .menu-icon span, 
#header.scrolled .menu-icon span::before, 
#header.scrolled .menu-icon span::after,
#header.purple .menu-icon span, 
#header.purple .menu-icon span::before, 
#header.purple .menu-icon span::after,
.page-template-flexible-page.flex-type1 #header .menu-icon span, 
.page-template-flexible-page.flex-type1 #header .menu-icon span::before, 
.page-template-flexible-page.flex-type1 #header .menu-icon span::after,
.page-template-page-templateswork-new-page-php #header.white.scrolled .menu-icon span, 
.page-template-page-templateswork-new-page-php #header.white.scrolled .menu-icon span::before, 
.page-template-page-templateswork-new-page-php #header.white.scrolled .menu-icon span::after {
  background: #aa000b;
}
.navi-active #header.scrolled .menu-icon span, 
.navi-active #header.scrolled .menu-icon span::before, 
.navi-active #header.scrolled .menu-icon span::after,
.navi-active #header .menu-icon span, 
.navi-active #header .menu-icon span::before, 
.navi-active #header .menu-icon span::after {
  background: #fff;
}


/* Flexible Page Template */

/*Hero section*/
.page-template-flexible-page .feature-txt {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.page-template-flexible-page .feature-txt .inner {
	height: 100%;
}
.page-template-flexible-page .feature-txt .col-r {
	margin-top: 0;
	height: 100%;
	padding-top: 0;
	padding-bottom: 0;	
} 
.page-template-flexible-page .feature-txt .col-r-in {
	margin-top: 0;
	top: 50%;
	padding-top: 7.5rem;
	position: relative;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
} 
.page-template-flexible-page .green-top-line {
	position: absolute;
	top: 0;
	right: 80%;
	width: 60%;
	opacity: 0;	
	-webkit-transition: width .4s linear .4s, opacity .8s ease-in; 
	transition: width .4s linear .4s, opacity .8s ease-in;
}
.page-template-flexible-page .green-top-line span {
	position: absolute;
	height: 1.8rem;
	background: #16edf0;
	left: 0;
	top: 0;
	width: 0%;
	-webkit-transition: width .4s linear; 
	transition: width .4s linear;	
}
.page-template-flexible-page .animated .green-top-line {
	width: 20%;
	opacity: 1;
}
.page-template-flexible-page .animated .green-top-line span {
	width: 100%;
}
.small-header {
	padding: 16rem 0 10rem;
	color: #fff;
	text-align: center;
	font-family: 'CaslonGraphiqueEF';
	font-size: 7rem;
	line-height: 7.9rem;
}
.small-header h1 {
	font-weight: normal;
	opacity: 0;
	-webkit-transform: translate(0,5rem);
	transform: translate(0,5rem);
	-webkit-transition: -webkit-transform .5s ease-in, opacity .5s ease-in;
	transition: transform .5s ease-in, opacity .5s ease-in;
}
.page-template-flexible-page .banner-outer,
.page-template-flexible-page .small-header,
.page-template-flexible-page .work-video {
	margin-bottom: 6rem;
}

/*two cols section*/

.page-template-flexible-page .two-cols {
	position: relative;
	padding: 6rem 0;	
}
.page-template-flexible-page .two-cols:after {
	display: block;
	clear: both;
	content: '';
	width: 100%;
}
.page-template-flexible-page .two-cols .col-l {
	float: left;
	width: 41.6%;
	opacity: 0;	
	-webkit-transition: -webkit-transform .5s ease-in, opacity .5s ease-in; 
	transition: transform .5s ease-in, opacity .5s ease-in;
	-webkit-transform: translate(-10rem, 0);
	transform: translate(-10rem, 0);
}
.page-template-flexible-page .two-cols .img-wrap {
	float: right;
	width: 50%;
	opacity: 0;	
	-webkit-transition: -webkit-transform .5s ease-in, opacity .5s ease-in; 
	transition: transform .5s ease-in, opacity .5s ease-in;
	-webkit-transform: translate(10rem, 0);
	transform: translate(10rem, 0);
}
.page-template-flexible-page .two-cols.left-style .img-wrap {
	float: left;
	-webkit-transform: translate(-10rem, 0);
	transform: translate(-10rem, 0);
}
.page-template-flexible-page .two-cols.left-style .col-l {
	float: right;
	-webkit-transform: translate(10rem, 0);
	transform: translate(10rem, 0);
}
.page-template-flexible-page .two-cols.animated .col-l,
.page-template-flexible-page .two-cols.animated .img-wrap,
.page-template-flexible-page .two-cols.animated .callout {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.page-template-flexible-page .two-cols .img-wrap img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	box-shadow: 0 0 10px rgba(11,11,12,0.11);
}
.page-template-flexible-page .two-cols .inner {
	max-width: 1260px;
}
.page-template-flexible-page .entry-content p {
	font-size: 2.3rem;
	line-height: 3.5rem;
}
.page-template-flexible-page .entry-content ul li span {
	font-size: 1.6rem;
}
.page-template-flexible-page .entry-content h1,
.page-template-flexible-page .callout h1 {
	font-weight: bold;
	font-size: 5.4rem;
	line-height: 7rem;
	padding-top: 6rem;
	position: relative;
	padding-bottom: 1.5rem;
}
.page-template-flexible-page .entry-content h1:before,
.page-template-flexible-page .callout h1:before {
  position: absolute;
	height: 1.8rem;
	background: #16edf0;
	left: 0;
	top: 0;
	width: 0%;
	-webkit-transition: width .4s ease .3s; 
	transition: width .4s ease .3s;	
	content: '';
}
.page-template-flexible-page .animated .entry-content h1:before,
.page-template-flexible-page .animated .callout h1:before {
	width: 20%;
}
.page-template-flexible-page .full-video-wrap {
	padding: 6rem 0;
}

/* Callout Section */

.page-template-flexible-page .callout {
	float: left;
	width: 41%;
	opacity: 0;	
	-webkit-transition: -webkit-transform .5s ease-in, opacity .5s ease-in; 
	transition: transform .5s ease-in, opacity .5s ease-in;
	-webkit-transform: translate(-10rem, 0);
	transform: translate(-10rem, 0);
}

/* Table Layout */

.table-layout {
	background: url(images/contcat-bg.jpg) no-repeat 0% 50% / cover;	
}
.table-layout-in {
	position: relative;
	z-index: 2;
	padding-bottom: 6rem;
	padding-top: 6rem;
}
.table-layout-in .inner {
  max-width: 1260px;
}
.table-layout-in:after {
	position: absolute;	
	top: 0;	
	left: 0;
	right: 0;
	content: '';
	height: 12rem;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);	
	z-index: -1;
}
.table-layout-in .entry-content table {
	display: none;
	width: 100%;
	height: auto;
}
.table-layout-in .entry-content table img {
	margin-top: 0;
	margin-bottom: 0;
}
.table-layout-in .entry-content table:first-child {
	display: table;
}
.table-layout-in .cols-4 td {
	width: 25%!important;
}
.table-layout-in .cols-3 td {
	width: 33.33%!important;
}
.table-layout-in .cols-2 td {
	width: 50%!important;
}
.table-layout table + p {
  display: none;
}
.table-layout table td {
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 0.9rem 4.9rem;
	vertical-align: middle;
	border-left: 1px solid #16edf0;
}
.table-layout table tbody tr td:first-child {
	padding: 0.9rem 4.9rem 0.9rem 0;
}
.table-layout table tbody tr td:first-child,
.table-layout table tbody tr:last-child td {
	border: none;
}
.table-layout table tbody tr:first-child td:first-child {
	font-family: 'Avenir Book';
	font-size: 2.6rem;
	line-height: 3.6rem;
	color: #aa000b;
}
.table-layout table tbody tr td div {
	color: #16edf0;
	padding-bottom: 2rem;
}
.table-layout table tbody tr td div i {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.4rem;
}
.table-layout table tbody tr td div strong {
	display: block;
	font-size: 6rem;
	line-height: 6.2rem;
	font-weight: normal;
}
.table-layout table tbody tr td div strong em {
	font-weight: 600;
	font-size: 3rem;
	line-height: 3.2rem;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}
.table-layout table tbody tr td div span {
	color: #7f7d81;
	font-size: 1.5rem;
	line-height: normal;
	display: block;	
}

/* Featured gallery */

.page-template-flexible-page .post-gallery-wrap {
	background: none;
	margin-top: 0;
	padding-top: 0;
}
.page-template-flexible-page .post-content {
	background: none;
	padding: 4rem 0; 
}
.page-template-flexible-page .post-content .slick-slider {
	margin-bottom: 0;
}

/* Two-Column Text and Images Section */

.page-template-flexible-page .two-columns {
	padding: 6rem 0;
}
.page-template-flexible-page .two-columns:after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
.page-template-flexible-page .two-columns .col-50 {
	float: left;
	width: 45.8%;
}
.page-template-flexible-page .two-columns .col-50.right {
	float: right;
}
.page-template-flexible-page .two-columns .inner {
  max-width: 1260px;
}
.page-template-flexible-page .two-columns img {
	vertical-align: top;
	max-width: 100.1%;
	height: auto;
	margin-bottom: 5rem;
	opacity: 0;	
	-webkit-transition: -webkit-transform .5s ease-in, opacity .5s ease-in; 
	transition: transform .5s ease-in, opacity .5s ease-in;
	-webkit-transform: translate(0, 10rem);
	transform: translate(0, 10rem);
	display: block;
}
.page-template-flexible-page .two-columns h2 {
	color: #aa000b;
	font-size: 4.2rem;
	line-height: normal;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	margin-bottom: 2rem;
}
.page-template-flexible-page .two-columns .entry-content {
  opacity: 0;	
	-webkit-transition: -webkit-transform .5s ease-in .1s, opacity .5s ease-in .1s; 
	transition: transform .5s ease-in .1s, opacity .5s ease-in .1s;
	-webkit-transform: translate(0, -7rem);
	transform: translate(0, -7rem);
}
.page-template-flexible-page .two-columns .entry-content p {
	font-size: 2.1rem;
	line-height: 3.2rem;
	margin-bottom: 0;
}
.wp-video {
	margin-bottom: 3.2rem;
}
.page-template-flexible-page .two-columns.animated .entry-content,
.page-template-flexible-page .two-columns.animated img {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* Large Quote */

.page-template-flexible-page .power-services {
	padding: 12rem 0;
}
.page-template-flexible-page .power-services:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: '';
	height: 6rem;	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);	
}

/* Three column text and images */

.page-template-flexible-page .two-columns.three .inner {
	max-width: 1460px;
}
.page-template-flexible-page .two-columns.three .col-50 {
	width: 30%;
	margin-right: 5%;
}
.page-template-flexible-page .two-columns.three .col-50.right {
	margin-right: 0;
}
.page-template-flexible-page .two-columns.three img {
	margin-bottom: 3rem;
}
.page-template-flexible-page .two-columns.three .entry-content p {
	font-size: 1.9rem;
	line-height: 2.8rem;
	margin-bottom: 2rem;	
}
.page-template-flexible-page .two-columns.three .post-more {
	border: none;
	padding-left: 5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: bold;
}
.page-template-flexible-page .two-columns.three .post-more:before {
	display: none!important;
}
.page-template-flexible-page .two-columns.three .post-more:after {
	left: 0;
}

/* Numbered Columns */

.page-template-flexible-page .ideals {
	padding: 6rem 0;
}
.page-template-flexible-page .ideals .inner {
  max-width: 1260px;
}
.page-template-flexible-page .ideals-wrap {
	padding: 8rem 2% 0 7%;
}

/* Callout bar/carousel */

.page-template-flexible-page  .text-slide-title {
  color: #fff;
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 5rem;
  margin-bottom: 2rem;
}
.page-template-flexible-page  .text-slide-text {
  color: #aa000b;
  font-family: 'Avenir';
  font-weight: normal;
  font-size: 1.9rem;
  line-height: 2.8rem;
  margin-bottom: 3rem;
}
.page-template-flexible-page  .text-slide-attr {
  color: #aa000b;
  font-size: 1.9rem;
  margin-bottom: 2rem;
}
.page-template-flexible-page .text-carousel .inner {
	max-width: 1460px;
}
.page-template-flexible-page .text-carousel-wrap {
	background: #fff;
	padding: 6rem 0;
}
.page-template-flexible-page  .text-carousel .entry-content .post-more {
	margin-bottom: 5rem;
	color: #fff;
}
.page-template-flexible-page  .text-carousel .slick-slider {
	margin-bottom: 0;
}

/* Single Column */

.page-template-flexible-page .single-column.entry-content {
	padding: 6rem 0;	 
  max-width: 1020px;
  margin: 0 auto;
  box-sizing: border-box; 
  overflow: hidden; 
}
.page-template-flexible-page .alignleft {
	float: left;
	margin-right: 8%;
	margin-bottom: 3.2rem;
	margin-top: 3.2rem;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.page-template-flexible-page .alignnone {
	display: block;
	margin: 2rem 0;
}
.page-template-flexible-page .alignright {
	float: right;
	max-width: 100%;
	height: auto;
	margin-left: 8%;
	vertical-align: top;
	margin-bottom: 3.2rem;
	margin-top: 3.2rem;
}
.page-template-flexible-page .aligncenter {
	margin: 3.2rem auto; 
	max-width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
}
.page-template-flexible-page .single-column.entry-content ol {
	margin-bottom: 3.2rem;
}
.page-template-flexible-page .single-column.entry-content ol li span {
	font-size: 1.6rem;
}
.page-template-flexible-page .single-column.entry-content p,
.page-template-flexible-page .single-column.entry-content {
	font-size: 2.1rem;
	line-height: 3.2rem;
}
.page-template-flexible-page .single-column.entry-content h3 {
	font-size: 4rem;
	line-height: 4rem;
}
.page-template-flexible-page .single-column.entry-content h4 {
	font-size: 3rem;
	line-height: 3rem;
	text-transform: none;
	font-weight: bold;
}
.page-template-flexible-page .pullquote {
	position: relative;
	padding: 2.5rem 0 5.7rem 10rem;
	color: #aa000b; 
}
.page-template-flexible-page .pullquote strong {
	display: block;
	font-size: 2.9rem;
	line-height: 4rem;
	font-weight: 600;
}
.page-template-flexible-page .pullquote span {
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 1rem;
	letter-spacing: 2px;
}

/* Micro form section */

.micro-form .wpcf7-form .col-100 {
	margin-bottom: 6.4rem;
}
.micro-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	display: block!important;
	visibility: visible!important;
	border: none;
	text-align: center;
}

/* New Work Page */
.page-template-work-new-page #page {
	background: url(images/bg-texture-laptop.jpg) no-repeat 50% 50% / cover;
}
.page-template-work-new-page #header .inner,
.single-work #header .inner {
	max-width: 10000px;
}
.disable-hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	z-index: 9;
}
.works {	
	overflow: hidden;
	height: 100vh;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	z-index: 2;
	position: relative;
}
.works.works-ready {
	height: auto!important;
	overflow: visible;
}
.works.works-ready .works-row {
	height: auto!important;
}
.works-row {
	height: 100vh;
	padding-top: 10rem;	
	box-sizing: border-box;
} 
.works-row.ready {
	height: auto;
	padding-top: 0;
}
.works-row .works-row-in {
	position: relative;
	height: 100%;
	z-index: 10;
}
.on-init #page .site-content .works  {
	opacity: 0;
}
.fade-in #page .site-content .works  {
	opacity: 1;
	-webkit-transition: opacity 1.3s ease .3s;
	transition: opacity 1.3s ease .3s;
}
.in-progress .works-row .works-row-in .left-work {
	/*-webkit-transition: -webkit-transform 1s cubic-bezier(.08,.36,.11,1.01), opacity 1s cubic-bezier(.08,.36,.11,1.01);
	transition: transform 1s cubic-bezier(.08,.36,.11,1.01), opacity 1s cubic-bezier(.08,.36,.11,1.01);*/
}
.in-progress .works-row .works-row-in .right-work {
/*	-webkit-transition: -webkit-transform .85s cubic-bezier(.08,.36,.11,1.01) .15s, opacity .85s cubic-bezier(.08,.36,.11,1.01) .15s;
	transition: transform .85s cubic-bezier(.08,.36,.11,1.01) .15s, opacity .85s cubic-bezier(.08,.36,.11,1.01) .15s;*/
	/*-webkit-transition: -webkit-transform 1s cubic-bezier(.08,.36,.11,.9), opacity 1s cubic-bezier(.08,.36,.11,.9);
	transition: transform 1s cubic-bezier(.08,.36,.11,.9), opacity 1s cubic-bezier(.08,.36,.11,.9);*/
}
.works-row.ready .works-row-in { 
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
}
.works-row .works-row-in.works-row-in-duplicated {
  bottom: 0;
  box-sizing: border-box;
  left: 50%;
  max-width: 10000px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  width: 100%;
  z-index: 2;
}
.works-row:nth-child(1) .works-row-in.works-row-in-duplicated {
	top: 0%;
}
.works-row:nth-child(2) .works-row-in.works-row-in-duplicated {
	top: 100%;
}
.works-row:nth-child(3) .works-row-in.works-row-in-duplicated {
	top: 200%;
}
.works-row:nth-child(4) .works-row-in.works-row-in-duplicated {
	top: 300%;
}
.works-row:nth-child(5) .works-row-in.works-row-in-duplicated {
	top: 400%;
}
.works-row:nth-child(6) .works-row-in.works-row-in-duplicated {
	top: 500%;
}
.works-row:nth-child(7) .works-row-in.works-row-in-duplicated {
	top: 600%;
}
.works-row:nth-child(8) .works-row-in.works-row-in-duplicated {
	top: 700%;
}
.works-row:nth-child(9) .works-row-in.works-row-in-duplicated {
	top: 800%;
}
.works-row:nth-child(10) .works-row-in.works-row-in-duplicated {
	top: 900%;
}
.works-row .works-row-in.works-row-in-duplicated .inner {
	padding-top: 10rem;
}
.works-row .works-row-in.works-row-in-duplicated .inner .inner-d {
	position: relative;
	height: 100%;
	width: 100%;
}
.works .works-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity .5s, background .5s;
	transition: opacity .5s, background .5s;
}
.works-ready .works-overlay {
	-webkit-transition: opacity 0s, background 0s;
	transition: opacity 0s, background 0s;
}
.works.works-ready .works-overlay,
.animate-overlay .works-overlay {
	bottom: auto;
	height: 100vh;
}
.works.animate-works.works-ready .works-overlay,
.animate-overlay2 .works-overlay {
	z-index: 6;
}
.works > .inner,
.works-row .works-row-in > .inner,
.case-study-top > .inner {	
	height: 100%;
	max-width: 1460px;		
}
.works > .inner,
.works-row .works-row-in > .inner {
	max-width: 10000px;
	padding-left: 0;
	padding-right: 0;
}
.works-ready.works > .inner {
	max-width: 100%;
	padding: 0!important; 
}
.works-row .work {	
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.works-row .work .work-in {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
}
.works-row .works-row-in-duplicated .work .work-in {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transition: width .5s, height .5s, margin .5s,-webkit-transform .5s;
	transition: width .5s, height .5s, margin .5s,transform .5s;
/*	-webkit-transition: -webkit-transform .5s, margin .5s;
	transition: transform .5s, margin .5s;*/
}
.resized .works-row .works-row-in-duplicated .work .work-in {
	width: 95%;
	height: 95%;	
	-webkit-transform: scale(0.95);
	transform: scale(0.95);	
}


.works-row .works-row-in-duplicated .poster {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/*.resized .works-row .work-in {
	-webkit-transform: scale(0.65);
	transform: scale(0.65);	
		-webkit-transition: -webkit-transform .35s ease;
	transition: transform .35s ease;	
}*/
.works > .inner {
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;	
}
/*.resized > .inner {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);	
	-webkit-transform-origin: 50% -30%;
	transform-origin: 50% -30%;
}*/
.works-row-in-duplicated  .work-in {
	box-shadow: 2rem 1rem 2rem rgba(0, 0, 0, 0.15), inset 0 0 0 rgba(0, 0, 0, 0.15);
}
.works-row .work.work-duplicated {
	box-shadow: none;
}
.works-row .left-work {
	position: absolute;
	top: 0%;
	left: 0;
	width: 44.6%;	
	height: 80vh;
	max-width: 763px;
	max-height: 1036px;
}
.works-row .work.delay  .work-in {
  -webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
}
.works-row .left-work.work-overed .work-in,
.works-row .left-work.work-animated .work-in,
.works-row .left-work.work-duplicated .work-in,
.works-row .left-work.move-towards .work-in,
.works-row .left-work.delay2  .work-in {
	-webkit-transform: translate(1.5rem, 0);
	transform: translate(1.5rem, 0);
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
}
.works-row .right-work {
	position: absolute;
	/*top: 10rem;*/
	height: 80vh;
	right: 0;
	width: 44.6%;
	bottom: 0%;	

}
.works-row .right-work.work-overed .work-in,
.works-row .right-work.move-towards .work-in,
.works-row .right-work.work-animated .work-in,
.works-row .right-work.work-duplicated .work-in,
.works-row .right-work.delay2  .work-in {
	-webkit-transform: translate(-1.5rem, 0);
	transform: translate(-1.5rem, 0);	
		-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
}
.works-row .poster {
	width: 100%;
	max-height: 10000px;
	background-size: cover;
	background-position: 50% 50%;  
	display: none;
	z-index: -1;
	overflow: hidden;
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
/*.works-row .work-in:before {
	position: absolute;
	right: 0%;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(0, 0, 0, 0.05);
	margin-right: -1px;
	content: '';
	display: block;
	z-index: 1;
}*/
.works-row .poster .poster-in {
	width: auto;
	height: auto;
	left: -7.5rem;
	top: -7.5rem;
	right: -7.5rem;
	bottom: -7.5rem;
	position: absolute;
	display: block;
	background-position: 50% 50%!important;
	background-size: cover!important;
	-webkit-transform: translate(0,5rem);
	transform: translate(0,5rem);	
}
.works-row-in-duplicated .poster {
	display: block;
}
.sub-work-over,
.clickable {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.sub-work-over {
	display: none;
}
.works-row-in-duplicated .sub-work-over {
	display: block;
}
.clickable {
	z-index: 3;		
	/*cursor: url('/wp-content/uploads/2019/01/my-cursor-2.png') move;*/
	cursor: url('/wp-content/uploads/2019/01/my-cursor-2.png') 32 32, auto;
}
.resized .clickable {
	cursor: default;
}
.sub-work-over i {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 102%;
	-webkit-transform: translate(102%, 0);
	transform: translate(100%, 0);
	-webkit-transition: -webkit-transform .25s ease .17s;
	transition: transform .25s ease .17s;
}
.right-work .sub-work-over i {
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}
.work-overed .sub-work-over i,
.right-work.work-overed .sub-work-over i, 
.work-animated .sub-work-over i,
.work-animated .right-work .sub-work-over i{
	-webkit-transform: translate(-1%, 0);
	transform: translate(-1%, 0);
		-webkit-transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
}
.sub-work-text {
	position: absolute;
	left: 5%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 113%;
	font-size: 1.7rem;
	line-height: 2.6rem;
	color: #fff;	
}
.left-work .sub-work-text {
	text-align: right;
}
.sub-work-text-mobile {
	display: none;
}
.work-full-video i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 2;
	background: rgba(0,0,0,0.5);
}
.work-full-video + .work {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%);
	width: auto;
	opacity: 0;
}
.work-full-video + .work .sub-work-text.right {
	text-align: right!important;
}
.right-work .sub-work-text {
	left: auto;
	right: 5%;	
	top: 46%;
	text-align: left;
}
.sub-work-text h2.to-top {
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  opacity: 0;
  padding-top: 2rem;
  -webkit-transform: translate(0, -5rem);
  transform: translate(0, -5rem);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.work-overed .sub-work-text h2.to-top ,
.work-overed .sub-work-text .sub-work-head,
.work-overed .sub-work-text p,
.work-animated .sub-work-text h2.to-top ,
.work-animated .sub-work-text .sub-work-head,
.work-animated .sub-work-text p,
.animate-works .work.work-duplicated .sub-work-text h2.to-top ,
.animate-works .work.work-duplicated .sub-work-text .sub-work-head,
.animate-works .work.work-duplicated .sub-work-text p { 
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.animate-works .work.to-hide .sub-work-text h2.to-top ,
.animate-works .work.to-hide .sub-work-text .sub-work-head,
.animate-works .work.to-hide .sub-work-text p { 
  opacity: 0;
  -webkit-transform: translate(0, 5rem);
  transform: translate(0, 5rem);
}
.animate-works .work.to-hide .sub-work-text .sub-work-head {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.animate-works .work.to-hide .sub-work-text h2.to-top  {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.sub-work-text .sub-work-head {
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 7.2rem;
  line-height: 7.7rem;    
  opacity: 0;
  -webkit-transform: translate(0, -4rem);
  transform: translate(0, -4rem);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.sub-work-text p {
	max-width: 61%;
	padding-top: 5rem;
	display: inline-block;
	opacity: 0;
  -webkit-transform: translate(0, -5rem);
  transform: translate(0, -5rem);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.work-overed .sub-work-text .sub-work-head {
	-webkit-transition: -webkit-transform 0.3s ease-out .1s, opacity 0.3s ease-out .1s;
  transition: transform 0.3s ease-out .1s, opacity 0.3s ease-out .1s;
}
.work-overed .sub-work-text p,
.work-overed .sub-work-text h2.to-top {
  -webkit-transition: -webkit-transform 0.3s ease-out .1s, opacity 0.3s ease-out .1s;
  transition: transform 0.3s ease-out .1s, opacity 0.3s ease-out .1s;	
}
.work-full-video {
	opacity: 0!important;
}
.work-full-video-in {
	width: 100vw;
	height: 100%;
	right: 0;
	bottom: 0;
	position: absolute;	
	top: 0;
	left: 0;
}
.work-full-video-in.left {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}
.work-full-video.full-opacity-1 {
	opacity: 1!important;
}
.work-full-video,
.work-full-video.full-opacity.full {
  -webkit-transition: width .56s, right .56s, bottom .56s,left .56s ,top .56s,opacity .56s!important;
  transition: width .56s, right .56s, bottom .56s,left .56s ,top .56s,opacity .56s!important;
}
.work-full-video.full-opacity {
  -webkit-transition: opacity .7s!important;
  transition: opacity .7s!important;	
  opacity: 1!important;
}
.work-full-video.full-opacity-2 {
	opacity: 0!important;
}
.work-full-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);  
}
.work-full-video video.v2,
.work-video video.v2 {
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.work-full-video video.v2.show,
.work-video video.v2.show {
	opacity: 1;
}
.work-full-video.full {	
	bottom: 0!important;
	top: 0!important;	
}
.work-full-video.full-h {
	left: 0!important;
	right: 0!important;	
}
body.page-template-page-templateswork-new-page-php {
	overflow-x: hidden;
}
.works-row.ready .work-full-video.full {
	position: relative!important;
	left: auto!important;
	right: auto!important;
	bottom: auto!important;
	top: auto!important;
	height: 100vh;
}
.testimonial {
	display: none;
}
.case-study-top {
  position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 10;
	color: #fff;
}
.case-study-top:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background: #fff;
	opacity: 0;
}
.case-study-top.with-bg:before {
	opacity: 1;
}
.case-study-top.with-bg.fade:before {
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s;
}
.case-study-top h2,
.case-study-top h1 {
	font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 9.5rem;
  line-height: 9rem;    
  opacity: 0;
  -webkit-transform: translate(0, 7rem);
  transform: translate(0, 7rem);
  position: absolute;
  top: 45%;
  margin-top: -5rem;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center; 
  -webkit-transition: -webkit-transform 0.5s ease-in, opacity 0.5s ease-in;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
}
.works-ready .case-study-top h2,
.single-work .case-study-top h2,
.works-ready .case-study-top h1,
.single-work .case-study-top h1  {
  opacity: 1;
  -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.works-ready .case-study-top.to-replace h2 {
  opacity: 0;
  -webkit-transform: translate(0, 7rem);
	transform: translate(0, 7rem);
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.works-ready.works .case-study-top .inner {	
	max-width: 1460px;
	padding: 7.5rem 3rem 0!important;	
}

.case-study-top .col,
.single-work .case-study-top .col {
	position: relative;
	float: left;
	height: 0;
  /*max-width: 482px;*/
	width: 33%;
	box-shadow: none;
	box-sizing: border-box;
	padding: 0 2.5%;
	margin-left: 7%;		
	overflow: hidden;
}
.case-study-top .col .col-in,
.single-work .case-study-top .col .col-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;	
}
.single-work .case-study-top .col {
	margin-left: 7%; 
}
.case-study-top.right-style .col,
.single-work .case-study-top.right-style .col{
	margin-right: 7%;
	margin-left: 0;
}
.works-ready .case-study-top.right-style .col,
.single-work .case-study-top.right-style .col {
	text-align: right;
	float: right;
	margin-right: 7%;
}
.works-ready .case-study-top .col,
.single-work .case-study-top .col  {
	height: 78vh!important;
  width: 58.9vh!important;
  top: 12.5rem!important;
  left: auto!important;
	-webkit-transition: all .4s ease-in .1s;
	transition: all .4s ease-in .1s;
	box-shadow: 2rem 1rem 2rem rgba(0, 0, 0, 0.15);
}
.works-ready .case-study-top.to-replace .col {
	/*height: 0!important;*/
	box-shadow: none;
	width: 58.9vh!important;
  top: 7.5rem!important;
  left: auto!important;
  overflow: hidden;
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
}
.works-ready .case-study-top.to-replace .col .col-in {
	-webkit-transform: translate(0,-102%);
	transform: translate(0,-102%);
  
}
.case-study-top .col p {
	position: absolute;
	bottom: 4rem;
	left: 4rem;
	right: 4rem;
	opacity: 0;
	padding: 0 7rem 7rem;
	font-size: 2rem;
	line-height: 2.6rem;
	font-weight: 600;
  -webkit-transform: translate(0, 5rem);
  transform: translate(0, 5rem);
  -webkit-transition: -webkit-transform 0.4s ease-in .4s, opacity 0.4s ease-in .4s;
  transition: transform 0.4s ease-in .4s, opacity 0.4s ease-in .4s;
}
.works-ready .case-study-top .col p,
.single-work .case-study-top .col p {
	opacity: 1;
  -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.case-study-top .col img, 
.case-study-top .col img {
	display: block;
	margin-bottom: 2rem;
}
.works-ready .case-study-top.right-style .col img,
.single-work .case-study-top.right-style .col img {
	margin: 0 0 2rem auto;
}


.works-ready .case-study-top.to-replace .col p {
  -webkit-transform: translate(0, 5rem);
  transform: translate(0, 5rem);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s ease-out, opacity 0.35s ease-out;
  transition: transform 0.35s ease-out, opacity 0.35s ease-out;	
}
.case-study-top .col p em {
	display: block;
	font-size: 1.6rem;
	padding-top: 2rem;
	font-style: normal;
}
.works-row-after {
	overflow-x: hidden; 
}
.case-study-top .work-down {
	opacity: 0;
	-webkit-transition:  opacity 0.4s ease-in .4s;
  transition: opacity 0.4s ease-in .4s;
}
.works-ready .case-study-top  .work-down {
	opacity: 1;
}
.works-ready .case-study-top.to-replace  .work-down {
	opacity: 0;
	-webkit-transition:  opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
}
.case-menu {
  left: 50%;
  overflow: hidden; 
  position: fixed;
  top: 3.7rem;  
  left: 180px;
  right: 180px;
  z-index: 1000;    
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 21px;
  text-align: center;
  -webkit-transition: top .5s, opacity .5s;
  transition: top .5s, opacity .5s;
}
.navi-active .case-menu {
  opacity: 0;
}
.header-scrolled .case-menu {
	top: 2.1rem;
}
#header.scrolled.temp + #navi + .site-content .case-menu {
	top: 3.7rem;  
}
.header-scrolled .case-menu-in .works-back em,
.header-scrolled .case-menu-in strong em,
.header-scrolled .case-menu-in .works-back em:before,
.header-scrolled .case-menu-in strong em:before,
.header-scrolled .case-menu-in strong em:after {
	color: #aa000b!important;
} 
#header.scrolled.temp + #navi + .site-content .case-menu-in .works-back em,
#header.scrolled.temp + #navi + .site-content .case-menu-in strong em,
#header.scrolled.temp + #navi + .site-content .case-menu-in .works-back em:before,
#header.scrolled.temp + #navi + .site-content .case-menu-in strong em:before,
#header.scrolled.temp + #navi + .site-content .case-menu-in strong em:after {
	color: #fff;
}
.case-menu-in {
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate(0,-100%);
  transform: translate(0,-100%);  
  overflow: hidden;
}
.showed .case-menu-in {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);	  
}
.case-menu-in .works-back {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100px;
	padding-left: 40px;	
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.case-menu-in .works-back:before {
	background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -55px -20px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	content: '';
	width: 31px;
	height: 11px;	
}
.case-menu-in .works-back:hover em {
	-webkit-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}
.case-menu-in .works-back em {
	display: block;
	position: relative;
	letter-spacing: 1px;
	color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 21px;
  font-style: normal;
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  white-space: nowrap;
  text-align: left;
}
.case-menu-in .works-back em:before {
  content: attr(data-hover);
  font-weight: normal;
  position: absolute;
  top: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 21px;
  font-family: "Avenir",Arial,sans-serif;
}
.case-menu-in strong {
	font-weight: 600;
	padding: 0 3rem;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	min-width: 140px;	
}
.case-menu-in strong em {
	font-style: normal;	
	display: block;
	-webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  position: relative;
}
.case-menu-in .prev:hover + .next + strong em {
	-webkit-transform: translate3d(0px, -20px, 0px);
  transform: translate3d(0px, -20px, 0px);
}
.case-menu-in .next:hover + strong em {
	-webkit-transform: translate3d(0px, 19px, 0px);
  transform: translate3d(0px, 19px, 0px);
}
.case-menu-in strong em:before,
.case-menu-in strong em:after {
  content: attr(data-hover-prev);
  font-weight: normal;
  position: absolute;  
  -webkit-transform: translate3d(0px, 9px, 0px);
  transform: translate3d(0px, 9px, 0px);
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 21px;
  white-space: nowrap;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 0px;
  font-family: "Avenir",Arial,sans-serif;
}
.case-menu-in strong em:after {
	content: attr(data-hover-next);
	bottom: auto;
	top: 0;
	-webkit-transform: translate3d(0px, -9px, 0px);
  transform: translate3d(0px, -9px, 0px);
}
.prev-next-links {
  display: inline-block;
  padding-right: 31px;
  padding-left: 31px;
  position: relative;
}
.prev-next-links .prev,
.prev-next-links .next {
  background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat -55px -20px;
	display: inline-block;	
	margin-top: 5px;
	content: '';
	width: 31px;
	height: 11px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}
.prev-next-links .next {
	background-position: 0 -20px;
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
}
/*drag and drop functionality */
.vertical-slider-wrap {
  background: url(images/bg-drag.png) repeat-y 0 0; 
  position: absolute;
	top: 0%;
	bottom: 0%;
	left: 10%;
	width: 2px;
	margin-left: -1px;
	background: url(images/bg-drag.png) repeat-y 0 0; 
	z-index: 1000;
}
.vertical-slider-wrap::before {
  bottom: 0;
  content: "";
  left: -2px;
  position: absolute;
  right: -2px;
  top: 0;
  z-index: 13;
}
.vertical-slider-wrap.inactive-0,
.vertical-slider-wrap2.inactive-0 {
	z-index: 0;
}
.vertical-slider-wrap.inactive,
.vertical-slider-wrap2.inactive {
	z-index: 1;
}
.vertical-slider {
	position: absolute;
	top: 11%;
	bottom: 11%;
	left: 0%;
	width: 2px;			
}
.vertical-slider .point,
.vertical-slider-wrap2 .point {
	position: absolute;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: grey;
	border-radius: 50%;
	display: block;
	opacity: 0;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}
.vertical-slider-wrap2.hovered .point,
.in-progress .vertical-slider-wrap2 .point {
	opacity: 1;
}
.vertical-slider .ui-slider-handle {
	cursor: pointer;
  display: block;
  height: 1px;
  left: 0%;    
  position: absolute;  
  width: 1px;
  z-index: 34;
  background: red
}
.vertical-slider .ui-slider-handle i,
.vertical-slider2 .mCSB_dragger_bar i {
	background: red;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: block; 	
	width:90px;
	height: 90px; 	
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	background: #fff url(images/bg-drag-circle-2.png) no-repeat 50% 50%;	
  border-radius: 50%;
}
.vertical-slider2 .mCSB_dragger_bar b {
	background: red;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: block; 	
	width:90px;
	height: 90px; 	
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	background: url(images/arrows.png) no-repeat 50% 50%;	
	z-index: 99999;  
}
.vertical-slider .ui-slider-handle:before,
.vertical-slider2 .mCSB_dragger_bar:before {
	content: "";
	position: absolute;		
	top: 50%;
	left: 50%;	
	width: 79px;
	height: 79px; 	
	top: 50%;
	left: 50%;
	margin: -44px 0 0 -44px;
	border: 5px solid #fff;
	z-index: 2;
  box-shadow: 0 8px  8px rgba(0,0,0,0.3);
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform .15s;
  transition: transform .15s;
  will-change: transform;
}
.vertical-slider .ui-slider-handle:after,
.vertical-slider2 .mCSB_dragger_bar:after,
.vertical-slider2 .mCSB_dragger_bar em:before {
	content: "";
	position: absolute;	
	width: 77px;
	height: 77px; 	
	top: 50%;
	left: 50%;
	margin: -41px 0 0 -41px; 
	border: 3px solid #16edf0;
	z-index: 2;	  
  border-radius: 50%;
  -webkit-transition: -webkit-transform .15s;
  transition: transform .15s;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.vertical-slider2 .mCSB_dragger_bar em  {
	border: none;
	z-index: 9999;
	margin: -45px 0 0 -40px;
	overflow: hidden;
  width: 85px;
	height: 85px;
	border-radius: 0;	
	top: auto;
	bottom: 26px;
	left: 0px;
	right: 0;
	display: block;
	position: absolute;	
	border-radius: 50%;
	-webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
}
.vertical-slider2 .mCSB_dragger_bar em:before {
  border: none;
	z-index: 9999;
	margin: 0;
	width: auto;
	height: auto;
	margin: 0;
	top: auto;
	bottom: 0px;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	right: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
}
.vertical-slider2 .mCSB_dragger_bar.overed em:before,
.vertical-slider2 .mCSB_dragger_bar:hover em:before {
	opacity: 1;
}
.vertical-slider .ui-slider-handle.ui-state-hover:after,
.vertical-slider .ui-slider-handle.ui-state-hover:before,
.vertical-slider .ui-slider-handle.ui-state-active:after,
.vertical-slider .ui-slider-handle.ui-state-active:before,
.vertical-slider2 .mCSB_dragger_bar.overed:after,
.vertical-slider2 .mCSB_dragger_bar.overed:before,
.vertical-slider2 .mCSB_dragger_bar.overed em {
	-webkit-transform: scale(1.1);
	transform:  scale(1.1);
}
.vertical-slider .ui-slider-handle i:before,
.vertical-slider .ui-slider-handle i:after, 
.vertical-slider2 .mCSB_dragger_bar i:after,
.vertical-slider2 .mCSB_dragger_bar i:before {
	position: absolute;
	width:89px;
	height: 60px; 	
	color: #2c0647;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	content: attr(data-text);
	text-align: center;
	line-height: 13px;
	font-size: 11px;
	font-style: normal; 
	white-space: pre-wrap;
	padding: 30px 0 0 1px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	z-index: 99999;
}
.vertical-slider .ui-slider-handle i:after,
.vertical-slider2 .mCSB_dragger_bar i:after {
	opacity: 0;
	content: attr(data-hover);
	font-size: 20px;
	padding-top: 38px;
	height: 52px;
}
.vertical-slider .ui-slider-handle.ui-state-active i:before,
.vertical-slider2 .mCSB_dragger_bar.overed i:before {
	opacity: 0;
}
.vertical-slider .ui-slider-handle.ui-state-active i:after,
.vertical-slider2 .mCSB_dragger_bar.overed i:after {
	opacity: 1;
}

/* new scroll */

.vertical-slider-wrap2 {  
  position: absolute;
  overflow: hidden;
	top: 0%;
	bottom: 0%;
	left: 50%;
	width: 2px;
	margin-left: -60px;	
	z-index: 1000;
	opacity: 0;
	width: 120px;
	background: url(images/bg-drag.png) repeat-y 50% 0; 
	-webkit-transition: opacity .5s ease .2s;
	transition: opacity .5s ease .2s;
}
.navi-active .vertical-slider-wrap2.ready {
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.vertical-slider-wrap2.ready {
	opacity: 1;
}
.vertical-slider-wrap2::before {
  bottom: 0;
  content: "";
  
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 13;
}
.vertical-slider2 {
  box-sizing: border-box;
  overflow: visible;  
  position: relative;
  width: 120px;
  position: absolute; 
  top: 4%;
  bottom: 4%;
}
.fake-height {
	height: 1900px;
}
.vertical-slider2 .mCSB_scrollTools .mCSB_dragger {
	height: 140px;
	background: none;
}
body .vertical-slider2 .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
body .vertical-slider2 .mCSB_scrollTools .mCSB_draggerRail,
body .vertical-slider2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: none!important;
}
body .vertical-slider2 .mCSB_draggerContainer {
	width: 140px;
	margin-left: -62px;	
}
body .vertical-slider2 .mCSB_scrollTools {
	left: 60px;
	margin-left: -8px;
	opacity: 1!important;
}
body .vertical-slider2 .mCSB_scrollTools .mCSB_dragger {
	z-index: inherit;
}
body .vertical-slider2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	z-index: 999;
}
.company-logo  {
	float: right;
	padding: 7rem 0 0 10%;
}
.company-logo img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.right-intro.with-company {
	overflow: hidden;
}
/*two columns belkin styles*/
.two-cols-belkin {
	position: relative;
	padding: 15.6rem 0 10rem;
}
.two-cols-belkin .inner:before {
	width: 1.4rem;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	height: 0;
	-webkit-transition: height .5s ease .2s;
	transition: height .5s ease .2s;
	background: #16edf0;
	display: block;
	left: 27.8%;
}
.two-cols-belkin.animate .inner:before {
	height: 100%;
}
.two-cols-belkin .inner:after {
	display: block;
	clear: both;
	content: '';
}
.two-cols-belkin .inner {
	max-width: 1260px;
	position: relative;
}
.two-cols-belkin .col-l {
	float: left;
	width: 20.5%;
	text-align: right;
	color: #aa000b;
	font-size: 1.9rem;
	line-height: 2.8rem;
	opacity: 0;
	-webkit-transform: translate(-7rem, 0); 
	transform: translate(-7rem, 0); 
	-webkit-transition: opacity .5s ease-in, -webkit-transform .5s ease-in;
	transition: opacity .5s ease-in, transform .5s ease-in;
}
.two-cols-belkin .col-r {
	float: right;
	width: 65.6%;
	font-size: 3.8rem;
	line-height: 5rem;
	font-family: 'Avenir';
    font-weight: 900;
	color: #aa000b;
	padding-bottom: 1.4rem;
	opacity: 0;
	-webkit-transform: translate(7rem, 0); 
	transform: translate(7rem, 0); 
	-webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: opacity .5s ease-out, transform .5s ease-out;
}
.two-cols-belkin.animate .col-l,
.two-cols-belkin.animate .col-r {
	opacity: 1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
}
.two-cols-belkin .col-r h3 {
	font-size: 1.8rem;
	text-transform: uppercase;
	letter-spacing: 4.5px;
	color: #16edf0;
	padding-bottom: 3.8rem;
	font-family: 'Avenir Book';
	font-weight: normal;
	line-height: normal;
}
.all-works {
	display: none;
	visibility: hidden;
}
/*out of date styles*/
body[data-out="1"] {
	overflow: hidden;
	height: 100vh;
}
.out-of-date {
	position: absolute;
	widows: 1px;
	height: 1px;
	visibility: hidden;
	left: -9999px;
}
.out-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	background: url(images/bg-texture.jpg) no-repeat 50% 50%;
	background-size: cover;
	color: #fff;
	text-align: center;
}
.out-box-in {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	margin: -231px 0 0 -480px;
}
.out-box-in h1 {
	font-family: 'CaslonGraphiqueEF',sans-serif;
	font-weight: normal;
	font-size: 50px;
	line-height: 55px;
	padding: 0 0 50px;
}
.out-box-in p {
	font-family: 'CaslonGraphiqueEF',sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 35px;
	padding: 0 0 76px;
	font-family: 'Avenir Book';
}
.out-box-in li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-right: -4px;
}
.out-box-in li .img-wrap {
	height: 163px;
	display: block;
}
.out-box-in li .img-wrap img {
	display: block;
	vertical-align: top;
	margin: 0 auto;
}
.out-box-in li a {
	text-decoration: none;
}
.out-box-in li strong {
	display: block;
	color: #16edf0;
	font-weight: normal;
	font-size: 35px;
	text-decoration: none;
}
.out-box-in li a:hover strong {
	color: #fff;
}
div.chimpy_signup_processing {
  background-color: #fff;
  background-image: url(images/progress.gif);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 54px;
}
.hide-belkin + #footer,
.hide-belkin + #footer + .sign-overlay,
.hide-belkin + #footer + .sign-overlay +.sign-circle {
	display: none!important;
	visibility: hidden!important;
}
.hide-belkin {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: url(images/bg-belkin.jpg) no-repeat 50% 50% / cover;
}
.protected {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: 1px solid #aa000b;	
	box-sizing: border-box;
	width: 100%;
	max-width: 604px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.protected.show {
	opacity: 1;
}
.protected-in {
	background: rgba(255,255,255,0.8);	
	padding: 4.7rem 7.2rem;
}
.protected-in strong {
	font-size: 2.7rem;
	font-weight: normal;
	font-family: "CaslonGraphiqueEF",sans-serif;
	display: block;
	text-align: center;
}
.protected-in span {
	font-size: 1.6rem;
	display: block;
	line-height: normal;
	text-align: center;
	color: #aa000b;
	padding-bottom: 2.6rem;
}
.protected-in p {
	position: relative;
}
.protected-in input[type=password] {
	width: 100%;
	border: none;
	border: none;
	padding: 0 135px 0  1rem;
	background: #e1e0e0;
	font-size: 1.8rem;
	line-height: 49px;
	height: 51px;
	font-family: Avenir;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.protected-in input[type=password].error {
	border: 1px solid red;
}
.protected-in input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0; 
	width: 125px;
	line-height: 47px;
	border: 2px solid #aa000b;
	background: #aa000b;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 900;
	font-family: Avenir;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: color .5s, background .5s;
	transition: color .5s, background .5s;
}
.protected-in input[type=submit]:hover {
	background: none;
	color: #aa000b;
}
.seo-title {
	visibility: hidden;
	width: 1px; 
	height: 0px;
	opacity: 0;
}
.wplc_left_logo {
	background: url(/wp-content/uploads/2019/04/log.jpg) no-repeat 50% 50% /cover!important;
}
#wp-live-chat-2-info {
	box-sizing: border-box;
}
#wp-live-chat-2 {
  bottom: 135px;
}
#wplc_hovercard {
	bottom: 155px;
}
.wp-live-chat-wraper {
	top: -45px;
	position: relative;
}


/* Responsive Styles */
@media screen and ( max-width: 2000px ) { 
	.case-study-top .col p {		
		padding: 0 7% 3rem;
	}
}
@media screen and ( max-width: 1600px ) { 
	.sub-work-text .sub-work-head {
		font-size: 7rem;
		line-height: 6.8rem;
	}
	.sub-work-text p {
		padding-top: 3rem;
	}
	.sub-work-text p {
		max-width: 85%;
	}
	.sub-work-text {
		left: -5%;
	}
	.right-work .sub-work-text {
		right: -5%;
	}
	.case-study-top .col p {		
		padding: 0 5% 2rem;
	}
}
@media screen and ( max-width: 1400px ) { 
	.works-row .left-work,
	.works-row .right-work {		
		height: 75vh;
	}
	.case-study-top .col p {		
		padding: 0 4% 2rem;
	}
	.case-study-top h2,
	.case-study-top h1 {
		font-size: 7rem;
	}
	.case-study-top .col p {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	.sub-work-text .sub-work-head {
		font-size: 5.1rem;
		line-height: 5.5rem;
	}
	.sub-work-text p {
		padding-top: 2rem;
	}
	.sub-work-text p {
		max-width: 95%;
	}
	.works-row .poster .poster-in {
		top: -3.5rem;
		bottom: -3.5rem;
		left: -3.5rem;
		right: -3.5rem;
	}	
}
@media screen and ( max-width: 1360px ) { 
	.works-row .left-work,
	.works-row .right-work {
		width: 41%;
		height: 70vh;
	}	
	.case-study-top .col p {		
		padding: 0 3% 1rem;
	}
	.single-work .case-study-top .col {
		margin-left: 3rem;
	}
	.works-ready .case-study-top.right-style .col, .single-work .case-study-top.right-style .col {
		margin-right: 3rem;
	}
}
@media screen and ( max-width: 1024px ) { 
	.works-row-in-duplicated .sub-work-text {
		visibility: hidden;
	}	
}
@media screen and ( max-width: 1023px ) { 
	.works-row .left-work,
	.works-row .right-work {
		width: 38.6%;		
	}
	.works-ready .case-study-top .col, .single-work .case-study-top .col {
		top: 17.5rem!important;
		height: 60vh!important;
		width: 44vh!important;
	}
	.case-menu {
		right: 60px;
	}
	.company-logo  {
		float: none;
		padding: 5rem 0;
		margin: 0 auto;
		max-width: 350px; 
		text-align: center;
	}
	.works-row-in-duplicated .sub-work-text {
		visibility: hidden;
	}	
	.two-cols-belkin .col-r {
		font-size: 3.2rem;
		line-height: 4.2rem;
		width: 60%;
	}
	.two-cols-belkin .col-l {
		width: 27.5%;
	}
	.two-cols-belkin {
		padding-top: 10rem;
	}
	.two-cols-belkin .inner::before {
		left: 33.8%;
	}
}
@media screen and ( max-width: 1025px ) and (orientation: landscape) {
	.works-ready .case-study-top .col,
	.single-work .case-study-top .col  {
		height: 70vh!important;
	}
}
@media screen and ( max-width: 1023px ) and (orientation: landscape) and ( min-width: 769px ) {
	.works-row .left-work, .works-row .right-work {
		height: 70vh!important;
	}
	.works-row .poster .poster-in {
		-webkit-background-position: 50% 0%!important;
		background-position: 50% 0%!important;
	}
	.works-row .left-work {
		left: 100px!important;
	}
	.works-row .right-work {
		right: 100px!important;
	}
	.sub-work-text .sub-work-head {
		font-size: 3.6rem;
		line-height: 4rem;
	}
	.works-ready .case-study-top .col, .single-work .case-study-top .col {
		height: 320px!important;
  	width: 300px!important;
  	top: 10rem!important;
	}
}
@media screen and ( max-width: 1023px ) and (orientation: portrait) {
	.works-row .right-work {
		bottom: 8vh;
	}
	.page-template-work-new-page #page {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.works-row .left-work,
	.works-row .right-work {
		width: 42.6%;		
	}
	.works-row .left-work {
		top: 6vh;
	}
	.is-tablet .works-row {
		height: 200vh;
	}
	.is-tablet  .works-row .works-row-in.works-row-in-duplicated {
		top: 0!important;
		position: static;
		-webkit-transform: inherit;	   
	  transform: inherit;
	  display: none;
	}
	.is-tablet  .works-row .poster .poster-in {
		-webkit-transform: translate(0,0)!important;
		transform: translate(0,0)!important;
	} 
	.works-row {
		height: auto!important;
		padding-top: 0px;	
	}
	.works {
		height: auto!important;		
	}
	.works-row .left-work,
	.works-row .right-work {
		position: relative;
		width: auto;
		margin: 0 auto!important;
		height: 100%;
		width: 100%!important;
		box-sizing: border-box;
		padding: 88px 4% 4vw;
		top: auto!important;
		left: auto!important;
		right: auto!important;
		bottom: auto!important;
		background: #fff;
		max-height: 10000px;
	}
	.works-row .poster {
	  top: 88px;
	  left: 4%;
	  right: 4%;
	  bottom: 4vw;
	  -webkit-transform: inherit;	   
	  transform: inherit;
	  width: auto!important;
	  height: auto!important;
	  display: block;
	}
	.works-row-in-duplicated .work-in {
		box-shadow: none;
	}
	.works-row .works-row-in.works-row-in-duplicated .inner {
		padding-top: 0;
	}
	.works .works-overlay {
		display: none!important;
	}
	.works-row .works-row-in.works-row-in-duplicated {
		top: 0!important;
		position: static;
		-webkit-transform: inherit;	   
	  transform: inherit;
	  display: none;
	}
	.works-row .poster .poster-in {
		-webkit-transform: translate(0,0)!important;
		transform: translate(0,0)!important;
	} 
	.resized > .inner {		
		-webkit-transform: scale(0.75);
		transform: scale(0.75);	
		-webkit-transform-origin: 50% -5%;
		transform-origin: 50% -5%;
	}
	.works-row .poster .poster-in {
		width: auto;
		height: auto;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);	
	}
	.sub-work-text-mobile {
		display: block;
		position: absolute;
		/*opacity: 0;*/
		left: 4%;
		right: 4%;
		color: #fff;
		z-index: 9999;
		bottom: 4vw;
		padding: 4vw 8%;
		margin: 0 1px; 
		/*-webkit-transform: translate(0, 4rem);
		transform: translate(0, 4rem);*/
		font-family: 'Avenir';
    font-weight: 400;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
	}		
	.sub-work-text-mobile i {
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		display: none;
	}
	.resized .sub-work-text-mobile {
		opacity: 0;
	}
	.sub-work-text-mobile .sub-work-head {
		font-size: 34px;
		line-height: 38px;		
		font-family: 'CaslonGraphiqueEF',sans-serif;
	}
	.sub-work-text-mobile .sub-work-head + h2 {
	  color: #fff;
	  display: block;
	  font-size: 16px;	
	  font-weight: normal;  
	  text-transform: uppercase;
	  padding-top: 1rem;	
	  padding-bottom: 2rem; 
	}
	.works-row:nth-child(3) .right-work .sub-work-text-mobile .sub-work-head,
	.works-row:nth-child(3) .right-work .sub-work-text-mobile .sub-work-head + h2,
	.works-row:nth-child(3) .right-work .sub-work-text-mobile a  { 
		color: #aa000b;
	}

	.mobile-overed .sub-work-text-mobile  { 
	  opacity: 1;
	  -webkit-transform: translate(0, 0);
	  transform: translate(0, 0);
	}
  .clickable {
  	display: none;
  }
	.sub-work-text-mobile a {	
		color: #fff;	
		display: inline-block;	
		box-sizing: border-box;
		
		text-decoration: none;
		font-size: 18px;
		line-height: normal;			
	}
	.sub-work-text-mobile a span {
		padding-right: 41px;
		position: relative;
		display: inline-block;
	}
	.sub-work-text-mobile a:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: '';
		/*background: red;*/
		z-index: 5;		
	} 
	.is-tablet .sub-work-text-mobile a:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: '';
		/*background: red;*/
		z-index: -1;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
	} 
	.works-row .poster .poster-in {
		background-position: 50% 0!important; 
	}
	.sub-work-text-mobile a span:after {
		position: absolute;
		right: 0;
		top: 50%;
		content: '';
		display: block;
		background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0px -20px;
		width: 31px;
		height: 12px;
		margin-top: -6px;
		-webkit-transition: -webkit-transform .5s;
	  transition: transform .5s;
	}	



	.vertical-slider2 {
		top: 78px;
		bottom: 8px;
	}
	.vertical-slider-wrap2 {
		left: auto;
		right: 40px;
		z-index: 10;
		-webkit-transform: inherit;	   
	  transform: inherit;
	}
	.vertical-slider-wrap2 .point {
		display: none;
	}
	.vertical-slider2 .mCSB_dragger_bar b {
		display: none;
	}
	.vertical-slider2 .mCSB_dragger_bar::before,
	.vertical-slider2 .mCSB_dragger_bar::after {
		display: none;
	}	
	.vertical-slider2 .mCSB_dragger_bar i::before,
	.vertical-slider2 .mCSB_dragger_bar i::after {
		font-size: 15px;
		color: #fff;
		display: block;
		opacity: 1!important;
		font-family: 'Avenir';
    font-weight: 400;
	}
	.vertical-slider-wrap2.hovered .mCSB_dragger_bar i::before,
	.vertical-slider-wrap2.hovered .mCSB_dragger_bar i::after {
		color: #aa000b!important; 
	} 
	.vertical-slider2 .mCSB_dragger_bar em {
		display: none!important;
	}
	.vertical-slider2 .mCSB_dragger_bar i::before {		
		content: attr(data-current);
		top: 45px;
	}	
	.vertical-slider2 .mCSB_dragger_bar i::after {		
		content: attr(data-total);
		top: 87px;
	} 
	.vertical-slider-wrap.inactive, .vertical-slider-wrap2.inactive {
		z-index: 13;
	}
	.vertical-slider2 .mCSB_dragger_bar i {
		background: url("images/bg-drag-circle-2-m.png") no-repeat 50% 0%;
		height: 120px;
		margin-top: -60px;
	}
	.vertical-slider-wrap2.hovered .vertical-slider2 .mCSB_dragger_bar i { 
		background: url("images/bg-drag-circle-2-m.png") no-repeat 50% -120px;		
	}
	.vertical-slider-wrap2 {  	 
		background: url(images/bg-drag-m.png) repeat-y 50% 0; 		
	}
	.vertical-slider-wrap2.hovered {  	 
		background: url(images/bg-drag.png) repeat-y 50% 0; 		
	}
	body .vertical-slider-wrap2.hovered .vertical-slider2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background: #fff!important;
	}
	body .vertical-slider2 .mCSB_draggerContainer,
	.vertical-slider-wrap2 {
    margin-left: -52px;
    width: 60px;
	}
	.vertical-slider2 {
		width: 60px;
	}	
}
@media screen and ( max-width: 767px ) { 
	#logo a {
		height: 32px;
	}
	#footer { 
		z-index: 10;
	}
	.protected {
		width: auto;
		left: 4%;
		right: 4%;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.protected-in input[type=password] {
		line-height: 39px;
		height: 41px;
	}
	.protected-in input[type=submit] {
		line-height: 37px;	
	}
	.protected-in strong {
		font-size: 2.4rem;
	}
	.protected-in span {
		font-size: 1.5rem;
	}
	.protected-in {
		padding: 4rem 2rem;
	}
	.single-work .case-study-top .col {
		margin-left: 4%;
	}		
	.two-cols-belkin .col-r {
		font-size: 3.2rem;
		line-height: 4.2rem;
		width: 100%;
	}
	.two-cols-belkin .col-l {
		width: 100%;
		text-align: left;
		padding-bottom: 3rem;
	}
	.two-cols-belkin {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.two-cols-belkin .inner::before {
		display: none;
	}
	.page-template-work-new-page #page {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.works-ready .case-study-top.right-style .col, .single-work .case-study-top.right-style .col {
		margin-right: 4%;
	}
	.works-ready .case-study-top .col, .single-work .case-study-top .col,
	.case-menu {
		display: none!important;
	}
	.works-row {
		height: auto!important;
		padding-top: 0px;	
	}
	.works {
		height: auto!important;		
	}
	.works-row .left-work,
	.works-row .right-work {
		position: relative;
		width: auto;
		margin: 0 auto;
		height: 100%;
		width: 100%;
		box-sizing: border-box;
		padding: 88px 4% 4vw;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	.works-row .poster {
	  top: 88px;
	  left: 4%;
	  right: 4%;
	  bottom: 4vw;
	  -webkit-transform: inherit;	   
	  transform: inherit;
	  width: auto;
	  height: auto;
	  display: block;
	}
	.works-row-in-duplicated .work-in {
		box-shadow: none;
	}
	.works-row .works-row-in.works-row-in-duplicated .inner {
		padding-top: 0;
	}
	.works .works-overlay {
		display: none!important;
	}
	.page-template-work-new-page #header {
		border-bottom: 2px solid #d4d4d4;
		background: #fff;
	}
	.page-template-work-new-page.navi-active #header {
		border: none;
		background: none;
	}	
	.works-row .works-row-in.works-row-in-duplicated {
		top: 0!important;
		position: static;
		-webkit-transform: inherit;	   
	  transform: inherit;
	  display: none;
	}
	.works-row .poster .poster-in {
		-webkit-transform: translate(0,0)!important;
		transform: translate(0,0)!important;
	} 
	.resized > .inner {		
		-webkit-transform: scale(0.75);
		transform: scale(0.75);	
		-webkit-transform-origin: 50% -5%;
		transform-origin: 50% -5%;
	}
	.vertical-slider2 {
		top: 78px;
		bottom: 8px;
	}
	.vertical-slider-wrap2 {
		left: auto;
		right: 15px;
		z-index: 10;
		-webkit-transform: inherit;	   
	  transform: inherit;
	}
	.vertical-slider-wrap2 .point {
		display: none;
	}
	.vertical-slider2 .mCSB_dragger_bar b {
		display: none;
	}
	.vertical-slider2 .mCSB_dragger_bar::before,
	.vertical-slider2 .mCSB_dragger_bar::after {
		display: none;
	}	
	.vertical-slider2 .mCSB_dragger_bar i::before,
	.vertical-slider2 .mCSB_dragger_bar i::after {
		font-size: 12px;
		color: #fff;
		display: block;
		opacity: 1!important;
		font-family: 'Avenir';
    font-weight: 400;
	}
	.vertical-slider-wrap2.hovered .mCSB_dragger_bar i::before,
	.vertical-slider-wrap2.hovered .mCSB_dragger_bar i::after {
		color: #aa000b!important; 
	} 
	.vertical-slider2 .mCSB_dragger_bar em {
		display: none!important;
	}
	.vertical-slider2 .mCSB_dragger_bar i::before {		
		content: attr(data-current);
		top: 45px;
	}	
	.vertical-slider2 .mCSB_dragger_bar i::after {		
		content: attr(data-total);
		top: 87px;
	} 
	.vertical-slider-wrap.inactive, .vertical-slider-wrap2.inactive {
		z-index: 13;
	}
	.vertical-slider2 .mCSB_dragger_bar i {
		background: url("images/bg-drag-circle-2-m.png") no-repeat 50% 0%;
		height: 120px;
		margin-top: -60px;
	}
	.vertical-slider-wrap2.hovered .vertical-slider2 .mCSB_dragger_bar i { 
		background: url("images/bg-drag-circle-2-m.png") no-repeat 50% -120px;		
	}
	.vertical-slider-wrap2 {  	 
		background: url(images/bg-drag-m.png) repeat-y 50% 0; 		
	}
	.vertical-slider-wrap2.hovered {  	 
		background: url(images/bg-drag.png) repeat-y 50% 0; 		
	}
	body .vertical-slider-wrap2.hovered .vertical-slider2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background: #fff!important;
	}
	body .vertical-slider2 .mCSB_draggerContainer,
	.vertical-slider-wrap2 {
    margin-left: -52px;
    width: 60px;
	}
	.vertical-slider2 {
		width: 60px;
	}	
	.works-row .poster .poster-in {
		width: auto;
		height: auto;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);	
	}
	.sub-work-text-mobile {
		display: block;
		position: absolute;
		/*opacity: 0;*/
		left: 4%;
		right: 4%;
		color: #fff;
		z-index: 9999;
		bottom: 4vw;
		padding: 4vw 8%;
		margin: 0 1px; 
		/*-webkit-transform: translate(0, 4rem);
		transform: translate(0, 4rem);*/
		font-family: 'Avenir';
    font-weight: 400;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
	}		
	.sub-work-text-mobile i {
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		display: none;
	}
	.resized .sub-work-text-mobile {
		opacity: 0;
	}
	.sub-work-text-mobile .sub-work-head {
		font-size: 30px;
		line-height: 34px;		
		font-family: 'CaslonGraphiqueEF',sans-serif;
	}
	.sub-work-text-mobile .sub-work-head + h2 {
	  color: #fff;
	  display: block;
	  font-size: 12px;	
	  font-weight: normal;  
	  text-transform: uppercase;
	  padding-top: 1rem;	
	  padding-bottom: 2rem; 
	}
	.mobile-overed .sub-work-text-mobile  { 
	  opacity: 1;
	  -webkit-transform: translate(0, 0);
	  transform: translate(0, 0);
	}
  .clickable {
  	display: none;
  }
	.sub-work-text-mobile a {	
		color: #fff;	
		display: inline-block;	
		box-sizing: border-box;
		
		text-decoration: none;
		font-size: 14px;
		line-height: normal;			
	}
	.sub-work-text-mobile a span {
		padding-right: 41px;
		position: relative;
		display: inline-block;
	}
	.sub-work-text-mobile a:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: '';
		background: transparent;
		z-index: 5;
	} 
	.works-row .poster .poster-in {
		background-position: 50% 0!important; 
	}
	.sub-work-text-mobile a span:after {
		position: absolute;
		right: 0;
		top: 50%;
		content: '';
		display: block;
		background: url(/wp-content/uploads/2019/04/sprite.png) no-repeat 0px -20px;
		width: 31px;
		height: 12px;
		margin-top: -6px;
		-webkit-transition: -webkit-transform .5s;
	  transition: transform .5s;
	}	
}
@media screen and ( max-width: 480px ) {
	.vertical-slider-wrap2 {
		right: 0px;
	}
	.case-study-top h2,
	.case-study-top h1 {
		font-size: 5rem;
		line-height: 6rem;
	}
	.slick-slider.flipbook {
		margin-bottom: 0;
	}
} 
@media screen and ( max-width: 767px )  and (orientation: landscape) {
	.vertical-slider-wrap2 {
		right: 10px;
	}
}

/******* News Letter ***/
#sk-newsletter {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999999;
	background:#aa000bb8;
	display:none;
	transition:all 0.3s ease in-out;
}
#sk-newsletter div.sendpress {
	margin-top:0 !important;
	position: absolute;
 	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border:2.5rem solid #16edf0;
	background:rgba(255,255,255,0.85);
	padding:46px;
	width:525px;
	height:525px;
	box-sizing:border-box;
	border-radius:100%;
}
#sk-newsletter #thanks {margin-top:53px;}
#sk-newsletter div.sendpress h2 {
	font-size:4.5rem;
	line-height:5rem;
	display:block;
	outline:0;
	color: #aa000b;
    padding: 0 2rem 2.5rem;
    font-family: "CaslonGraphiqueEF";
    font-weight: normal;
	text-align:center;
}
#sk-newsletter div.sendpress p {
	color: #aa000b;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1.8rem;
    vertical-align: baseline;
    background: transparent;
	box-sizing: border-box;
    text-align: center;
	margin-bottom:11px;
}
#sk-newsletter form input[type="text"] {
	max-width: 46.2rem;
    margin: 0 auto 1.3rem;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    border: none;
    padding: 1.3rem;
    text-align: center;
    color: #626262;
    font-size: 2rem;
    line-height: 2.5rem;
    height: 5.3rem;
    font-family: 'Avenir';
    border: 1px solid rgba(255,255,255,0.8);	
}
#sendpress-signup-form {position:relative;}
#error {position:
	absolute;
	left:50%;
	bottom:-20px;
	transform:translateX(-50%);
}

#sk-newsletter form .sendpress-submit {
	width: 100%;
    max-width: 26rem;
    cursor: pointer;
    background: #16edf0!important;
    border: none!important;
    color: #fff!important;
    font-size: 2.5rem!important;
    line-height: 6rem!important;
    padding: 0!important;
    font-family: 'Avenir'!important;
    margin: 0 auto 1.1rem!important;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    will-change: transform;
}

#form-wrap p {
    color: #aa000b;
    font-size: 1.9rem;
    line-height: normal;
	margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
	cursor:pointer;
}

@media only screen and (max-width: 600px) {
  #sk-newsletter div.sendpress{
      width:100%;
	  border:2rem solid #16edf0;
	  border-radius:0;
	  padding:20px;
	  max-height: 380px;
  }
	#sk-newsletter div.sendpress h2 {
		font-size:3.8rem;
		line-height:4.2rem;
	}
}


#sk-newsletter form .sendpress-submit:hover {opacity:0.6;}

#sk-newsletter div.sendpress form p label {display:none;}

#time {transition: top 4s, opacity 1s, font-size 1s, text-shadow 1s;}
#small-title, #big-title {transition:opacity 2s;}
#slide-logo, #slide-logo-img {transition:opacity 3s;}

#big-title .word1, #big-title .word2 {font-size:63px;}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


@media screen and ( max-width: 767px )  {
	#big-title .word1, #big-title .word2 {font-size:16px;}
}
body{overflow-x:hidden !important;}

#navi {
	background:#aa000b;
}
.address::before {
    content: "let's GET in touch" !important;
}

#menu-footer-menu li a {color:#00CDD0; margin-left:8px; text-decoration:none;}