@charset "utf-8";


/* ----------------------------------------------------------------
			[ All Css Plugins & Helper Classes File ]
-----------------------------------------------------------------*/

/* == animate Headline == */
@import url("animate.css");

/* == css Fonts == */
@import url("fonts.css");
* {
	padding: 0px;
	margin: 0px;
}
a:hover, a:focus {
	outline: none;
	color: #ff8300;
	text-decoration: none;
}
body {
	font-family: 'Gotham';
	font-size: 15px;
	color: #000;
}
strong {
	font-weight: bold;
}
.clear-padding {
	padding: 0;
	margin: 0;
}
.site-wrapper {
	position: relative;
	transition: all 0.5s ease;
}
.text-black {
	color: #000;
}
/* Site logo */
.logo {
	display: inline-block;
	position:fixed;
	/*position:relative;*/
	z-index:99991;
	-webkit-transition: all .2s ease-in-out;                  
    -moz-transition: all .2s ease-in-out;                 
    -o-transition: all .2s ease-in-out;   
    -ms-transition: all .2s ease-in-out;          
    transition: all .2s ease-in-out;
	max-width:220px;
	width: 100%;
}
.logo img {
    height: 100%;
    width: 100%;
}

.site-content .container{ position:relative; z-index:9999;}
/* Site nav */
.social-nav, .main-nav {
	opacity: 0;
	visibility: hidden;
}
.overlay-nav-open .social-nav, .overlay-nav-open .main-nav {
	visibility: visible;
	opacity: 1;
}
.site-nav {
	position: absolute;
	width: 100%;
	top: 0;
}

.menu.float-right {
	position:fixed;
    /*position: relative;*/
    z-index: 99991;
	margin:0 0 0 132px;
	-webkit-transition: all .2s ease-in-out;                  
    -moz-transition: all .2s ease-in-out;                 
    -o-transition: all .2s ease-in-out;   
    -ms-transition: all .2s ease-in-out;          
    transition: all .2s ease-in-out;
}
.site-nav .menu-wrapper {
	height: 100%;
	padding-top: 70px;	
}
.language-menu {
	margin-right: 84px;
	white-space: nowrap;
	text-align: right;
	z-index:99991;
	position:fixed;
	/*position:relative;*/
	-webkit-transition: all .2s ease-in-out;                  
    -moz-transition: all .2s ease-in-out;                 
    -o-transition: all .2s ease-in-out;   
    -ms-transition: all .2s ease-in-out;          
    transition: all .2s ease-in-out;
}

.overlay-menu-open .site-nav {	position: fixed;}
.overlay-menu-open .fixed-header{ opacity: 0 }

.fixed-header{ position: fixed; height: 0; background-color:rgba(0,32,96,1); -webkit-transition: height .6s ease; -o-transition: height .6s ease; transition: height .6s ease;
	-webkit-box-shadow: -2px 5px 10px rgba(90, 90, 90, 0.1);
	-moz-box-shadow: -2px 5px 10px rgba(90, 90, 90, 0.1);
	box-shadow: -2px 5px 10px rgba(90, 90, 90, 0.1);
}
.page-header-type-none .fixed-header {
	background-color:rgb(255,255,255);
}
.fixed-header-show {
	height: 70px;
	width: 100%;
    z-index: 1000;
}
.language-menu ul {
	padding: 0;
	margin: 0;
}


.language-menu ul li {
	list-style: none;
	display: inline-block;
	padding: 0 2px;
}
.page-header-type-none .language-menu ul li a, .error404 .language-menu ul li a {
	color: #000;
}
.language-menu ul li a {
	color: #fff;
}
body .language-menu li.active a {
	color: #ff8300;
}
.social-nav {
	position: relative;
	top: 100px;
	text-align: right;
	clear: both;
}
.social-nav li {
	display: block;
	padding: 10% 0;
}
.social-nav a {
	font-size: 14px;
	color: #fff;
}
.social-nav a:hover {
	color: #ff8300;
}
.overlay-nav-open {
	background: #fff;
	height: 100vh;
	overflow: hidden;
	z-index: 9999;
	-webkit-transition: background-color 1000ms;
	-moz-transition: background-color 1000ms;
	-ms-transition: background-color 1000ms;
	-o-transition: background-color 1000ms;
	transition: background-color 1000ms;
}
/*
.overlay-left{
	width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: -1;
	transform: scale(1, 0);
    transform-origin: center top;
    transition: transform 0.5s ease-in-out;
}
.overlay-nav-open .overlay-left{
	transform: scale(1, 1);
}
*/
.site-nav .nav-left, .site-nav .nav-right {
	padding: 0;
	padding-top: 50px;
}
.fixed-pos .nav-left, .fixed-pos .nav-right{padding-top: 20px !important;}
/*
.overlay-nav-open .nav-right:after {
	position: absolute;
	height: 100%;
	width: 100%;
}
*/
.social-nav {
	position: relative;
	transition: opacity 0.3s ease-in-out;
	transition-delay: 0.1s;
	opacity: 0;
}
.site-nav .nav-right {
}
.overlay-nav-open .nav-right {
	height: 100vh;
	position: static;
}
.overlay-nav-open .language-menu {
	display: none;
}
.overlay-menu-open, .overlay-menu-open body {
	overflow: hidden;
}
.overlay-nav-open .social-nav {
	visibility: visible;
	opacity: 1;
	transition-delay: 1.5s;
}
.overlay-right {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .6s ease-out;
	transition-delay: 0.1s;
}
.overlay-nav-open .overlay-right {
	transition-delay: 0.9s;
	transform: scaleX(1)
}
/*
.menu-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* -webkit-box-align: center; */
  /*-ms-flex-align: center;
  -ms-grid-row-align: center;
  /* align-items: center; */
 /* -moz-box-align: center;
  -webkit-align-items: center;
  /* -webkit-box-pack: center; */
  /*-ms-flex-pack: center;
  justify-content: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
}
.main-nav {
  padding: 0 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
*/
/*Main nav*/
.main-nav {
	max-width: 480px;
	list-style-type: none;
	position: relative;
	left: 15%;
	overflow: hidden;
	z-index: 2;
}
.main-nav .parent-menu {
	float: left;
	margin: 0;
	position: relative;
}
.main-nav ul li {
	list-style: none;
}
.main-nav > ul > li {
	text-align: right;
	list-style-type: none;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	/*transform: translate(0, 30px);*/
	transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
}
.overlay-nav-open .main-nav > ul > li {
	webkit-transform: none;
	transform: none;
	opacity: 1;
}
.overlay-nav-open .main-nav > ul > li:nth-child(1) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.overlay-nav-open .main-nav > ul > li:nth-child(2) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.overlay-nav-open .main-nav > ul > li:nth-child(3) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.overlay-nav-open .main-nav > ul > li:nth-child(4) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.overlay-nav-open .main-nav > ul > li:nth-child(5) {
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}
.overlay-nav-open .main-nav > ul > li:nth-child(6) {
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.main-nav ul li a {
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 2px 16px;
	transition: all 0.5s ease;
	clear: both;
	display: block;
	position: relative;
	z-index: 9;
	text-decoration: none;
}
.main-nav > ul > li:hover a, .main-nav ul li:focus a, .main-nav ul li.active a {
	background: #000;
	color: #fff;
	top: 0px;
}
.main-nav ul li > ul {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 240px;
	width: 280px;
	padding-left: 0px;
	height: 100%;	
	opacity: 0;
	transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
	transition-delay: .8s;
	overflow: hidden;
}
.main-nav ul li > ul li {
	text-align: left;
}
.main-nav ul ul.sub-menu li a {
	display: block;
	font-size: 16px;
	font-family: 'GothamLight';
	padding: 12px 10px 13px 10px;
	background: none;
	color: #000;
	text-transform: capitalize;
}
.main-nav ul li > ul li a:hover {
	color: #ff8300;
	background: transparent;
}
.main-nav ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transition-delay: .8s;
}
header{ position:relative}
header .inner-container{position:inherit}
/*

Video section
*/
@media (min-width:1800px) {
	.auditorie-group .col-sm-6 .copy {    top: 42% !important;}	
}

@media (min-width:1600px) {
.container {
/*max-width: 1360px;*/
}
.slick-slide img {
	width: 95%;
}
.brands .slick-slide img{ width:auto;}
.recrut-slide .slick-slide img, .slide-office .slick-slide img{ width:100%;}
.header-image img {	width: 100%; height: auto; transform: translate(-50%, 0); margin-left: 50%;}
}

.video-wrapper {
	position: relative;
	/* padding-bottom: 56.25%;*/
	overflow: hidden;
	height: 100vh;
}
.video-media {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
}
.video-media video {
	/*
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate(0, -25%);
	*/
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*.header-wrapper {
	padding: 50px 0 0 0;
	overflow: hidden;
}*/
.video-wrapper .container {
	height: 100%;
}
.philosophy {
	position: absolute;
	bottom: 65px;
	max-width: 400px;
	width: 100%;
	z-index: 999;
	margin-left: 65px;
}
.philosophy h1, .header-text h1 {
	font-size: 110px;
	font-family: gotham;
	font-weight: bold;
	color: #fff;
	opacity: .2;
	position: relative;
	top: 57px;
	left: -30px;
}
.header-text h1{ opacity:.4;}
.philosophy h2, .header-text h2 {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.philosophy p {
	color: #ff8300;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 15px;
}
.wcta {
	border: 2px solid #fff;
	padding: 10px 55px;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-top: 15px;
	transition: all 0.5s ease;
	position: relative;
}
.wcta:hover, .wcta:focus {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}
.bcta {
	border: 2px solid #000;
	padding: 10px 60px;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	display: inline-block;
	text-align: center;
	margin-top: 15px;
	transition: all 0.5s ease;
	position: relative;
}
.bcta:hover, .bcta:focus {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}
.simpleParallax {
	overflow: inherit !important;
}
/* nav bar */
#nav-icon {
	width: 27px;
	height: 26px;
	position: relative;
	z-index: 999;
	margin: 0px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.page-header-type-none #nav-icon span, .error404 #nav-icon span {
	background: #000;
}
#nav-icon span:nth-child(1) {
	top: 0px;
}
body #nav-icon span:nth-child(2) {
	top: 10px;
	background: #ff8300;
}
#nav-icon span:nth-child(3) {
	top: 20px;
}
#nav-icon.open span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#nav-icon.open span:nth-child(2) {
	opacity: 0;
	left: 0px;
	margin-left: -27px;
}
#nav-icon.open span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#nav-icon.open span:nth-child(4) {
	opacity: 0
}
/*
Nav active
*/

#nav-icon.open span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#nav-icon.open span:nth-child(2) {
	opacity: 0;
	left: 0px;
	margin-left: -27px;
}
#nav-icon.open span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#nav-icon.open span:nth-child(4) {
	opacity: 0
}
#nav-icon.open span {
	color: #fff;
	background: #fff;
}
/* ========================================================
==================== Work section =========================
=========================================================== */
.set-pos-a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
}
.section-works .col-sm-7 {
	background: url(../img/PLASTIC-OMNIUM.jpg) no-repeat -250px bottom;
	background-size: cover;
	height: 575px;
	background-attachment: fixed;
	z-index: 11;
}
.section-works .col-sm-5 {
	background: #fff;
	position: absolute;
	right: 0px;
	padding: 0 0 0 0px;
	margin: -42px 60px 0 0px;
	max-height: 40px;
}
.section-works .col-sm-5 p {
	background: #fff;
	margin: 0 -60px 0 0;
}
.section-works .work-block {
	position: absolute;
	top: 130px;
	z-index: 13;
}
.section-works .content-area {
	background: #fff;
	padding: 0px 25px 35px 0px;
	margin-bottom: 15px;
	transition: all 0.5s ease;
	-webkit-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	-moz-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
}
.section-works .work-block .head {
	padding: 43px 0 10px 40px;
	position: relative;
	margin-bottom: 10px;
}
.section-works .work-block .head h2 {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin: 0 0 8px 0;
}
.section-home .head h2 {
	text-transform: uppercase;
}
.section-works .work-block .head span {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 12px;
	background: #00f200;
	height: 0;
	-webkit-transition: height .6s ease;
	-o-transition: height .6s ease;
	transition: height .6s ease;
	transition-delay: .5s;
}
.section-works .work-block.section-visible span {
	height: 100%;
}
.section-works .work-block h2 strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
	margin-top: 17px;
}
.section-works .work-block p {
	font-weight: 300;
	color: #000;
	font-size: 15px;
	padding: 0 0 0 40px
}
/* ========================================================
==================== Offices section ======================
=========================================================== */
/*.slick-slider {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}*/
.slide-offices .slide-text {
	position: absolute;
	text-align: left;
	left: 20px;
	bottom: -15px;
}
.slide-office .slick-slide img{ width:100%; transition: all .6s ease-in-out;}
.slide-office .slick-slide img:hover{transform: scale(1.2);
	opacity: .8;}
