/*
Theme Name: MET Studio
Version: 1.15
*/

/*********************
Developed by Artexor Digital
**********************/

/* Imports */

@import url('./css/reset.css');
@import url('./css/responsive.css');
@import url('./css/hover.css');

@font-face {
	font-family: 'Apercu';
	src: url('./fonts/apercu-regular-webfont.eot?#iefix') format('embedded-opentype'),  
	url('./fonts/apercu-regular-webfont.woff') format('woff'), 
	url('./fonts/apercu-regular-webfont.ttf')  format('truetype'), 
	url('./fonts/apercu-regular-webfont.svg#apercu-regular-webfont') format('svg');
	font-weight: normal;
	font-style:normal;
}
/* Defaults */
body {
	font-family:'Apercu Regular','Apercu', Calibri, sans-serif; 
	padding: 0;
	margin: 0;
	background: #fff;
	color: #F8370B;
	font-weight: normal;
	font-size: 1rem;
	-webkit-font-smoothing:antialiased;
	text-rendering: optimizelegibility;
}	


p {
	line-height: 1.4;
	margin: 0 0 20px;
}
img {
	max-width: 100%;
	height: auto;
}
iframe{max-width: 100%;}
.right {float:right;}
.left {float:left;}
.hidden {display: none;}
img.alignright, .alignright {float:right; margin:0 0 20px 20px !important;}
img.alignleft, .alignleft  {float:left; margin:0 20px 20px 0 !important;}
img.alignnone, img.aligncenter, .aligncenter {display:block;margin: 0 auto 20px;}
blockquote {
    border-left: 2px solid #71c8e8;
    font-style: italic;
    font-weight: 500;
    margin: 2em;
    padding-left: 2em;
}
a {
	text-decoration: none; 
	color: #F8370B;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
} 
a:hover {
	opacity:.6;
}
ul, ol, dl {
	margin: 0 0 20px 10px;
	line-height:1.2;
}
li {
	margin: 0 0 0 10px;
	line-height: 1.4;
}
select {
	font-size: 0.9em;
	padding: 0 15px;
	color: #fff;
	width: 100%;
	height: 40px;
	border: none;
}
select:focus {
	outline: none;
}
input {
	font-size: 0.9em;
	color: #333333;
	padding: 18px 20px;
	margin: 0 0 5px;
	background-color: transparent;
	border: 2px solid #666666;
	-webkit-appearance: none;
	transition: all 0.03s 0.075s linear;
	transition: all 0.03s 0.075s linear;
}
input:focus {
	text-decoration: none;
    outline: none;
    border:2px solid #333333;
    color:#333333;
}
input:hover {
    border:2px solid #333333;	
}
input[type=submit] {
	cursor: pointer;
	font-size: 16px;
	text-align: left;
	border:2px solid #2F7962;
	color: #2F7962;
	padding: 18px 20px 14px;
	line-height: 16px;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
input[type=submit]:hover {
	text-decoration: none;
	color:#ffffff;
    box-shadow: inset 0 100px 0 0 #2F7962;
    border:2px solid #2F7962;
}
textarea {
	font-size: 0.9em;
	color: #27262b;
	padding: 12px 9px;
	margin: 0;
	background-color: #f4f5f5;
    border: 1px solid #d4d7d7;
	width: 100%;
	border-radius: 3px;
	-webkit-appearance: none;
}
textarea:focus {
	border: 1px solid #333333;
	text-decoration: none;
    outline: none;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	text-transform: none;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 20px;
}
h1 {font-size: 1.25rem;}	
h2 {font-size: 1.721rem;}	
h3 {font-size: 1.563rem; text-decoration:underline;}
h4 {font-size: 1.25rem;}
h5 {font-size: 1rem;}
h6 {font-size:14px;}
table {
	margin: 20px 0 0;
}
tr.vc-th td {
	font-size: 18px;
	padding: 10px 7px 10px 0;
	margin: 0 10px 0 0;
	border-bottom: 1px solid #F8370B;
	border-top: 0!important;
	color: #F8370B;
}
tr td {
	border-top: 1px solid #F8370B!important;
	border-right: 15px solid #fff;
	padding: 7px 0 0;
	line-height: 1;
	width: 33.333%;
	color: #999999;
}
tr td:last-child {
	border-right: 0;
}
tr.empty td {
	border-top: 0!important;
	padding: 7px 0 0;
}
.page-overlay {
	position:fixed;
	top:0;
	left:0;
	height:0;
	width:0;
	z-index:15;
	opacity:0;
	background: rgba(0,0,0,0.4);
	-webkit-transition: opacity 500ms ease-out, width 100ms 500ms, height 100ms 500ms;
	transition: opacity 500ms ease-out, width 100ms 500ms, height 100ms 500ms;
}
body.menu-open .page-overlay {
	height:100%;
	width:100%;
	opacity:1;
	-webkit-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}
#fancybox-overlay {
	background: rgba(255,255,255,0.89) !important;
}
.fancybox-bg {
	background: none !important;
}
.active {
	visibility:visible;
	opacity:1;
}



