@-webkit-keyframes shakeLeft {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes shakeLeft {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@-webkit-keyframes shakeRight {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes shakeRight {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@-webkit-keyframes lightPulse {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@keyframes lightPulse {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@-webkit-keyframes bounce {
	0% {
		top: -20px;
	}
	50% {
		top: 0;
	}
	100% {
		top: -20px;
	}
}

@keyframes bounce {
	0% {
		top: -20px;
	}
	50% {
		top: 0;
	}
	100% {
		top: -20px;
	}
}

@-webkit-keyframes bounceShadow {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@keyframes bounceShadow {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@-webkit-keyframes radar1 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes radar1 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes radar2 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
}

@keyframes radar2 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
}

@-webkit-keyframes radar3 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}

@keyframes radar3 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}

@-webkit-keyframes radar4 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
}

@keyframes radar4 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
}

@-webkit-keyframes radar5 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
}

@keyframes radar5 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
}

@-webkit-keyframes paneRight {
	0% {
		margin-left: -20%;
	}
	100% {
		margin-left: 40%;
	}
}

@keyframes paneRight {
	0% {
		margin-left: -20%;
	}
	100% {
		margin-left: 40%;
	}
}

@-webkit-keyframes paneLeft {
	0% {
		margin-left: -20%;
	}
	50% {
		margin-left: -60%;
	}
	100% {
		margin-left: -20%;
	}
}

@keyframes paneLeft {
	0% {
		margin-left: -20%;
	}
	50% {
		margin-left: -60%;
	}
	100% {
		margin-left: -20%;
	}
}


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}


/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;

	height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 */