.slide-offices .slide-text a {
	display: block;
	color: #fff;
	font-size: 30px;
	/*
	 position: absolute;
    height: auto;
    width: 100%;
    z-index: 1;
	*/
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: left top;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: left top;
	-o-transform: rotate(-90deg);
	-o-transform-origin: left top;
	transform: rotate(-90deg);
	transform-origin: left top;/*
    bottom: -20px;
    left: 5px;
	*/
}
.section-offices .head {
	margin: 0 80px 0 0;
	float: right;
	clear: both;
	padding: 20px 0 3px 7px;
	position: relative;
}
.section-offices .head h2 {
	font-size: 30px;
	font-weight: bold;
}
.section-offices .head span {
	position: absolute;
	width: 0;
	height: 12px;
	left: 0;
	top: 0;
	background: #00ffce;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	transition-delay: .5s;
}
.section-offices.section-visible .head span {
	width: 100%;
}
.slide {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.slide .slick-slide {
	margin: 0 5px;
	width: 25%;
	text-align: center;
	overflow: hidden;
	position: relative;
	background: #000;
}
.slide .slick-slide img {
	margin: 0 auto;
	width: 100%;
	transition: all .6s ease-in-out;
	cursor: pointer;
	opacity: 1;
}
.slide .slick-slide:hover img {
	transform: scale(1.2);
	opacity: .8;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 99;
	width: 21px;
	height: 35px;
	background: url(../img/slide-arrow-home.png) no-repeat center top;
	border: 0px;
	cursor: pointer;
	margin: -17px 0 0 0;
}
.slick-prev {
	left: 15px;
	background-position: left bottom;
	text-indent: -9999999px;
}
.slick-next {
	right: 15px;
	background-position: right bottom;
	text-indent: -9999999px;
	cursor: pointer;
}
.slick-prev:hover {
	background-position: left top;
}
.slick-next:hover {
	background-position: right top;
}
.slick-next:focus, .slide .slick-prev:focus {
	outline: none;
}
/* ========================================================
==================== Brands section =======================
=========================================================== */
.section-brands, .brands {
	text-align: center;
	margin-bottom: 40px;
}
.page-template-tpl_about .section-brands, .page-template-tpl_about .brands{ margin-bottom: 0; }
.section-brands .head {
	margin: 0 0 0 11%;
	float: left;
	clear: both;
	padding: 20px 7px 24px 0;
	position: relative;
}
.page-template-tpl_about .section-brands .head{ margin:0;}
.section-brands .head h2 {
	font-size: 30px;
	font-weight: bold;
}
.section-brands .head span {
	height: 12px;
	width: 0;
	background: #9500ff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	transition-delay: .5s;
}
.section-brands.section-visible .head span {
	width: 100%;
}
.section-brands p, .brands p {
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 0px;
}
.about-brands a, .section-brands a {
	padding-left: 124px;
	padding-right: 124px;
}
.section-brands .luxury-makers, .brands .luxury-makers {
	background: #000;
	padding: 50px;
}
.section-brands .luxury-makers img, .brands .luxury-makers img {
	margin: 65px auto 61px auto;
	max-width: 100%;
}
.section-brands .tro, .brands .tro {
	background: #00adee;
	padding: 50px;
}
.section-brands .tro img, .brands .tro img {
	margin: 25px auto;
	max-width: 100%;
}
.section-brands .lorem, .brands .lorem {
	background: /*#00adee*/ #000;
	padding: 50px;
}
.section-brands .lorem img, .brands .lorem img {
	margin: 25px auto;
	max-width: 100%;
}
/* ========================================================
==================== Join us section ======================
=========================================================== */
.section-careers {
	position: relative;
}
.no-bg {
	background-size: 0 !important;
}
.section-careers .col-sm-7 {
	background: url(../img/IMG_9096.jpg) no-repeat left center;
	background-size: cover;
	height: 575px;
	background-attachment: fixed;
	margin-bottom: 40px;
}
.section-careers .col-sm-5 {
	background: #fff;
}
.section-careers .work-block {
	position: absolute;
	top: 160px;
}
.section-careers .content-area {
	background: #fff;
	padding: 0px 25px 50px 0px;
	margin-bottom: 15px;
	transition: all 0.5s ease;
	-webkit-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	-moz-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
}
.section-careers .work-block .head {
	padding: 75px 0 15px 40px;
	margin: 0 0 13px 0;
	position: relative;
}
.section-careers .work-block h2 {
	font-size: 30px;
	font-weight: bold;
	color: #000;
}
.section-careers .work-block span {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 12px;
	background: #ff00ff;
	height: 0;
	-webkit-transition: height .6s ease;
	-o-transition: height .6s ease;
	transition: height .6s ease;
	transition-delay: .5s;
}
.section-careers.section-visible .work-block span {
	height: 100%;
}
.section-careers .work-block p {
	font-weight: 500;
	color: #000;
	font-size: 15px;
	padding: 0 0 0 41px
}
.section-careers .work-block p a {
	margin-top: 0px;
}
/* ========================================================
==================== Footer section ======================
=========================================================== */
footer {
	margin: 0 auto 25px auto;
	width: 100%;
	text-align: center
}
footer ul {
	margin: 0;
}
footer li {
	list-style: none;
	display: inline-block
}
footer li:first-child {
	padding-left: 0px !important;
}
footer li:last-child {
	padding-right: 0px !important;
}
footer a {
	font-size: 13px;
	color: #000;
	font-family: 'Gotham Book';
}
footer a:hover, footer a:focus, footer a.active {
	color: #ff8300;
}
.home .site-content{padding-bottom:30px;}
/* Site Footer Navigation */
.footer-menu li {
	list-style: none;
	display: inline-block;
	padding: 0 4.2%;
	position: relative;
}
.footer-menu li a {
	font-size: 13px;
	font-family: 'Gotham Book';
}
.footer-menu li:after {
	content: "-";
	position: absolute;
	right: -2px;
}
.footer-menu li:last-child:after {
	display: none;
}
/* Privacy and Legal Navigation */
footer .privacy-legal-menu {
	text-align: left;
	margin: 23px 0;
}
footer .privacy-legal-menu li {
	padding: 0 6px;
	position: relative;
}
footer .privacy-legal-menu li:after {
	content: "-";
	position: absolute;
	right: -5px;
}
footer .privacy-legal-menu li:last-child:after {
	display: none;
}
/* Social Navigation */
footer .social-links {
	text-align: right;
	margin: 23px 0;
}
footer .social-links ul li {
	display: inline-block;
	list-style: none;
	padding: 0 6px;
	position: relative;
}
footer .social-links ul li:after {
	content: "-";
	position: absolute;
	right: -5px;
}
footer .social-links ul li:last-child:after {
	display: none;
}
/* ========================================================
==================== Work Page =========================
=========================================================== */
.site-content {

	
	position:relative;
	z-index:999;
}
.page-header-type-none .site-content, .error404 .site-content {
	padding-top: 170px;
}
/*.work-section2 .col-sm-7{ background:url(../img/work-home.jpg) no-repeat left center; background-size:cover; height:575px; background-attachment:fixed; margin-bottom:17px;}*/
.work-section .col-sm-5 {
	background: none;
}
.work-content {
	margin-bottom: 15px;
}
.work-content-inner {
	padding: 0px 25px 25px 0px;
	transition: all 0.5s ease;
	min-width: 560px;
	max-width: 560px;
}
.work-section h2 {
	font-family: 'Gotham';
	font-weight: bold;
	font-size: 30px;
	width: 240px;
	margin: 40px 30px 60px 0;
	text-align: right;
	float: right;
	text-transform: uppercase;
}
.odd .work-section h2 {
	float: left;
	margin: 40px 0px 60px 30px;
	text-align: left;
}
.work-content .head {
	padding: 43px 0 15px 40px;
	margin: 0 0 8px 0;
}
.work-content h3 {
	font-size: 25px;
	font-family: 'Gotham Book';
	text-transform: uppercase;
	margin-bottom: 0px;
}
.work-content .head span {
	font-size: 15px;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
}
.work-content .head b {
	font-family: 'Gotham';
	font-weight: bold;
	display: block;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 1.1;
	max-width: 480px;
}
.work-content p {
	font-weight: 300;
	font-size: 15px;
	padding: 0 0 0 40px
}
/*.work-section .col-sm-7{ background:url(../img/join-home.jpg) no-repeat left center; background-size:cover; height:575px; background-attachment:fixed; margin-bottom:17px;}*/
/*.work-section2 .work-block{ position:absolute; top:0}*/
.work-section2, .work-section {
	margin-bottom: 20px;
}
.work-section2 .col-sm-7, .work-section .col-sm-7 {
	overflow: hidden;
	max-height: 575px;
	min-height: 575px;
}
.work-section2 .col-sm-7 img, .work-section .col-sm-7 img {
	width: 100%;
}
.row-work-listing .col-sm-12 {
	padding: 0px;
}
.light-blue .work-content {
	background-color: rgba(0, 219, 255, 0.9);
}
/*
.light-blue .work-content {
	background-color: rgba(0, 219, 255, 0.9);
}
.yellow .work-content {
	background-color: rgba(237, 255, 0, 0.9);
}
.blue .work-content {
	background-color: rgba(21, 82, 252, 0.9);
}
.pink .work-content {
	background-color: rgba(255, 25, 255, 0.9);
}
.light-green .work-content {
	background-color: rgba(0, 255, 206, 0.9);
}
.green .work-content {
	background-color: rgba(0, 242, 0, 0.9);
}
*/
.row-work-listing .work-block {
	position: absolute;
	top: 160px;
	padding: 0;
	margin: 0;
	background: none;
	z-index: 919;
	max-width: 1020px;
	width: 100%;
}
.slide .slick-slide {
	/*max-height: 575px;*/
	overflow: hidden;
	margin-bottom: 0px;
}
/*.slick-slide img{ width:100%; vertical-align:central; margin-top:-20%;}*/
.work-section2 .slick-slide img {
	float: right;
}

/*
.animate-cta .bcta {
	opacity: 0;
}
.slick-slide.animate-cta.slick-active .bcta {
	opacity: 1;
    transition: opacity 1000ms ease 0s;
	transition-delay: 1000ms !important;
}
*/
.animate-cta .simpleParallax, .animate-cta .work-block {
	opacity: 0;
	transition: opacity 1000ms ease 0s;
}
.slick-slide.animate-cta.slick-active .simpleParallax, .slick-slide.animate-cta.slick-active .work-block {
	opacity: 1;
    transition: opacity 1000ms ease 0s;
	transition-delay: 1000ms !important;
}
.slide-work .slick-arrow {
	position: absolute;
	bottom: 43px;
	z-index: 191;
	width: 21px;
	height: 35px;
	background: url(../img/slide-arrow-work.png) no-repeat center;
	border: 0px;
	cursor: pointer;
	top: inherit;
}
.slide-work .slick-prev {
	left: 30px;
	background-position: left bottom;
	text-indent: -9999999px;
}
.slide-work .slick-next {
	right: 30px;
	background-position: right bottom;
	text-indent: -9999999px;
	outline: none;
}
.header-client-logo {
	max-width: 100px;
}
.wp-playlist { border:0 !important; padding:0 !important;}
.blog-slide p{ max-width: 640px; font-weight: 300;}
.blog-listing-slide .gdc_row, .blog-listing .gdc_row{ display: none;}
.gdc_column{ padding: 0; margin:0;  }
.gdc_inner p{ display: none; }
.wp-playlist-light{ position: relative; }
.wp-playlist-light .play{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -40px;
    cursor: pointer;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 0 45px 70px;
	border-color: transparent transparent transparent #ffffff;
}
.gdc_inner .mejs-controls{ display:none; }
.gdc_inner .mejs-overlay-button{ display:none;}
.gdc_row{ margin-bottom: 30px; }
.gdc_column div.gdc_inner{padding: 0 5px;}
.gdc_column{ width: 40%; overflow: hidden;}
.gdc_column:first-child{ width: 60%;}
.blog-detail .gallery .gallery-item img{ min-height: 265px; }
.blog-overlay{
	bottom: 0;
    right: 0;
    background: url(../img/lightbox-bg.png) repeat;
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;}
.blog-video-close{position: absolute; 
	top: 30px;
	right: 30px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 99999;
	background: url(../img/fancy_close.png) no-repeat top left;}	
.blog-video{
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;}
.blog-video video{ width:80%;}	
/* ========================================================
==================== Work detail Page =========================
=========================================================== */
.header-wrapper {
	position: relative;
	 padding-bottom: 52.25%;
	overflow: hidden;
	min-height: 450px;
	height: auto;
	max-height: 100vh;
}
.single-offices .header-wrapper{ min-height: inherit}
.header-image {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
}
.header-image img {
	width: 100%;
	height: auto;
}
.header-wrapper .container {
	height: 100%;
}
.header-text {
	position: absolute;
	bottom: 50px;
	z-index: 999;
	max-width: 550px;
}
.header-text h2 {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.header-text p {
	color: #ff8300;
	font-weight: 500;
}
.single-works .header-text {
	margin-left: 80px;
	max-width: 550px;
}
.single-works .header-text img {
	margin-bottom: 16px;
}
.single-works .header-text h2 {
	margin-bottom: 3px;
}
.single-works .header-text p {
	color: #fff;
	font-weight: 300;
}
.nav-tabs {
	border: 0px;
	background: #000;
}
/*ul.nav-tabs .flex-fill:hover{ background:#ff8300}*/
.nav-tabs li a {
	text-align: center;
	padding: 12px 0px;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	background: linear-gradient(to right, black 50%, white 50%);
	background-size: 200% 100%;
	background-position: left bottom;
	transition: all .5s ease;
}
.slide-work-detail .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 99;
	width: 21px;
	height: 35px;
	background: url(../img/slide-arrow-home.png) no-repeat center;
	border: 0px;
	margin-top: -17px;
}
.slide-work-detail {
	text-align: center;
}
.slide-work-detail .slick-prev {
	left: 15px;
	background-position: left bottom;
	text-indent: -9999999px;
}
.slide-work-detail .slick-next {
	right: 15px;
	background-position: right bottom;
	text-indent: -9999999px;
}
.slide-work .slick-prev:hover, .slide-work .slick-prev:focus, .slide-work-detail .slick-prev:hover, .slide-work-detail .slick-prev:focus, .slick-prev:hover, .slick-prev:focus {
	background-position: left top;
}
.slide-work .slick-next:hover, .slide-work .slick-next:focus, .slide-work-detail .slick-next:hover, .slide-work-detail .slick-next:focus, .slick-next:hover, .slick-next:focus {
	background-position: right top;
}
.slick-prev:focus, .slick-next:focus {
	outline: none;
}
.nav-tabs li {
	width: 33.33%;
	float: left;
}
.nav-tabs li a {
	color: #fff
}
.nav-tabs li a.active {
	color: #fff;
}
.nav-tabs li.active a {
	background: #fff;
	color: #000
}
.nav-tabs li:hover a {
	background: #ff8300;
	color: #fff
}
.nav-tabs li a.active {
	color: #000;
}
.details {
	padding: 0px;
	font-weight: 300;
	text-align: justify;
}
.tab-pane {
	padding: 10px 0px 80px 0px;
}
#photos.tab-pane {
	padding-top: 5px;
}
.tab-photo{ 
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 10px;
}
#photos .col-sm-8 .tab-photo{ margin-bottom: 5px; }
.tab-photo-inside .col-sm-4 {
    max-width: 100%;
    padding:0 !important; 
}
/*
.tab-photo-inside img{
	transform: translateY(-30%);
}
.tab-photo-inside img:hover{
	transform: translateY(-30%) scale(1.1) !important;
}
*/
.details-counter {
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: 300;
}
.single-works .details-counter span.count {
	font-size: 100px;
	color: #00ffce;
	font-weight: bold;
	line-height: .9;
}
.related-projects {
	color: #fff;
	margin-top: 25px;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url("../img/related-project-bg.png") repeat-x left bottom
}
.related-projects .item {
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
}
.related-projects h4 {
	font-size: 25px;
	padding-bottom: 0px;
	margin: 0
}
.related-projects p {
	font-size: 18px;
	margin: 0 0 0px 0;
	font-weight: 300
}
.related-projects .item {
	padding: 0 5px;
	overflow: hidden;
	max-height: 184px;
	min-height: 184px;
}
.related-projects .col-image {
	overflow: hidden;
	max-height: 184px;
}
.related-projects .col-image .overlay {
	z-index: 99
}
.related-projects .col-image img {
	transition: all .6s ease-in-out;
	width: 100%;
	min-height: 184px;
}
.related-projects .col-image:hover img {
	transform: scale(1.1);
}
.related-projects .col-image {
	position: relative;
}
.related-projects .col-text {
	position: absolute;
	left: 25px;
	bottom: 15px;
	z-index: 101;
	text-align: left;
}
.related-projects .col-text a {
	color: #fff;
}
.col-sm-3.order-2 {
	text-align: center;
}
#film .slick-list.draggable {
	background: #000;
}
#film .slick-dots {
	display: none !important;
}
#photos {
	overflow: hidden;
}
#photos img {
	width: 100%; /*height: 100%;*/
	min-height: 200px;
}
#photos .col-sm-4{ padding:0 5px; }
#photos .col-sm-4 img {
	height: 100%;
	transition: all .6s ease-in-out;
}
#photos .col-sm-8 img {
	transition: all .6s ease-in-out;
}
#photos img:hover {
	transform: scale(1.1);
}
#photos .col-sm-8 {
	padding: 0 5px;
	overflow: hidden;
	margin: 5px 0;
	max-height: 600px;
}
.col-sm-4.tab-photo-inside {padding: 0 5px;}
.col-sm-4.tab-photo-inside .tab-photo{ padding: 0; margin:5px 0 10px 0; max-height: 245px;}
/* ========================================================
==================== Offices Page =========================
=========================================================== */
.inner-container {
	
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.inner-container h2 {
	text-transform: uppercase;
	font-weight:bold;
}
.inner-container .intro {
	padding: 60px 0px 50px 0px;
	font-weight:300;
}
.page-template-tpl_career .inner-container .intro{ padding-bottom:0;}
.office-contact-wraper {
	position: relative;
	height: 100vh;
	max-height: 620px;
	background: url("../img/office-contact.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.office-contact-wraper h2 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	padding-top: 60px;
}
.row-work-listing .inner-container .work-block {
	max-width: inherit;
	width: inherit;
}
.general-inquiries {
	max-height: 585px;
	overflow: hidden;
}
.general-inquiries .col-sm-7 {
	overflow: hidden;
}
.inner-container .auditore-office-address {
	position: absolute;
	top: 100px;
	z-index: 13;
	width: 800px;
	left: 50%;
	margin: 0 0 0 -400px;
	background: #fff;
	padding:42px 50px 35px 50px;
	margin-bottom: 15px;
	transition: all 0.5s ease;
	-webkit-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	-moz-box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
	box-shadow: -3px 0px 30px rgba(68, 68, 68, 0.1);
}
.inner-container strong {
	font-weight: bold;
}
.inner-container .auditore-office-address h3 {
	font-size: 30px;
	font-weight: bold;
}
.inner-container .auditore-office-address address {
	font-size: 15px;
	display: block;
	font-weight: 300;
	margin-top: 8px;
	margin-bottom:13px;
}
.inner-container .auditore-office-address address a {
	color:inherit;
}
.inner-container .auditore-office-address .col-sm-4 {
	margin: 25px 0  30px 0;
}
.inner-container .auditore-office-address h4 {
	font-size: 18px;
	margin: 0
}
.inner-container .auditore-office-address p a {
	font-size: 12px;
	color: #000;
	width: auto;
	float: left;
	clear: both;
	font-weight:300;
}
.inner-container .auditore-office-address .ofice-social li {
	width: 19%;
	display: inline-block;
	margin-top: 10px;
}
.inner-container .auditore-office-address .ofice-social a {
	font-size: 13px;
	color: #000;
	font-weight:300;
}
.inner-container .auditore-office-address a:hover {
	color: #ff8300;
	text-decoration: underline;
}
.levenement {
	position: absolute;
	left: 58px;
	top: 450px;
	font-weight:300;
}
/*============== case studies =============*/
.case-studies {
	width: 100%;
	margin: 22px auto;
}
.case-studies h2 {
	margin-bottom: 20px;
	font-weight: bold;
}
.slide-case-studies .slide-text {
	position: absolute;
	text-align: left;
	left: 18px;
	color: #fff;
	width: 90%;
	bottom: 0;
}
.slide-case-studies .slide-text h3 {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	height: auto;
	width: 95%;
	z-index: 1;
	bottom: 30px;
	left: 0px;
	margin: 0;
}
.slide-case-studies .slide-text h3 span {
	font-size: 18px;
	bottom: 0;
	font-weight: 300;
	display: block;
}
.slide-office .slick-slide {	
	margin: 5px;
	overflow: hidden;
	position: relative;
}
/*============== active Clients =============*/
.active-clients {
	margin: 100px 0 0px 0;
}
.active-clients .col-sm-8 .row, .active-clients .col-sm-6 .row {
	margin: 60px 0;
}
.active-clients .col-sm-8 .row:first-child, .active-clients .col-sm-6 .row:first-child {
	margin-top: 0;
}
.active-clients .col-sm-8 .row:last-child, .active-clients .col-sm-6 .row:last-child {
	margin-bottom: 0px;
}
.active-clients .client-box .plus {
	font-size: 122px;
	font-weight: bold;
	line-height: .7;
	position: relative;
	z-index: 1;
	top:1px;
	left:1px;
}
.active-clients .client-box .clients {
	font-size: 215px;
	color: #00ffce;
	font-weight: bold;
	line-height: .6;
	position: relative;
	margin: -30px 0 0 17px;
	letter-spacing: -20px;
}
.active-clients .client-box span {
	font-size: 48px;
	font-weight: bold;
	line-height: .85;
	position: relative;
	margin-left: 0px;
}
.office h2 {
	font-weight: bold;
	margin-bottom: 6px;
	text-transform: uppercase
}
.current-offers {
	margin-top: 100px;
	top:1px;
	left:0px;
	position:relative;
}
.current-offers  h2{ margin-bottom:25px;}
.current-offers .offers  {		padding: 13px 0; display: none;}
.current-offers .offers .offers-block  {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 25px 25px 25px 36px;
	display: block;
	font-size: 18px;
	font-weight: 300;
	-webkit-box-shadow: -3px 0px 15px rgba(68, 68, 68, 0.1);
	-moz-box-shadow: -3px 0px 15px rgba(68, 68, 68, 0.1);
	box-shadow: -3px 0px 15px rgba(68, 68, 68, 0.1);
	  transition        : all .3s ease;
  -webkit-transition: all .3s ease;
}
.join-conversation h2{ margin-bottom: 50px; }

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.list-clients, .list-clients2{margin-left: 0px; margin-top: -40px; max-width: 500px; width: 100%;}
.list-clients li, .list-clients2 li {
    margin: 15px 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 75px;
    max-height: 75px;
    width: 33.33% !important;
	text-align:center;
}
.gray-scale li {
	-webkit-filter: grayscale(1) invert(1);
	filter: grayscale(1) invert(1);
}
.list-clients li, .list-clients2 li {
	margin: 15px 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 75px;
    max-height: 75px;
    width: 33.33% !important;
	text-align:center;
}
.list-clients li a, .list-clients2 li a{
	/*outline: none;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -30px 0 0 -30px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	max-height: 70px;*/
	justify-content: center;
    outline: none;
    width: 70px;
    height: 70px;
    display: flex;
    max-height: 70px;
    align-items: center;
    margin: 0 auto;
}
.black-theme .list-clients li { -webkit-filter: grayscale(0) invert(0);
    filter: grayscale(0) invert(0);}
.list-clients li a img, .list-clients2 li a img{ width:94%;}
.list-clients li:nth-of-type(1n+10), .list-clients2 li:nth-of-type(1n+10){display: none !important;}
.list-clients2{margin-left: 40px; margin-top: -40px;}
/*.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	min-width: 33.33% !important;
}
.ri-grid-award ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	min-width: 33.33% !important;
}
.ri-grid-loading:after, .ri-grid-loading:before {
	display: none;
}
.ri-loading-image {
	display: none;
}*/
/*.ri-grid ul li{ max-width:120px;}
.ri-grid ul li a {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
}
.ri-grid-loading .ri-loading-image {
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}
.list-clients li a img {
	display: none;
}*/
/*============== current Offers =============*/
.current-offers .offers:last-child {
	margin-bottom: 15px;
}
.current-offers .offers span {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 8px;
	background: #ff8300;
	height: 0;
	-webkit-transition: height .6s ease;
	-o-transition: height .6s ease;
	transition: height .6s ease;
	transition-delay: .5s;
}
.current-offers.section-visible .offers span {
	height: 100%;
}
.current-offers .offers h5 {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-size:18px;
}
.current-offers .offers p {
	margin-bottom: 0;
}
.current-offers .offers a {
	float: right;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 30px;
}
/*============== Join the Conversation =============*/
.join-conversation {
	margin-top: 100px;
}
.join-conversation .card {
	margin: 10px;
	border: 0;
	float: left;
}
.conversation-gallery-wrapper {
	overflow: hidden;
}
.conversation-gallery-wrapper .grid-item {
	padding-bottom: 1rem;
}
.conversation-gallery-wrapper .grid-item img {
	width: 100%;
	height: auto
}
.conversation-gallery-wrapper .grid-item p {
	margin: 0;
	padding: 0;
}
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(even){ padding-left:0px !important; padding-right:10px !important;}
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(odd){ padding-right:0px !important; padding-left:10px !important;}
.asia {
	max-height: 580px;
	height: 100%;
	background: url("../img/conversation-asia.jpg") no-repeat center;
	background-size: cover !important;
	padding: 165px 0;
}
.asia .conversation {
	padding: 50px;
	background: #fff;
	display: inline-block;
	font-weight: 300;
}
.join-conversation.asia .head, .asia .conversation .head {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:5px;
	line-height:normal;
}
.join-conversation.asia .col-sm-4{ padding-top:8px;}
.asia .conversation p{ line-height:1.2;}
.asia .conversation .phone {
	margin-top: 45px;
	margin-bottom: 0;
	color:#ff8300;
}
.asia .conversation .phone a {
	color: #000;
}
.asia .conversation .phone a:hover{color:#ff8300;}
/* ========================================================
==================== About us Page ========================
=========================================================== */

.player-controls {
    position: absolute;
    z-index: 999;
    right: 5%;
    bottom: 5%;
}

.player-controls button {
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: transparent url(../img/player-controls.png) no-repeat 0 0;
	margin: 0 2px;
	border: 0 !important;
	outline: 0 !important;
}
.player-controls .play {
	background-position: -165px -25px;
}
.player-controls .play:hover {
	background-position: -165px -1px;
}
.player-controls .pause {
	background-position: -115px -25px;
}
.player-controls .pause:hover {
	background-position: -115px -1px;
}

.player-controls .mute{
	background-position: -66px -25px;
}
.player-controls .mute:hover{
	background-position: -66px -1px;
}
.player-controls .unmute{
	background-position: -16px -25px;
}
.player-controls .unmute:hover{
	background-position: -16px -1px;
}

.pos-static{ position: static !important;}
.intro-about p {
	font-weight: 300;
	margin-top:3px;
}
.intro-about .intro-head {
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 25px;
}
.about-auditorie {
	color: #fff;
	font-weight: 300;
	position: absolute;
	bottom: 65px;
	max-width: 800px;
	left: 50%;
	margin: 0 0 0 -400px;
	z-index:9;
}
.about-auditorie h2 {
	font-weight: bold;
	padding-top: 0
}
.about-auditorie p {
	margin: 0;
	line-height:1.4;
}
.about h2 {
	padding: 62px 0;
	font-size: 35px;
	font-weight: bold;
	margin: 0;
}
.about-auditorie h2{ margin-bottom:5px;}
.intro-about h2, .about-auditorie h2 {
	padding: 0;
}
.about .brand {
	/*max-width: 1050px;*/
	margin: 0 auto;
}
.about-offices {
	background: #000;
	padding: 50px;
	font-weight: bold;
}
.about-offices .office-detail{width: 21px; height: 35px; background: url(../img/slide-arrow-home.png) no-repeat right bottom;}
.about-offices .office-detail:hover{ background-position: right top;}
.about-offices .row {
	margin-bottom: 30px;
}
.about-offices h3 {
	font-size: 13px;
	color: #ff8300;
	margin-bottom: 13px
}
.about-offices h4 {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	line-height: .8;
	margin: 0;
	letter-spacing: -1px;
	position: relative;
	z-index: 2
}
.about-offices time {
	font-size: 75px;
	line-height: .7;
	float: right;
	color: #585858;
	position: relative;
	margin: -15px 0 0 0;
	letter-spacing: -3px;
	margin-right: 55px;
}
.about-offices p, .about-offices p a {
	color: #767a6f;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 0;
	margin: 0;
	font-weight: 400;
}
.about-offices p a:hover {
	text-decoration: underline;
	color: #ff8300;
}
.auditorie-group .col-sm-6 {
	width: 100%;
	min-height: 230px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.auditorie-group .col-sm-6 img {
	width: 100%;
}
.auditorie-group .col-sm-6 .copy {
	color: #fff;
	font-size: 19px;
	position: absolute;
	left: 0;
	right: 0;
	/*top: 40%;*/
	top:calc(100% - 200px);
}
.auditorie-group .col-sm-6 .copy span {
	font-weight: bold;
	font-size: 76px;
	line-height: 1;
}
.awards img {
	width: 95px;
}
.awards .client-box span {
	font-size: 25px;
}
.active-clients-black {
	margin: 0;
	background: #000;
	display: flex;
	padding: 110px 0;
}
.active-clients-black .plus, .active-clients-black span {
	color: #fff
}
.active-clients-black .client-box .clients {
	color: #edff00;
}
.awards .active-clients {
	margin: 0;
	background: none
}
.network {
	font-weight: 300;
	margin-top: 50px;
	line-height:1.3;
}
.network h3 {
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.network a {
	color: #000;
}
.network a:hover {
	text-decoration: underline;
	color: #ff8300;
}
.recrutement .current-offers {
	margin: 0;
}
.recrutement .current-offers h2 {
	padding-bottom: 25px;
}
.life-auditorie {
	margin-top: 30px;
}
.recrut-inner {
	position: relative;
}
.recrut-slide img, .recrut-inner .slide-img img {
	width: 100%;
}
.recrut-inner .slide-text {
	max-width: 400px;
	position: absolute;
	top: 45%;
	left: 10%;
	color: #fff;
	font-size: 15px;
	z-index: 99;
}
.recrut-inner .slide-text h3 {
	font-size: 30px;
	display: block;
	clear: both;
	text-transform:uppercase;
}
.recrutement .blog-listing {
	margin: 30px 0 0 0;
}
.recrutement .container {
	width: 1024px;
	margin: 0 auto;
}
.recrutement .blog-listing .blog-post {
	margin: 30px 0;
	clear: both;
	float: left;
	width: 100%;
}
.recrutement .blog-listing .blog-post .blog-text {
	padding: 0px 60px 35px 120px;
}
.recrutement .blog-listing article.odd .blog-text {
	order: 0;
	background: #30ffd7;
}
.recrutement .blog-listing article.even .blog-text {
	order: 1;
	background: #efff19;
}
.recrutement .blog-listing .blog-post .col-sm-5 img {
	width: 100%;
	height:auto;
}
.recrutement .blog-listing .blog-post .blog-text h4 {
	font-size: 25px;
	position: relative;
	text-transform:uppercase;
	top: -15px;
}
.recrutement .blog-listing .blog-post .blog-text a {
	float: right;
}
.blog-detail .gallery{ width: 100%; clear: both; display: table;}
.blog-detail .gallery .gallery-item{ width: 49%; float: left; height: auto; margin-right: 1%;}
.blog-detail .gallery .gallery-item img{ width: 100%; height: auto;}

/*================================   Blog    ======================================*/
.blog #nav-icon span {
	background: #000;
}
body #nav-icon span:nth-child(2) {
	top: 10px;
	background: #ff8300;
}
#nav-icon.open span {
	background: #fff;
}
.blog h2 {
	border-bottom: 8px solid #19ffd3;
	padding-bottom: 8px;
	float: left;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.blog .blog-slide .blog-image {
	margin-bottom: 40px;
}
.blog .blog-slide p {
	font-weight: 300;
}
.blog .blog-slide a.bcta {
	margin-top: 30px;
}
.blog .blog-slide img:hover {
	transform: scale(1.0);
	cursor: default
}
.blog-slide .slick-arrow {
	position: absolute;
	z-index: 191;
	width: 21px;
	height: 35px;
	background: url(../img/slide-arrow-work.png) no-repeat;
	top: 10px;
	cursor: pointer;
	margin: 0;
}
.blog-slide .slick-prev {
	background-position: bottom left;
	right: 70px;
	border: 0px;
	left: inherit !important
}
.blog-slide .slick-next {
	background-position: bottom right;
	right: 0px;
	border: 0px;
}
.blog-slide .slick-prev:hover {
	background-position: top left
}
.blog-slide .slick-next:hover {
	background-position: top right
}
/*================================     Contact    ======================================*/
.contact{ position: relative; z-index: 999; }
/*1682*/

body #nav-icon span:nth-child(2) {
	top: 10px;
	background: #ff8300;
}
#nav-icon.open span {
	background: #fff;
}
.contact h2, .error-404 h2.page-title {

	padding-bottom: 8px;
	float: left;
	text-transform: uppercase;
	margin-bottom: 55px;
}
.error-404 header {
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.contact h3 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 14px;
}
.contact .row {
	margin-top: 20px;
	position: relative;
}
.row-count-2:after, .row-count-6:after {
    position: absolute;
    bottom: 8px;
    width: 180px;
    height: 8px;
    content: "";
    background:#ff8300;
}
.contact .bcta{ margin-top:50px;}
.contact .row p {
	font-weight: 300;
}
.contact .row p strong {
	display: block
}
.contact .row p span {
	color: #ff8300;
}
.contact .row p a {
	color: #000;
}
.contact .row p a:hover {
	color: #ff8300;
	text-decoration: underline
}
.network-logo{
	position: absolute;
    top: 40px;
    right: 0;
}

/* ========================================================
==================== Cookies notice =======================
=========================================================== */
#cookie-notice {
	position: relative;
	background: #fff !important;
}
.cookie-notice-container {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 0;
}
.cookie-notice-container span {
	color: #000;
}
.cookie-notice-content {
	text-align: left;
	padding-right: 15%;
	position: relative;
	line-height: 1.1;
}
#cookie-notice .cn-set-cookie {
	background: url(../img/xclose.png) no-repeat 0 0;
	height: 23px;
	width: 23px;
	position: absolute;
	right: 0;
	top: 12px;
	text-indent: -999999px;/*transition: all .2s ease;*/
	outline: none;
	border: 0;
}
#cookie-notice .cn-set-cookie:hover {
	background-position: left bottom;
}
#cookie-notice a {
	margin-left: 3px !important;
	color: #000;
	text-decoration: underline;
}
#cookie-notice a:hover {
	color: #ff8300;
}
.language-menu-mob {
	display: none;
}
.desktop {
	display: block;
}
.mob-menu {
	display: none;
}
.row-work-listing.odd .work-section2 .col-sm-7 {
	float: right !important
}
.row-work-listing.odd .work-section2 .col-sm-5 {
	float: left !important
}
.row-work-listing.even .work-section2 .col-sm-7 {
	float: left !important
}
.row-work-listing.even .work-section2 .col-sm-5 {
	float: right !important
}
.even .float-right {
	float: left !important;
}
.odd .float-left, .even .work-content {
	float: right !important;
}
.even .work-section .col-sm-7 {
	order: 1;
}
.even .work-content {
	float: left !important
}
.desktop-show {
	display: block;
}
.mobile-show {
	display: none;
}
.slide-work .slick-prev, .slide-work .slick-next, .slide-work .slick-prev:focus, .slide-work .slick-next:focus {
	outline: none;
}
/*.projects-slide .slick-track {max-width: 1140px; width: 100% !important;}*/
/*.projects-slide .slick-track{ max-width: 100%; width: 100% !important; }*/
.projects-slide .slick-track {
	text-align: center;
}
.projects-slide .slick-track .item {
	position: relative;
	float: none;
	display: inline-block;
}