/* Theme */
.cl:after {
	clear: both;
	content: "";
	display: block;
}
.wrap {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 40px;
    will-change: transform, left, opacity;
}
.wrap-new {
	position: absolute;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 40px;
	will-change: transform, left, opacity;
}

.three > div > section, .three > section {
	float: left;
	width: 32.333%;
	margin: 0 1.5% 0 0;
}
.three > div > section:nth-of-type(3n), .three > section:nth-of-type(3n) {
	margin: 0;
}
.three .two > section {
	width: 48%;
	margin: 0 4% 0 0;
}
.two > section {
	float: left;
	width: 49%;
	margin: 0 2% 0 0;
}
.two > section:nth-of-type(2n) {
	margin: 0;
}
.center {
	vertical-align: middle;
	display: table-cell;
}

.half {
	width:50%;
	float:left;
	padding-right:2%;
}

.wpb_wrapper .half:nth-of-type(even) {
	padding:0;
}

#content .smaller {
	font-size:16px;
	font-size:1rem;
}

/* Header */
#header {
	margin: 0 auto;
	background: rgba(255,255,255, 1);
	position: fixed;
	z-index: 12;
    top: 0;
    width: 100%;
}
#header .wrap {
	position: relative;
}
#header .wrap:after {
	clear: both;
    content: "";
    display: block;
}

#header a {
	z-index:3;
}
.header-fix {
	position:relative;
	height:192px;
}

.header-trigger {
	height:2px;
}

.logo {
	float: left;
	overflow: hidden;
}
.logo a {
	display:block;
}
#header #met-logo {
	width: 210px;
}
#header #met-logo .text {
	opacity:0;
}
#header.header-large .wrap {
	padding: 50px 40px;
}
#header.header-small #met-logo {
	width: 130px;
	height: 38px;
	margin: 0 0px 0 -10px;
}
#header.header-small #met-logo .text {
	opacity: 1;
	-webkit-transform: translate(-660px, -155px) scale(2.3);
	-ms-transform: translate(-660px, -155px) scale(2.3);
	transform: translate(-660px, -155px) scale(2.3);
}
#header.header-small #met-logo .met-sq {
	opacity: 0;
}
#header.header-small .nav {
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
#header.header-small .nav-toggle {
	opacity: 1;
	visibility: visible;
    -webkit-transition:opacity .3s, visibility .3s;
    transition:opacity .3s, visibility .3s;
}
#header.header-small .wrap {
	padding: 10px 40px 4px;
}
/* Nav */
.nav {
	position: absolute;
	right: 40px;
	min-width: 430px;
	margin: 25px 0 0;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.nav li {
	display: inline-block;
	margin: 0 1.5rem 0 0;
	cursor: pointer;
}
.nav li:last-child {
	margin: 0;
}
.nav li a, #header .post-type-archive-work #menu-item-15 ul a {
	color: #999999;
  	-webkit-transition: 400ms color ease-out;
  	transition: 400ms color ease-out;
}
.nav li:hover > a, .nav li.current-menu-item > a, .nav .post-type-archive-work li#menu-item-15 > a,
.post-type-archive-work .nav #menu-item-15 ul a:hover, .tax-work-category .nav #menu-item-15 > a, 
body.single-work .nav  #menu-item-15 > a, body.post-type-archive-work .work-page > a, 
.single-work .nav .menu-item-has-children > a, .archive .nav .menu-item-has-children > a,
.nav ul.sub-menu li.current-work-ancestor > a {
	color: #1C1C1B;
	opacity:1;
}

.page-id-2 .nav li.current-menu-item > a {
  color: #999999 !important;
  opacity: 1;
}

/* Nav - Sub Menus */
.nav ul ul li:after {
    content: '/';
	color: #999999;
	margin: 0 0 0 5px;
}
.nav ul ul li:last-child:after {
    content: '';
}
.nav ul ul {
	font-weight: normal;
	list-style: none;
	padding: 5px 0;
    line-height: 1.4;
    font-size: 15px;
    margin:0;
    width: 100%;
	position: absolute;
	z-index: 10000;
	float: none;
	text-align:left;
}
.nav ul ul li {
	float: none;
	line-height: 1;
    padding: 0;
    margin: 0;
	z-index: 99999;
}
.nav ul ul li a {
	padding: 0;
	line-height: 0;
	border: none;
}
.nav ul ul, .nav li:hover ul ul, .nav ul li:hover ul ul { 
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
	-webkit-transition: visibility 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94), -webkit-transform 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94);
	transition: visibility 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94), transform 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}