html {
	font-family: sans-serif;
	/* 2 */

	overflow-x: hidden !important;
	overflow-y: scroll !important;
	/* 1 */

	    -ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


/**
 * Remove default margin.
 */

body {
	margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;

	margin: .67em 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
	color: #000;
	background: #ff0;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */

q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;

	position: relative;

	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;

	border: 1px solid #c0c0c0;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	/* 1 */
	padding: 0;

	border: 0;
	/* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */

	margin: 0;
	/* 3 */
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 * `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
	/* 2 */
	cursor: pointer;

	-webkit-appearance: button;
	/* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}


/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 * (include `-moz` to future-proof).
 */

input[type='search'] {
	-webkit-box-sizing: content-box;
	/* 1 */
	/* 2 */
	        box-sizing: content-box;

	-webkit-appearance: textfield;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;

	border: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto;
	/* 1 */

	vertical-align: top;
	/* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
	border-spacing: 0;
	border-collapse: collapse;
}


/* ==========================================================================
   Helpers
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	display: block;
	overflow: hidden;

	height: 0;

	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}


/* IE < 8 */

.ir {
	display: block;
	overflow: hidden;

	text-align: left;
	text-indent: -999em;

	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;

	direction: ltr;
}

.ir br {
	display: none;
}

.ir {
	*line-height: 0;
}

*,
*:before,
*:after,
input,
textarea {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	*behavior: url(../js/vendor/boxsizing.htc);
}


/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

.container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.container:before,
.container:after {
	display: table;

	content: ' ';
}

.container:after {
	clear: both;
}

.container:before,
.container:after {
	display: table;

	content: ' ';
}

.container:after {
	clear: both;
}

.row {
	margin-right: -20px;
	margin-left: -20px;
}

.row:before,
.row:after {
	display: table;

	content: ' ';
}

.row:after {
	clear: both;
}

.row:before,
.row:after {
	display: table;

	content: ' ';
}

.row:after {
	clear: both;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	position: relative;

	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
	float: left;
}

.col-xs-1 {
	width: 8.333333333333332%;
}

.col-xs-2 {
	width: 16.666666666666664%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-4 {
	width: 33.33333333333333%;
}

.col-xs-5 {
	width: 41.66666666666667%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-7 {
	width: 58.333333333333336%;
}

.col-xs-8 {
	width: 66.66666666666666%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-10 {
	width: 83.33333333333334%;
}

.col-xs-11 {
	width: 91.66666666666666%;
}

.col-xs-12 {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.container {
		max-width: 750px;
	}
	.apply_button > .container {
		max-width: 850px;
	}
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11 {
		float: left;
	}
	.col-sm-1 {
		width: 8.333333333333332%;
	}
	.col-sm-2 {
		width: 16.666666666666664%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-4 {
		width: 33.33333333333333%;
	}
	.col-sm-5 {
		width: 41.66666666666667%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-7 {
		width: 58.333333333333336%;
	}
	.col-sm-8 {
		width: 66.66666666666666%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-10 {
		width: 83.33333333333334%;
	}
	.col-sm-11 {
		width: 91.66666666666666%;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-push-1 {
		left: 8.333333333333332%;
	}
	.col-sm-push-2 {
		left: 16.666666666666664%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-4 {
		left: 33.33333333333333%;
	}
	.col-sm-push-5 {
		left: 41.66666666666667%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-7 {
		left: 58.333333333333336%;
	}
	.col-sm-push-8 {
		left: 66.66666666666666%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-10 {
		left: 83.33333333333334%;
	}
	.col-sm-push-11 {
		left: 91.66666666666666%;
	}
	.col-sm-pull-1 {
		right: 8.333333333333332%;
	}
	.col-sm-pull-2 {
		right: 16.666666666666664%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-4 {
		right: 33.33333333333333%;
	}
	.col-sm-pull-5 {
		right: 41.66666666666667%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-7 {
		right: 58.333333333333336%;
	}
	.col-sm-pull-8 {
		right: 66.66666666666666%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-10 {
		right: 83.33333333333334%;
	}
	.col-sm-pull-11 {
		right: 91.66666666666666%;
	}
	.col-sm-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-sm-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666666666666%;
	}
}

@media only screen and (min-width: 992px) {
	.container {
		max-width: 980px;
	}
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11 {
		float: left;
	}
	.col-md-1 {
		width: 8.333333333333332%;
	}
	.col-md-2 {
		width: 16.666666666666664%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-4 {
		width: 33.33333333333333%;
	}
	.col-md-5 {
		width: 41.66666666666667%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-7 {
		width: 58.333333333333336%;
	}
	.col-md-8 {
		width: 66.66666666666666%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-10 {
		width: 83.33333333333334%;
	}
	.col-md-11 {
		width: 91.66666666666666%;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-push-1 {
		left: 8.333333333333332%;
	}
	.col-md-push-2 {
		left: 16.666666666666664%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-4 {
		left: 33.33333333333333%;
	}
	.col-md-push-5 {
		left: 41.66666666666667%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-7 {
		left: 58.333333333333336%;
	}
	.col-md-push-8 {
		left: 66.66666666666666%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-10 {
		left: 83.33333333333334%;
	}
	.col-md-push-11 {
		left: 91.66666666666666%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-pull-1 {
		right: 8.333333333333332%;
	}
	.col-md-pull-2 {
		right: 16.666666666666664%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-4 {
		right: 33.33333333333333%;
	}
	.col-md-pull-5 {
		right: 41.66666666666667%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-7 {
		right: 58.333333333333336%;
	}
	.col-md-pull-8 {
		right: 66.66666666666666%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-10 {
		right: 83.33333333333334%;
	}
	.col-md-pull-11 {
		right: 91.66666666666666%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}
	.col-md-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-md-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666666666666%;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 980px;
	}
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11 {
		float: left;
	}
	.col-lg-1 {
		width: 8.333333333333332%;
	}
	.col-lg-2 {
		width: 16.666666666666664%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-4 {
		width: 33.33333333333333%;
	}
	.col-lg-5 {
		width: 41.66666666666667%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-7 {
		width: 58.333333333333336%;
	}
	.col-lg-8 {
		width: 66.66666666666666%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-10 {
		width: 83.33333333333334%;
	}
	.col-lg-11 {
		width: 91.66666666666666%;
	}
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-push-1 {
		left: 8.333333333333332%;
	}
	.col-lg-push-2 {
		left: 16.666666666666664%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-push-4 {
		left: 33.33333333333333%;
	}
	.col-lg-push-5 {
		left: 41.66666666666667%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-push-7 {
		left: 58.333333333333336%;
	}
	.col-lg-push-8 {
		left: 66.66666666666666%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-push-10 {
		left: 83.33333333333334%;
	}
	.col-lg-push-11 {
		left: 91.66666666666666%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-pull-1 {
		right: 8.333333333333332%;
	}
	.col-lg-pull-2 {
		right: 16.666666666666664%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-pull-4 {
		right: 33.33333333333333%;
	}
	.col-lg-pull-5 {
		right: 41.66666666666667%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-pull-7 {
		right: 58.333333333333336%;
	}
	.col-lg-pull-8 {
		right: 66.66666666666666%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-pull-10 {
		right: 83.33333333333334%;
	}
	.col-lg-pull-11 {
		right: 91.66666666666666%;
	}
	.col-lg-offset-0 {
		margin-left: 0;
	}
	.col-lg-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-lg-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-lg-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-lg-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-lg-offset-11 {
		margin-left: 91.66666666666666%;
	}
}

.notransition {
	-webkit-transition: none;
	        transition: none;
}


/* @license
 * MyFonts Webfont Build ID 2585778, 2013-06-21T06:04:56-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 *
 * Webfont: Van Condensed by Vanarchiv
 * URL: http://www.myfonts.com/fonts/rsantos/van-condensed/regular/
 * Copyright: Copyright (c) 2004 by Vanarchiv Type Foundry. All rights reserved.
 *
 * Webfont: Van Condensed Light by Vanarchiv
 * URL: http://www.myfonts.com/fonts/rsantos/van-condensed/light-reg/
 * Copyright: Copyright (c) 2004 by Vanarchiv Type Foundry. All rights reserved.
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2585778
 *
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

@font-face {
	font-family: 'VanCondensed';

	src: url('webfonts/2774B2_4_0.eot');
	src: url('webfonts/2774B2_4_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2774B2_4_0.woff') format('woff'), url('webfonts/2774B2_4_0.ttf') format('truetype');
}

@font-face {
	font-family: 'VanCondensed-Light';

	src: url('webfonts/2774B2_6_0.eot');
	src: url('webfonts/2774B2_6_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2774B2_6_0.woff') format('woff'), url('webfonts/2774B2_6_0.ttf') format('truetype');
}

@font-face {
	font-family: 'VanCondensed-LightItalic';

	src: url('webfonts/2774B2_1_0.eot');
	src: url('webfonts/2774B2_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2774B2_1_0.woff') format('woff'), url('webfonts/2774B2_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'VanCondensed-Bold';

	src: url('webfonts/2774B2_0_0.eot');
	src: url('webfonts/2774B2_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2774B2_0_0.woff') format('woff'), url('webfonts/2774B2_0_0.ttf') format('truetype');
}


/* basic scrollbar styling */


/* vertical scrollbar */

.mCSB_container {
	overflow: hidden;

	width: auto;
	margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
	margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
	top: 0;
	right: 0;

	width: 16px;
	height: 100%;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;

	border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
	width: 100%;
	height: 30px;

	cursor: pointer;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	height: 100%;
	margin: 0 auto;

	text-align: center;

	border-radius: 10px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	position: relative;

	display: block;
	overflow: hidden;

	height: 20px;
	margin: 0 auto;

	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	top: 100%;

	margin-top: -40px;
}


/* horizontal scrollbar */

.mCSB_horizontal > .mCSB_container {
	overflow: hidden;

	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;

	overflow: hidden;

	width: 100%;
	height: 16px;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;

	border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	width: 30px;
	height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;

	border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	position: relative;

	display: block;
	float: left;
	overflow: hidden;

	width: 20px;
	height: 100%;
	margin: 0 auto;

	cursor: pointer;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	float: right;

	margin-left: -40px;
}

.mCustomScrollBox {
	-ms-touch-action: none;
	/*MSPointer events - direct all pointer events to js*/
}


/* default scrollbar colors and backgrounds (default theme) */

.mCustomScrollBox > .mCSB_scrollTools {
	opacity: .75;

	    filter: 'alpha(opacity=75)';
	-ms-filter: 'alpha(opacity=75)';
	/* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
	opacity: 1;

	    filter: 'alpha(opacity=100)';
	-ms-filter: 'alpha(opacity=100)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .4);

	    filter: 'alpha(opacity=40)';
	-ms-filter: 'alpha(opacity=40)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .75);

	    filter: 'alpha(opacity=75)';
	-ms-filter: 'alpha(opacity=75)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85);

	    filter: 'alpha(opacity=85)';
	-ms-filter: 'alpha(opacity=85)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9);

	    filter: 'alpha(opacity=90)';
	-ms-filter: 'alpha(opacity=90)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	opacity: .4;
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;

	    filter: 'alpha(opacity=40)';
	-ms-filter: 'alpha(opacity=40)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/*
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/*
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: .75;

	    filter: 'alpha(opacity=75)';
	-ms-filter: 'alpha(opacity=75)';
	/* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: .9;

	    filter: 'alpha(opacity=90)';
	-ms-filter: 'alpha(opacity=90)';
	/* old ie */
}


/*scrollbar themes*/


/*dark (dark colored scrollbar)*/

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}


/*light-2*/

.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;

	border-radius: 1px;
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .1);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;

	border-radius: 1px;
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .75);
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}


/*dark-2*/

.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;

	border-radius: 1px;
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .1);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;

	border-radius: 1px;
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .75);
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}


/*light-thick*/

.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;

	border-radius: 2px;
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .1);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;

	border-radius: 2px;
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .75);
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255, 255, 255, .9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}


/*dark-thick*/

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;

	border-radius: 2px;
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .1);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;

	border-radius: 2px;
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .75);
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}


/*light-thin*/

.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff;
	/* rgba fallback */
	background: rgba(255, 255, 255, .1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}


/*dark-thin*/

.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;

	background: #000;
	/* rgba fallback */
	background: rgba(0, 0, 0, .75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0, 0, 0, .9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.modal-natal {
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;

	display: table;

	width: 100%;
	height: 100%;

	-webkit-transition: opacity .4s ease-in-out;
	        transition: opacity .4s ease-in-out;

	background: rgba(0, 0, 0, .8);
}

.modal-natal:hover .bt-close {
	opacity: 1;
}

.video-container {
	display: table-cell;

	height: 100%;

	text-align: center;
	vertical-align: middle;
}

.video-content {
	position: relative;

	display: inline-block;

	width: 90%;
	max-width: 837px;
	height: 500px;
}

.background_video {
	z-index: -100;

	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: 100%;

	image-fit: fill;
}

#cases {
	height: auto;
	margin-bottom: 1px;
}
.cases_news{
	margin: 0 auto 1px auto !important;
	text-align: center;
}
#cases figure {
	position: relative;

	width: auto;
	margin-bottom: 1px;

	opacity: 0;
}

#cases figure.visible {
	opacity: 1;
}

.work-case {
	color: #fff;
}

.work-case .container.fullsize {
	position: relative;

	width: 100%;
	max-width: 1280px;
}

.work-case .mobile-wrapper {
	display: none;
}

.work-case .img-wrapper {
	padding: 0;
}
.img-wrapper-news{
	padding: 0;
	width: 100%;
	height: auto;
	vertical-align: middle;
	height: 345px;
	margin-bottom: 29px;
}
.work-case .img-wrapper img {
	width: 100%;
	height: auto;

	vertical-align: middle;
}

.work-case .text-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;

	padding: 0;

	text-align: left;
}

.work-case .text-wrapper .slide-inner {
	display: table;

	width: 100%;
	height: 100%;
}

.work-case .text-wrapper .middle {
	display: table-cell;

	vertical-align: middle;
}

.work-case .text-wrapper .logo {
	display: block;

	padding-bottom: 20px;
}

.work-case .text-wrapper .case-type {
	font-size: 17px;
	line-height: 1.5em;

	display: block;

	padding-right: 30%;
	padding-bottom: 20px;
}

.work-case .text-wrapper .case-title {
	font-size: 50px;
	line-height: 1.2;

	display: block;

	padding-bottom: 10px;

	text-align: left;
	letter-spacing: -.02em;
	text-transform: uppercase;

	color: #fff;
}

.work-case a.button {
	width: auto;

	border: 1px solid #fff;
}
.middle-news .date{
	margin-bottom: 48px;
}
.span_news{
	margin-top: 40px;
	margin-bottom: 97px;
}
.news_buttons{
	display: block;
	margin-top: 43px;
    margin-bottom: 86px;
}
.news_buttons a{
	display: inline-block;
}
.news_button{
    margin: 0 auto;
    width: 200px;
    text-align: center;
    margin-bottom: 86px;
}
.news_button a{
    padding: 12px 45px 7px !important;
}
.old_news{
    padding: 32px 0 32px 0;
	background-color: #f2f2f2;
	text-align: center;
}
.old_news p{
	color: #d6d6d6;
    display: inline-block;
    margin: 0 7px 0 3px;
    vertical-align: top;
}
.old_news a{
	vertical-align: top;
    text-transform: uppercase;
    color: #d6d6d6;
    display: inline-block;
    font-size: 20px;
}
@media only screen and (max-width: 768px) {
	.work-case .mobile-wrapper {
		display: block;

		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;

		vertical-align: middle;
	}
	.work-case .img-wrapper,
	.work-case .text-wrapper {
		display: none;
	}
}

.embed-container {
	position: relative;

	float: none !important;
	overflow: hidden;

	max-width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.news_embed_container{
	max-width: 70%;
	margin: 0 auto;
    padding-bottom: 40.25%;
}
.news_img_container{
	max-width: 70%;
	margin: 0 auto;
	padding-bottom: 40.25%;
	background-size: cover;
	background-repeat: no-repeat;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.bt-close {
	position: absolute;
	top: 0;
	right: 0;

	width: 72px;
	height: 67px;
	padding: 0;

	cursor: pointer;
	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 0;
	border: 0;
	background: none;
	background: #202020;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.bt-close i {
	position: absolute;
	top: 18px;
	left: 20px;

	width: 33px;
	height: 33px;

	-webkit-transition: all 275ms ease-in-out;
	        transition: all 275ms ease-in-out;

	background: url(../img/sprite.png) -252px 0;
}

.bt-close:hover i {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

@media only screen and (max-width: 430px) {
	.bt-close {
		opacity: 1;
	}
	.video-content {
		height: 237px;
	}
}

.green hr {
	border-color: #80c68f;
}

.green h3 strong {
	color: #80c68f;
}

.purple hr {
	border-color: #ac55a0;
}

.purple h3 strong {
	color: #ac55a0;
}

.orange hr {
	border-color: #ee663b;
}

.orange h3 strong {
	color: #ee663b;
}

.pink hr {
	border-color: #d5355b;
	border-top: 1px solid #d5355b;
}

.pink h3 strong {
	color: #d5355b;
}

.blue hr {
	border-color: #5dc5c6;
}

.blue h3 strong {
	color: #5dc5c6;
}

@-webkit-keyframes shakeLeft {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes shakeLeft {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@-webkit-keyframes shakeRight {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
	}
}

@keyframes shakeRight {
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@-webkit-keyframes lightPulse {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@keyframes lightPulse {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@-webkit-keyframes bounce {
	0% {
		top: -20px;
	}
	50% {
		top: 0;
	}
	100% {
		top: -20px;
	}
}

@keyframes bounce {
	0% {
		top: -20px;
	}
	50% {
		top: 0;
	}
	100% {
		top: -20px;
	}
}

@-webkit-keyframes bounceShadow {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@keyframes bounceShadow {
	0% {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .5;
	}
}

@-webkit-keyframes radar1 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes radar1 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes radar2 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
}

@keyframes radar2 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
}

@-webkit-keyframes radar3 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}

@keyframes radar3 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}

@-webkit-keyframes radar4 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
}

@keyframes radar4 {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
}

@-webkit-keyframes radar5 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
}

@keyframes radar5 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
}

@-webkit-keyframes paneRight {
	0% {
		margin-left: -20%;
	}
	100% {
		margin-left: 40%;
	}
}

@keyframes paneRight {
	0% {
		margin-left: -20%;
	}
	100% {
		margin-left: 40%;
	}
}

@-webkit-keyframes paneLeft {
	0% {
		margin-left: -20%;
	}
	50% {
		margin-left: -60%;
	}
	100% {
		margin-left: -20%;
	}
}

@keyframes paneLeft {
	0% {
		margin-left: -20%;
	}
	50% {
		margin-left: -60%;
	}
	100% {
		margin-left: -20%;
	}
}

body {
	font-family: 'VanCondensed-Light';
	line-height: 1.3;

	background: #3b3b3b;
}

.main {
	background: #fff;
}

.content {
	position: relative;

	margin-bottom: 165px;

	-webkit-transition: background 300ms ease-in-out;
	        transition: background 300ms ease-in-out;

	background: #fff;
}

.content > div,
.content figure,
.content section {
	position: relative;

	-webkit-transition: opacity 300ms ease-in-out;
	        transition: opacity 300ms ease-in-out;
}

.content > div.notransition,
.content figure.notransition,
.content section.notransition {
	-webkit-transition: none;
	        transition: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'VanCondensed';
	font-weight: normal;

	text-transform: uppercase;
}

strong {
	font-family: 'VanCondensed';
	font-weight: normal;
}

h2 {
	font-size: 48px;
	line-height: 1;

	margin: 0;

	letter-spacing: -2px;
}

@media only screen and (min-height: 321px) and (min-width: 481px) {
	h2 {
		font-size: 68px;
	}
}

h3 {
	font-size: 40px;
	line-height: 1;

	margin: 0;

	letter-spacing: -2px;
}

@media only screen and (min-width: 768px) {
	h3 {
		font-size: 50px;
	}
}

hr {
	width: 60px;
	margin-bottom: 25px;

	border-width: 1px 0 0 0;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

*,
*:before,
*:after,
input {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	*behavior: url(../js/vendor/boxsizing.htc);
}

.main-preloader {
	position: fixed;
	top: 50%;
	left: 50%;

	margin-top: -15px;
	margin-left: -15px;
}

.touch .main-preloader {
	position: fixed;
	top: 50%;
	left: 50%;

	display: none;

	margin-top: -15px;
	margin-left: -15px;
}

.hero-social {
	position: absolute;
	bottom: 20px;
	left: 50%;

	width: 152px;
	height: 38px;
	margin-left: -76px;
}

.hero-social a {
	position: relative;

	display: block;
	float: left;

	width: 38px;
	height: 37px;
	margin: 0;

	background: url(../img/social.png);
}

.hero-social a i {
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	-webkit-transition: opacity 150ms ease-in-out;
	        transition: opacity 150ms ease-in-out;

	opacity: 0;
	background: url(../img/social.png);
}

.hero-social a.share-fb {
	background-position: 0 -38px;
}

.hero-social a.share-fb i {
	background-position: 0 0;
}

.hero-social a.share-tw {
	background-position: -37px -38px;
}

.hero-social a.share-tw i {
	background-position: -37px 0;
}

.hero-social a.share-gp {
	background-position: -75px -38px;
}

.hero-social a.share-gp i {
	background-position: -75px 0;
}

.hero-social a.share-pn {
	background-position: -113px -38px;
}

.hero-social a.share-pn i {
	background-position: -113px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.hero-social a,
	.hero-social a i {
		background-image: url(../img/social@2x.png);
		background-size: 151px 75px;
	}
}

.no-touch .hero-social a:hover i,
.no-touch .hero-social a:active i,
.no-touch .hero-social a:focus i {
	opacity: 1;
}

button:focus {
	outline: none;
}

.button {
	font-family: 'VanCondensed';
	font-size: 20px;

	position: relative;

	display: inline-block;
	overflow: hidden;

	padding: 12px 20px 9px;

	-webkit-transition: all 50ms ease-in-out;
	        transition: all 50ms ease-in-out;
	text-align: center;
	text-transform: uppercase;

	color: #000;
	border: solid 2px #000;
	background: none;
}

.button i {
	position: absolute;
	top: 0;
	left: 50%;

	display: block;

	width: 0;
	height: 100%;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;
	-webkit-transform: skew(45deg);
	    -ms-transform: skew(45deg);
	        transform: skew(45deg);
}

.button span {
	position: relative;

	display: block;
}

.button.pos {
	color: #000;
	border-color: #000;
}

.button.pos i {
	background: #000;
}

.button.pos.gray {
	color: #bebebe;
	border-color: #bebebe;
}

.button.pos.gray i {
	background: #bebebe;
}

.button.neg {
	color: #fff;
	border-color: #fff;
}

.button.neg i {
	background: #fff;
}

.button.neg.gray {
	color: #bebebe;
	border-color: #bebebe;
}

.button.neg.gray i {
	background: #fff;
}

.button.button-full.pos {
	color: #fff;
	background: #3b3b3b;
}

.button.button-full.pos i {
	background: #fff;
}

.button.button-full.pos.gray {
	color: #fff;
	background: #bebebe;
}

.button.button-full.pos.gray i {
	background: #fff;
}

.button.button-full.neg {
	color: #3b3b3b;
	background: #fff;
}

.button.button-full.neg i {
	background: #3b3b3b;
}

.button.button-full.active.pos {
	color: #3b3b3b;
}

.button.button-full.active.neg {
	color: #fff;
}

.button.active.pos {
	color: #fff;
}

.button.active.neg {
	color: #000;
}

.button.active.pos.gray {
	color: #fafafa;
}

.button.active.neg.gray {
	color: #3b3b3b;
	border-color: #fff;
}

.button.active i {
	left: -25%;

	width: 150%;
}

.purple .bt-live {
	color: #ac55a0;
	border-color: #ac55a0;
}

.purple .bt-live i {
	background: #ac55a0;
}

a.button {
	padding: 12px 20px 7px;
}

input {
	border-radius: 0;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.form-success {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;

	display: none;

	width: 100%;
	height: 100%;

	background: rgba(0, 0, 0, .8);
}

.form-success > div {
	font-family: 'VanCondensed';
	font-size: 14px;
	line-height: 1;

	position: absolute;
	bottom: 50%;
	left: 50%;

	width: 215px;
	margin: 31px 0 0 -141px;
	padding: 10px 15px;

	text-align: center;
	text-transform: uppercase;

	color: #fff;
	background: #3b3b3b;
}

.form-success p {
	position: relative;

	float: left;

	width: 100%;
}

.form-success .bt-close {
	position: absolute;
	top: 0;
	right: -68px;

	width: 67px;
	height: 62px;
	padding: 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	border: 0;
	background: none;
	background: #3b3b3b;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.form-success .bt-close i {
	position: absolute;
	top: 15px;
	left: 18px;

	width: 33px;
	height: 33px;

	-webkit-transition: all 275ms ease-in-out;
	        transition: all 275ms ease-in-out;

	background: url(../img/sprite.png) -252px 0;
}

.form-success .bt-close:hover,
.form-success .bt-close:active,
.form-success .bt-close:focus {
	background: #000;
}

.no-touch .button.button-full:hover.pos,
.no-touch .button.button-full:active.pos,
.no-touch .button.button-full:focus.pos {
	color: #3b3b3b;
}

.no-touch .button.button-full:hover.neg,
.no-touch .button.button-full:active.neg,
.no-touch .button.button-full:focus.neg {
	color: #fff;
}

.no-touch .button:hover,
.no-touch .button:active,
.no-touch .button:focus {
	outline: none;
}

.no-touch .button:hover.pos,
.no-touch .button:active.pos,
.no-touch .button:focus.pos {
	color: #fff;
}

.no-touch .button:hover.neg,
.no-touch .button:active.neg,
.no-touch .button:focus.neg {
	color: #000;
}

.no-touch .button:hover.pos.gray,
.no-touch .button:active.pos.gray,
.no-touch .button:focus.pos.gray {
	color: #fafafa;
}

.no-touch .button:hover.neg.gray,
.no-touch .button:active.neg.gray,
.no-touch .button:focus.neg.gray {
	color: #3b3b3b;
	border-color: #fff;
}

.no-touch .button:hover i,
.no-touch .button:active i,
.no-touch .button:focus i {
	left: -25%;

	width: 150%;
}

@media only screen and (max-height: 299px) {
	.hero-social {
		position: absolute;
		top: 50%;
		right: 15px;
		bottom: auto;
		left: auto;

		width: 38px;
		height: 152px;
		margin-top: -46px;
		margin-left: -76px;
	}
}

.main > header {
	z-index: 4;

	-webkit-transition: background-color 200ms ease-in-out;
	        transition: background-color 200ms ease-in-out;

	background-color: #3b3b3b;
}

.main > header .container {
	position: relative;
}

.main h1 {
	position: relative;

	float: left;

	margin: 0;

	border-right: solid 1px transparent;
}

.main h1 a {
	display: block;

	width: 126px;
	height: 60px;

	-webkit-transition: background-color 200ms ease-in-out;
	        transition: background-color 200ms ease-in-out;

	background: transparent url(../img/sprite.png) -125px 0;
}

.main h1 .border-left {
	position: absolute;
	z-index: -1;
	right: 0;

	display: block;

	width: 3000px;
	height: 60px;
	margin: 0;
}

.main h1 .new-border {
	position: absolute;
	z-index: -1;
	right: 3000px;

	display: block;

	width: 3000px;
	height: 60px;
	margin: 0;
}

.main > header {
	position: fixed;

	width: 100%;
}

nav {
	font-family: 'VanCondensed';
	font-size: 14px;

	position: relative;

	float: left;

	margin: 21px 0 0 10px;
}

nav ul {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

nav li {
	position: relative;

	float: left;
}

nav li.nav-lang {
	display: none;
}

nav a {
	display: block;

	padding: 2px 10px;

	-webkit-transition: opacity 100ms ease-in-out;
	        transition: opacity 100ms ease-in-out;
	text-decoration: none;
	text-transform: uppercase;

	opacity: .5;
	color: #fff;
}

nav a.active {
	opacity: 1;
}

.lang {
	font-family: 'VanCondensed';
	font-size: 14px;

	position: absolute;
	top: 0;
	right: 0;

	padding: 22px 38px 0 0;

	text-transform: uppercase;
	;
}

.lang a {
	height: 0;

	-webkit-transition: opacity 150ms ease-in-out;
	        transition: opacity 150ms ease-in-out;
	text-decoration: none;

	opacity: 0;
}

.lang p,
.lang a {
	margin: 0;
	padding: 2px 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	color: #fff;
}

.lang p {
	opacity: .5;
}

.lang i {
	position: absolute;
	top: 29px;
	right: 25px;

	-webkit-transition: opacity 150ms ease-in-out;
	        transition: opacity 150ms ease-in-out;

	opacity: .5;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.lang.active a {
	height: auto;

	opacity: 1;
}

.lang.active p {
	margin-top: -21px;
}

.lang.active p,
.lang.active i {
	opacity: 1;
}

.bt-nav {
	position: absolute;
	top: 0;
	right: 0;

	display: none;

	width: 60px;
	height: 60px;

	background: #3b3b3b url(../img/bt-menu.png) center center no-repeat;
}

.no-touch nav a:hover,
.no-touch nav a:active,
.no-touch nav a:focus {
	opacity: 1;
}

.no-touch .lang:hover a,
.no-touch .lang:active a,
.no-touch .lang:focus a {
	height: auto;

	opacity: 1;
}

.no-touch .lang:hover p,
.no-touch .lang:active p,
.no-touch .lang:focus p {
	margin-top: -21px;
}

.no-touch .lang:hover i,
.no-touch .lang:active i,
.no-touch .lang:focus i {
	opacity: 1;
}

.no-touch .lang:hover p,
.no-touch .lang:active p,
.no-touch .lang:focus p {
	opacity: 0;
}

.no-touch .lang p:hover,
.no-touch .lang a:hover,
.no-touch .lang p:active,
.no-touch .lang a:active,
.no-touch .lang p:focus,
.no-touch .lang a:focus {
	cursor: pointer;

	opacity: 1;
}

header.transparent {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	background-color: transparent;
}

header.transparent h1 {
	border-color: rgba(255, 255, 2555, .5);
}

@media only screen and (max-width: 767px) {
	.bt-nav {
		display: block;
	}
	.lang {
		display: none;
	}
	body,
	footer {
		-webkit-transition: all 200ms ease-in-out;
		        transition: all 200ms ease-in-out;
	}
	body {
		position: relative;
	}
	nav {
		position: fixed;
		top: 60px;
		right: -125px;
		left: auto;

		width: 125px;
		height: 100%;
		margin: 0;

		-webkit-transition: right 200ms ease-in-out;
		        transition: right 200ms ease-in-out;

		background: #3b3b3b;
	}
	nav ul {
		margin: 20px 20px 20px 15px;
	}
	nav li {
		display: block;
		float: none;
	}
	nav li a {
		padding: 2px 5px;
	}
	nav li.nav-lang {
		display: block;
	}
	.show-nav {
		right: 125px;
	}
	.show-nav .bt-nav {
		opacity: 1;
	}
	.show-nav nav {
		right: 0;
	}
	.show-nav footer {
		right: 125px;
		left: auto;
	}
	header.transparent .bt-nav {
		background-color: transparent;
	}
	header.green {
		background-color: #80c68f;
	}
	header.purple {
		background-color: #ac55a0;
	}
	header.orange {
		background-color: #ee663b;
	}
	header.pink {
		background-color: #d5355b;
	}
	header.blue {
		background-color: #5dc5c6;
	}
	header.black {
		background-color: #000;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.main h1 a {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
}

.main footer {
	position: fixed;
	z-index: -1;
	bottom: 55px;

	width: 100%;
}

.main footer .container {
	position: relative;

	height: 55px;
}

.main footer .contacts {
	padding: 11px 0 8px;

	text-align: right;

	border-right: solid 1px #8c8c8c;
}

.main footer p,
.main footer .contacts a {
	font-family: 'VanCondensed';
	font-size: 14px;

	color: #8c8c8c;
}

.main footer p {
	margin: 0 15px 0 0;
}

.main footer .social a {
	position: relative;

	float: left;

	margin: 8px 5px 0 0;

	-webkit-transition: background-color 150ms ease-in-out;
	        transition: background-color 150ms ease-in-out;

	background: #3b3b3b url(../img/sprite.png) 0 -43px;
}

.main footer .social a:first-child {
	margin-left: -5px;
}

.main footer .social a i {
	width: 38px;
	height: 37px;

	background-image: url(../img/sprite.png);
}

.main footer .social a .icon-fb {
	background-position: -48px -37px;
}

.main footer .social a .icon-in {
	background-position: -86px -37px;
}

.main footer .social .like-container {
	position: relative;
	top: 15px;

	float: left;

	margin-left: 20px;
}

.main footer .social .like-container i {
	position: absolute;
	top: -1px;

	display: none;

	width: 19px;
	height: 37px;

	background: #3b3b3b url(../img/sprite.png);
}

.main footer .footer-cta {
	display: none;

	margin-top: 75px;
	margin-bottom: 75px;

	text-align: center;
}

.main footer .footer-cta h3 {
	text-align: center;

	color: #8c8c8c;
}

.main footer .footer-cta .cta-contacts {
	margin: 55px 0;
}

.main footer .footer-cta .button {
	margin-top: 25px;
	padding: 9px 20px 5px;
}

.project .content,
.projects .content {
	margin-bottom: 365px;
}

.project footer .cta-work,
.projects footer .cta-work,
.news footer .cta-work {
	display: block;
}

.about .content,
.alma .content,
.news .content {
	margin-bottom: 365px;
}

.about footer .cta-meet,
.alma footer .cta-meet {
	display: block;
}

.clients .content {
	margin-bottom: 365px;
}

.clients footer .cta-work-with {
	display: block;
}

@media only screen and (max-width: 430px) {
	.main footer .footer-cta {
		margin-top: 25px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-height: 420px) {
	.project .content,
	.projects .content,
	.about .content,
	.alma .content,
	.clients .content,
	.news .content  {
		margin-bottom: 30px;
	}
	.main footer {
		position: relative;
	}
	.main footer .footer-cta {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.main .content {
		margin-bottom: 80px;
	}
}

@media only screen and (max-height: 365px) {
	.project .content,
	.projects .content,
	.about .content,
	.alma .content,
	.clients .content,
	.news .content {
		margin-bottom: 30px;
	}
	.main footer {
		position: relative;
	}
	.main footer .footer-cta {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.main .content {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.main footer .contacts {
		width: 100%;

		text-align: center;

		border: none;
	}
	.main footer .social {
		position: relative;

		float: none;

		width: 220px;
		margin: 0 auto;
	}
}

.no-touch .main footer .social a:hover,
.no-touch .main footer .social a:active,
.no-touch .main footer .social a:focus {
	background-color: #fff;
}

.no-touch .main footer .social a:hover .icon-fb,
.no-touch .main footer .social a:active .icon-fb,
.no-touch .main footer .social a:focus .icon-fb {
	background-position: -48px 0;
}

.no-touch .main footer .social a:hover .icon-in,
.no-touch .main footer .social a:active .icon-in,
.no-touch .main footer .social a:focus .icon-in {
	background-position: -86px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.main footer .social a {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
	.main footer .social a i {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
	.main footer .social .like-container i {
		height: 38px;

		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
	.main footer .social .like-container .icon-like {
		background: url(../img/bt-like@2x.png);
		background-size: 38px 37px;
	}
}

.home .content {
	background: #3b3b3b;
}

.content .main-feature {
	width: 100%;
	height: 2000px;
}

.content .main-feature > div {
	display: table;

	width: 100%;
	height: 100%;
	padding-top: 20%;
}

.content .main-feature > div > div {
	position: relative;

	display: table-cell;

	text-align: center;
	vertical-align: middle;
}

.content .main-feature h2 {
	margin: 55px 0 15px;
	padding: 10px 30px 0;

	color: #fff;
}

.content .main-feature button {
	display: inline;
}

.touch .content .main-feature {
	background: url(../assets/hp/poster.jpg) center center;
	background-size: cover;
}

.hero-info {
	padding: 75px 0;

	text-align: center;

	background: #fff;
}

.hero-info a {
	color: #000;
}

.hero-info .row > p {
	font-size: 20px;

	margin-top: 13px;
	margin-bottom: 45px;
}

.hero-info figure {
	margin-bottom: 30px;
	padding: 0 10px;

	-webkit-backface-visibility: hidden;
}

.hero-info .thumb-hover {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 175px;
}

.hero-info .thumb-hover > img {
	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;
}

.hero-info .thumb-hover p {
	font-family: 'VanCondensed';
	font-size: 20px;

	position: absolute;
	top: 56px;

	width: 100%;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
	text-transform: uppercase;

	opacity: 0;
	color: #fff;
}

.hero-info h4 {
	font-family: 'VanCondensed-Bold';
	font-size: 14px;
	font-weight: normal;

	margin: 27px 0 5px;
}

.hero-info h4 strong {
	font-family: 'VanCondensed-Bold';

	display: block;
}

.hero-info figcaption {
	padding: 0 41px;
}

.hero-info figcaption > p {
	font-size: 14px;

	margin-top: 0;
}

.hero-info .pink strong {
	color: #d5355b;
}

.hero-info .orange strong {
	color: #ee663b;
}

.hero-info .purple strong {
	color: #ac55a0;
}

.csstransforms .hero-info .thumb-hover > img {
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.csstransforms .hero-info .thumb-hover p {
	-webkit-transform: scale(.5);
	    -ms-transform: scale(.5);
	        transform: scale(.5);
}

.no-touch .hero-info figure:hover .thumb-hover > img {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.no-touch .hero-info figure:hover .thumb-hover > p {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);

	opacity: 1;
}

.no-opacity .hero-info figure .thumb-hover img {
	visibility: hidden;
}

.no-opacity .hero-info figure .thumb-hover p {
	visibility: hidden;
}

.no-opacity .hero-info figure:hover .thumb-hover img {
	visibility: visible;
}

.no-opacity .hero-info figure:hover .thumb-hover p {
	visibility: visible;
}

.feature-detail {
	height: 365px;
}
.feature-detail-news{
	height: 365px;
	margin-bottom: 55px;
}

.feature-detail figcaption, .feature-detail-news figcaption  {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	text-align: center;
}

.feature-detail figcaption > div {
	display: table;

	width: 100%;
	height: 100%;
}

.feature-detail figcaption > div > div {
	display: table-cell;

	width: 100%;
	margin: 0 auto 0;

	vertical-align: middle;
}

.feature-detail h3 {
	margin: 0;

	color: #fff;
}

.feature-detail p {
	font-size: 20px;

	margin-top: 3px;
	margin-bottom: 0;

	color: #fff;
}

.feature-detail .button {
	margin-top: 30px;
}

.touch .feature-detail.purple {
	background: url(../assets/hp/feature01.jpg) center center;
	background-size: cover;
}

.touch .feature-detail.green {
	background: url(../assets/hp/feature02.jpg) center center;
	background-size: cover;
}

.touch .feature-detail.orange {
	background: url(../assets/hp/feature02.jpg) center center;
	background-size: cover;
}
.feature-detail-news{
	background: url(../assets/hp/feature02.jpg) center center;
	background-size: cover;
}
.newsletter form {
	padding: 25px 0 30px;
}

.newsletter input {
	font-family: 'VanCondensed-Light';
	font-size: 20px;

	position: relative;
	top: -3px;

	width: 300px;
	max-width: 90%;
	height: 48px;
	margin: 0 7px 10px 0;
	padding: 10px 20px;

	color: #fff;
	border: solid 2px #fff;
	border-radius: none;
	background: none;
}

.newsletter input:focus {
	outline: none;
}

.newsletter::-webkit-input-placeholder {
	opacity: 1;
	color: #fff;
}

.newsletter:-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.newsletter::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.newsletter:-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

.newsletter .button {
	margin-top: 0;
}

@media only screen and (max-width: 1300px) {
	.content .main-feature > div {
		padding-top: 30%;
	}
}

@media only screen and (max-width: 1024px) {
	.hero-info figcaption {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 630px) {
	.content .main-feature > div {
		padding-top: 40%;
	}
}

@media only screen and (max-width: 300px) {
	.content .main-feature h2 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 450px) {
	.newsletter input {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.bt-next,
	.bt-prev {
		display: none !important;
	}
	.case .overflow {
		margin-top: -25px;
	}
	.case figure img {
		right: auto;

		max-width: 250%;
		margin-bottom: 0;
	}
}

@media only screen and (max-height: 720px) {
	.content .main-feature > div {
		padding-top: 15%;
	}
}

@media only screen and (max-height: 630px) {
	.content .main-feature > div {
		padding-top: 10%;
	}
}

@media only screen and (max-height: 530px) {
	.content .main-feature > div {
		padding-top: 0;
	}
}

@media only screen and (max-height: 360px) {
	.content .main-feature .button {
		margin-bottom: 50px;
	}
}

@media only screen and (max-height: 299px) {
	.content .main-feature .button {
		margin-bottom: 0;
	}
	.content .main-feature h2 {
		padding: 10px 60px 0;
	}
}

@media only screen and (max-height: 220px) {
	.content .main-feature h2 {
		font-size: 35px;
	}
}

@media only screen and (min-width: 992px) {
	.news figcaption,
	.case figcaption {
		height: 485px;
		margin-bottom: 0;
	}
	.news .news_title{
		height: 200px;
	}
	.news .news_text{
		height: auto;
	}
	.slider.news figure img {
		max-width: 170% !important;
	}
	.case figure img {
		max-width: 175%;
	}
	.case figcaption {
		margin-top: 100px;
	}
}

@media only screen and (max-width: 920px) {
	.news figure img {
		width: 235%;
		max-width: 235%;
	}
}

.csstransitions .main-feature {
	overflow: hidden;
}

.csstransitions .main-feature h2 {
	position: relative;

	margin-bottom: 115px;

	-webkit-transition: all 450ms ease-in-out;
	        transition: all 450ms ease-in-out;

	opacity: 0;
}

.csstransitions .main-feature button {
	position: relative;

	margin-top: 100px;

	-webkit-transition: all 450ms ease-in-out;
	        transition: all 450ms ease-in-out;

	opacity: 0;
}

.csstransitions .main-feature .hero-social {
	bottom: -80px;

	-webkit-transition: bottom 150ms ease-in-out, opacity 150ms ease-in-out;
	        transition: bottom 150ms ease-in-out, opacity 150ms ease-in-out;

	opacity: 0;
}

.csstransitions .main-feature.visible h2 {
	margin-bottom: 15px;

	opacity: 1;
}

.csstransitions .main-feature.visible button {
	margin-top: 0;

	opacity: 1;
}

.csstransitions .main-feature.visible .hero-social {
	bottom: 20px;

	opacity: 1;
}

.csstransitions .hero-info .row > p,
.csstransitions .hero-info button {
	opacity: 0;
}

.csstransitions .hero-info .row > p {
	-webkit-transition: opacity 100ms ease-in-out;
	        transition: opacity 100ms ease-in-out;
}

.csstransitions .hero-info button {
	-webkit-transition: opacity 150ms ease-in-out;
	        transition: opacity 150ms ease-in-out;
}

.csstransitions .hero-info figure {
	margin-top: 300px;

	opacity: 0;
}

.csstransitions .hero-info figure:first-child {
	-webkit-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
}

.csstransitions .hero-info figure:first-child + figure {
	-webkit-transition: all 500ms ease-in-out;
	        transition: all 500ms ease-in-out;
}

.csstransitions .hero-info figure:first-child + figure + figure {
	-webkit-transition: all 700ms ease-in-out;
	        transition: all 700ms ease-in-out;
}

.csstransitions .hero-info.visible .row > p,
.csstransitions .hero-info.visible button {
	opacity: 1;
}

.csstransitions .hero-info.visible figure {
	margin-top: 0;

	opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.slider .bt i {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
}

.alma .content {
	background: #3b3b3b;
}

.alma #panel0 {
	margin-top: 60px;
}

.alma .main-feature > div {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	padding: 0;
}

.alma .main-feature > div h2 {
	margin: 0 0 90px;
}

.alma .main-feature > div h2 img {
	position: relative;
	left: 50%;

	float: left;

	width: 362px;
	margin-left: -181px;
}

.alma .video-info {
	padding: 75px 0 60px;

	text-align: center;

	color: #fff;
	background: #000;
}

.alma .video-info .row > div {
	padding-right: 0;
	padding-left: 30px;
}

.alma .video-info .row > div:first-child {
	padding-right: 30px;
	padding-left: 0;
}

.alma .video-info h3 {
	margin-bottom: 40px;
}

.alma .video-info p {
	font-size: 16px;
	line-height: 1.5;

	margin-top: 10px;
	margin-bottom: 20px;

	text-align: left;
}

.alma .feature-quotes {
	height: auto;
}

.alma .feature-quotes .slider {
	-webkit-transition: opacity 300ms ease-in-out;
	        transition: opacity 300ms ease-in-out;

	background: none;
}

.alma .feature-quotes .slider li p {
	font-family: 'VanCondensed-Light';
	font-size: 20px;
	line-height: 1.4;

	text-align: center;
}

.alma .feature-quotes .slider li p span {
	font-size: 90px;
	line-height: 0;

	position: relative;
	top: 48px;
	left: 7px;

	display: inline;

	margin: 0;
}

.alma .feature-quotes .slider li p span.quot-left {
	left: -5px;
}

.alma .feature-quotes .slider > p {
	text-align: center;
}

.alma .feature-quotes .slider .bt-prev,
.alma .feature-quotes .slider .bt-next {
	padding: 0;

	background-color: #202020;
}

.alma .feature-quotes .slider .bt-prev i,
.alma .feature-quotes .slider .bt-next i {
	width: 72px;
	height: 67px;

	-webkit-transition: background-color 150ms ease-in-out;
	        transition: background-color 150ms ease-in-out;
}

.alma .feature-quotes .slider .bt-prev i {
	background-position: -446px -15px;
}

.alma .feature-quotes .slider .bt-next i {
	background-position: -519px -15px;
}

.alma .feature-quotes .actions {
	position: absolute;
	bottom: 85px;
	left: 0;

	width: 100%;

	text-align: center;
}

.alma .feature-quotes .actions .button:first-child {
	margin: 0 20px 0 0;
}

.alma .credits {
	padding: 50px 0;

	text-align: center;

	color: #000;
	background: #fff;
}

.alma .credits h3 + p {
	font-size: 20px;

	margin: 15px 0 80px;
}

.alma .credits h4 {
	font-family: 'VanCondensed-Bold';
	font-size: 16px;
	font-weight: normal;

	margin: 0 0 20px;
}

.alma .credits h4 + p {
	font-family: 'VanCondensed';
	font-size: 14px;
	line-height: 1.7;

	color: #b2b2b2;
}

.alma .credits ul {
	width: 100%;
	margin: 0 0 45px;
	padding: 0;

	list-style: none;
}

.alma .credits li {
	font-family: 'VanCondensed';
	font-size: 14px;
	line-height: 1.7;

	position: relative;

	display: block;
	float: left;

	width: 100%;
}

.alma .credits li.spaced {
	margin-bottom: 20px;
}

.alma .credits li span {
	position: relative;

	display: block;
	float: left;

	width: 50%;
	padding: 0 0 0 5px;

	text-align: left;
}

.alma .credits li span:first-child {
	position: relative;

	display: block;
	float: left;

	padding: 0 5px 0 0;

	text-align: right;

	color: #b2b2b2;
}

.csstransitions .alma .main-feature.visible h2 {
	margin-bottom: 90px;
}

.csstransitions .alma .hero-social {
	bottom: -80px;

	-webkit-transition: bottom 150ms ease-in-out, opacity 150ms ease-in-out;
	        transition: bottom 150ms ease-in-out, opacity 150ms ease-in-out;

	opacity: 0;
}

.csstransitions .alma.visible h2 {
	margin-bottom: 15px;

	opacity: 1;
}

.csstransitions .alma.visible button {
	margin-top: 0;

	opacity: 1;
}

.csstransitions .alma.visible .hero-social {
	bottom: 20px;

	opacity: 1;
}

.touch .panels {
	display: none;
}

.touch .alma .main-feature {
	background: url(../img/alma/medium/feature01.jpg) right 60px;
	background-size: cover;
}

.touch .feature-detail.feature-quotes {
	background: url(../img/alma/medium/feature02.jpg) center center;
	background-size: cover;
}

@media only screen and (max-width: 767px) {
	.alma .video-info .row > div,
	.alma .video-info .row > div:first-child {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 460px) {
	.alma .feature-quotes .slider {
		padding: 85px 0 70px;
	}
	.alma .feature-quotes .actions {
		position: relative;
	}
	.alma .feature-quotes .actions .button,
	.alma .feature-quotes .actions .button:first-child {
		position: relative;

		margin: 20px 30px 10px;
	}
	.alma .main-feature > div h2 {
		margin: 0 0 90px;
	}
	.alma .main-feature > div h2 img {
		width: 200px;
		margin-left: -100px;
	}
}

@media only screen and (max-height: 630px) {
	.alma .feature-quotes .slider {
		padding: 85px 0 70px;
	}
	.alma .feature-quotes .actions {
		position: relative;
	}
	.alma .feature-quotes .actions .button,
	.alma .feature-quotes .actions .button:first-child {
		position: relative;

		margin: 20px 30px 10px;
	}
}

@media only screen and (max-height: 500px) {
	.alma .main-feature > div h2 {
		margin: 0 0 40px;
	}
	.alma .main-feature > div h2 img {
		width: 200px;
		margin-left: -100px;
	}
	.csstransitions .alma .main-feature.visible h2 {
		margin-top: 60px;
		margin-bottom: 40px;
	}
}

.project-filters {
	padding-top: 90px;
	padding-bottom: 25px;

	text-align: center;

	background: #fff;
}

.project-filters header {
	margin: 0 0 25px;
}

.project-filters h3 {
	margin: 0 20px 25px;
}

.project-filters .button {
	margin: 0 10px 10px 0;
	padding: 8px 20px 5px;
}

.project-filters .button-search {
	padding: 7px 20px 4px;
}

.project-filters .button-search.active input {
	width: 175px;
	margin-right: 30px;
}

.project-filters input {
	font-size: 20px;

	width: 0;
	height: 25px;
	margin: 0 12px 0 0;
	padding: 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	border: 0;
}

.project-filters input:focus {
	width: 175px;
	margin-right: 30px;

	outline: none;
}

.project-filters .bt-search {
	position: absolute;
	top: 8px;
	right: 15px;

	display: block;

	width: 23px;
	height: 23px;

	background: url(../img/sprite.png) -331px 0;
}

@media only screen and (min-width: 950px) {
	.no-touch .project-filters .button-search:hover input,
	.no-touch .project-filters .button-search:active input,
	.no-touch .project-filters .button-search:focus input {
		width: 175px;
		margin-right: 30px;
	}
}

.project-thumbs {
	overflow: hidden;

	text-align: center;

	background: #fff;
}

.project-thumbs > div {
	width: 105%;
	height: 5000px;
	margin-right: -5%;
}

.project-thumbs figure {
	position: absolute;

	width: 24.5%;
}

.project-thumbs figure.sorted-out a > div {
	background: #fff;
}

.project-thumbs figure.sorted-out a > div img {
	opacity: .15;
}

.project-thumbs a {
	position: relative;

	float: left;
	overflow: hidden;

	width: 100%;

	color: #fff;
	border: solid 1px #fff;
	border-width: 0 1px 1px 0;
}

.project-thumbs a > div {
	line-height: 0;

	-webkit-transition: background 800ms ease-in-out;
	        transition: background 800ms ease-in-out;
}

.project-thumbs figure img {
	position: relative;

	float: left;

	width: 100%;
	max-width: 100%;

	-webkit-transition: opacity 300ms ease-in-out;
	        transition: opacity 300ms ease-in-out;
}

.project-thumbs figcaption {
	position: absolute;

	width: 100%;
	height: 100%;

	background: #d5355b;
}

.project-thumbs figcaption > div {
	position: relative;

	display: table;

	width: 100%;
	height: 100%;
}

.project-thumbs figcaption > div > div {
	display: table-cell;

	vertical-align: middle;
}

.project-thumbs h5 {
	font-family: 'VanCondensed-Light';
	font-size: 22px;
	line-height: 1.1;

	position: relative;

	margin: 5px 30px 5px;

	text-transform: uppercase;
}

.project-thumbs p {
	font-family: 'VanCondensed-Light';
	font-size: 14px;

	position: relative;

	margin: 5px 0 0;
}
.projects .preloader {
	position: fixed;
	top: 80px;
	right: 25px;
}
.background_news{
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: 60px;
}
.news_title{
	padding-top: 24px !important;
}
.news_text{
	padding: 30px 20% 30px !important;
}
.news_header{
    padding: 83px 0 20px;
}

@media only screen and (max-height: 600px) {
	.project-filters {
		padding-top: 65px;
		padding-bottom: 25px;
	}
	.project-filters header {
		margin: 0 0 15px;
	}
	.project-filters hr {
		margin-top: 25px;
	}
	.project-filters h3 {
		font-size: 36px;

		margin: 0 20px 15px;
	}
	.project-filters .button {
		display: none;
	}
	.project-filters .button.button-search {
		display: block;

		margin: 0 auto;
	}
	.project-filters .button.button-search input {
		width: 175px;
		margin-right: 30px;
	}
	.projects .preloader {
		display: none;
	}
}

.touch .project-thumbs a {
	border-width: 0 0 1px;
}

.touch .project-thumbs figure.branding figcaption {
	background: #80c68f;
}

.touch .project-thumbs figure.digital figcaption {
	background: #ac55a0;
}

.touch .project-thumbs figure.print figcaption {
	background: #ee663b;
}

.touch .project-thumbs figure.casestudies figcaption {
	background: #5dc5c6;
}

.touch .project-thumbs figure figcaption {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;

	padding: 10px 0;
}

.project-thumbs.branding figcaption {
	background: #80c68f;
}

.project-thumbs.digital figcaption {
	background: #ac55a0;
}

.project-thumbs.print figcaption {
	background: #ee663b;
}

.project-thumbs.casestudies figcaption {
	background: #5dc5c6;
}

.csstransitions .project-thumbs figure {
	opacity: 0;
}

.csstransitions .project-thumbs figure.visible {
	opacity: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: .8s;
	        transition-duration: .8s;
}

.isotope {
	-webkit-transition-property: height, width;
	        transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	        transition-property: opacity, -webkit-transform;
	        transition-property:         transform, opacity;
	        transition-property:         transform, opacity, -webkit-transform;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	        transition-duration: 0s;
}

.isotope-hidden.isotope-item a > div {
	background: #fff;
}

.isotope-hidden.isotope-item a > div img {
	opacity: .5;
}

.project-slider {
	overflow: hidden;

	height: 120px;
	padding-top: 60px;

	border-bottom: 1px solid #fff;
	background: #000;
}

.project-slider > div {
	width: 100%;
}

.project-slider > div .mCSB_horizontal > .mCSB_container {
	margin-bottom: 0;
}

.project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	display: none;
}

.project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	max-width: 40%;
}

.project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 10px;

	border-radius: 0;
	background: #d5355b url(../img/scroller.png) center center no-repeat;
}

.project-slider ul {
	position: relative;
	left: 0;

	float: left;

	margin: 0;
	padding: 0;

	list-style-type: none;

	background: #000;
}

.project-slider li {
	position: relative;

	float: left;

	margin: 0;
}

.project-slider a {
	position: relative;

	float: left;
	overflow: hidden;

	-webkit-transition: opacity 100ms ease-in-out;
	        transition: opacity 100ms ease-in-out;

	opacity: .3;
	border: none;
}

.project-slider a img {
	float: left;
	overflow: hidden;

	border: none;
}

.project-slider a.active {
	-webkit-animation: lightPulse 2s ease-in-out infinite;
	        animation: lightPulse 2s ease-in-out infinite;
}

.project-slider img {
	position: relative;

	float: left;

	width: 85px;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	     -o-user-select: none;
}

.project-slider .bt-hidden {
	font-size: 0;

	position: absolute;
	top: 0;

	display: none;

	width: 100px;
	height: 100%;

	border: 0;
	background: url(../img/transparent.gif);
}

.project-slider .bt-hidden.bt-prev {
	left: 0;
}

.project-slider .bt-hidden.bt-next {
	right: 0;
}

.csstransitions .project-slider img {
	left: 20px;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;

	opacity: 0;
}

.csstransitions .project-slider img.visible {
	left: auto;

	opacity: 1;
}

.project-info {
	background: #fff;
}

.project-info .block {
	position: relative;

	float: left;
	overflow: hidden;

	width: 100%;

	border-bottom: solid 17px #fff;
}

.project-info .block > div,
.project-info .block > figure,
.project-info .block > figcaption {
	position: relative;

	float: left;
}

.project-info .block > div > img,
.project-info .block > figure > img,
.project-info .block > figcaption > img {
	position: relative;

	float: left;

	width: 100%;
	max-width: 100%;
	margin: 0 0 -2px;
}

.project-info .block > figure {
	margin-bottom: -1px;

	background: #fff url(../img/preloader_pink_pos.gif) center center no-repeat;
}

.project-info .block > figure > figcaption {
	position: absolute;
	bottom: -100px;
	left: 0;

	width: 100%;
	padding: 10px 20px;

	-webkit-transition: bottom 200ms ease-in-out;
	        transition: bottom 200ms ease-in-out;

	background: rgba(0, 0, 0, .6);
}

.project-info .block > figure > figcaption div {
	position: relative;

	float: left;

	width: 80%;
}

.project-info .block > figure > figcaption div p {
	font-size: 14px;

	margin: 0;

	color: #fff;
}

.project-info .block .sounds iframe {
	margin: 10px 0;
}

.project-info .block .sounds > div:first-child {
	padding-right: 10px;
}

.project-info .block .sounds > div:first-child + div {
	padding-left: 10px;
}

.project-info .block-feature-left > div:first-child,
.project-info .block-feature-right > div:first-child,
.project-info .block-feature-double > div:first-child,
.project-info .block-feature-triple > div:first-child,
.project-info .block-feature-quadruple > div:first-child,
.project-info .block-feature-left > figure:first-child,
.project-info .block-feature-right > figure:first-child,
.project-info .block-feature-double > figure:first-child,
.project-info .block-feature-triple > figure:first-child,
.project-info .block-feature-quadruple > figure:first-child,
.project-info .block-feature-left > figcaption:first-child,
.project-info .block-feature-right > figcaption:first-child,
.project-info .block-feature-double > figcaption:first-child,
.project-info .block-feature-triple > figcaption:first-child,
.project-info .block-feature-quadruple > figcaption:first-child {
	margin: 0 -1px -1px 0;
	padding: 0;

	border-right: solid 1px #fff;
}

.project-info .block-title > figcaption,
.project-info .block-title > figcaption:first-child {
	width: 50%;
	padding: 70px 60px 50px 60px;

	background: #fff;
}

.project-info .block-title > div {
	position: absolute;
	top: 0;
	right: 0;

	width: 50%;
	height: 100%;

	background: #fff url(../img/preloader_pink_pos.gif) center center no-repeat;
}

.project-info .block-title > div > div {
	position: absolute;
	top: 0;
	left: 0;

	overflow: hidden;

	width: 100%;
	height: 100%;
}

.project-info .block-title > div img {
	position: absolute;

	width: auto;
	max-width: none;
}

.project-info .block-title iframe {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.project-info .block-title .player {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	opacity: 0;
}

.project-info .block-title hr {
	margin-left: 4px;
}

.project-info .block-title h3,
.project-info .block-title p {
	max-width: 645px;
}

.project-info .block-title h3 {
	-webkit-transition: font-size 100ms ease-in-out;
	        transition: font-size 100ms ease-in-out;
}

.project-info .block-title p {
	font-size: 20px;

	margin-top: 5px;
}

.project-info .block-title .button {
	font-size: 16px;

	margin: 0 9px 12px 0;
	padding: 5px 10px 2px;

	border-width: 1px;
}

.project-info .block-title.block-title-full hr {
	margin-left: auto;
}

.project-info .block-title.block-title-full > figcaption,
.project-info .block-title.block-title-full > figcaption:first-child {
	width: 100%;
	padding: 70px 20% 50px;

	text-align: center;

	background: #fff;
}

.project-info .block-title.block-title-full h3,
.project-info .block-title.block-title-full p {
	width: 100%;
	max-width: none;
}

.project-info .block-title.block-title-full strong {
	font-family: 'VanCondensed';
	font-weight: normal;
}

.project-info .block-feature-left > figure:first-child {
	width: 75%;
}

.project-info .block-feature-left > figure:first-child + figure,
.project-info .block-feature-left > figure:first-child + div {
	position: absolute;
	top: 0;
	right: 0;

	width: 25%;
	height: 100%;
}

.project-info .block-feature-left-smaller > figure:first-child {
	width: 60%;
}

.project-info .block-feature-left-smaller > figure:first-child + figure,
.project-info .block-feature-left-smaller > figure:first-child + div {
	position: absolute;
	top: 0;
	right: 0;

	width: 40%;
	height: 100%;
}

.project-info .block-feature-right > figure:first-child,
.project-info .block-feature-right > div:first-child {
	position: absolute;
	top: 0;
	left: 0;

	width: 25%;
	height: 100%;
	margin: 0 -1px 0 0;
}

.project-info .block-feature-right > figure:first-child + figure,
.project-info .block-feature-right > div:first-child + figure,
.project-info .block-feature-right > figure:first-child + div,
.project-info .block-feature-right > div:first-child + div {
	width: 75%;
	margin-left: 25%;
}

.project-info .block-feature-right-smaller > figure:first-child,
.project-info .block-feature-right-smaller > div:first-child {
	position: absolute;
	top: 0;
	left: 0;

	width: 40%;
	height: 100%;
	margin: 0 -1px 0 0;
}

.project-info .block-feature-right-smaller > figure:first-child + figure,
.project-info .block-feature-right-smaller > div:first-child + figure,
.project-info .block-feature-right-smaller > figure:first-child + div,
.project-info .block-feature-right-smaller > div:first-child + div {
	width: 60%;
	margin-left: 40%;
}

.project-info .block-feature-double > figure:first-child {
	width: 50%;

	border-right: #fff 17px solid;
}

.project-info .block-feature-double > figure:first-child + figure,
.project-info .block-feature-double > figure:first-child + div {
	position: absolute;
	top: 0;
	right: 0;

	width: 50%;
	height: 100%;
}

.project-info .block-feature-triple > figure:first-child {
	width: 25%;
}

.project-info .block-feature-triple > figure:first-child + figure,
.project-info .block-feature-triple > figure:first-child + div {
	width: 50%;
}

.project-info .block-feature-triple > figure:first-child + figure + figure,
.project-info .block-feature-triple > figure:first-child + div + figure,
.project-info .block-feature-triple > figure:first-child + figure + div,
.project-info .block-feature-triple > figure:first-child + div + div {
	width: 25%;
}

.project-info .block-feature-quadruple > figure:first-child {
	width: 25%;
}

.project-info .block-feature-quadruple > figure:first-child + figure,
.project-info .block-feature-quadruple > figure:first-child + div {
	width: 25%;
}

.project-info .block-feature-quadruple > figure:first-child + figure + figure,
.project-info .block-feature-quadruple > figure:first-child + div + figure,
.project-info .block-feature-quadruple > figure:first-child + figure + div,
.project-info .block-feature-quadruple > figure:first-child + div + div {
	width: 25%;
}

.project-info .block-feature-quadruple > figure:first-child + figure + figure + figure,
.project-info .block-feature-quadruple > figure:first-child + div + figure + figure,
.project-info .block-feature-quadruple > figure:first-child + figure + div + figure,
.project-info .block-feature-quadruple > figure:first-child + div + div + figure,
.project-info .block-feature-quadruple > figure:first-child + figure + figure + div,
.project-info .block-feature-quadruple > figure:first-child + div + figure + div,
.project-info .block-feature-quadruple > figure:first-child + figure + div + div,
.project-info .block-feature-quadruple > figure:first-child + div + div + div {
	width: 25%;
}

.project-info .block-feature-full figure {
	width: 100%;
}

.project-info .block-feature-focus figure {
	min-height: 250px;
}

.project-info .block-feature-focus figure img {
	width: auto;
	max-width: none;
}

.project-info .block-feature-text {
	text-align: center;

	background: #fff;
}

.project-info .block-feature-text .container {
	float: none;

	margin: 40px auto;
}

.project-info .block-feature-text .container p {
	font-size: 20px;
	line-height: 1.4;
}

.project-info .block .project-social {
	position: absolute;
	top: 0;
	left: -1px;

	height: 100%;

	background: #d5355b;
}

.project-info .block .project-social + figure,
.project-info .block .project-social + div {
	float: right;
}

.project-info .block .project-social > div {
	position: absolute;
	top: 50%;
	left: 50%;

	margin: -19px auto auto -62px;
}

.project-info .block .project-social a {
	position: relative;

	float: left;

	margin: 0 5px 0 0;

	-webkit-transition: background-color 150ms ease-in-out;
	        transition: background-color 150ms ease-in-out;

	background: #d5355b url(../img/sprite.png) -251px -43px;
}

.project-info .block .project-social a i {
	width: 38px;
	height: 37px;

	background-image: url(../img/sprite.png);
}

.project-info .block .project-social a .icon-fb {
	background-position: -293px -37px;
}

.project-info .block .project-social a .icon-twitter {
	background-position: -293px -37px;
}

.project-info .block .project-social a .icon-pinterest {
	background-position: -293px -37px;
}

.project-info.pink figure {
	background: #fff url(../img/preloader_pink_pos.gif) center center no-repeat;
}

.project-info.pink .block-title > div {
	background: #fff url(../img/preloader_pink_pos.gif) center center no-repeat;
}

.project-info.blue figure {
	background: #fff url(../img/preloader_blue_pos.gif) center center no-repeat;
}

.project-info.blue .block-title > div {
	background: #fff url(../img/preloader_blue_pos.gif) center center no-repeat;
}

.project-info.orange figure {
	background: #fff url(../img/preloader_orange_pos.gif) center center no-repeat;
}

.project-info.orange .block-title > div {
	background: #fff url(../img/preloader_orange_pos.gif) center center no-repeat;
}

.project-info.green figure {
	background: #fff url(../img/preloader_green_pos.gif) center center no-repeat;
}

.project-info.green .block-title > div {
	background: #fff url(../img/preloader_green_pos.gif) center center no-repeat;
}

.project-info.purple figure {
	background: #fff url(../img/preloader_purple_pos.gif) center center no-repeat;
}

.project-info.purple .block-title > div {
	background: #fff url(../img/preloader_purple_pos.gif) center center no-repeat;
}

.bottom-project-slider {
	overflow: hidden;

	border-bottom: 1px solid #fff;
}

.bottom-project-slider header {
	padding: 35px 0 20px;

	text-align: center;

	background: #fff;
}

.bottom-project-slider > div {
	width: 100%;
}

.bottom-project-slider > div .mCSB_horizontal > .mCSB_container {
	margin-bottom: 0;
}

.bottom-project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	display: none;
}

.bottom-project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	max-width: 40%;
}

.bottom-project-slider > div .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 10px;

	border-radius: 0;
	background: #d5355b url(../img/scroller.png) center center no-repeat;
}

.bottom-project-slider ul {
	position: relative;
	left: 0;

	float: left;

	height: 136px;
	margin: 0;
	padding: 0;

	list-style-type: none;

	background: #000;
}

.bottom-project-slider li {
	position: relative;

	float: left;

	margin: 0;
}

.bottom-project-slider li a {
	position: relative;

	float: left;
	overflow: hidden;

	width: 100%;

	color: #fff;
}

.bottom-project-slider li a > div {
	line-height: 0;

	margin: 0 -1px 0 0;

	-webkit-transition: background 800ms ease-in-out;
	        transition: background 800ms ease-in-out;

	border: solid 1px #fff;
	border-width: 0 0 0 1px;
}

.bottom-project-slider li:first-child a > div {
	border: 0;
}

.bottom-project-slider figure {
	position: relative;

	float: left;
}

.bottom-project-slider figure img {
	position: relative;

	float: left;

	width: 200px;

	-webkit-transition: opacity 800ms ease-in-out;
	        transition: opacity 800ms ease-in-out;
}

.bottom-project-slider figcaption {
	position: absolute;

	width: 100%;
	height: 100%;

	text-align: center;

	background: #d5355b;
}

.bottom-project-slider figcaption > div {
	position: relative;

	display: table;

	width: 100%;
	height: 100%;
}

.bottom-project-slider figcaption > div > div {
	display: table-cell;

	vertical-align: middle;
}

.bottom-project-slider ul.branding figcaption {
	background: #80c68f;
}

.bottom-project-slider ul.digital figcaption {
	background: #ac55a0;
}

.bottom-project-slider ul.print figcaption {
	background: #ee663b;
}

.bottom-project-slider ul.casestudies figcaption {
	background: #5dc5c6;
}

.bottom-project-slider h5 {
	font-family: 'VanCondensed-Light';
	font-size: 20px;
	line-height: 1.1;

	position: relative;

	margin: 5px 30px 5px;

	text-transform: uppercase;
}

.bottom-project-slider p {
	font-family: 'VanCondensed-Light';
	font-size: 14px;

	position: relative;

	margin: 5px 0 0;
}

.project .share-cta {
	font-size: 20px;

	padding: 23px 0;

	text-align: center;

	color: #bebebe;
	background: #f2f2f2;
}

.project .share-cta p {
	width: 100%;
	min-height: 48px;
	margin: 0;
}

.project .share-cta p > span {
	position: relative;

	display: inline-block;

	margin: 0 10px;
}

.project .share-cta .button {
	display: inline-block;
	float: none;

	margin: 0 10px -17px;
}

.backtop {
	position: fixed;
	z-index: 3;
	right: 20px;
	bottom: 30px;

	display: none;

	width: 49px;
	height: 49px;

	-webkit-transition: background 150ms ease-in-out;
	        transition: background 150ms ease-in-out;

	border: solid 1px rgba(255, 255, 255, .65);
	background: url(../img/bt-top.png) 0 0;
}

.csstransitions .project-slider img {
	left: 20px;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;

	opacity: 0;
}

.csstransitions .project-slider img.visible {
	left: auto;

	opacity: 1;
}

.no-touch .project-slider a:hover,
.no-touch .project-slider a:active,
.no-touch .project-slider a:focus {
	opacity: 1;
}

.no-touch .project-info .block > figure:hover > figcaption,
.no-touch .project-info .block > figure:active > figcaption,
.no-touch .project-info .block > figure:focus > figcaption {
	bottom: 0;
}

.no-touch .project-info .block .project-social a:hover,
.no-touch .project-info .block .project-social a:active,
.no-touch .project-info .block .project-social a:focus {
	background-color: #fff;
}

.no-touch .project-info .block .project-social a:hover .icon-fb,
.no-touch .project-info .block .project-social a:active .icon-fb,
.no-touch .project-info .block .project-social a:focus .icon-fb {
	background-position: -293px 0;
}

.no-touch .project-info .block .project-social a:hover .icon-twitter,
.no-touch .project-info .block .project-social a:active .icon-twitter,
.no-touch .project-info .block .project-social a:focus .icon-twitter {
	background-position: -293px 0;
}

.no-touch .project-info .block .project-social a:hover .icon-pinterest,
.no-touch .project-info .block .project-social a:active .icon-pinterest,
.no-touch .project-info .block .project-social a:focus .icon-pinterest {
	background-position: -293px 0;
}

.no-touch .backtop:hover,
.no-touch .backtop:active,
.no-touch .backtop:focus {
	background-position: 0 -49px;
}

.touch .project-info .block > figure > figcaption {
	bottom: 0;
}

@media only screen and (min-width: 2620px) {
	.project-info .block-title h3 {
		font-size: 80px;
	}
	.project-info .block-title > figcaption,
	.project-info .block-title > figcaption:first-child {
		width: 30%;
	}
	.project-info .block-title > div {
		width: 70%;
	}
}

@media only screen and (min-width: 1970px) and (max-width: 2619px) {
	.project-info .block-title h3 {
		font-size: 80px;
	}
	.project-info .block-title > figcaption,
	.project-info .block-title > figcaption:first-child {
		width: 40%;
	}
	.project-info .block-title > div {
		width: 60%;
	}
}

@media only screen and (min-width: 1260px) and (max-width: 1969px) {
	.project-info .block-title h3 {
		font-size: 80px;
	}
	.project-info .news_title h3 {
	    font-size: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.project-info .block .sounds > div:first-child {
		padding-right: 20px;
	}
	.project-info .block .sounds > div:first-child + div {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 645px) {
	.project-info .block-title > figcaption,
	.project-info .block-title > figcaption:first-child {
		width: 100%;
	}
	.project-info .block-title > div {
		position: relative;

		width: 100%;
		height: 300px;
	}
}

@media only screen and (max-width: 500px) {
	.project-info .block-title > figcaption,
	.project-info .block-title > figcaption:first-child {
		padding: 40px 20px;
	}
}

.project-info .block > figure > img,
.project-info .block > figure > video {
	min-height: 250px;

	opacity: 0;

	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.project-info .block > figure > img.visible,
.project-info .block > figure > video.visible {
	opacity: 1;
}

.project-info .block > figure:first-child img,
.project-info .block > figure:first-child video {
	-webkit-transition: opacity 250ms ease-in-out;
	        transition: opacity 250ms ease-in-out;
}

.project-info .block > figure:first-child + figure img,
.project-info .block > figure:first-child + figure video {
	-webkit-transition: opacity 500ms ease-in-out;
	        transition: opacity 500ms ease-in-out;
}

.project-info .block-title img {
	-webkit-transition: opacity 250ms ease-in-out;
	        transition: opacity 250ms ease-in-out;

	opacity: 0;
}

.project-info .block-title img.focused {
	opacity: 1;
}

.clients .content {
	background: #fafafa;
}

.client-title {
	padding-top: 90px;
	padding-bottom: 20px;

	text-align: center;
}

.client-title p {
	font-size: 20px;

	margin: 18px 0 0;
}

.client-logos {
	padding-bottom: 30px;

	border-bottom: solid 1px #e1e1e1;
}

.client-logos .container {
	padding: 0;
}

.client-logos figure {
	position: relative;

	float: left;

	width: 20%;

	text-align: center;
}

.client-logos figure img {
	display: inline;

	max-width: 100%;

	-webkit-transition: opacity 300ms ease-in-out;
	        transition: opacity 300ms ease-in-out;

	opacity: 0;
}

.client-logos figure img.visible {
	opacity: 1;
}

.client-testimonials {
	padding: 50px 0;

	background: #fff;
}

.client-testimonials .text {
	font-family: 'VanCondensed-LightItalic';
}

.client-testimonials .text p {
	margin-top: 0;
}

.client-testimonials .text span {
	font-size: 150px;
	line-height: 0;

	position: relative;
	top: 86px;
	left: -23px;
}

.client-testimonials .author {
	font-family: 'VanCondensed';
}

.client-testimonials .author p {
	margin-bottom: 0;
}

.client-testimonials .author span {
	padding-right: 5px;

	letter-spacing: -1px;
}

.client-testimonials p {
	font-size: 20px;

	margin: 0;

	text-align: center;
}

@media only screen and (max-width: 992px) {
	.client-logos figure {
		width: 33.33333%;
	}
}

@media only screen and (max-width: 480px) {
	.client-logos figure {
		width: 100%;
	}
}

.about .content {
	background: #fff;
}

.about .content h3 + p {
	font-size: 20px;

	margin: 18px 0 38px 0;
}

.about .about-title {
	padding-top: 90px;
	padding-bottom: 20px;

	text-align: center;
}

.about .about-market {
	padding: 50px 0 45px;

	border: solid 1px #e1e1e1;
	border-width: 1px 0;
	background: #fafafa;
}

.about .about-market > div > div:first-child {
	text-align: center;
}

.about .about-market > div > div:first-child + div {
	margin: 0;
}

.about .about-market .map-text {
	padding: 50px 20px 40px;

	border: solid 1px #e1e1e1;
	border-width: 1px 0;
}

.about .about-market .map-text + .map-text {
	text-align: right;
}

.about .about-market h4 {
	font-size: 20px;
	line-height: 1;

	margin: 0;

	letter-spacing: -1px;

	color: #ee663b;
}

.about .about-market h4 strong {
	font-size: 30px;

	display: block;

	letter-spacing: -2px;

	color: #000;
}

.about .about-market h4 + p {
	font-size: 14px;

	margin: 6px 0 10px;
}

.about .about-market .market-map {
	height: 0;
	padding: 0;

	text-align: center;
}

.about .about-market .market-map img {
	position: absolute;
	top: 0;
	left: 0;

	max-width: 100%;

	opacity: 0;
}

.about .about-market .market-map .map-base {
	opacity: 1;
}

.about .about-market .market-map .map-base-placeholder {
	position: relative;

	visibility: hidden;
}

.about .about-market .market-map .map-pointer {
	-webkit-transition: opacity 250ms ease-in;
	        transition: opacity 250ms ease-in;
}

.about .about-market .market-map .map-pais-01 {
	-webkit-transition: opacity 1000ms ease-in-out;
	        transition: opacity 1000ms ease-in-out;
}

.about .about-market .market-map .map-pais-02 {
	-webkit-transition: opacity 1500ms ease-in-out;
	        transition: opacity 1500ms ease-in-out;
}

.about .about-market .market-map .map-pais-03 {
	-webkit-transition: opacity 2000ms ease-in-out;
	        transition: opacity 2000ms ease-in-out;
}

.about .about-market .market-map.visible .map-pointer {
	-webkit-animation: bounce 1500ms ease-in-out infinite;
	        animation: bounce 1500ms ease-in-out infinite;

	opacity: 1;
}

.about .about-market .market-map.visible .map-pointer-shadow {
	-webkit-animation: bounceShadow 1500ms ease-in-out infinite;
	        animation: bounceShadow 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-circle-1 {
	-webkit-animation: radar1 1500ms ease-in-out infinite;
	        animation: radar1 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-circle-2 {
	-webkit-animation: radar2 1500ms ease-in-out infinite;
	        animation: radar2 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-circle-3 {
	-webkit-animation: radar3 1500ms ease-in-out infinite;
	        animation: radar3 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-circle-4 {
	-webkit-animation: radar4 1500ms ease-in-out infinite;
	        animation: radar4 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-circle-5 {
	-webkit-animation: radar5 1500ms ease-in-out infinite;
	        animation: radar5 1500ms ease-in-out infinite;
}

.about .about-market .market-map.visible .map-pais-01,
.about .about-market .market-map.visible .map-pais-02,
.about .about-market .market-map.visible .map-pais-03 {
	opacity: 1;
}

.about .about-market .map-cta {
	margin: 40px 0 0;

	text-align: center;
}

.about .gallery-slider {
	overflow: hidden;
}

.about .gallery-slider > ul {
	position: relative;

	float: left;

	width: 300%;
	margin: 0;
	padding: 0;

	list-style-type: none;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-transition: left 500ms ease-in-out;
	        transition: left 500ms ease-in-out;

	     -o-user-select: none;
}

.about .gallery-slider > ul > li {
	position: relative;

	float: left;
	overflow: hidden;

	width: 33.33333%;
	padding-right: 20px;
	padding-left: 20px;
}

.about .gallery-slider figure img {
	z-index: 1;
}

.about .gallery-slider .button {
	margin: 0;
}

.about .gallery-slider figcaption {
	z-index: 2;

	height: auto;
	margin-top: 65px;
	margin-bottom: 30px;
}

.about .gallery-slider hr {
	margin-left: 4px;
}

.about .gallery-slider h3 {
	line-height: .95;
}

.about .gallery-slider h3 strong {
	font-family: 'VanCondensed-Light';
}

.about .gallery-slider .description {
	font-size: 20px;

	overflow: hidden;

	margin-bottom: 0;
}

.about .gallery-slider .description p {
	margin: 18px 0 0;
}

.about .gallery-slider .description ul {
	margin: 25px 0 0;
	padding: 0 0 0 18px;
}

.about .gallery-slider small {
	font-size: 14px;

	position: relative;

	display: block;
	float: left;

	width: 100%;
	margin: 25px 0 0;
}

.about .gallery-slider .bt {
	position: absolute;
	z-index: 3;
	top: 50%;

	height: 62px;
	padding: 0 22px;

	border: 0;
	background: none;
	background: #fff;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.about .gallery-slider .bt i {
	display: block;

	width: 23px;
	height: 43px;

	background-image: url(../img/sprite.png);
}

.about .gallery-slider .bt-prev {
	left: 0;

	margin-top: -31px;
}

.about .gallery-slider .bt-prev i {
	background-position: 0 0;
}

.about .gallery-slider .bt-next {
	right: 0;

	margin-top: -31px;
}

.about .gallery-slider .bt-next i {
	background-position: -24px 0;
}

.about .gallery-slider .bt-close {
	top: 25px;
	left: 25px;

	width: 32px;
	height: 32px;
	padding: 0;
}

.about .gallery-slider .bt-close i {
	width: 32px;
	height: 32px;

	-webkit-transition: all 275ms ease-in-out;
	        transition: all 275ms ease-in-out;

	background-position: -379px 0;
}

.about .gallery-slider .preloader {
	position: absolute;
	right: 30px;
	bottom: 30px;

	display: none;
}

.about .about-team {
	overflow: hidden;

	-webkit-transition: height 400ms ease-in-out;
	        transition: height 400ms ease-in-out;
}

.about .about-team > div {
	position: relative;

	width: 200%;

	-webkit-transition: left 400ms ease-in-out;
	        transition: left 400ms ease-in-out;
}

.about .about-team > div.view-gallery {
	left: -100%;
}

.about .about-team > div > div {
	position: relative;

	float: left;

	width: 50%;
}

.about .about-team .team-all {
	padding: 50px 0;
}

.about .about-team .team-all > div > div:first-child {
	text-align: center;
}

.about .about-team .team-all .team-members {
	position: relative;
	top: 0;

	width: 615px;
	max-width: 105%;
	margin: 0 auto;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.about .about-team .team-all .team-members > div {
	position: relative;

	float: left;

	width: 100%;
	margin: 0 0 1px;
}

.about .about-team .team-all .team-members a {
	position: relative;

	float: left;
}

.about .about-team .team-all figure,
.about .about-team .team-all .spacer {
	position: relative;

	float: left;
	/*not in less*/

	width: 25%;

	border-right: solid 1px #fff;

	-webkit-backface-visibility: hidden;
}

.about .about-team .team-all figure a > div,
.about .about-team .team-all .spacer a > div,
.about .about-team .team-all figure > div,
.about .about-team .team-all .spacer > div {
	overflow: hidden;
}

.about .about-team .team-all figure.visible img,
.about .about-team .team-all .spacer.visible img {
	opacity: 1;
}

.about .about-team .team-all figure img,
.about .about-team .team-all .spacer img {
	position: relative;

	float: left;

	width: 142%;
	margin: -21%;

	-webkit-transition: opacity 500ms ease-in;
	        transition: opacity 500ms ease-in;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);

	opacity: 0;
}

.about .about-team .team-all figcaption {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;

	color: transparent;
	background: transparent;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	        font-smoothing: antialiased;
}

.about .about-team .team-all figcaption > div {
	display: table;

	width: 100%;
	height: 100%;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.about .about-team .team-all figcaption > div > div {
	display: table-cell;

	vertical-align: middle;
}

.about .about-team .team-all figcaption > div > div p {
	font-family: 'VanCondensed';

	margin: 0;

	text-align: center;
}

.about .about-team .team-all figcaption > div > div p:first-child {
	font-size: 20px;

	text-transform: uppercase;
}

.about .about-team .team-all figcaption > div > div p:first-child + p {
	font-size: 14px;
}

.about .about-team .team-all .button {
	position: relative;
	top: 300px;

	display: block;

	margin: 30px auto 20px;
}

.about .about-team .team-all .preloader {
	position: absolute;
	right: 30px;
	bottom: 30px;

	display: none;
}

.about .about-team .team-single > .row {
	position: absolute;
	top: 35px;

	width: 100%;
	margin-left: 0;
}

.about .about-team .team-single > .row .bt-close {
	position: relative;
	top: 0;
	left: -30px;
}

.about .about-team .team-single .img-mobile {
	position: absolute;
	right: -81px;

	display: none;
	overflow: hidden;

	width: 122px;
	height: 122px;
	margin: 0 0 50px;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.about .about-team .team-single .img-mobile img {
	top: 0;
	left: 0;

	float: none;

	width: 142%;
	max-width: none;
	margin: -21%;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);

	opacity: 1;
}

.about .about-team .team-single figure .image img {
	position: relative;
	left: 100%;

	float: left;

	max-width: 205%;

	opacity: 0;
}

.about .about-team .team-single figure .image img.visible {
	left: -50%;

	-webkit-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;

	opacity: 1;
}

.about .about-team .team-single figcaption {
	padding: 0;
}

.about .about-team .team-single hr {
	visibility: hidden;
}

.about .about-team .team-single .social a {
	position: relative;

	float: left;

	margin: 8px 5px 0 0;

	-webkit-transition: background-color 150ms ease-in-out;
	        transition: background-color 150ms ease-in-out;

	background: #fff url(../img/sprite.png) -331px -43px;
}

.about .about-team .team-single .social a i {
	width: 38px;
	height: 37px;

	background-image: url(../img/sprite.png);
}

.about .about-team .team-single .social a .icon-fb {
	background-position: -369px -37px;
}

.about .about-team .team-single .bt-close {
	position: absolute;
	top: 0;
	right: -68px;

	width: 67px;
	height: 62px;
	padding: 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 1;
	border: 0;
	background: none;
	background-color: #fff;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.about .about-team .team-single .bt-close i {
	position: absolute;
	top: 15px;
	left: 18px;
}

.about-skills {
	overflow: hidden;

	-webkit-transition: height 400ms ease-in-out;
	        transition: height 400ms ease-in-out;

	border: solid 1px #e1e1e1;
	border-width: 1px 0 0;
	background: #fafafa;
}

.about-skills > div {
	position: relative;

	width: 100%;

	-webkit-transition: left 400ms ease-in-out;
	        transition: left 400ms ease-in-out;
}

.about-skills > div .slider {
	position: absolute;
	top: 0;
	left: 100%;

	width: 100%;
}

.about-skills > div .slider .bt-prev,
.about-skills > div .slider .bt-next {
	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
}

.about-skills > div .slider .bt-prev {
	left: 0;
}

.about-skills > div .slider .bt-next {
	right: 0;
}

.about-skills > div .slider.hide-buttons .bt-close {
	left: -60px;
}

.about-skills > div .slider.hide-buttons .bt-prev {
	left: -50px;
}

.about-skills > div .slider.hide-buttons .bt-next {
	right: -50px;
}

.about-skills > div.view-gallery .slider {
	left: 0;
}

.about-skills .skills-all .row {
	margin: 0;
}

.about-skills > div > div:first-child {
	text-align: center;
}

.about-skills .skills-all {
	padding: 50px 0 75px;
}

.about-skills .skills-all .skills {
	position: relative;

	height: 172px;
}

.about-skills .skills-all .line {
	position: absolute;
	top: 85px;

	display: block;

	width: 0;
	height: 1px;
	margin: 0 5%;

	background: #ee663b;
}

.about-skills .skills-all .line.transition {
	-webkit-transition: width 800ms ease-in-out;
	        transition: width 800ms ease-in-out;
}

.about-skills .skills-all .line.transitionSlow {
	-webkit-transition: all 500ms ease-in-out;
	        transition: all 500ms ease-in-out;
}

.about-skills .skills-all .line.grow {
	width: 90%;
}

.about-skills .skills-all figure {
	position: absolute;
	top: 25px;

	width: 122px;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.about-skills .skills-all i {
	position: absolute;

	display: block;

	width: 100%;
	height: 100%;
	margin: -9px 9px 0 0;

	-webkit-transition: all 250ms ease-in-out;
	        transition: all 250ms ease-in-out;

	opacity: 0;
	border: solid 4px #ee663b;
	background: #fafafa;
}

.about-skills .skills-all i:first-child {
	top: -9px;
	right: 9px;
}

.about-skills .skills-all i:first-child + a {
	top: -18px;
	right: 18px;
}

.about-skills .skills-all i:first-child + i {
	top: -18px;
	right: 18px;
}

.about-skills .skills-all i:first-child + i + a {
	top: -27px;
	right: 27px;
}

.about-skills .skills-all i:first-child + i + i {
	top: -27px;
	right: 27px;
}

.about-skills .skills-all i:first-child + i + i + a {
	top: -36px;
	right: 36px;
}

.about-skills .skills-all i:first-child + i + i + i {
	top: -36px;
	right: 36px;
}

.about-skills .skills-all i:first-child + i + i + i + a {
	top: -45px;
	right: 45px;
}

.about-skills .skills-all i:first-child + i + i + i + i {
	top: -45px;
	right: 45px;
}

.about-skills .skills-all img {
	position: relative;

	visibility: hidden;
	float: left;

	width: 100%;
}

.about-skills .skills-all figcaption {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.about-skills .skills-all figcaption > div {
	display: table;

	width: 100%;
	height: 100%;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.about-skills .skills-all figcaption > div > .border {
	position: absolute;
	top: -73px;

	display: block;
	display: none;

	width: 100%;
	height: 150%;

	background: #fafafa;
}

.about-skills .skills-all figcaption > div > .border-left {
	left: -150px;
}

.about-skills .skills-all figcaption > div > .border-right {
	left: 149px;
}

.about-skills .skills-all figcaption > div > div {
	display: table-cell;

	vertical-align: middle;
}

.about-skills .skills-all figcaption > div > div p {
	font-family: 'VanCondensed';
	font-size: 20px;
	line-height: 1.1;

	margin: 0;

	-webkit-transition: color 150ms ease-in-out;
	        transition: color 150ms ease-in-out;
	text-align: center;
	text-transform: uppercase;

	color: #ee663b;
}

.about-skills .skills-all figcaption > div > div p span {
	font-family: 'VanCondensed-Bold';

	display: block;

	letter-spacing: -1px;
}

.about-skills .skills-all figure.big {
	z-index: 1;
}

.about-skills .skills-all figure.big a {
	border-width: 0;
	background: #ee663b;
}

.about-skills .skills-all figure.big figcaption .border {
	display: block;
}

.about-skills .skills-all figure.big figcaption p {
	font-family: 'VanCondensed';
	font-size: 60px;

	letter-spacing: -1px;

	opacity: 1;
	color: #fafafa;
}

.about-skills .skills-all figure.big figcaption p span {
	font-family: 'VanCondensed';
}

.about-skills .skills-all a {
	position: relative;

	float: left;
	overflow: hidden;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 0;
	border: solid 4px #ee663b;
	background: #fafafa;
}

.about-skills .skills-all .skills:first-child {
	margin: 0 0 25px;
}

.about-skills .skills-all .skills:first-child b + figure {
	left: 25px;
}

.about-skills .skills-all .skills:first-child b + figure + figure {
	left: 50%;

	margin-left: -49px;
}

.about-skills .skills-all .skills:first-child b + figure + figure + figure {
	right: 13px;
}

.about-skills .skills-all .skills:first-child + .skills b {
	width: 0;
	margin: 0 25%;
}

.about-skills .skills-all .skills:first-child + .skills b.transition {
	-webkit-transition: width 800ms ease-in-out;
	        transition: width 800ms ease-in-out;
}

.about-skills .skills-all .skills:first-child + .skills b.grow {
	width: 50%;
}

.about-skills .skills-all .skills:first-child + .skills b + figure {
	left: 242px;
}

.about-skills .skills-all .skills:first-child + .skills b + figure + figure {
	right: 190px;
}

.about-skills .skills-all .preloader {
	position: absolute;
	right: 30px;
	bottom: 30px;

	display: none;
}

.about-skills .skills-single {
	-webkit-transition: left 400ms ease-in-out;
	        transition: left 400ms ease-in-out;
}

.about-skills .skills-single > .row {
	margin-left: 0;
}

.about-skills .skills-single figure img {
	position: relative;

	float: right;
}

.about-skills .skills-single figcaption {
	left: 100%;

	margin-top: 265px;

	-webkit-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;

	opacity: 0;
}

.about-skills .skills-single figcaption p,
.about-skills .skills-single figcaption ul {
	font-size: 16px;
	line-height: 1.4;

	list-style-type: disc;
}

.about-skills .skills-single figcaption.visible {
	left: 0;

	opacity: 1;
}

.about-skills .skills-single .bt-close {
	position: absolute;
	top: 0;
	left: 0;

	width: 67px;
	height: 62px;
	padding: 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 1;
	border: 0;
	background: none;
	background-color: #fff;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.about-skills .skills-single .bt-close i {
	position: absolute;
	top: 15px;
	left: 18px;
}

.about-cta {
	font-size: 20px;

	padding: 23px 0;

	text-align: center;

	color: #bebebe;
	background: #f2f2f2;
}

.about-cta > div > div {
	position: relative;

	max-width: 660px;
	margin: 0 auto;
}
.apply_button > div > div{
	max-width: 770px !important;
}

.about-cta p,
.about-cta a {
	position: relative;

	float: left;
}

.about-cta p {
	margin: 15px 0 0;
}

.about-cta a {
	margin-left: 20px;
}

.no-touch .about .bt-prev:hover i,
.no-touch .about .bt-prev:active i,
.no-touch .about .bt-prev:focus i {
	-webkit-animation: shakeLeft 3s linear infinite;
	        animation: shakeLeft 3s linear infinite;
}

.no-touch .about .bt-next:hover i,
.no-touch .about .bt-next:active i,
.no-touch .about .bt-next:focus i {
	-webkit-animation: shakeRight 3s linear infinite;
	        animation: shakeRight 3s linear infinite;
}

.no-touch .about .bt-close:hover i,
.no-touch .about .bt-close:active i,
.no-touch .about .bt-close:focus i {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.no-touch .about .about-team .team-all a:hover figcaption,
.no-touch .about .about-team .team-all a:active figcaption,
.no-touch .about .about-team .team-all a:focus figcaption {
	color: #fff;
	background: #ee663b;
}

.no-touch .about .about-team .team-single .social a:hover,
.no-touch .about .about-team .team-single .social a:active,
.no-touch .about .about-team .team-single .social a:focus {
	background-color: #000;
}

.no-touch .about .about-team .team-single .social a:hover .icon-fb,
.no-touch .about .about-team .team-single .social a:active .icon-fb,
.no-touch .about .about-team .team-single .social a:focus .icon-fb {
	background-position: -293px -37px;
}

.no-touch .about .about-skills .skills-all a:hover,
.no-touch .about .about-skills .skills-all a:active,
.no-touch .about .about-skills .skills-all a:focus {
	background: #ee663b;
}

.no-touch .about .about-skills .skills-all a:hover figcaption p,
.no-touch .about .about-skills .skills-all a:active figcaption p,
.no-touch .about .about-skills .skills-all a:focus figcaption p {
	color: #fafafa;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.about .gallery-slider .social a i {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
	.about .gallery-slider .bt i {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
	.about .about-team .team-single .social a {
		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
}

@media only screen and (min-width: 645px) {
	.about .about-team .team-all .team-members {
		top: 130px;
	}
}

@media only screen and (min-width: 1260px) {
	.about .gallery-slider h3 {
		font-family: 'VanCondensed-Light';
		font-size: 70px;

		letter-spacing: -3px;
	}
}

@media only screen and (max-width: 1100px) {
	.about .gallery-slider .bt-prev,
	.about .gallery-slider .bt-next {
		display: none !important;
	}
}

@media only screen and (max-width: 992px) {
	.about .about-market .market-map {
		top: 40px;
	}
	.about-skills .skills-all .skills:first-child + .skills b + figure {
		left: 192px;
	}
	.about-skills .skills-all .skills:first-child + .skills b + figure + figure {
		right: 130px;
	}
	.about-team .team-single figure .image img,
	.about-team .team-single figure .image img.visible {
		max-width: 225%;
	}
}

@media only screen and (max-width: 767px) {
	.about .about-market h3 + p {
		margin-bottom: 0;
	}
	.about .about-market .market-map {
		top: auto;

		float: none;

		height: auto;
		margin: 0 auto;

		text-align: center;
	}
	.about .about-market .map-text {
		padding-top: 10px;
		padding-bottom: 15px;

		text-align: center;

		border: 0;
	}
	.about .about-market .map-text + .map-text {
		text-align: center;
	}
	.about .about-market .map-cta {
		margin-top: 10px;
	}
	.about .gallery-slider figcaption .description {
		height: auto;
	}
	.about .about-title {
		padding-top: 100px;
	}
	.about .about-team .team-single .img-mobile {
		display: block;
	}
	.about .about-team .team-single figcaption + div {
		display: none;
	}
	.about .about-team .team-single h3 {
		font-size: 40px;

		width: 80%;
	}
	.about .about-team .team-single > .row .bt-close {
		left: -16px;
	}
	.about-skills .skills-all .skills:first-child + .skills b + figure {
		left: 172px;
	}
	.about-skills .skills-all .skills:first-child + .skills b + figure + figure {
		right: 110px;
	}
	.about-skills .skills-single figure img {
		right: -5%;

		max-width: 110%;
		margin-bottom: 20px;
	}
	.about-skills .skills-single figcaption {
		padding: 0;
	}
	.about .about-team .team-single .description,
	.about .about-skills .skills-single .description {
		height: auto;
	}
	.about .about-team .team-single figure .image img,
	.about .about-team .team-single figure .image img.visible {
		top: -80px;
		right: -10%;
		left: auto;

		float: right;

		max-width: 60%;
		margin-bottom: -80px;

		-webkit-transition: opacity 200ms ease-in-out;
		        transition: opacity 200ms ease-in-out;
	}
}

@media only screen and (min-width: 673px) {
	.about-skills {
		height: 660px;
	}
}

@media only screen and (max-width: 672px) {
	.about .about-team .team-all .team-members {
		-webkit-transform: rotate(0);
		    -ms-transform: rotate(0);
		        transform: rotate(0);
	}
	.about .about-team .team-all .team-members a {
		width: 199px;
		height: 99px;
	}
	.about .about-team .team-all .team-members > div {
		display: block;
		float: none;

		width: 200px;
		margin: 0 auto;
	}
	.about .about-team .team-all .team-members > div:first-child {
		margin-top: 50px;
	}
	.about .about-team .team-all .team-members figure {
		left: -21%;

		width: 100%;
		margin: 0 0 62px;

		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
	.about .about-team .team-all .team-members figure a > div,
	.about .about-team .team-all .team-members figure a > figcaption {
		top: 100%;
		left: 50%;

		width: 50%;
	}
	.about .about-team .team-all .team-members figcaption {
		color: #fff;
		background: #ee663b;
	}
	.about .about-team .team-all .team-members figcaption > div > div p:first-child {
		font-size: 17px;
	}
	.about .about-team .team-all .team-members .spacer {
		display: none;
	}
	.about .about-team .team-all .team-members figure.odd {
		left: 49%;
	}
	.about .about-team .team-all .team-members figure.odd div {
		left: 50%;
	}
	.about .about-team .team-all .team-members figure.odd figcaption {
		top: -100%;
		left: -50%;
	}
	.about .about-skills .skills-all {
		padding: 50px 0 0;
	}
	.about .about-skills .skills-all figure {
		position: relative;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		float: left;

		margin-bottom: 95px;
	}
	.about .about-skills .skills-all .skills {
		width: 172px;
		height: 516px;
		margin: 0 auto !important;
	}
	.about .about-skills .skills-all .skills:first-child + .skills b.grow {
		width: 2px;
		margin: 0;
	}
	.about .about-skills .skills-all .skills:first-child b {
		top: 0;
		left: 85px;

		display: block;

		width: 2px;
		height: 875px;
		margin: 0;
	}
	.about .about-skills .skills-all .skills:first-child b + figure {
		margin-top: 25px;
		margin-left: 25px;
	}
	.about .about-skills .skills-all .skills:first-child b + figure + figure {
		margin-left: 50px;
	}
	.about .about-skills .skills-all .skills:first-child b + figure + figure + figure {
		margin-left: 63px;
	}
	.about .about-skills .skills-all .skills:first-child + .skills b {
		display: none;
	}
	.about .about-skills .skills-all .skills:first-child + .skills b + figure {
		margin-left: 76px;
	}
	.about .about-skills .skills-all .skills:first-child + .skills b + figure + figure {
		margin-left: 89px;
	}
	.about .about-skills .skills-all i {
		display: none;
	}
	.about-cta p,
	.about-cta a {
		float: none;
	}
	.about-cta p {
		text-align: center;
	}
	.about-cta a {
		margin: 15px auto 0;
	}
	.blank{
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.about .about-skills {
		min-height: 400px;
	}
	.about .about-skills .pages {
		width: 200%;
	}
	.about .about-skills .pages .skills-all,
	.about .about-skills .pages .skills-single {
		position: relative;

		float: left;

		width: 50%;
	}
	.about .about-skills .pages.view-gallery {
		left: -100%;
	}
	.about .about-skills .pages.view-gallery .skills-all {
		visibility: hidden;
	}
	.about-skills .skills-single figcaption {
		margin: 75px 0;
	}
}

.contacts .content {
	background: #fff;
}

.contact-title {
	padding-top: 90px;
	padding-bottom: 50px;

	text-align: center;
}

.contact-title p {
	font-size: 20px;

	margin: 18px 0 0;
}









.contact-person {
	padding: 20px 0;

	text-align: center;

	background: #fff;
}

.contact-person figure {
	position: relative;

	margin-left: -50px;
	padding: 30px 0 60px;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 0;
	border-right: solid 1px #fff;

	-webkit-backface-visibility: hidden;
}

.contact-person.visible figure {
	margin-left: 0;

	opacity: 1;
}

.contact-person figure .thumb {
	z-index: -1;

	overflow: hidden;

	width: 30%;
	margin: 0 auto;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.contact-person figure figcaption {
	position: relative;
	top: 50px;

	width: 100%;
	height: 100%;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;

	background: transparent;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	        font-smoothing: antialiased;
}

.contact-person figure figcaption h4,
.contact-person figure figcaption p {
	font-size: 20px;

	margin: 0;
}

.contact-person figure img {
	position: relative;

	float: left;

	width: 142%;
	margin: -21%;

	-webkit-transition: opacity 500ms ease-in;
	        transition: opacity 500ms ease-in;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}



.contact-forms {
	padding:0;

	text-align: center;

	background: #fff;
}

.contact-forms figure {
	position: relative;

	margin-left: -50px;
	padding: 70px 0 60px;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 0;

	-webkit-backface-visibility: hidden;
}

.contact-forms.visible figure {
	margin-left: 0;

	opacity: 1;
}

.contact-forms figure .thumb {
	z-index: -1;

	overflow: hidden;

	width: 30%;
	margin: 0 auto;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.contact-forms figure figcaption {
	position: relative;
	top: 50px;

	width: 100%;
	height: 100%;

	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;

	background: transparent;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	        font-smoothing: antialiased;
}

.contact-forms figure figcaption h4,
.contact-forms figure figcaption p {
	font-size: 20px;

	margin: 0;
}

.contact-forms figure img {
	position: relative;

	float: left;

	width: 142%;
	margin: -21%;

	-webkit-transition: opacity 500ms ease-in;
	        transition: opacity 500ms ease-in;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}













.content .contact-map {
	height: 275px;

	background: #e3e3e3;
}

.content .contact-map > div {
	position: relative;

	float: left;

	width: 100%;
	height: 100%;

	background: #e3e3e3;
}

.contact-cta {
	font-size: 20px;

	padding: 23px 0;

	text-align: center;

	color: #bebebe;
	background: #f2f2f2;
}

.contact-cta > div > div {
	position: relative;

	max-width: 540px;
	margin: 0 auto;
}

.contact-cta p,
.contact-cta a {
	position: relative;

	float: left;
}

.contact-cta p {
	font-size: 23px;

	margin: 15px 0 0;
}

.contact-cta .button {
	margin-left: 20px;
}

.form-select {
	font-family: 'VanCondensed';
	font-size: 20px;

	position: relative;

	padding: 35px 0;

	text-align: center;

	border-bottom: solid 1px #f1f1f1;
	background: #fff;
}

.form-select .row {
	position: relative;
}

.form-select p {
	margin: 0 0 10px;
}

.form-select .row > p {
	font-size: 20px;

	position: absolute;
	top: 50%;
	left: 0;

	width: 100%;
	margin: 9px 0 0;

	text-align: center;
	text-transform: uppercase;
}

.form-select .button {
	font-size: 30px;

	padding: 13px 20px 7px 20px;
}

.form-select .arrow {
	position: absolute;
	z-index: 1;
	bottom: -15px;
	left: 0;

	width: 29px;
	height: 15px;

	-webkit-transition: left 400ms ease-in-out;
	        transition: left 400ms ease-in-out;

	background: url(../img/sprite.png) -413px 0;
}

.form-container {
	font-family: 'VanCondensed-Light', sans-serif;
	font-size: 20px;

	overflow: hidden;

	background: #f2f2f2;
}

.form-container .overflow {
	position: relative;

	float: left;

	width: 200%;
	height: auto;

	-webkit-transition: left 400ms ease-in-out;
	        transition: left 400ms ease-in-out;

	background: #f2f2f2;
}

.form-container .form {
	position: relative;

	float: left;

	width: 50%;
	margin-bottom: 50px;
}

.form-container fieldset {
	margin: 0;
	padding: 0 10px;
	text-align: left;
	border: 0;
}

.form-container fieldset.error label {
	color: #c55d5d;
}

.form-container fieldset.error input,
.form-container fieldset.error textarea {
	color: #c55d5d;
	border-color: #c55d5d;
}

.form-container .f-cv {
	display: none;
}

.form-container label {
	position: relative;

	display: block;

	margin: 5px 0 10px 0;

	-webkit-transition: color 100ms ease-in-out;
	        transition: color 100ms ease-in-out;

	color: #7f7f7f;
}

.form-container label.focus {
	color: #000;
}

.form-container input,
.form-container textarea {
	width: 100%;

	-webkit-transition: all 100ms ease-in-out;
	        transition: all 100ms ease-in-out;

	color: #7f7f7f;
	border: solid 1px #fff;
	background: #fff;
}

.form-container input:focus,
.form-container textarea:focus {
	color: #000;
	border-color: #000;
	outline: none;
}

.form-container input {
	height: 39px;
	padding: 0 10px;
}

.form-container input.input-file {
	margin-top: 5px;

	opacity: 0;
}

.form-container .pretty-file {
	position: absolute;

	width: 100%;
	height: 39px;
	margin: 5px 0 0;
	padding: 8px 10px;

	background: #fff;
}

.form-container textarea {
	height: 115px;
	padding: 10px 10px;

	resize: none;
}

.form-container .spacer {
	display: block;

	height: 39px;
	margin: 56px 0 0;

	background: #e9e9e9;
}

.form-container .submit {
	margin: 50px 0;

	text-align: left;
}

.form-container .submit .button {
	font-size: 20px;

    padding: 13px 33px 7px 33px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.form-select .arrow {
		bottom: -14px;

		background-image: url(../img/sprite@2x.png);
		background-size: 591px 80px;
	}
}

@media only screen and (max-width: 992px) {
	.contact-forms .row > p {
		margin: -9px 0 0;
	}
	.contact-forms .row > p + div .button {
		margin-bottom: 50px;
	}
	.contact-forms fieldset {
		padding: 0 20px;
	}
	.contact-forms .spacer {
		display: none;
	}
	.contact-forms.visible figure{
	    padding: 10px 0px 60px;
	}
	.form-container .submit {
	    text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.contact-title {
		padding-top: 100px;
	}
	.contact-cta p {
		float: none;

		margin: 0 0 10px;
	}
	.contact-cta .button {
		margin: 0;
	}
	.form-select .arrow {
		display: none;
	}
}

.content .panels {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	-webkit-transition: opacity 800ms ease-in-out;
	        transition: opacity 800ms ease-in-out;

	opacity: 0;
}

.content .panels .panel {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.content .panels .panel img {
	-webkit-transition: -webkit-transform 500ms ease-in-out;
	        transition:         transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.content .panels .panel.zoom img {
	-webkit-transform: scale(1.35);
	    -ms-transform: scale(1.35);
	        transform: scale(1.35);
}

.content .panels .panel-overflow {
	position: relative;

	overflow: hidden;

	width: 100%;
	height: 100%;
}

.touch .content .panels {
	display: none;
}

.slider {
	overflow: hidden;

	background: #fff;
}

.slider > ul.animate {
	-webkit-transition: all .5s;
	        transition: all .5s;
}

.slider > ul {
	position: relative;
	left: 100%;

	float: left;
	overflow: hidden;

	margin: 0;
	padding: 0;

	list-style-type: none;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-transition: left 500ms ease-in-out;
	        transition: left 500ms ease-in-out;
	-webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	    -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	        transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);

	     -o-user-select: none;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.slider > ul > li {
	position: relative;

	float: left;
	overflow: hidden;

	padding-right: 20px;
	padding-left: 20px;

	-webkit-transform: translate3d(0, 0, 0);

	-webkit-transform-style: preserve-3d;
}

.slider .table {
	position: relative;

	display: table;

	width: 100%;
	height: 100%;
}

.slider .cell {
	display: table-cell;

	vertical-align: middle;
}

.slider .button {
	margin: 0;
}

.slider a {
	color: #000;
}

.slider figure img {
	position: relative;
}

.slider figcaption {
	height: auto;
	margin-top: 75px;
	margin-bottom: 50px;
}

.slider hr {
	margin-left: 4px;
}

.slider h3 {
	margin: 30px 0 0;
}

.slider h3 strong {
	font-family: 'VanCondensed-Light';
}

.slider p {
	font-size: 20px;

	margin: 18px 0 30px;
}

.slider .bt {
	position: absolute;
	z-index: 3;
	top: 50%;

	height: 62px;
	padding: 0 22px;

	border: 0;
	background: none;
	background: #fff;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.slider .bt i {
	display: block;

	width: 23px;
	height: 43px;

	background-image: url(../img/sprite.png);
}

.slider .bt-prev {
	left: 0;

	margin-top: -31px;
}

.slider .bt-prev i {
	background-position: 0 0;
}

.slider .bt-next {
	right: 0;

	margin-top: -31px;
}

.slider .bt-next i {
	background-position: -24px 0;
}

.slider .preloader {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.slider.visible ul {
	left: 0;
}

.slider.news figure img {
	left: 100%;

	width: 230%;
	max-width: 230%;
	margin-bottom: -6px;

	-webkit-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;

	opacity: 0;
}

.slider.news figure img.visible {
	left: 0;

	opacity: 1;
}

.slider.case figure img {
	position: relative;
	right: -5%;

	float: right;

	max-width: 200%;
}

.slider.case figcaption {
	left: 100%;

	margin-top: 50px;

	-webkit-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;

	opacity: 0;
}

.slider.case figcaption.visible {
	left: 0;

	opacity: 1;
}

.slider.skills-single {
	background: none;
}

.no-touch .slider .bt-prev:hover i,
.no-touch .slider .bt-prev:active i,
.no-touch .slider .bt-prev:focus i {
	-webkit-animation: shakeLeft 3s linear infinite;
	        animation: shakeLeft 3s linear infinite;
}

.no-touch .slider .bt-next:hover i,
.no-touch .slider .bt-next:active i,
.no-touch .slider .bt-next:focus i {
	-webkit-animation: shakeRight 3s linear infinite;
	        animation: shakeRight 3s linear infinite;
}
.block_hover_title{
    margin: 20px 30px 5px !important;
}
.block_hover_date{
	font-size: 13px;
	color: #8c8c8c;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
	.slider.case figure img {
		max-width: 110%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.content .media {
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;

	display: none;

	width: 100%;
	height: 100%;

	-webkit-transition: opacity 500ms ease-in-out;
	        transition: opacity 500ms ease-in-out;

	opacity: 0;
	background: rgba(0, 0, 0, .5);
}

.content .media.open {
	display: block;
}

.content .media .media-container {
	position: absolute;

	-webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	        transition: transform 500ms ease-in-out, opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-webkit-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	        transform: scale(1.5);

	opacity: 0;
}

.content .media .media-container > div {
	position: absolute;

	width: 100%;

	background: #000;
}

.content .media .media-container > div .bt-close {
	position: absolute;
	top: 0;
	right: 0;

	width: 72px;
	height: 67px;
	padding: 0;

	-webkit-transition: all 150ms ease-in-out;
	        transition: all 150ms ease-in-out;

	opacity: 0;
	border: 0;
	background: none;
	background: #202020;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.content .media .media-container > div .bt-close i {
	position: absolute;
	top: 18px;
	left: 20px;

	width: 33px;
	height: 33px;

	-webkit-transition: all 275ms ease-in-out;
	        transition: all 275ms ease-in-out;

	background: url(../img/sprite.png) -252px 0;
}

.content .media .media-container.gallery-container {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.content .media .media-container.gallery-container > div {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.content .media .media-container.gallery-container ul {
	left: 0;
}

.content .media .media-container.gallery-container img {
	max-width: 100%;
}

.content .media .media-container.gallery-container .bt-prev,
.content .media .media-container.gallery-container .bt-next {
	padding: 0;

	background-color: #202020;
}

.content .media .media-container.gallery-container .bt-prev i,
.content .media .media-container.gallery-container .bt-next i {
	width: 72px;
	height: 67px;

	-webkit-transition: background-color 150ms ease-in-out;
	        transition: background-color 150ms ease-in-out;
}

.content .media .media-container.gallery-container .bt-prev i {
	background-position: -446px -15px;
}

.content .media .media-container.gallery-container .bt-next i {
	background-position: -519px -15px;
}

.content .media .video-container .player {
	position: relative;

	width: 100%;
	height: 100%;

	-webkit-transition: opacity 500ms ease-in-out;
	        transition: opacity 500ms ease-in-out;

	opacity: 0;
}

.content .media .video-container .video-player {
	position: absolute;

	width: 100%;
	height: 100%;
}

.content .media .layer {
	position: absolute;
	top: 0;
	left: 0;

	display: none;

	width: 100%;
	height: 100%;

	text-align: center;

	background: rgba(0, 0, 0, .8);
}

.content .media .layer > div {
	position: absolute;
	top: 0;
	left: 0;

	display: table;

	width: 100%;
	height: 100%;
}

.content .media .layer > div > div {
	display: table-cell;

	vertical-align: middle;
}

.content .media .layer .button {
	margin: 10px 5px;
	padding: 10px 20px 7px;
}

.content .media .layer.video1 .view-movie,
.content .media .layer.video1 .view-start,
.content .media .layer.video1 #share-video-2,
.content .media .layer.video1 #share-video-making {
	display: none;
}

.content .media .layer.video2 .view-movie,
.content .media .layer.video2 .view-end,
.content .media .layer.video2 #share-video-1,
.content .media .layer.video2 #share-video-making {
	display: none;
}

.content .media .layer.making .view-end,
.content .media .layer.making .view-start,
.content .media .layer.making #share-video-1,
.content .media .layer.making #share-video-2,
.content .media .layer.making #more {
	display: none;
}

.content .media .select-container > div {
	-webkit-transition: opacity 350ms ease-in-out;
	        transition: opacity 350ms ease-in-out;
}

.content .media .select-container .chapter {
	position: relative;

	float: left;
	overflow: hidden;

	width: 50%;
	height: 100%;

	-webkit-transition: opacity 350ms ease-in-out;
	        transition: opacity 350ms ease-in-out;
}

.content .media .select-container .chapter > div {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.content .media .select-container img {
	position: absolute;

	margin-left: -20%;

	-webkit-transition: margin 1500ms linear;
	        transition: margin 1500ms linear;
}

.content .media .select-container figcaption {
	position: absolute;
	bottom: 12%;

	width: 100%;
	padding: 0 20px;

	text-align: center;
	text-transform: uppercase;

	color: #fff;
}

.content .media .select-container small {
	font-family: 'VanCondensed-Light';
	font-size: 20px;

	margin: 0;
}

.content .media .select-container h5 {
	font-size: 50px;
	line-height: 1;

	margin: 15px 0 55px;
}

.content .media.video .video-container {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);

	opacity: 1;
}

.content .media.video .select-container,
.content .media.video .gallery-container {
	display: none;
}

.content .media.select .select-container {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);

	opacity: 1;
}

.content .media.select .video-container,
.content .media.select .gallery-container {
	display: none;
}

.content .media.gallery .gallery-container {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);

	opacity: 1;
}

.content .media.gallery .video-container,
.content .media.gallery .select-container {
	display: none;
}

#yt-control {
	position: absolute;
	top: 50%;
	left: 50%;

	display: block;

	width: 130px;
	height: 120px;
	margin: -60px auto auto -65px;
	padding: 0;

	-webkit-transition: opacity 275ms ease-in-out;
	        transition: opacity 275ms ease-in-out;

	opacity: 0;
	border: 0;
	background: url(../img/yt-play.png);
}

#yt-control.pause {
	background: url(../img/yt-pause.png);
}

#yt-control.paused,
#yt-control.no-playback {
	opacity: 1;
}

.no-touch #video:hover #yt-control,
.no-touch .project-video-container:hover #yt-control {
	opacity: 1;
}

.no-touch #yt-control.paused,
.no-touch #yt-control.no-playback {
	visibility: visible;
}

.no-opacity #yt-control {
	visibility: hidden;
}

.no-opacity #yt-control.show {
	visibility: visible;
}

.no-touch .chapter:hover,
.no-touch .chapter:active,
.no-touch .chapter:focus {
	cursor: pointer;
}

.no-touch .chapter:hover .button,
.no-touch .chapter:active .button,
.no-touch .chapter:focus .button {
	color: #000;
}

.no-touch .chapter:hover .button i,
.no-touch .chapter:active .button i,
.no-touch .chapter:focus .button i {
	left: -25%;

	width: 150%;
}

.no-touch .chapter.inactive {
	opacity: .3;
}

.no-touch .chapter1:hover img,
.no-touch .chapter1:active img,
.no-touch .chapter1:focus img {
	-webkit-animation: paneLeft 20s linear;
	        animation: paneLeft 20s linear;
}

.no-touch .chapter2:hover img,
.no-touch .chapter2:active img,
.no-touch .chapter2:focus img {
	-webkit-animation: paneRight 20s linear;
	        animation: paneRight 20s linear;
}

.no-touch .content .media .media-container > div .bt-close:hover i,
.no-touch .content .media .media-container > div .bt-close:active i,
.no-touch .content .media .media-container > div .bt-close:focus i {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.no-touch .content .media .media-container > div:hover .bt-close {
	opacity: 1;
}

.touch .content .media .media-container.gallery-container > div .bt-close {
	opacity: 1;
}

.touch .content .media .media-container.gallery-container img {
	-webkit-transition: opacity 150ms ease-in-out;
	        transition: opacity 150ms ease-in-out;

	opacity: 0;
}

.touch .content .media .media-container.gallery-container img.visible {
	opacity: 1;
}

@media only screen and (max-width: 640px) {
	.content .media .select-container h5 {
		font-size: 30px;

		margin-bottom: 20px;
	}
	.content .media .select-container small {
		font-size: 14px;
	}
}

@media only screen and (max-width: 460px) {
	.content .media .select-container h5 {
		font-size: 20px;

		margin-top: 5px;
		margin-bottom: 10px;
	}
	.content .media .select-container small {
		font-size: 12px;
	}
	.content .media .select-container .button {
		font-size: 12px;
	}
	.content .media .select-container .bt-close {
		display: none;
	}
}

.page-blog {
	height: 2340px;

	background: #000 url(../img/pages/Blog.jpg) top center no-repeat;
}