.projects-slide .slick-track .slick-slide {
	/*max-width: 330px;*/
	margin: 0px;
}
.projects-slide .slick-prev { left: 10px;}
.projects-slide .slick-next { right: 10px;}
.overlay {
	background: rgba(0, 32, 70, 1);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.detail-tabs {
	position: relative;
	z-index: 999;
}
.about-offices .col-sm-1{ display:flex; align-items:center; justify-content:center;}
.no-margin{ margin:0 !important;}
.group-image {width: 100%; overflow: hidden;}

.page-title h2{padding-bottom:8px; display: inline-block;text-transform:uppercase; margin-bottom:50px;}
.page-template-tpl_content h2 span {border-bottom: 8px solid #ff8300;clear: both;width: 80%;float: left; margin: 10px 0 0 0;}
.page-content{ min-height: 350px; }
.page-content p{ max-width: 640px; font-weight: 300;}
.page-content h2 {font-size: 20px; margin-top: 20px; margin-bottom: 5px;}
.page-content h3 {font-size: 17px;}
.blog-detail .slick-slider{ position:relative; z-index:9991}
.blog-detail h2{border-bottom: 8px solid #19ffd3; padding-bottom: 8px;  display:inline-block; margin-bottom: 50px; text-transform: uppercase;}
.nav-previous, .prev-blog{width: 21px; height: 35px; background: url(../img/slide-arrow-work.png) no-repeat left bottom; border: 0px; float:left;}
.nav-next, .next-blog{width: 21px; height: 35px; background: url(../img/slide-arrow-work.png) no-repeat right bottom; border: 0px; float:right; margin:0 0 0 50px;}
.nav-previous:hover, .prev-blog:hover{ background-position:left top;}
.nav-next:hover, .next-blog:hover{ background-position:right top;}
.post-navigation h2{ display:none;}
.content-accodion .col-sm-6{ min-height: 130px; }
.page-template-tpl_career .header-text .wcta{ display: none; }
#photos .col-sm-4.tab-photo-inside .tab-photo, #photos .tab-photo-inside .tab-photo{
    min-height: 245px;
    max-height: 245px;
}
#photos .col-sm-8 .tab-photo {
    margin-bottom: 5px;
    min-height: 500px;
    max-height: 500px;
}

/* category menu */
.layout-desktop .nav-work-category { display: flex !important;}
.layout-mobile .nav-work-category { display: none;}
.nav-work-category { text-align: center; margin-bottom: 45px; display: flex; }
.nav-work-category li{ display: flex; align-items: center; justify-content: center;}
.nav-work-category li::after{ content: '-'; margin: 0 30px 0 30px;}
.nav-work-category li:last-child::after{content: ''; margin-right: 0; }
.nav-work-category li a { color: #000; font-size: 13px; text-transform: lowercase;}
.nav-work-category li:first-letter{ text-transform: uppercase; }
.nav-work-category li a:hover, .nav-work-category li a.active{ color:#ff8300; }

/* category menu */
.section-auditorie-life .col-sm-4{ padding: 5px;}
.section-auditorie-life .col-sm-4 img{ width: 100%;}
.section-auditorie-life .mosaic-slider a {
	position: relative;
	overflow: hidden;
	display: block;
}
.section-auditorie-life .mosaic-slider a img {
	transition: all .6s ease-in-out;
}
.section-auditorie-life .mosaic-slider a img:hover {
	transform: scale(1.1);
}

/*  Form CSS  */
.recruitment{ margin-top: 80px;}
.recruitment h2{ padding: 0; margin-bottom: .5rem;}
#recruitment-form label { display: block; font-size: 14px; margin-top: 20px;}
#recruitment-form { padding: 20px 0px; overflow: hidden; margin: 0px 0 0; border-radius: 5px; 
	/*display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;*/
}
.int-none { display: none;}
#recruitment-form label.error {color: red; font-size: 80%; display: block; margin-top: 5px; font-weight: 100; position: absolute; bottom: -25px;}
#recruitment-form input.error {border: 1px dashed red; color: red;}
.selectbox {position: relative; top: 0px; left: 0px; width: 100%;}
/*.selectbox select {background-color: #f2f2f2; color: #000000; height: 45px; width: 100%; max-width: 100%; border: none; font-size: 12px;
	-webkit-appearance: button; appearance: button; outline: none; border-radius: 0; padding: 10px !important; padding-right: 40px !important;}*/
.selectbox select {background-color: #f2f2f2; color: #000000; border: 0px; font-size: 12px; height: 45px;}
.selectbox select:focus{background-color: #f2f2f2; padding: 10px !important}
.selectbox::before {content: "\f13a"; position: absolute; top: 0px; right: 0; width: 20%; height: 100%; text-align: center; font-size: 1px; line-height: 45px; min-width: 42px;  pointer-events: none;  background: url("../img/selectarrow.png") no-repeat right top; text-indent: -9999999px; max-height: 45px;}

.selectbox select option {padding: 10px !important;}
#recruitment-form .margin-top40{ margin-top: 40px;}
#recruitment-form .margin-top20{margin-top: 20px;}
.nomin-height{ min-height: inherit !important}
#recruitment-form input[type=email], #recruitment-form textarea{ border: 0; border-radius: 0; background: #f2f2f2}
#recruitment-form input[type=email]{ line-height: 42px; height: 45px;}
#recruitment-form .bcta {
	border: 2px solid #000;
	padding: 10px 60px;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	display: inline-block;
	text-align: center;
	margin-top: 25px;
	transition: all 0.5s ease;
	position: relative;
	border-radius: 0;
	max-width: 100%;
}
#recruitment-form .bcta:hover, #recruitment-form .bcta:focus {
	color: #fff;
	text-decoration: none;
	background-color: #000;
	box-shadow:none;
}
#recruitment-form textarea, #recruitment-form input[type="email"]{font-weight: 100;}
#recruitment-form .btn-success{ background: none}
#recruitment-form .input-group label{ min-height: inherit !important; padding: 0; font-weight: 100; outline: 0 !important; margin: 0;}
#recruitment-form .input-group label .btn{ margin-bottom: 6px;}
input:focus, label:focus, textarea:focus{box-shadow:none !important; outline: 0;}
.inputfile:focus + label, .inputfile.has-focus + label{ outline:0;box-shadow:none !important;}
*:focus, input[type="file"] {
    outline: hidden !important;
	box-shadow:none !important;
}
label#upload-error {
    bottom: -15px !important;
}
.selectbox select{ padding: 10px !important;}
.selectbox select:hover{
    background: #000;
    color: #fff;
	padding: 10px !important;
}
.selectbox select:focus, .selectbox select:focus-within, .selectbox select:visited {padding: 10px !important;}
form select:focus-within{ padding: 10px !important;}
.selectbox select option.selected {padding: 10px !important;}
.selectbox:hover::before{ background-position: bottom right}

.response-info span {
	overflow: hidden;
	display: block;
	color: #008000;
}
.selectbox select option{ background: #f2f2f2; padding: 10px !important; color: #000;}



/*  Form CSS  */

/*************     Mobile Responsive       ***************/
@media screen and (min-width: 2500px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 300px 100px;}
}
@media screen and (max-width: 2499px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 230px 100px;}
}
@media screen and (max-width: 2200px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 200px 100px;}
}
@media screen and (max-width: 2000px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 160px 70px;}
}
@media screen and (max-width: 1600px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 85px 50px;}
}
@media screen and (max-width: 1440px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 45px 50px;}
}
@media screen and (max-width: 1366px) {
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 85px 50px;}
}
@media screen and (max-width: 1280px) {
	.header-image img {
		height: 100%;
		width: 100%;
	}
	.section-brands .tro, .brands .tro,
	.section-brands .luxury-makers, .brands .luxury-makers,
	.section-brands .lorem, .brands .lorem{ padding: 50px 50px;}
}
.section-brands .tro p, .brands .tro p {
	margin-bottom: 11px;
}
.section-brands .lorem p, .brands .lorem p {
	margin-bottom: 11px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


@media screen and (max-width: 1199px) {
/* category menu */
.nav-work-category li::after{margin: 0 10px;}
.nav-work-category li a{ font-size: 13px;}	
/* category menu */	
.footer-menu li {
	padding: 0 3.6%;
}
.work-section h2, .work-section2 h2 {
	margin: 20px 30px 20px 0;
}
.odd .work-section h2 {
	margin: 20px 0 20px 30px;
}
.work-content .head {
	padding: 23px 0 15px 40px;
}
.work-content-inner {
	padding: 0px 25px 30px 0px;
	width: 100%;
	min-width: 100%;
}
.work-section2 .col-sm-7, .work-section .col-sm-7 {
	min-height: 410px;
}
.row-work-listing .work-block {
	top: 135px;
}
.slide-work .bcta {
	margin-left: 50px;
	margin-right: 50px;
}
.slide-work .slick-prev {
	left: 20px;
}
.slide-work .slick-next {
	right: 20px;
}
.header-image img {
	height: auto;
	width: 100%;
	transform: translate(-50%, 0);
    margin-left: 50%;
}
.single-offices .header-wrapper .header-image img {
	height: 110%;
	width: auto;
	transform: translate(-50%, 0);
    margin-left: 50%;
}	
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(even), .conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(2n){ padding-left:0px !important; padding-right:10px !important;}
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(odd), .conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(2n+1){ padding-right:0px !important; padding-left:10px !important;}
.conversation-gallery-wrapper .col-sm-6.grid-item{ text-align:center;}
.conversation-gallery-wrapper .col-sm-6.grid-item img{ width:95%; margin:0 auto;}
#photos .col-sm-4.tab-photo-inside .tab-photo, #photos .tab-photo-inside .tab-photo{
    min-height: 205px;
    max-height: 205px;
}
#photos .col-sm-8 .tab-photo {
    margin-bottom: 5px;
    min-height: 418px;
    max-height: 418px;
}
	