.nav li:hover ul, .nav ul li:hover ul , .nav ul li ul li:hover ul {
	visibility: visible;
	z-index: 1000;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: visibility 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: visibility 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.post-type-archive-work .nav ul ul, .tax-work-category .nav ul ul, .single-work .nav ul ul {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	line-height:1.4;
	font-size:15px;
}
/* Home */
#page {
	margin: 0 0 250px;
	overflow:hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
body.home #page {
	margin: 0 0 50px;
}

#page .wrap {
	position: relative;
	overflow: hidden;
}

#page .title {
	color: #F8370B;
	width: 100%;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #F8370B;
	line-height: 1;
}

#content {
	float: right;
	width: 66.167%;
	margin: 20px 0;
}

#content p, #content li {
	font-size: 1.25rem;
}


/* Clients */
#clients ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#clients ul li {
	position: relative;
	width: 18.8%;
	height: 245px;
	float: left;
	background: #f6f6f6;
	margin: 0 1.5% 1.5% 0;
	padding: 30px;
}
#clients ul li:nth-of-type(5n) {
	margin: 0 0 2%;
}
#clients ul li img {
	max-width: 140px;
	max-height: 140px;
}
.multiply {
	mix-blend-mode: multiply;
}
#clients li figure {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
#clients li figure .inner {
	position: relative;
	height: 100%;
	padding: 34px;
	text-align: center;
}
#clients li:hover figure {
	-webkit-transition: background 0.4s;
	transition: background 0.4s;
	background: rgba(248,55,11, 0.9);
}
#clients li figure h5 {
	color: #fff;
	opacity:0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
#clients li:hover figure h5 {
	cursor:pointer;
	opacity:1;
	-webkit-transition:opacity 0.3s ;
	transition:opacity 0.3s;
}
#clients li figure h5 {
	margin: 0;
}
#clients li .c {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* Single */

#project {
	/*transition: opacity 0.6s;*/
}
@media screen and (max-width:600px) {
	#project h2 {
		text-decoration:underline;
	}
}

#project section {
	color:#999999;
}

.content-box {
	margin-top:20px;
	color:#999999;
}

#loading.show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#loading {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 15;
	opacity: 0;
	visibility: hidden;
	transition: opacity  0.5s ease;   
	/*transition: top 0.5s ease, left 0.5s ease, transform 0.5s ease, width 0.5s ease, height 0.5s ease, opacity  0.5s ease;  */ 
}
#loading #loader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%,0);
	-webkit-transform: translate3d(-50%, -50%,0);
	right: 0;
	width: 500px;
	height: 400px;
	text-align: center;
}
#loader svg #loading-border {
	transform: translate(183px,135px) scale(.8);
	-webkit-transform: translate(183px,135px) scale(.8);
}
#loader svg #loading-logo {
	transform: translate(181px,135px) scale(.53);
	-webkit-transform: translate(181px,135px) scale(.53);
}
#loader svg line {
	stroke-width: 7px;
	stroke: #F8370B;
	fill: none;
}
/* Line top animation */
.animate svg line.top {
	-moz-animation: topLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	-webkit-animation: topLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	animation: topLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
}
@-webkit-keyframes topLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(130px, -120px) rotate(15deg);
		-webkit-transform: translate(130px, -120px) rotate(15deg);
	}
}
@-moz-keyframes topLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(130px, -120px) rotate(15deg);
		-webkit-transform: translate(130px, -120px) rotate(15deg);
	}
}
@keyframes topLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(130px, -120px) rotate(15deg);
		-webkit-transform: translate(130px, -120px) rotate(15deg);
	}
}
/* Line left animation */
.animate svg line.left {
	-moz-animation: leftLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	-webkit-animation: leftLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	animation: leftLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
}
@-webkit-keyframes leftLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-110px, -65px) rotate(43deg);	
		-webkit-transform: translate(-110px, -65px) rotate(43deg);	
	}
}
@-moz-keyframes leftLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-110px, -65px) rotate(43deg);		
		-webkit-transform: translate(-110px, -65px) rotate(43deg);		
	}
}
@keyframes leftLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-110px, -65px) rotate(43deg);		
		-webkit-transform: translate(-110px, -65px) rotate(43deg);		
	}
}
/* Line right animation */
.animate svg line.right {
	-moz-animation: rightLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	-webkit-animation: rightLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	animation: rightLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
}
@-webkit-keyframes rightLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(180px, 79px) rotate(17deg);		
		-webkit-transform: translate(180px, 79px) rotate(17deg);		
	}
}
@-moz-keyframes rightLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(180px, 79px) rotate(17deg);		
		-webkit-transform: translate(180px, 79px) rotate(17deg);		
	}
}
@keyframes rightLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(180px, 79px) rotate(17deg);		
		-webkit-transform: translate(180px, 79px) rotate(17deg);		
	}
}
/* Line bottom animation */
.animate svg line.bottom {
	-moz-animation: bottomLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	-webkit-animation: bottomLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;
	animation: bottomLoop 2s cubic-bezier(0.55, 0, 0.03, 1) 1;	
}
@-webkit-keyframes bottomLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-100px, 86px) rotate(20deg);
		-webkit-transform: translate(-100px, 86px) rotate(20deg);
	}
}
@-moz-keyframes bottomLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-100px, 86px) rotate(20deg);
		-webkit-transform: translate(-100px, 86px) rotate(20deg);
	}
}
@keyframes bottomLoop {
	0%, 60% {
		transform: translate(0, 0) rotate(0);
		-webkit-transform: translate(0, 0) rotate(0);
	}
	30% {
		transform: translate(-100px, 86px) rotate(20deg);
		-webkit-transform: translate(-100px, 86px) rotate(20deg);
	}
}