/*********
iframe{ width:95%;}
********/	
	
.recrut-inner .slide-text{ top:40%;}
.auditorie-group .col-sm-6 .copy {    top: calc(100% - 170px);}
.about-brands a, .section-brands a {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 80%;
    width: 100%;
}	
}


@media screen and (max-width: 1024px) {
	.group-image img{ height:100% !important; width:auto !important; min-height:234px;}
	.section-brands .luxury-makers, .brands .luxury-makers, .section-brands .tro, .brands .tro, .section-brands .lorem, .brands .lorem{ padding-right: 20px; padding-left: 20px;}
}

@media screen and (max-width: 991px) {
.menu.float-right{ margin:0px 0 0 152px}
.slide-work .bcta {
	margin-left: 0px;
	margin-right: 0px;
}
.slide-work .slick-prev {
	left: 15px;
}
.slide-work .slick-next {
	right: 15px;
}
.row-work-listing .work-block {
	top: 120px;
}
.row-work-listing .work-block {
	max-width: 90%;
}
.work-section .col-sm-7 img, .work-section2 .col-sm-7 img {
	width: 130%;
}
.work-section2 .col-sm-7, .work-section .col-sm-7 {
	min-height: 465px;
}
.philosophy h1, .header-text h1 {
	font-size: 70px;
	top: 40px;
}
.section-brands .tro p, .page-template-tpl_about .brands .tro p {
	margin-bottom: 0px;
}
.home .section-brands .tro p {
	margin-bottom: 22px;
}
.section-brands .lorem p, .page-template-tpl_about .brands .lorem p {
	margin-bottom: 0px;
}
.home .section-brands .lorem p {
	margin-bottom: 22px;
}	
	
footer .col-sm-12, footer .col-sm-6 {
	padding: 0px;
	margin-bottom: 23px;
	width: 100%;
	clear: both;
	max-width: 100%;
	flex: 0 0 100%;
}
footer .social-links, footer .privacy-legal-menu {
	float: none !important;
	text-align: center;
	margin: 0 auto;
}
#photos .col-sm-8, #photos .col-sm-4 {
	padding: 0 5px;
	overflow: hidden;
	margin: 5px 0;
}
li.flex-fill:first-child {
	margin-left: -1px;
}
li.flex-fill:last-child {
	margin-right: -1px;
}
.nav-tabs li a {
	padding: 8px 0px 11px 0px;
}
.details-counter {
	margin-bottom: 0px;
}
#details .d-flex {
	display: inline-block !important;
	text-align: center;
	width: 100%;
}
#details .d-flex .flex-fill {
	width: 100%;
	clear: both;
	flex: 0 0 100% !important;
	max-width: 100%;
	margin-bottom: 40px;
}
.details {
	padding: 40px 0 60px 0;
	font-size: 17px;
	text-align: left;
}
.related-projects .col-image img {
	height: 100%;
}
.active-clients .col-sm-8{ top:-40px;}
.join-conversation{ margin-top:60px;}
.about-auditorie{
	position:absolute;
	margin:0 0 0 -360px;
	left:50%;
	max-width: 720px;
	width: 100%;
    padding:0;
	}
.about-auditorie h2{ margin-bottom:6px;}
.auditorie-group .col-sm-6{ overflow:hidden; margin:0;}
.auditorie-group .col-sm-6 img {
    width: auto;
    height: 105%;
}
.about-brands .container{ width:720px; padding:0px !important; margin:0 auto !important;}
.contact .row p {font-size: 15px;}
.recrut-slide img, .recrut-inner .slide-img img {
	width: 120%;
	height:120%;
}
.blog-detail .gallery .gallery-item img {
    min-height: 230px;
}
/*.recrut-slide img, .recrut-inner .slide-img img {
	width: auto;
	height:100%;
    transform: translate(-50%, 0);
    margin-left: 50%;
}*/
	#photos .col-sm-4.tab-photo-inside .tab-photo, #photos .tab-photo-inside .tab-photo {min-height: 153px; max-height: 153px; margin-top: 0;}
	#photos .col-sm-8 .tab-photo { margin-bottom: 5px; min-height: 315px; max-height: 315px;}
	#photos .col-sm-8, #photos .col-sm-4 {padding: 0 3px; overflow: hidden; margin: 0px 0;}
	.awards .client-box span{ font-size: 21px;}
	.section-brands .luxury-makers img, .brands .luxury-makers img {
		margin: 42px auto 40px auto;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	/*.section-brands p, .brands p{ min-height:198px;}*/
	.cookie-notice-container #cn-notice-text{ display: inline;}
	.conversation-gallery-wrapper .col-sm-6.grid-item{text-align: center; width: 48%; overflow: hidden;}
}


/*@media screen and (min-width: 768px) {	
	.cookies-not-set .fixed-pos .fixed-header-show{ top:0px;}
	.cookies-not-set .fixed-pos .logo{ top:20px;}
	.cookies-not-set .fixed-pos .language-menu{ top:24px;}
	.cookies-not-set .fixed-pos .menu.float-right{ top:22px;}

	.work-slide-item-1 .work-block .work-listing .work-content, .work-block .work-listing .work-content{
	width: 0; 
	min-width: 0; max-width: 0; overflow: hidden; max-height: 0 !important; height: 0; 
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
    transition-delay: .5s;}

	
	.work-slide-item-1 .work-block .work-listing.section-visible .work-content, .work-block .work-listing.section-visible .work-content{ 
	width: 100%; height: inherit; max-width: inherit; min-width: inherit; 
	overflow: inherit; max-height: inherit !important; 
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
    transition-delay: .5s;}

	.work-section.slick-slide .work-content{
	width: inherit ;
    height: inherit ;
    min-width: inherit ;
    min-height: inherit ;
    max-height: inherit ;
    opacity: 0 ;
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
	transition-delay: .5s;
    max-width: inherit; }

	.work-section.slick-current .work-content{
	width: inherit !important;
    height: inherit ;
    min-width: inherit !important;
    min-height: inherit ;
    max-height: inherit !important;
    opacity: 1 !important;
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
	transition-delay: .5s;
    max-width: inherit; }

	.work-slide-item-1.work-section .work-listing .work-content{
	width: 0 !important; 
	min-width: 0 !important;
	max-width: 0 !important;
	overflow: hidden !important;
	max-height: 0 !important; 
	height: 0 !important;
	opacity: 0 !important; 
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
    transition-delay: .5s;}

	.work-slide-item-1.work-section .work-listing.section-visible .work-content{ 
	width: 100% !important;
	height: inherit !important;
	max-width: inherit !important;
	min-width: inherit !important; 
	overflow: inherit !important;
	max-height: inherit !important;
	opacity: 1 !important; 
	-webkit-transition: width .8s ease;
    -o-transition: width .8s ease;
    transition: width .8s ease;
    transition-delay: 0s;}    


    .work-slide-item-1 .work-listing .work-content .head,
    .work-slide-item-1 .work-listing .work-content .desktop-show,
    .work-slide-item-1 .work-listing .work-content .mobile.show,
	.work-block .work-listing .work-content .head, 
	.work-block .work-listing .work-content .desktop-show, 
	.work-block .work-listing .work-content .mobile-show{ opacity: 0 !important;
		transition: all .8s ease-in-out;
	    transition-delay: .9s; }

	   
	.work-block .work-listing.section-visible .work-content .head, 
	.work-block .work-listing.section-visible .work-content .desktop-show, 
	.work-block .work-listing.section-visible .work-content .mobile-show,
	.work-section.slick-current .work-block .work-listing .work-content .head, 
	.work-section.slick-current .work-block .work-listing .work-content .desktop-show, 
	.work-section.slick-current .work-block .work-listing .work-content .mobile-show{ opacity: 1 !important;transition: all .8s ease-in-out;
	    transition-delay: .9s; }

	.work-slide-item-1 .work-listing.section-visible .work-content .head,
    .work-slide-item-1 .work-listing.section-visible .work-content .desktop-show,
    .work-slide-item-1 .work-listing.section-visible .work-content .mobile.show{opacity: 1 !important;transition: all 1.2s ease-in-out !important;
	    transition-delay: 1.2s !important;}    
	


}*/


@media screen and (min-width: 768px) {	
	.cookies-not-set .fixed-pos .fixed-header-show{ top:0px;}
	.cookies-not-set .fixed-pos .logo{ top:20px;}
	.cookies-not-set .fixed-pos .language-menu{ top:24px;}
	.cookies-not-set .fixed-pos .menu.float-right{ top:22px;}
	.main-nav ul li > ul{ top: 0; bottom: 0;}


/*
.row-work-listing .work-content{
	width: 0; 
	height: 0; 
	overflow: hidden; 
	opacity: 0 ;
	max-width: inherit;
	-webkit-transition: width .8s ease;
	-o-transition: width .8s ease;
	transition: width .8s ease;
	transition-delay: .5s;
}


.row-work-listing.section-visible .work-content { 
	opacity: 1 ;
	width: 100%; 
	height: inherit;  
	overflow: inherit; 
	-webkit-transition: width .8s ease;
	-o-transition: width .8s ease;
	transition: width .8s ease;
	transition-delay: .5s;
}
*/
}