#responsive > g > rect {
	stroke-width: 20;
	stroke: #F8370B;
	fill: none;
}

/* Slider */
#slider {
	position: relative;
	height: 600px;
	width: 100%;
	margin: 0 0 1.5%;
}

.home-carousel {
    overflow: hidden;
    position: relative;
    height:100%;
}

.carousel-inner {
    width: 2000em;
    height:100%;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel-inner .slide {
	float:left;
	display: block;
    max-width: 100%;
    height: 100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.slider-pagination {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin:0;
}


.slider-pagination li {
    position: relative;
    display: inline-block;
    padding: 4px;
    margin: 0;
    cursor: pointer;
}

.slider-pagination li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
	-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
	box-shadow: inset 0px 0px 0px 1px #ffffff;
	background: transparent; 
}

.slider-pagination li.active button, .slider-pagination li:hover button {
    background: #ffffff;
}

.rsUni .rsBullets {
	position: absolute!important;
	bottom: 20px!important;
	right: 20px!important;
	text-align: right!important;
	padding: 3px!important;
	z-index:1 !important;
}
.rsUni .rsBullet.rsNavSelected span {
	background-color: #ffffff!important;
}
.rsUni .rsBullet span {
	border:1px solid #ffffff!important;
	border-radius: 50%;
	background: transparent !important;
	height:7px !important;
	width:7px !important;
	cursor:pointer;
	-webkit-transition: 200ms background ease-out;
  	transition: 200ms background ease-out;
}

.rsUni .rsBullet span:hover {
	background:#ffffff !important;
}

.dialog-box {
	position: absolute;
	height: 80%;
	width: 480px;
	top: 34px;
	left: 34px;
	z-index: 1;
	font-size:24px;
	font-size:1.5rem;
	background:rgba(255,255,255,0.89);
	padding:38px;
}

.dialog-box p {
	font-size:24px;
	font-size:1.5rem;
	margin-top:5px;
}



.inner {
	position:relative;
	height:100%;
}

.dialog-box.closed {
	height:24px;
	width:24px;
	padding:4.5px;
	-webkit-transition:height 0.4s ease, width 0.4s ease;
	transition:height 0.4s ease, width 0.4s ease;
}



.dialog-box.closed .close span {
	background: url('./images/expand.png');	
}
.dialog-box.closed .close:hover span {
	background: url('./images/expand-hover.png');
}

.dialog-box .close {
	position:absolute;
	right:0;
	bottom:0;
	cursor:pointer;
	padding:2px;
	border:1px solid #F8370B;
	z-index:99;
}

.dialog-box.closed p, .dialog-box.closed .languages, .dialog-box.closed h3, .dialog-box.closed #lang_sel_list {
	opacity:0;
	visibility:hidden;
	-webkit-transition:opacity 0.1s linear, visibility 0.1s linear;
	transition:opacity 0.1s linear, visibility 0.1s linear;
}

.dialog-box p, .dialog-box h3, .dialog-box .languages, .dialog-box #lang_sel_list {
	-webkit-transition:opacity 0.1s linear, visibility 0.1s linear;
	transition:opacity 0.1s linear, visibility 0.1s linear;
	visibility:visible;
	opacity:1;
}

#lang_sel_list a {
	background:transparent !important;
	padding:0 15px 0 0 !important;
	font-size:13px;
	color:#000000 !important;
}

#lang_sel_list a.lang_sel_other {
	opacity:0.4;
}

#lang_sel_list a.lang_sel_sel {
	opacity:1;
}

#lang_sel_list a.lang_sel_other:hover {
	opacity:1;
}

.close span {
	background: url('./images/minimize.png');
	display: block;
 	position: relative;
 	height:9px;
	width:9px;
}
.close:hover span {
	background: url('./images/minimize-hover.png');
	height:9px;
	width:9px;
}

.close:hover {
	background:#1C1C1B;
	border:1px solid #1C1C1B;
}

.dialog-box .languages {
	font-size:16px;
	color:#1C1C1B;
}

.dialog-box .languages a {
	color:#1C1C1B;
}



/* Languages */
@media only screen and (min-width: 600px) {
	.dialog-box #lang_sel_list {
		height:auto !important;
	    position: absolute;
	    bottom: 0;
	}
}


/* Social Box */

.social-box {
	width: 32.333%;
    height: 500px;
    background: #F8370B;
    color:#ffffff;
    margin: 0 0 20px;
    padding:34px;
    position:relative;
    float:right;
}

.social-box ul {
	margin:0;
}

.social-box .twitter-feed h2 {
	display:none;
}

.social-box li {
	text-decoration:none;
	list-style:none;
	margin:0 0 20px 0;
}

.social-box h3 {
	margin-bottom:20px;
}

.social-box a {
	color:#ffffff;
}


.social-box i {
	font-size:1.4rem;
}


.rstw_comma {
	display:none;
	visibility:none;
}

.twitter-timestamp {
	display:block;
}

.social-box footer {
	position:absolute;
	bottom:0;
	left:0;
	font-size:22px;
}

.social-box footer a {
	margin-right: 16px;
	opacity: 0.6;
}

.social-box footer a:hover {
	opacity:1;
}

#backToTop {
	float:right;
	cursor:pointer;
	color:#999999;
}

/* Featured Work */

.work {
	position:relative;
	cursor:pointer;
}
.work a:hover {
	opacity: 1;
}
article.work {
	background-repeat:no-repeat;
	background-size: cover !important;
}

.work figure {
	color:#ffffff;
	padding:34px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.work figure:hover {
	background:rgba(28,28,27,0.6);
}

.work .inner {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}

.work figure a {
	color:#ffffff;
}

.work figure a:hover {
	opacity:1;
}

.work .inner p {
	opacity:0;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
}

.work .inner h4 {
	line-height:1.3;
}

@media only screen and (max-width: 1340px) {
	.work .inner h4.short_description {
		font-size:18px;
	}
}

.work .short_description {
	text-decoration:none;
	opacity:0;
	-webkit-transform: translate(0, 15px);
	transform: translate(0, 15px);
}

.work:hover .short_description {
	opacity:1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94);
	transition: transform 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}

.work:hover .inner p {
	opacity:1;
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: transform 0.2s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* Video Post */
@media only screen and (min-width: 950px) {
	.work.format-video .preview-lazyload, .work.format-video .preview-lazyload iframe {
		width: 100%!important;
		height: 500px!important;
        background: transparent!important;
	}
}
.entry-content a.lazyload-info-icon, p a.lazyload-info-icon, 
a.lazyload-info-icon, .lazyload-info-icon, .entry-content a.lazyload-info-icon:visited, 
p a.lazyload-info-icon:visited, a.lazyload-info-icon:visited, .lazyload-info-icon:visited {
	margin: 0!important;
}
.home a.lazyload-info-icon, .home .lazyload-info-icon, #page a.lazyload-info-icon, #page .lazyload-info-icon {
	display:none !important;
	opacity:0 !important;
	visibility:hidden !important;
}


.embed-container h3 {
	position:absolute;
	top:34px;
	left:34px;
}

.embed-container h3 a {
	color:#ffffff;
}

.embed-container { 
	position: relative; 
	z-index:0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover !important;
} 


.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-more-info {
	border: 2px solid #ffffff;
	color:#ffffff;
	padding:11px 0;
	text-align:center;
	height:38px;
	width:38px;
	z-index:2;
	font-size:12px;
	position:absolute;
	left:34px;
	top:34px;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
	-webkit-transition: background .1s ease-out, -webkit-transform .2s ease .15s, border .1s ease;
	transition: background .1s ease-out, transform .2s ease .15s, border .1s ease;
}

.video-more-info:hover {
	color:#ffffff;
	background:#F8370B;
	border:2px solid #F8370B;
	opacity:1;
}

.work.format-video.video-open .video-more-info {
	opacity:1;
	visibility:visible;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: background .1s ease-out, -webkit-transform .2s ease .15s, border .1s ease;
	transition: background .1s ease-out, transform .2s ease .15s, border .1s ease;
}

.work.format-video.video-open .embed-container h4 {
	opacity:0;
	visibility:hidden;
	-webkit-transform: translate(0, 5px);
	-ms-transform: translate(0, 5px);
	transform: translate(0, 5px);
	-webkit-transition: all 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94);
	-moz-transition: all 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94);
	transition: all 0.15s 0.075s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}

.work.format-video.video-open .play-btn, .work.format-video.video-open:hover figure .play-btn  {
	opacity:0;
}

.work.format-video.video-open .inner {
	visibility:hidden;
	display:none;
}