@media only screen and (device-width: 768px) {
.section-home.section-brands .container {
	padding: 0;
}
.inner-container .auditore-office-address{ width:700px; margin:0 0 0 -350px;}
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(even), .conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(odd){ padding-left: 0 !important; padding-right: 0 !important}
.active-clients .client-box .plus {font-size: 105px;}
.active-clients .client-box .clients { font-size: 175px; letter-spacing:-15px;}
.active-clients .client-box span{font-size:40px;}
.awards .active-clients .client-box span{ font-size:21px;}
.network p br, .intro-about p br{ display:none;}
.about-brands a, .section-brands a{padding-left: 0; padding-right: 0; width: 100%;}
.active-clients-black{ padding:110px 0 30px 0}
.about-offices h4{ font-size:48px;}
.about-offices time{ margin-right:0;}
/*.page-template-tpl_about .section-brands p, .brands p{ min-height:198px;}*/
/*.home .section-brands p, .home .brands p{ min-height: 178px; }*/
.home .section-brands .tro p{ margin-bottom: 0;}
.home .section-brands .lorem p{ margin-bottom: 0;}	
.tab-photo{ margin-bottom: 6px;}
#photos .col-sm-4.tab-photo-inside .tab-photo, #photos .tab-photo-inside .tab-photo{min-height: 154px; max-height: 154px; margin-bottom: 6px;}
.main-nav ul li > ul.sub-menu{ margin-top: -65px; height: 100vh;}
.nav-work-category li::after { display:none;}
}

@media screen and (max-width: 767px) {
	.overflohide{ overflow: hidden;}
	.dark-overlay{width: 100%;
    position: absolute;
    background: #000;
    height: 100%;
    z-index: 9999;
    top: 144px;
    left: 0;
    bottom: 0;}
	.hidden-listing { display:none;}
	.nav-work-container {
		background: #000;
		min-height: 2px;
		margin-bottom: 35px;
	}
	/* category menu */
	.open-catmenu{ font-size: 16px; letter-spacing: 2px; margin-bottom: 10px; text-transform: uppercase; color: #000; background: url(../img/catnav-arrow.png) no-repeat right -18px;}
	.open-catmenu.active{ background-position: right 5px;}
	.nav-work-category{ display: none;  background: rgba(0,32,96,1); text-align: left; position: absolute; right: 0; left: 0; height: 100vh; padding: 50px 20px 10vh 20px}
	.height-full{ height: auto; opacity: 1; padding: 60px 20px; transition: height 0.8s ease-in;}
	.nav-work-category li{ line-height: normal; margin-bottom: 20px; opacity: 1; display: block;}
	/*.nav-work-category.height-full li{ opacity:1 } */
	.nav-work-category li a{ font-size: 14px; font-weight: bold; color:white; text-transform: uppercase;}
	.nav-work-category li a:hover, .nav-work-category li a.active{ color: #fff;}
	/* category menu */	
	.work-content-inner{ min-height: 320px !important;}
	.slide-work .slick-arrow {bottom: 73px !important;}
	.slide-work .slick-next {right: 23px;}
	.slide-work .slick-prev {left: 23px;}
	#film {
		padding-left:15px;
		padding-right:15px;
	}	
.page-header-type-none .site-content, .error404 .site-content {
	padding-top: 110px;
}
#cookie-notice {
	position: relative;
	position: fixed;
	height: 100%;
	overflow: hidden;
	background: rgba(255,255,255, 0.9) !important;
	display: flex;
	align-items: center;
}


.cookie-notice-content, .cookie-notice-container {
	/*
	height: 100%;
	padding: 0
	*/
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	height: 100%;
	align-self: center;
	flex-direction: column;
	padding: 10%;
	font-size: 20px;
	text-align: center;
	background: #fff;
}
	/*
.cookie-notice-container #cn-notice-text {
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	height: 100%;
	align-self: center;
	flex-direction: column;
	padding: 10%;
	font-size: 20px;
	text-align: center;
}
	*/
.cookie-notice-content {
	padding: 0;
}	
#cookie-notice .cn-set-cookie {
	right: 10px;
	top: 40px;
}
#cn-notice-text a {
	display: contents;
	white-space: nowrap;
}
#cookie-notice .cn-button a.cn-button {
	display: inline !important;
}
.container {
	width: 100%;
	max-width: 100%;
}
.desktop-show {
	display: none;
}
.mobile-show {
	display: block;
}
.mobile-show img {
	width: 100%
}
.site-nav .nav-left, .site-nav .nav-right {
	padding-top: 40px;
}
.desktop {
	display: none;
}
.mob-menu {
	display: block;
}
.site-nav .row {
	margin: 0;
}
.menu.float-right{ margin:0; right:15px;}
.site-nav .menu-wrapper {
	min-height: 500px;
	height: 72%;
	padding-top: 0%;
	position: absolute;
	width: 100%;
	top: 80px;
}
.nav-left {
	width: 70%;
}
.nav-right {
	width: 30%;
	position: absolute;
	right: 15px;
}
.overlay-nav-open .nav-right {
	position: absolute;
	right: 15px;
	top: 0;
}
.overlay-nav-open .menu-wrapper, .overlay-nav-open .nav-left {
	width: 100%;
}
#social-menu, .overlay-right {
	display: none;
}
#nav-icon.open span {
	background: #000;
}
.main-nav {
	max-width: 100%;
	left: 0;
}
.main-nav > ul {
	width: 100%;
}
.main-nav > ul > li {
	text-align: center;
	margin: 10px 0;
}
.language-menu {
	display: none;
}
.overlay-nav-open .language-menu-mob {
	position: relative;
	top: 25px;
	right: 0px;
	bottom: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: block;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: center;
	width: 100%;
	padding: 0;
}
.overlay-nav-open .language-menu-mob li {
	margin: 0px 20px;
}
.overlay-nav-open .language-menu-mob a {
	color: #000;
}
.main-nav ul li a { /*font-size: 28px;*/
	margin: 10px 0;
	padding: 10px 0;
}
span.back {
	margin: 10px 0;
}
.overlay-nav-open .main-nav ul ul.sub-menu {
	background: #000;
	width: 100%;
	padding-left: 0px;
	top: 0px;
	display: block;
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease-in-out;
	height: 100vh;
	padding-bottom: 70px;
	right: -100%;
	left: inherit;
}
.overlay-menu-open, .overlay-menu-open body {
	position: fixed;
}
.overlay-nav-open {
	position: fixed;
	bottom: 0px;
	z-index: 1001;
	height: auto;
	padding: 25vw 0 20vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fff;
	-webkit-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}
.nav-left {
	position: unset !important;
}
.overlay-nav-open .logo {
	position: absolute;
	top: 40px;
	left: 15px;
}
.overlay-nav-open .mob-menu .main-nav {
	display: block;
	margin-bottom: 0vw;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 90%;
	top: 20px;
}
.main-nav ul ul.sub-menu li {
	text-align: center;
}
.main-nav ul ul.sub-menu li a {
	font-size: 21px;
	color: #fff;
	padding: 18px 10px;
}
.overlay-nav-open .main-nav ul ul.sub-menu {
	top: 100px;
	z-index: 999;
	min-height: 570px;
	position: fixed;
}
.overlay-nav-open .main-nav ul ul.sub-menu-show {
	right: 0;
	left: inherit;
	z-index: 999;
	height: 570px;
	position: absolute;
	top: 20px;
	padding-top: 20px;
}
.main-nav ul ul.sub-menu-show {
	z-index: 999;
	height: 570px;
	position: fixed;
	top: 100px;
}
.overlay-nav-open .main-nav ul ul.sub-menu-show {
	right: 0;
	z-index: 999;
	height: 570px;
	position: fixed;
	top: 100px;
	left: inherit;
}
.overlay-nav-open .site-nav .menu-wrapper {
	padding-top: 30px;
}
/*.mob-menu .main-nav{ position: absolute; height: 90vh; width: 100%;}*/
.main-nav ul ul.sub-menu .back {
	width: 21px;
	height: 35px;
	background: url(../img/slide-arrow-home.png) no-repeat left bottom;
	display: inline-block;
	text-indent: -99999px;
	cursor: pointer;
}
.overlay-nav-open .main-nav ul ul.sub-menu {
	padding: 30px 0 0 0;
}
.overlay-nav-open .mob-menu .main-nav {
	height: 90%;
}
.overlay-nav-open .language-menu-mob {
	top: 25px;
}
.main-nav ul li a {
	padding: 3px 0;
}
.main-nav ul ul.sub-menu li a {
	font-size: 21px;
	color: #fff;
	padding: 12px 10px;
}
.overlay-nav-open .main-nav ul ul.sub-menu li, .overlay-nav-open .main-nav ul ul.sub-menu li a {
	padding: 0px;
	margin: 8px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.philosophy {
	margin-left: 0px;
	max-width: 400px;
	margin: 0;
	left: 35px;
	bottom: 100px;
}
.philosophy p {
	font-size: 17px;
	line-height: 1.3
}
.philosophy p br {
	display: none;
}
.philosophy a {
	width: 100%;
}
.philosophy h1, .header-text h1 {
	font-size: 60px;
	top: 25px;
	left: -10px;
}
.philosophy h2, .header-text h2 {
	font-size: 42px;
}
.philosophy p {
	font-size: 18px;
}
.section-careers .content-area, .section-works .content-area {
	box-shadow: none;
	margin-bottom: 0;
}
.section-works .col-sm-8 {
	flex: 0 0 100%
}
.section-careers .work-block, .section-works .work-block {
	padding: 0;
	text-align: center;
	position: relative;
	top: 0;
	margin: 0px;
	max-width: 100%;
	width: 100%
}
.section-careers .col-md-5, .section-works .col-sm-5 {
	height: 0px;
	margin: 0;
}
.section-careers .col-sm-5 {
	display: none;
}
.section-careers .col-md-5 p, .section-works .col-sm-5 p {
	margin: 0;
}
.section-brands .head, .section-offices .head, .section-careers .work-block .head, .section-works .work-block .head {
	padding: 20px 0 10px 0px;
	position: relative;
	margin-bottom: 10px;
	width: 145px;
	margin-left: 0px;
	text-align: left;
}
.section-works .work-block .head {
	width: 170px;
	padding-bottom: 5px;
}
.section-offices .head {
	text-align: right;
}
.section-careers .work-block .head {
	float: right;
	text-align: right;
	width: 140px;
}
.section-careers .work-block p, .section-works .work-block p {
	padding-left: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 1.4
}
.section-careers .work-block p {
	text-align: center;
	margin-bottom: 30px;
}
.section-careers .col-sm-7, .section-works .col-sm-7 {
	background: none;
	height: auto;
}
.set-pos-a {
	position: relative;
}
/*.video-media video{ width:100%; max-width:100%;}*/
.section-careers .work-block .head strong br, .section-works .work-block .head strong br {
	display: none;
}
.section-careers .work-block .head span {
	width: 0 !important;
	height: 12px !important;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	transition-delay: 0s;
	transition-delay: .5s;
}
.section-works .work-block .head span {
	width: 0;
	height: 12px;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	transition-delay: 0s;
	transition-delay: .5s;
}
.section-careers .content-area, .section-works .content-area {
	padding: 0;
}
.section-careers.section-visible .work-block span {
	width: 100% !important;
}
.section-works .work-block.section-visible span {
	width: 100%;
}
.section-home .bcta, .section-home .wcta {
	max-width: 360px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
	padding-left: 0;
	padding-right: 0;
}
.section-brands {
	margin-bottom: 0;
}
.section-brands .head, .section-offices .head {
	margin: 0 0px 0 0;
}
.section-offices {
	margin-top: 20px;
}
.section-brands .slick-slide p {
	margin-bottom: 0px;
	/*font-size: 16px;*/
}
html, body {
	overflow-x: hidden;
}
body {
	padding: 0;
	margin: 0;
}
.section-brands .container {
	width: 100%;
	margin: 0px;
	max-width: 100%;
}
.slide-offices .slide-text a {
	font-size: 25px;
}
.slide .slick-prev {
	left: 10px;
}
.slide .slick-next {
	right: 10px;
}
.brands .container {
	padding: 0px;
}
.brands .luxury, .brands .tro, .brands .lorem {
	width: 100%;
	padding: 20px;
	padding-bottom: 65px;
}
.brands .slick-slide {
	max-height: inherit
}
.brands .luxury img, .brands .tro img, .brands .lorem img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.slick-dots li {
	display: inline-block;
}
.brands .slick-track {
	margin: 0;
}
.slick-dots {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.slick-dots li button {
	text-indent: -999px;
	border: 0;
	background: #7d7d7d;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	margin: 0 4px;
}
.slick-dots li.slick-active button {
	background: #fff;
}
.brands .slick-slide {
	max-height: inherit;
}
.section-brands .luxury-makers img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	max-width:100%;
}
.brands .slick-slide {
	padding: 20px 20px 60px 20px;
	margin: 0px;
}
.about .brands .slick-slide {
	padding: 20px 20px 30px 20px;
	margin: 0px;
}
.about .brands h2{ padding-left:20px;}
.about-brands a, .section-brands a {
	margin-top: 50px;
	margin-bottom: 20px;
}
.section-careers .content-area {
	background: none;
}
.no-bg {
	background-size: cover !important;
	min-height: 560px;
	position: relative;
	color: #fff;
}
.no-bg .content-area {
	height: 560px;
}
.no-bg .head h2 {
	color: #fff;
}
.no-bg a {
	position: absolute;
	bottom: 40px;
	border: 2px solid #fff;
	color: #fff;
	left: 0;
	right: 0;
}
.no-bg a:hover {
	color: #000;
	background: #fff;
}
/*footer .container{ padding:0;}*/
footer {
	margin-top: 39px;
	margin-bottom: 35px;
}
.footer-menu li {
	padding: 0 5px 0 0;
}
footer a {
	margin: 0 5px;
}
footer .cookies, footer .social-links {
	width: 100%;
	text-align: center;
	float: none !important;
	padding: 0;
	margin: 15px;
}
footer .cookies, footer .social-links {
	padding: 0px;
	width: 100%;
	text-align: center;
	margin: 0;
}
footer .privacy-legal-menu {
	margin: 0;
	text-align: center;
	float: none !important;
}
.footer-menu li a {
	margin: 0 5px;
}
.row-work-listing {
	padding: 0px 15px;
}
.row-work-listing .work-block {
	top: 0;
}
.work-section2, .work-section {
	margin-bottom: 30px;
}
.col-sm-10, .work-content, .row-work-listing .work-block {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
	position: relative;
}
.odd .work-content p, .even .work-content p {
	max-height: 52px;
	overflow: hidden;
}
.row-work-listing .work-block .head {
	padding-top: 35px;
}
.work-content p, .work-content .head {
	padding: 23px 0 15px 22px;
}
.work-section2 .col-sm-7, .work-section .col-sm-7 {
	height: auto;
	min-height: inherit;
}
.even .work-section .col-sm-7 {
	order: inherit;
}
.even .work-block .col-sm-10, .odd .work-block .col-sm-10 {
	padding: 0;
}
.work-section .col-sm-5 {
	background: none;
	position: absolute;
	bottom: calc(100% - 45px);
	z-index: 99
}
.odd .work-section .col-sm-5 h2, .even .work-section .col-sm-5 h2 {
	font-size: 35px;
	width: 100%;
	text-align: left;
	margin-right: 0;
	margin-left: 0px;
	padding-left: 20px;
}
.work-section .col-sm-5, .work-section .col-sm-7 {
	width: 100%;
	flex: 100%;
	max-width: 100%;
}
.work-section .bcta.float-right, .work-section .bcta.float-left {
	float: none !important;
	margin-left: 20%;
	margin-right: auto;
	width: 60%;
	margin-bottom: 8px;
	margin-top: 8px;
	position: absolute;
	bottom: 30px;
}
.work-content {
	padding: 0
}
.work-content p {
	font-size: 17px;
	padding: 3px 20px 15px 20px;
	margin-bottom: 35px;
}
.single-works .header-text {
	margin-left: 0px;
}
.nav-tabs {
	margin: 0 -15px;
}
.tab-pane {
	padding: 0px 0px 80px 0px;
}
#film{ padding-top: 5px; }
#details{ padding-top: 40px; }
.details {
	padding-top: 0;
}
#photos .col-sm-8{
	padding: 0 5px;
	margin: 0;
	width: 100%;
	clear: both;
	flex: 0 0 100%;
	max-width: 100%;
	height: auto;
	max-height: inherit !important;
	overflow: inherit !important;
}
#photos .col-sm-8 .tab-photo{ margin-bottom: 5px;}
#photos .col-sm-4 {
	padding: 0 5px;
	margin: 5px 0;
	width: 100%;
	clear: both;
	flex: 0 0 100%;
	max-width: 100%;
	height: auto;
	max-height: inherit !important;
	overflow: inherit !important;
}
#photos .col-sm-8 img {
	position: relative;
	top: 0%;
}
.projects-slide .slick-track .slick-slide {
	max-width: inherit !important;
}
.header-text {
	position: absolute;
	bottom: 60px !important;
	z-index: 999;
}
.offices-template-default .header-text{ bottom: 20px !important;}	
.nav-tabs li:hover a {
	background: #fff;
	color: #000
}
.single-works .header-text h2 {
	margin-bottom: 13px;
}
.detail-tabs {
	padding: 0
}
.detail-tabs .details, .detail-tabs #photos {
	margin-left: 15px;
	margin-right: 15px;
}