/* Masonry */ 
.masonry {
	-webkit-transition: .5s all;
	transition: .5s all;
}
.grid-sizer { width: 32.333%; }
.gutter-sizer { width: 1.5%; }
.work { overflow: hidden; }
.work img { 
	max-width: none;
	display: block;
	width: 100%;
}
body.home .work.format-standard:nth-of-type(1) {
	height: 500px; 
	width: 66.167%
}
body.home .work.format-standard {
	width: 32.333%;
	height: 240px;
	background-color: #ddd;
	background-size: cover;
	margin: 0 0 20px;
}
body.home .work.format-standard:nth-child(3n+1) {
	height: 500px; 
}
body.home .work.format-video {
	width: 66.167%;
	height: 500px;
	background: #ddd;
	margin: 0 0 20px;
}
body.home .work.format-featured {
	width: 66.167%;
	height: 500px;
	margin: 0 0 20px;
	background-size: cover;
	float: left;
}

body.archive .work {
	width: 32.333%;
	height: 240px;
	background-color: #ddd;
	background-size: cover;
	margin: 0 0 20px;
}
body.archive .work:nth-of-type(9n+1) {
	height: 500px; 
	width: 66.167%
}
body.archive .work:nth-of-type(9n+4) {
	width: 66.167%;
	height: 500px;
}
body.archive .work:nth-of-type(9n+2), 
body.archive .work:nth-of-type(9n+6), 
body.archive .work:nth-of-type(9n+7) {
	height: 500px; 
}
.work.format-video h4 {
	width:50%;
}

body.archive .work.format-standard:nth-of-type(4) .short_description, .work.format-standard:nth-of-type(1) .short_description {
	width:50%;
}


/* Accordion */

#accordion > div, #accordion-single > div { padding: 5px 0 0; }
#accordion h1, #accordion-single h1 {
	text-decoration: none;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #F8370B;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#accordion .fa, #accordion-single .fa {
	font-size: 0.9rem;
	float: right;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}
#accordion .ui-state-active .fa, #accordion-single .ui-state-active .fa {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}
.ui-state-focus { outline: none; }
.ui-accordion-header:hover span, .ui-accordion-header:hover a {
	opacity:.6;
}
.ui-accordion-content {
	opacity:0;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
	-webkit-transition: opacity .3s ease .35s, -webkit-transform .4s ease .35s;
	-moz-transition: opacity .3s ease .35s, -moz-transform .4s ease .35s;
	transition: opacity .3s ease .35s, transform .4s ease .35s;
}
.ui-accordion-content-active {
	z-index: 1000;
	opacity:1;
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition: opacity .3s ease .35s, -webkit-transform .4s ease .35s;
	-moz-transition: opacity .3s ease .35s, -moz-transform .4s ease .35s;
	transition: opacity .3s ease .35s, transform .4s ease .35s;
}

#accordion {
	padding:20px 0;
}

.tab-img {
	margin-bottom:20px;
}

#accordion p {
	font-size:16px;
	font-size:1rem;
	color:#999999;
}

/* Sections */

.sections {
	border-top:1px solid #F8370B;
}

.section {
	padding:20px 0;
	border-bottom:1px solid #F8370B;
}

.section h4 {
	margin:0 0 5px 0;
}

.section-img {
	width:10%;
	float:left;
}

.section-img img {
	width:50px;
}

.section-content {
	float:left;
	width:90%;
}

.section:last-child {
	border:none;
}

/* Contact */

.contact-details {
	font-size:16px;
	font-size:1rem;
	color:#999999;
	margin:35px 0;
}

.teamimg {
	width:40%;
	float:left;
}

.teamcontent {
	width:60%;
	float:left;
	padding-left:20px;
}


.member-email {
	margin-top:15px;
}

.contact-details a {
	color:#999999;
}

#content .contact-details p {
	font-size:16px;
	font-size:1rem;
}

.flex-direction-nav a {
	color:rgba(248,55,11, 1) !important;
}

.flex-direction-nav a.flex-prev:before {
font-family:FontAwesome !important;
font-size: 40px;
display: inline-block;
content: '\f104' !important;
opacity:1 !important;
}

.flex-direction-nav a.flex-next:before {
font-family:FontAwesome !important;
font-size: 40px;
display: inline-block;
opacity:1 !important;
content: '\f105' !important;
}

.map-toggle {
	cursor:pointer;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.map-toggle:hover {
	opacity:0.6;
}

/* Approach Page */

.research-img img {
	max-width:51.8px !important;
}

.design-img img {
	max-width:54.7px !important;
}

.define-img img {
	max-width:61.4px !important;
}

.deliver-img img {
	max-width:54.6px !important;
}

.review-img img {
	max-width:45.5px !important;
}

/* Project Page */

.related-projects {
	margin:20px 0;
}

.related-projects h5 {
	margin:0 0 4px 0;
	color:#000000;
}

.related-projects a {
	display:block;
	margin:0 5px 0 0;
}

.share h5 {
	margin:0 0 4px 0;
	color:#000000;
}

.share a {
	display:inline-block;
	margin:0 5px 0 0;
	font-size:16px;
}
#project-details {
	margin: 0 0 40px;

}