.inner-container .intro {
	padding-top: 0;
	position: relative;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 40px;
}
.inner-container .intro{ font-size:16px;}
.inner-container .intro p br{ display:none;}
.inner-container .intro h2 {
	padding-bottom: 0px;
}
.office-contact-wraper {
	background-attachment: scroll;
	max-height:450px;
}
.office-contact-wraper h2 {
	padding: 30px;
	text-align: right;
}
.about-auditorie {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: 30px;
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
}
.about-auditorie p br{ display:none;}
.about-auditorie h2{ padding:0px; text-align:left;}
.inner-container .intro-about{ margin-top:0;}
.page-template-tpl_career .inner-container .intro-about{ padding-top:30px;}
.inner-container .intro-about h2{ padding:30px 0 20px 0 !important; color:#000;}
.general-inquiries {
	overflow: inherit;
	max-height: inherit;
}
.general-inquiries .clear-padding {
	padding-left: 15px;
	padding-right: 15px;
}
.general-inquiries .col-sm-7, .general-inquiries .col-sm-5 {
	padding: 0;
	max-width: 100%;
	flex: 0 0 100%;
}
.general-inquiries .col-sm-7 .parallaxItem {
	max-width: 100%;
	max-height: 585px;
	overflow: hidden
}
.general-inquiries .inner-container .auditore-office-address {
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	margin: -140px 0 0 0;
	width: 100%;
	padding: 0;
	background: none;
	box-shadow: none;
}
.general-inquiries .inner-container .auditore-office-address .head-group {
	color: #fff;
	padding-bottom: 70px;
	padding-left: 25px;
}
.general-inquiries .inner-container .auditore-office-address .col-sm-4.clear-padding {
	padding-left: 0;
	padding-right: 0;
}

.levenement {
	position: relative;
	left: 0;
	top: 0;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	margin: 50px 0 20px 0;
}
.levenement br {
	display: none
}
.inner-container .auditore-office-address .col-sm-4 {
	width: 100%;
	max-width: 100%;
	margin: 15px 0;
	font-size: 16px;
	font-weight: 300;
}
.inner-container .auditore-office-address p a {
	font-size: 16px;
}
.inner-container .auditore-office-address .ofice-social {
	margin-bottom: 25px;
}
.inner-container .auditore-office-address .ofice-social li {
	width: 32%;
}
.inner-container .auditore-office-address .ofice-social a {
	font-size: 15px;
	font-weight: 300;
}
.no-padding{ padding:0 !important;}
.no-padding-top{ padding-top:0px !important;}
.about-offices{ padding-left:20px; padding-right:20px; padding-bottom: 20px; padding-top: 30px;}
.about-offices h3{ margin-bottom:0;}
.ri-grid{ top:-30px;}
.current-offers{ margin-top:20px; -webkit-transition: height .2s linear;
-moz-transition: height .2s linear;
-ms-transition: height .2s linear;
-o-transition: height .2s linear;
transition: height .2s linear;}
/*.current-offers .offers {
	padding-left: 30px;
	padding-right: 30px;
}*/
.current-offers .offers .float-right {
	float: none !important;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.current-offers .offers a {
	float: none;
	margin: 18px auto 0 auto;
	width: 100%;
	max-width: 280px;
}
.more-offers {
	width: 100%;
	max-width: 420px;
}
.slide-case-studies .slick-slide img {
	width: 100%;
}
.active-clients {
	margin-top: 65px;
}
.active-clients.black-theme{ margin-top:15px;}
.active-clients-black{ padding:30px 0 10px 0;}
.about .awards h2{ padding:30px 0 20px 0}
.active-clients .client-box {
	order: 0;
	max-width: 320px !important;
	margin: 0 auto 40px auto;
	width: 100%;
	flex: 0 0 100% !important;
	float: none !important
}
.active-clients .client-box .plus {
	font-size: 58px;
}
.active-clients .client-box .clients {
	font-size: 105px;
	margin: -12px 0 0 7px;
	letter-spacing:-10px;
}
.active-clients .client-box span {
	font-size: 41px;
	margin-left: 120px;
	top: -69px;
}
.active-clients .client-box span.float-right {
	float: left !important;
	left: 30px;
}
.awards .active-clients .client-box span{ font-size:21px; margin-left:35px; top:-10px;}
.awards .active-clients .client-box{ max-width:400px !important;}
.active-clients .col-sm-6, .active-clients .col-sm-8 {
	max-width: 100%;
	flex: 0 0 100%;
}
.active-clients .col-sm-8{ top:0;}
.active-clients .col-sm-8 .col-sm-4, .active-clients .col-sm-6 .col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding: 0;
	text-align: center;
}

.join-conversation .card {
	border: 0;
	float: none;
	width: 100%;
	margin: 10px auto;
}
.conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(even), .conversation-gallery-wrapper .col-sm-6.grid-item:nth-child(odd){ padding-left: 0 !important; padding-right: 0 !important}
.asia{ max-height:inherit; padding:30px 0;}
.asia .conversation{ padding:30px 40px; margin:0px 15px; font-size:15px;}
.join-conversation.asia .head{ margin: 0 0px 85px 15px; font-size: 32px;}
.asia .conversation .col-sm-4{ text-align:center !important; margin-top:0px !important;}
.asia .conversation .col-sm-4 img{ max-width:110px;}

	
/*********
iframe{ width:100%;}
**********/	
	
.about h2 { padding: 30px 0 20px 0; font-size:30px;}
.page-template-tpl_about .inner-container .intro h2 {
    padding-bottom: 90px;
}
.network{ margin:0;}
.network h2{ padding:10px 0 20px 0;}
.network h2 img{ max-width:120px;}
.network h3{ font-size:18px; margin-bottom:10px; font-weight: bold; padding-right: 135px;}
.network p{ font-size:16px;}
.network p br{ display:none;}
.about-offices h4{ font-size:40px;}
.about-offices time{ font-size:60px;}
.ri-grid-award{ margin:30px 0 0 0;}
.network-logo{max-width:120px; margin-left: 15px; margin-top:0px;}
.network-logo img{ width:100%;}
.network h3{ padding-right:135px;}
.content-accodion{ display:none;}
h3.article-title{background: url(../img/accordion.jpg) no-repeat top right; background-size:24px; cursor:pointer;}
.content-entry.open h3.article-title{background: url(../img/accordion.jpg) no-repeat bottom right; background-size:24px;}
.blog-listing-slider{ position: relative;}
.blog-listing-slider img{ width: 100%}
.blog-listing-slider .blog-listing-slide{ position:relative;}
.blog-listing-slider .blog-listing-slide .blog-text {
    position: absolute;
    z-index: 9999;
    bottom: 50px;
    color: #fff;
    width: 100%;
    padding: 0 30px;
	font-weight:300;
}
.blog-listing-slider .slick-arrow{ bottom:22px; margin:0; top:inherit;}
.blog-listing-slider .slick-prev{ left:5px; bottom:72px;}
.blog-listing-slider .slick-next{ right:5px; bottom: 72px;}
.career-blog-listing{ margin-top: 40px; font-size: 16px;}
	.career-blog-listing h3{ margin-bottom: 20px;}
.career-blog-listing .more-button{margin: 40px auto 0px auto;
    float: none !important;
    text-align: center;
    display: inherit;
    max-width: 260px;}
.career-blog-listing .overlay {background: rgba(0, 0, 0, 0.6);}	
.page-template-tpl_career .header-text .wcta{ display: block; max-width: 260px; }
.blog-slide p{ font-size: 16px; }
.gdc_row{ margin-bottom: 0px; }
.gdc_column:first-child, .gdc_column{ width: 100%; clear: both; margin-bottom: 20px;}
.blog-video video{ width:90%;}
.blog-video-close{ right:5px; top:0;}
.color-white a{ color:#fff !important;}
.color-white .active a{ color:#ff8300 !important;}
.section-brands, .brands{ margin-bottom:0;}
.list-clients { margin: 0 auto; max-width: 420px;}
.slick-track .title-fadein{ opacity: 0; transition: all .3s ease-in-out; transition-delay: .5s;}
.slick-track .slick-current .title-fadein{ opacity: 1 !important; }
.page-content p{ font-size: 16px; }
.tab-photo{ min-height: inherit !important; max-height: inherit !important; }
.tab-photo-inside img{transform: translateY(0);}
.tab-photo-inside img:hover { transform: translateY(0) scale(1.1) !important;}
	
.simpleParallax img {
	transform: none !important;
}
.recrut-slide img, .recrut-inner .slide-img img{ width:110%;}
.list-clients2{margin-top: 0px;}
#photos .col-sm-4{ margin: 0;}
#film{ margin-top: 10px;}
#photos{ margin-top: 5px;}	
#photos .col-sm-8 .tab-photo{ margin-bottom: 10px;}
	.page-template-page-templates .office-contact-wraper{ background: none !important; max-height: inherit; color: #000; height: auto;}
	
	.page-template-page-templates .office-contact-wraper .overlay{ display: none;}
	.about-auditorie{ position: relative; margin-top:20px; color: #000; padding: 0;}
	.about-auditorie h2{ color: #000; margin-bottom: 0;}
	.animate-cta .simpleParallax, .animate-cta .work-block {
	opacity: 0;
	transition: opacity 0ms ease 0s;
	}
	.slick-slide.animate-cta.slick-active .simpleParallax, .slick-slide.animate-cta.slick-active .work-block {
		opacity: 1;
		transition: opacity 0ms ease 0s;
		transition-delay: 0ms !important;
	}
	.recruitment{ margin-top: 20px;}
	form {padding: 20px 0px !important;}
	.selectbox {top: 0px !important; width: auto; left: 0px; right: 0px;}
	#recruitment-form label{min-height: inherit !important}
	#recruitment-form .margin-top40, #recruitment-form .margin-top20{ margin-top: 0 !important}
	#recruitment-form .margin-top40	br, #recruitment-form .margin-top20 br{ display: none}
	.col-md-6.col-sm-12.float-left.text-right.clear-padding {text-align: left !important;}
	.col-md-6.col-sm-12.text-right{text-align: left !important;}
	.col-md-3.col-sm-6.col-xs-6 {width: 50%;}
	#recruitment-form .input-group label{ width: 100%; max-width: 100%;}
	.inputfile + label{ max-width: 100%;}
	#recruitment-form .btn{ width: 100%;}
}
@media screen and (max-width: 740px) {
	.brand .inner-container{ padding:0px 15px;}
	.brands .slick-slide{min-height: 555px;}
}
@media screen and (max-width: 640px) {
.philosophy {
	margin: 0 0 0 -175px;
	left: 50%;
	max-width: 350px;
}
.philosophy h1, .header-text h1 {
	font-size: 44px;
	top: 30px;
	left: 0;
}
.philosophy h2, .header-text h2 {
	font-size: 30px;
}
.philosophy p {
	font-size: 15px;
}
.related-projects .item {
	max-height: inherit;
}
.related-projects .col-image {
	min-height: 460px;
	overflow: hidden;
	max-height: inherit;
}
.related-projects .col-image img {
	height: 460px;
	width: auto;
    transform: translate(-50%, 0);
    margin-left: 50%;
}
.related-projects .col-image:hover img {
	transform: translate(-50%, 0) scale(1.1);
    margin-left: 50%;
}
.related-projects .item {
	padding-left: 0;
	padding-right: 0;
}
.projects-slide .slick-track .slick-slide {
	margin-left: 3px;
	margin-right: 3px;
}
#film {
	padding-bottom: 100px;
}
#film .slick-dots {
	display: block !important;
	bottom: -80px;
}
#film .slick-dots:focus {
	border: 0;
	background: #dadada;
	outline: none
}
#film .slick-dots li.slick-active button {
	background: #dadada;
	outline: none;
}
.asia .conversation .phone{ margin-top:30px;}
.asia .conversation .col-sm-8, .asia .conversation .col-sm-4{ width:100%; max-width:100%;}
.asia .conversation .col-sm-4{ text-align:center !important; margin-top:30px !important;}
.network-logo{ margin-top:0px;}
.network h2{ padding-bottom: 10px;}
.contact h2, .error-404 h2.page-title{ margin-bottom:45px;}
.header-text p br{ display:none; font-size:17px;}
.recrut-inner .slide-text{ font-size:16px;}	
.recrut-slide img, .recrut-inner .slide-img img{ width:125%;}
.work-content-inner{ min-height: 340px !important;}	
a.wcta.cta-showreel {padding: 8px 22px; font-size: 12px;}
.conversation-gallery-wrapper .col-sm-6.grid-item{text-align: center; width: 100%; max-width: 100%; overflow: hidden;}
.conversation-gallery-wrapper .col-sm-6.grid-item iframe{ min-height: 330px !important;}
}
@media screen and (max-width: 580px) {
	
	/**********
	iframe{ width:100%; height:300px !important}
	**********/
	
	.auditorie-group .col-sm-6{ overflow: hidden; margin: 0 0px; flex: 0 0 100%; max-width: 100%; padding: 0 15px;}
	/*.auditorie-group .col-sm-6 img{ width:100%; height:100%;}*/
	.about-offices .col-sm-1{ padding:0;}
	.about-offices .col-sm-6{ flex:0 0 80%;}
	.about-offices .col-sm-1{ flex:0 0 20%;}
	.office-contact, .address-office{ display:none;}
	.group-image {overflow: hidden;}
	#films iframe{ height: 335px !important; }
	.recrut-slide img, .recrut-inner .slide-img img{ width:140%;}
	.list-clients2{margin-left: 0px;}
	.conversation-gallery-wrapper .col-sm-6.grid-item iframe{ min-height: 280px !important;}
}
 @supports (-webkit-overflow-scrolling: touch) {
	@media only screen and (device-width: 768px) {
		.section-careers .col-sm-7, .section-works .col-sm-7 {background-attachment:inherit;}
	}
.overlay-nav-open .main-nav ul ul.sub-menu-show {
 right: 0;
 z-index: 999;
 height: 570px;
 position: fixed;
 top: 60px;
}
.overlay-nav-open .main-nav ul ul.sub-menu {padding:60px 0 0 0;}
}

@media screen and (max-width: 480px) {
	.slide-office .slick-slide{ margin: 0; }
	.join-conversation.asia .head{ margin-left:0;}
	.asia .conversation{ margin:0px;}
	
	/*********
	iframe{ width:100%; height:200px !important}
	***********/
	
	.work-content .head b{ min-height:55px;}
	.auditorie-group .col-sm-6{ overflow:hidden;}
	.auditorie-group .col-sm-6 img{ width: auto; height: 100%;}
	.slide-img {min-height: 350px; background: #000;}
	.recrut-inner .slide-text{ left:13%; max-width:75%;}
	ri-grid ul li { padding:15px !important;}
	ri-grid ul li a { width: 60px !important; height: 60px !important; margin: -30px 0 0 -30px !important;}
	#films iframe{ height: 350px !important; width: 100% !important;}
	.about-brands a, .section-brands a{max-width: 360px; width: 100%; padding-left:0; padding-right:0;}
	.list-clients { margin: 0 auto; max-width: 360px;}
	.recrut-slide img, .recrut-inner .slide-img img{ width:160%;}
	.brands .slick-slide{min-height: 580px;}
	.conversation-gallery-wrapper .col-sm-6.grid-item iframe{ min-height: inherit!important;}
}
@media screen and (max-width: 420px) {
.logo {
	display: inline-block;
	max-width: 170px;
}
.logo img {
	width: 100%;
}
#cn-notice-text a {
	display: contents;
	white-space: nowrap;
	word-break: break-word;
}
.philosophy h2, .header-text h2 {
	font-size: 32px;
	line-height:1.3;
}
.header-text p{ line-height:1.4; font-size:17px;}
.odd .work-section .col-sm-5 h2, .even .work-section .col-sm-5 h2 {
	font-size: 38px;
}

.row-work-listing .work-block .head {
	padding-top: 45px;
}
.slide-offices .slide-text {
	left: 5px;
	bottom: -25px;
}
.slide-offices .slick-slide {
	margin: 0;
}
.footer-menu li a, footer a {
	font-size: 11px;
	font-weight: 600;
}
.awards .active-clients .client-box span {font-size: 16px;}
	
/*********	
iframe{ width:100%; height:170px !important}
*********/	

.about-offices h4 {font-size: 38px;}
.about-offices time {font-size: 50px; margin:-10px 45px 5px 0;}
.about-offices a img{ width:80%;}
.about-offices .col-sm-6{ flex:0 0 90%;}
.about-offices .col-sm-1{ flex:0 0 10%;}
.network-logo{ max-width: 100px; margin-left: 0px; top: 50px;}
.network h3 {padding-right: 115px;}
/*.section-brands p, .brands p{ min-height:155px;}*/
.blog-detail .gallery .gallery-item{ width: 100%; float: left; height: auto; margin-right: 0;}
.page-template-tpl_career .header-text .wcta{margin-top: 20px; max-width: 345px; }
#films iframe{ height: 330px !important; width: 100% !important;}
.work-content-inner{ min-height: 370px !important;}		
.brands .slick-slide{min-height: 640px;}
#recruitment-form .input-group .btn.btn-success.bcta {padding-left: 29px !important; padding-right: 29px !important;}
}

@media screen and (max-width: 360px) {
.logo img {
	width: 80%;
}
.philosophy {
	margin-left: 0px;
	max-width: 280px;
	margin: 0 0 0 -140px;
	left: 50%;
}
.odd .work-section .col-sm-5 h2, .even .work-section .col-sm-5 h2 {
	font-size: 30px;
}
.work-section .col-sm-5 {
	top: -120px;
}
.row-work-listing .work-block .head {
	padding-top: 40px;
}
.main-nav ul li a {
	font-size: 28px;
	margin: 10px 0;
	padding: 5px 0;
}
.main-nav ul ul.sub-menu li a {
	font-size: 21px;
	color: #fff;
	padding: 15px 10px;
}
.philosophy h1 {
	font-size: 35px;
}
container .intro h2 {
    padding-bottom: 70px;
}
.general-inquiries .inner-container .auditore-office-address h3 { padding-left: 15px; }
	
/*********	
iframe{ width:100%; height:150px !important}
*********/
	
.network h2 img{ max-width:100px;}
.page-template-tpl_career .header-text .wcta{ max-width: 280px; }
/*.section-brands p, .brands p{ min-height:220px;}*/
.list-clients, .list-clients2{ margin: 0 auto; max-width: 300px;}
.recrut-slide img, .recrut-inner .slide-img img{ width:180%;}
.work-content-inner{ min-height: 380px !important;}	
.nav-work-category{ padding: 25px 20px 10vh 20px}	
.nav-work-category li{ margin-bottom: 10px;}
.nav-work-category li a{ font-size:25px; }
.brands .slick-slide{min-height: 660px;}	
}

@media screen and (max-width: 340px) {
.section-home .bcta, .section-home .wcta {
	max-width: 360px;
}
.cookie-notice-container #cn-notice-text {
	font-size: 15px;
}
.active-clients .client-box .clients {
	font-size: 95px;
}
.active-clients .client-box span {
	font-size: 35px;
	margin-left: 110px;
	top: -65px;
}
.awards .active-clients .client-box span {
    font-size: 15px;
}
.awards .active-clients .client-box span{ top:-10px; margin-left:30px;}
.inner-container .intro h2{padding-bottom: 55px;}
.asia .conversation{ padding:25px;}
.page-template-tpl_career .header-text .wcta{ max-width: 260px; }
/*.section-brands p, .brands p{ min-height:240px;}*/
#cn-more-info {font-size: 15px;}	
}