#project-details .t {
	margin: 15px 0 0;
	cursor: pointer;
	clear: both;
}
#project-details .t h5 {
	color: #F8370B;
	cursor: pointer;
	margin: 0;
	display: inline-block;
}
#project-details .t > div {
	display: inline-block;
	margin: 0 5px 0 0;
}
#project-details .t.show-details > div {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
#project-details .t.hide-details > div {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
/* Visual Com */
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper {
	padding-top: 0!important;
	height: 600px;
}
@media only screen and (min-width: 1000px) {
	.wpb_video_wrapper .lazy-load-vimeo-div, .wpb_video_wrapper iframe, 
	.wpb_video_wrapper .preview-vimeo {
		height: 600px!important;
	}
}

/* About Page */

.table-responsive thead tr th {
	font-size:18px;
	padding:10px 7px 10px 0;
}

.table-responsive thead {
	border-bottom:1px solid #F8370B;
}

.table-responsive tr td {
	border-bottom:1px solid #F8370B;
	padding:10px 7px 10px 0;
}

.wpb_vc_table td.vc_table_cell {
font-size:13px;
}

@media (max-width: 767px) {
.table-responsive {
  border: none !important;
}
}

.page-id-145 h6 {
	margin:0 0 5px 0;
}


#content .our-team img {
	width:173px;
}

.wpb_video_widget {
	margin-bottom:25px !important;
}

.page-id-145 h3 {
	  margin: 0 0 14px;
	  font-size:1.363em;
}


.collapseomatic {
	background:none !important;
	color: #999;
	padding:0 0 0 190px!important;
	outline: none !important;
	clear: both;
	float: left;
	margin: -37px 0 20px;
	text-transform: capitalize;
}

.collapseomatic_excerpt, .collapseomatic_content {
	margin:26px 0 0 0 !important;
	clear: both;
	color: #999;
	opacity: 1;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#content .wpb_accordion_content p {
	color: #999!important;
}
.flexslider {
	box-shadow:none !important;
	margin:0 !important;
}

.wpb_gallery .wpb_flexslider .flex-control-paging {
	display:none;
}

/* Misc */
.wpb_wrapper {
	overflow: hidden;
}
#cookie-law-info-bar {
	border: 0!important;
	padding: 15px 0!important;
}
.cli-plugin-main-button {
	font-weight: normal!important;
	text-shadow: 0 0 0!important;
	box-shadow: 0 0 0!important;
	border-radius: 0!important;
	border: 0!important;
	background: #F8370B!important;
}
/* Contact Form */
.wpcf7 {
	max-width: 620px;
	margin: 20px auto 0!important;
}
.wpcf7-form input {
	float: left;
	width: 48.75%;
	display: block;
}
.wpcf7-form span:nth-of-type(2) input {
	width: 48.75%;
	margin: 0 0 2.5% 2.5%;
}
.wpcf7-form textarea, .wpcf7-form span:nth-of-type(3) input {
	width: 100%;
	margin: 0 0 2.5% 0;
}
.wpcf7-form input[type=submit] {
	float: none;
	margin: 0 auto;
	width: 210px;
}
.wpcf7-form br, .wpcf7-not-valid-tip, span[role=alert] {
	display: none!important;
}
span.wpcf7-form-control-wrap {
	display: block!important;
	position: static!important;
}
.wpcf7-response-output {
	border: none!important;
	font-size: 11px!important;
	text-align: center;
}
.wpcf7-mail-sent-ok {
	border: none!important;
}
form.sent input[type=text], form.sent input[type=email],form.sent textarea {
	border: 1px solid #398f14!important;
}
.wpcf7-not-valid {
	border: 1px solid #f00!important;
}
div.wpcf7 img.ajax-loader {
	margin: 0 auto!important;
	display: block;
}
/* Footer */
#footer {
	color: #999999;
}
#footer p {
	font-size: 0.8555em;
}

#footer a {
	color:#999999;
}

#footer i {
	margin-right:5px;
}

.footer-wrap {
	padding: 30px 0;
	border-top: 1px solid #999999;
}


#dets h5 {
	text-decoration: underline;
	margin: 0 0 5px;
}
#dets .three {
	overflow: hidden;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .3s ease .35s, -webkit-transform .4s ease .35s;
	-moz-transition: opacity .3s ease .35s, -moz-transform .4s ease .35s;
	transition: opacity .3s ease .35s, transform .4s ease .35s;
}
#dets .three.show {
	max-height: 500px;
}
#dets .three.hide {
	opacity: 0;
	max-height: 0;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
	-webkit-transition: opacity .3s ease .35s, -webkit-transform .4s ease .35s, all .2s ease-out;
	-moz-transition: opacity .3s ease .35s, -moz-transform .4s ease .35s;
	transition: opacity .3s ease .35s, transform .4s ease .35s, all .2s ease-out;
}