@media screen and (max-width: 320px) {
.overlay-nav-open .mob-menu .main-nav {
	height: 70%;
}
.main-nav > ul > li, .main-nav > ul > li a {
	margin: 0px 0 !important;
	padding: 2px 0 !important;
}
.main-nav ul li a {
	font-size: 24px;
	padding: 4px 0 !important;
}
.overlay-nav-open .main-nav ul ul.sub-menu li, .overlay-nav-open .main-nav ul ul.sub-menu li a {
	padding: 0px;
	margin: 4px 0px;
}
}

@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
.nav-work-category{ height: auto;}	
.overflohide{ overflow: inherit;}
.overlay-nav-open .language-menu-mob {
	top: 0px;
}
.overlay-nav-open .mob-menu .main-nav {
	top: 0;
}
.overlay-nav-open .language-menu-mob {
	top: 5px;
}
.overlay-nav-open .main-nav ul ul.sub-menu {
	padding: 20px 0 0 0;
}
.overlay-nav-open .main-nav ul ul.sub-menu li, .overlay-nav-open .main-nav ul ul.sub-menu li a {
	margin: 5px 0px;
}
.overlay-nav-open {
	padding: 10vw 0 10vw;
	overflow: scroll;
}
.site-nav .menu-wrapper {
	top: 25%;
	height: auto;
}
.main-nav ul li > ul, .overlay-nav-open .main-nav ul ul.sub-menu {
	height: auto;
	top: 0;
}
.overlay-nav-open .main-nav ul ul.sub-menu-show {
	height: 100%
}
.overlay-nav-open .main-nav ul ul.sub-menu-show {
	right: 0;
	z-index: 999;
	position: absolute;
}
.language-menu-mob.color-white{ top: 0; padding: 20px 0; background: #000;}
/*.header-text{ top:80px; bottom: inherit; }*/
.philosophy{ bottom: 30px; }
.philosophy h1, .header-text h1{ font-size: 50px; }
.philosophy h2, .header-text h2{ font-size: 35px; }
.cookie-notice-content, .cookie-notice-container{ padding: 0 5%;}	
}
#infscr-loading {
	text-align: center;
}

/* WOrdpress gallery column css*/
.gallery-columns-1 .gallery-item {
	width: 100% !important;
	margin-right: 0 !important;
}
.wp-playlist {
	margin: 0 !important;
}

.video-frame{ height: 100vh; position: absolute; top:0;}
.media-showreel iframe{ position: absolute; /*top: -135%; left: 0; width: 100%; height: 370%;*/ top: 0; left: 0; height: 100%; width: 100%;}


.brands .slick-arrow { display: none !important}
.section-brands, .brands, .row-eq-height {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display:         flex !important;
  margin-left: 0;
  margin-right: 0;
}

.section-brands .slide-content, .brands .slide-content { height: 100%;}

/* vertical spacing between columns */

[class*="col-"] {
  /*margin-bottom: 30px;*/
}

/*  input type file  */

.box {
	background-color: #dfc8ca;
	padding: 6.25rem 1.25rem;
}

.box + .box {
	margin-top: 2.5rem;
}


/* Related demos */

.content--related {
	text-align: center;
	font-weight: bold;
	padding-top: 4em;
}

.media-item {
	display: inline-block;
	padding: 1em;
	vertical-align: top;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.media-item__img {
	max-width: 100%;
	opacity: 0.6;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
	opacity: 1;
}

.media-item__title {
	margin: 0;
	padding: 0.5em;
	font-size: 1em;
}

.js .inputfile, input#upload {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 5 */

.inputfile-5 + label {
    color: #8d8d8d;
	font-weight: normal;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #8d8d8d;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}
.image-preview u{ display: none !important}
/* Loader css*/

.loader-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
	display: none;
}

.loader-overlay .loader-overlay-content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loader-overlay .spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(8, 8, 8, 0.09);
    border-top-color: #e86406;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.container-full{ max-width: 100%; padding: 0 !important; width: 100% !important;}