#navigation {
	position: fixed;
	z-index: 100;
	top: 50%;
}
#navigation .prev {
	position: fixed;
	left: 10px;
}
#navigation .next {
	position: fixed;
	right: 10px;
}
#taxon, #taxon-id {
	display: none;
}
.dialog-box ul {
	list-style: none!important;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.dialog-box li{
	list-style: none!important;
	display: inline-block;
	margin: 0 10px 10px 0 !important;
	padding: 0;
}

.dialog-box a img { 
	display: inline!important 
}

body .page-languages li {
	margin:20px 0 0 0!important;
	list-style: none!important;
	display: inline-block;
	padding: 0;
	font-size:16px !important;
}

body #lang_sel_list a {
	color:#1C1C1B !important;
	padding-bottom:0 !important;
	opacity:0.6;
}

body #lang_sel_list a.lang_sel_sel {
	text-decoration:underline !important;
	color:#1C1C1B  !important;
	opacity:1;
}

#menu #lang_sel_list li {
	padding-bottom:7px !important;
}

#infscr-loading {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index:999999;
}
#infscr-loading img {
    display: block;
    width: 16px;
    height: 16px;
    border: dashed 1px #231f20;
    border-top-color: #231f20;
    border-left-color: #231f20;
    border-radius: 10px;
    -webkit-animation: spinner 500ms linear infinite;
    -moz-animation: spinner 500ms linear infinite;
    -ms-animation: spinner 500ms linear infinite;
    -o-animation: spinner 500ms linear infinite;
    animation: spinner 500ms linear infinite;
}

#project-details .t .show-details-text {
	display:none;
}

#page-nav {
	display:none;
}
/* News */
body.blog #page .title {
	margin: 0 0 4%;
}
.post.social-box {
	float: left;
	background: transparent;
	padding: 0;
	width: 26%;
	font-size: .9em;
	height: 350px;
}
.post.social-box, .post.social-box a {
	color: #999999;
}
.ktweet .ktext { 
	margin: 5px 0 10px;
}
#post-content {
	float: right;
	width: 64%;
}
#post-masonry {}
#post-masonry .grid-sizer, #post-masonry .post {
	width: 47%;
}
#post-masonry .gutter-sizer {
	width: 6%;
}
#post-masonry .post {
	margin: 0 0 6%;
}
#post-masonry .post h3 {
	margin: 0;
	line-height:1.3;
	font-size:22px;
	padding-right:10px;
}
#post-masonry .post a {
	text-decoration: underline;
}
#post-masonry .thumb {
	position: relative;
	margin: 0 0 15px;
}
#post-masonry .thumb img {
	display: block;
}
#post-masonry .thumb .post-overlay {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	padding: 25px;
	font-size: 15px;
	color: #fff;
	overflow: auto;
	background: rgba(248,55,11,.7);
	transition: opacity 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}
#post-masonry .thumb:hover .post-overlay {
	opacity: 1;
	transition: opacity 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}
#post-masonry .thumb .post-overlay p {
	opacity: 0;
	margin: 0 0 25px;
	transform: translate(0, 25px);
	transition: transform 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}
#post-masonry .thumb:hover .post-overlay p {
	opacity: 1;
	transform: translate(0, 0);
	transition: transform 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.1s cubic-bezier(0.26, 0.46, 0.45, 0.94);
}
#post-masonry .thumb .post-overlay .read-more {
	display: block;
	font-size: 15px;
	color: #fff;
	opacity: 0;
	transform: translate(0, 15px);
	transition: transform 0.2s 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94);	
}
#post-masonry .thumb:hover .post-overlay .read-more {
	opacity: 1;
	transform: translate(0, 0);
	transition: transform 0.2s 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94), opacity 0.2s 0.2s cubic-bezier(0.26, 0.46, 0.45, 0.94);	
}
/* Single Post */
body.single-post .atx-pdf-btn {
	display: none;
}
.single-thumb {
	margin: 0 0 20px;
}
.post-title {
	margin: 0 0 20px;
}
.post-date {
	position: absolute;
	left: 0;
	display: block;
}
body.single-post #content p {
	color: #999;
	font-size: 1.05rem;
}
@media screen and (max-width: 950px) {
	#post-content, .post.social-box {
		float: none;
		width: 100%;
	}
	#page {margin: 0;}
	.post-date {
		position: relative;
		margin: 20px 0 0;
	}
	.post-title {
		margin: 10px 0 20px;
	}
}
@media screen and (max-width: 600px) {
	#post-masonry .grid-sizer, #post-masonry .post {
		width: 100%;
	}
	.post.social-box {
		height: auto;
	}
}