@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
@font-face {
	font-family: 'fontello';
	src: url("../fonts/fontello.eot");
	src: url("../fonts/fontello.eot#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg#fontello") format("svg");
	font-weight: normal;
	font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em
}

.icon-twitter:before {
	content: '\e801';
}

.icon-facebook:before {
	content: '\e800';
}

.icon-linkedin:before {
	content: '\e803';
	/**/
}

.icon-gplus:before {
	content: '\e802';
	/**/
}

.icon-youtube:before {
	content: '\e812'
}

.icon-vimeo:before {
	content: '\e813'
}

.icon-email:before {
	content: '\e80b'
}

.icon-wordpress:before {
	content: '\e808'
}

.icon-video-alt:before {
	content: '\e80c'
}

.innerC {
	zoom: 1
}

.innerC:before,
.innerC:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.innerC:after {
	clear: both
}

.clients .slider a,
ul.clients li.clientLink a,
footer li a,
footer .social a,
header nav li a,
header nav>ul>li:last-child ul li,
a.more,
a.more span:before,
.services ul,
.services li,
.services li .desc,
.services li h3,
.services li .icon,
.services li .icon:after,
.btn,
input[type="submit"],
ul.appliedServices li .title,
.sectionNav li a span,
article.tabbed ul.ui-tabs-nav>li a,
.lighbox li a,
.contact .cta span.ico:before,
.about article .cycle-nav a:before {
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in
}

.fancybox-close:after,
.clients .cycle-nav a,
header nav>ul>li:last-child:after,
a.more span:before,
a.close span,
.contact .cta span.ico:before,
.about article .cycle-nav a:before,
.siemens .obvisuals li:after {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat
}

a.more,
a.close,
.contact .cta span.ico,
.about article .cycle-nav a {
	border: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
	background-color: rgba(6, 6, 6, 0.1);
	display: block
}

article.tabbed ul.ui-tabs-nav>li .icon:after,
.contact .cta span.ico:before,
.about article .cycle-nav a:before,
.siemens .obvisuals li:after {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@-moz-keyframes spin {
	0% {
		transform: rotate(-120deg)
	}
	100% {
		transform: rotate(240deg)
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(-120deg)
	}
	100% {
		-webkit-transform: rotate(240deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(-120deg)
	}
	100% {
		transform: rotate(240deg)
	}
}

@-moz-keyframes homeArticle {
	0% {
		left: -105px;
		opacity: 0
	}
	100% {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes homeArticle {
	0% {
		left: -105px;
		opacity: 0
	}
	100% {
		left: 0;
		opacity: 1
	}
}

@keyframes homeArticle {
	0% {
		left: -105px;
		opacity: 0
	}
	100% {
		left: 0;
		opacity: 1
	}
}

.home article {
	position: relative;
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: homeArticle 1s;
	-moz-animation: homeArticle 1s;
	animation: homeArticle 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 5.5s;
	-moz-animation-delay: 5.5s;
	animation-delay: 5.5s
}

@-moz-keyframes homeHeader {
	0% {
		top: -105px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@-webkit-keyframes homeHeader {
	0% {
		top: -105px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@keyframes homeHeader {
	0% {
		top: -105px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@-moz-keyframes homebgi {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-webkit-keyframes homebgi {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@keyframes homebgi {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-moz-keyframes homebody {
	0% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	30% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	100% {
		background-color: #13455c
	}
}

@-webkit-keyframes homebody {
	0% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	30% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	100% {
		background-color: #13455c
	}
}

@keyframes homebody {
	0% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	30% {
		background-color: rgba(19, 69, 92, 0.1)
	}
	100% {
		background-color: #13455c
	}
}

@-moz-keyframes homebodyOut {
	0% {
		background-color: #13455c
	}
	100% {
		background-color: rgba(19, 69, 92, 0.1)
	}
}

@-webkit-keyframes homebodyOut {
	0% {
		background-color: #13455c
	}
	100% {
		background-color: rgba(19, 69, 92, 0.1)
	}
}

@keyframes homebodyOut {
	0% {
		background-color: #13455c
	}
	100% {
		background-color: rgba(19, 69, 92, 0.1)
	}
}

@-moz-keyframes move {
	0% {
		padding-left: 15%
	}
	100% {
		padding-left: 25%
	}
}

@-webkit-keyframes move {
	0% {
		padding-left: 15%
	}
	100% {
		padding-left: 25%
	}
}

@keyframes move {
	0% {
		padding-left: 15%
	}
	100% {
		padding-left: 25%
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeOutH {
	0% {
		opacity: 1
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		z-index: -1
	}
}

@-webkit-keyframes fadeOutH {
	0% {
		opacity: 1
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		z-index: -1
	}
}

@keyframes fadeOutH {
	0% {
		opacity: 1
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		z-index: -1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.home {
	-webkit-animation: homebody 1s, homebodyOut 2s;
	-moz-animation: homebody 1s, homebodyOut 2s;
	animation: homebody 1s, homebodyOut 2s;
	-webkit-animation-fill-mode: forwards, forwards;
	-moz-animation-fill-mode: forwards, forwards;
	animation-fill-mode: forwards, forwards;
	-webkit-animation-delay: 0s, 3s;
	-moz-animation-delay: 0s, 3s;
	animation-delay: 0s, 3s
}

.home .shell {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	animation: fadeIn 3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s
}

.home .homebgi {
	position: fixed;
	z-index: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: url(../images/bg-L.jpg) 100% 0 no-repeat fixed;
	-webkit-animation: homebgi 2s, fadeOutH .5s;
	-moz-animation: homebgi 2s, fadeOutH .5s;
	animation: homebgi 2s, fadeOutH .5s;
	-webkit-animation-fill-mode: forwards, forwards;
	-moz-animation-fill-mode: forwards, forwards;
	animation-fill-mode: forwards, forwards;
	-webkit-animation-delay: 1s, 3s;
	-moz-animation-delay: 1s, 3s;
	animation-delay: 1s, 3s
}

.home .loading {
	-webkit-animation: fadeOutH .5s;
	-moz-animation: fadeOutH .5s;
	animation: fadeOutH .5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s;
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media screen and (min-width: 1023px) {
	.home .loading {
		width: 960px
	}
}

.home .loading .spinnedLogo,
.home .loading .text {
	display: inline-block;
	vertical-align: middle
}

.home .loading .spinnedLogo {
	-webkit-animation: spin 1s linear;
	-moz-animation: spin 1s linear;
	animation: spin 1s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
	width: 33%
}

.home .loading .text {
	-webkit-animation: move 1s linear;
	-moz-animation: move 1s linear;
	animation: move 1s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
	text-transform: uppercase;
	font-size: 30px;
	width: 66%;
	font-weight: 300;
	padding-left: 15%
}

.home header {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: homeHeader 1s;
	-moz-animation: homeHeader 1s;
	animation: homeHeader 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	animation-delay: 4.5s
}

.home .shell .bg {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	animation: fadeIn 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s
}

.home footer,
.home .clients {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	animation: fadeIn 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	animation-delay: 4.5s
}

@-webkit-keyframes clientLoader {
	0% {
		opacity: 1;
		visibility: visible
	}
	100% {
		opacity: 0;
		visibility: hidden
	}
}

@-moz-keyframes clientLoader {
	0% {
		opacity: 1;
		visibility: visible
	}
	100% {
		opacity: 0;
		visibility: hidden
	}
}

@keyframes clientLoader {
	0% {
		opacity: 1;
		visibility: visible
	}
	100% {
		opacity: 0;
		visibility: hidden
	}
}

@-webkit-keyframes loader {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-moz-keyframes loader {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@keyframes loader {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

.clientLoader {
	-webkit-animation: clientLoader .2s linear;
	-moz-animation: clientLoader .2s linear;
	animation: clientLoader .2s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	animation-delay: 1.1s
}

.clientLoader .loader span {
	-webkit-animation: loader 1s linear;
	-moz-animation: loader 1s linear;
	animation: loader 1s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}

.clientLoader .mark {
	display: inline-block;
	-webkit-animation: spin 1.5s linear;
	-moz-animation: spin 1.5s linear;
	animation: spin 1.5s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}

@-webkit-keyframes contentAnim {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes contentAnim {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes contentAnim {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

section .innerC {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: contentAnim ease-in 1;
	-moz-animation: contentAnim ease-in 1;
	animation: contentAnim ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s
}

.shell.first section .innerC {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	animation-delay: 1.3s
}

@-webkit-keyframes move-in {
	from {
		margin-left: -666px;
		opacity: 0
	}
	to {
		margin-left: -550px;
		opacity: 1
	}
}

@-moz-keyframes move-in {
	from {
		margin-left: -666px;
		opacity: 0
	}
	to {
		margin-left: -550px;
		opacity: 1
	}
}

@keyframes move-in {
	from {
		margin-left: -666px;
		opacity: 0
	}
	to {
		margin-left: -550px;
		opacity: 1
	}
}

.sectionNav {
	opacity: 0;
	filter: alpha(opacity=100);
	-webkit-animation: move-in ease-in 1;
	-moz-animation: move-in ease-in 1;
	animation: move-in ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s
}

.shell.first .sectionNav {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

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

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,
blockquote {
	quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

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

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-weight: 400
}

b,
strong {
	font-weight: 600
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "Source Sans Pro", sans-serif
}

h1 {
	font-size: 36px;
	margin-bottom: 28px
}

h2 {
	font-size: 24px;
	margin-bottom: 18px
}

p {
	margin-bottom: 12px
}

a {
	text-decoration: none;
	color: #fff
}

a:hover {
	color: #fffab5
}

a.visited {
	color: #ffb5a9
}

img {
	max-width: 100%
}

.centred {
	text-align: center
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	background: #13455c url(../images/bg-L.jpg) 100% 0 no-repeat fixed
}

@media screen and (min-width: 670px) {
	body {
		background-image: url(../images/bg-M.jpg)
	}
}

@media screen and (min-width: 1023px) {
	body {
		background-image: url(../images/bg-L.jpg)
	}
}

body.home {
	background-image: none
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	border: 3px solid rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.64);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.64);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.64);
	padding: 0 !important
}

.fancybox-outer,
.fancybox-inner {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Source Sans Pro", sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
	background-image: url("../images/sprite.png")
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	background: url("../images/fancybox_loading.gif") center center no-repeat
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../images/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
	position: absolute;
	top: -12px;
	right: 0px;
	cursor: pointer;
	z-index: 8040;
	width: 27px;
	height: 27px;
	border: 3px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	background-color: rgba(6, 6, 6, 0.5)
}

.fancybox-close:after {
	position: absolute;
	content: "";
	display: block;
	background-position: 0 -12px;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -6px
}

.fancybox-nav {
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../images/blank.gif");
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
	margin-top: -29px;
	width: 57px;
	height: 57px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	border: 3px solid #fff;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	-ms-border-radius: 31px;
	-o-border-radius: 31px;
	border-radius: 31px;
	background-color: rgba(6, 6, 6, 0.1)
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	margin-left: -8px;
	height: 25px;
	margin-top: -13px;
	cursor: pointer;
	z-index: 8041;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat
}

.fancybox-prev {
	left: 10px
}

.fancybox-prev span {
	background-position: -74px -104px
}

.fancybox-next {
	right: 10px
}

.fancybox-next span {
	background-position: -93px -104px
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
	background: rgba(0, 0, 0, 0.7)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Source Sans Pro", sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {
		background-image: url("../images/fancybox_sprite@2x.png");
		background-size: 44px 152px
	}
	#fancybox-loading div {
		background-image: url("../images/fancybox_loading@2x.gif");
		background-size: 24px 24px
	}
}

html,
body {
	height: 100%;
	min-height: 100%
}

.shell {
	overflow-x: hidden;
	width: 100%;
	min-height: 100%;
	padding: 175px 0 85px
}

@media screen and (min-width: 980px) {
	.shell {
		padding: 145px 0 75px
	}
}

.bg {
	position: fixed;
	z-index: 0;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat
}

.home .shell,
.shell.client {
	padding: 175px 0 190px
}

@media screen and (min-width: 980px) {
	.home .shell,
	.shell.client {
		padding: 145px 0 150px
	}
}

.home {
	overflow-x: hidden
}

.home .shell .bg {
	background-image: url(../images/spacer.png), url(../images/spacer.png), url(../images/bg-S.jpg);
	background-position: 125% 40%, 50% 100%, 50% 0
}

@media screen and (min-width: 666px) {
	.home .shell .bg {
		background-image: url(../images/signal.png), url(../images/crystals-M.png), url(../images/bg-home-M.jpg);
		background-position: 75% 40%, 50% 100%, 50% 0
	}
}

@media screen and (min-width: 1025px) {
	.home .shell .bg {
		background-image: url(../images/signal.png), url(../images/crystals-L.png), url(../images/bg-home-L.jpg)
	}
}

@media screen and (min-width: 1800px) {
	.home .shell .bg {
		-webkit-background-size: auto auto, 100% auto, 100% auto;
		background-size: auto auto, 100% auto, 100% auto
	}
}

.about .shell .bg {
	background-image: url(../images/bg-about-S.jpg);
	background-position: 50% 0
}

@media screen and (min-width: 666px) {
	.about .shell .bg {
		background-image: url(../images/bg-about-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	.about .shell .bg {
		background-image: url(../images/bg-about-L.jpg)
	}
}

@media screen and (min-width: 1800px) {
	.about .shell .bg {
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}
}

.servicii .shell .bg {
	background-position: 50% 100%
}

@media screen and (min-width: 666px) {
	.servicii .shell .bg {
		background-image: url(../images/crystals-M.png)
	}
}

@media screen and (min-width: 1025px) {
	.servicii .shell .bg {
		background-image: url(../images/crystals-L.png)
	}
}

.contact .shell {
	background-image: url(../images/bg-contact.jpg);
	background-position: 50% 0
}

.innerC {
	margin: 0 auto;
	position: relative;
	clear: both;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (min-width: 980px) {
	.innerC {
		width: 960px;
		padding-right: 0;
		padding-left: 0
	}
}

header,
footer,
.clients,
.extras {
	width: 100%;
	position: absolute;
	left: 0
}

@media screen and (min-width: 780px) {
	header,
	footer,
	.clients,
	.extras {
		position: fixed
	}
}

.home .clients,
.about .clients,
.contact .clients,
.servicii .clients {
	position: relative;
	bottom: 0;
	margin-top: 80px
}

@media screen and (min-width: 666px) and (min-height: 666px) {
	.home .clients,
	.about .clients,
	.contact .clients,
	.servicii .clients {
		position: fixed;
		bottom: 106px
	}
}

@media screen and (min-width: 980px) and (min-height: 666px) {
	.home .clients,
	.about .clients,
	.contact .clients,
	.servicii .clients {
		bottom: 58px;
		margin-top: 0
	}
}

.home footer,
.about footer,
.contact footer,
.servicii footer {
	position: relative;
	bottom: 0
}

@media screen and (min-width: 666px) and (min-height: 666px) {
	.home footer,
	.about footer,
	.contact footer,
	.servicii footer {
		position: fixed;
	}
}

.home .shell {
	padding-bottom: 0
}

@media screen and (min-width: 666px) and (min-height: 666px) {
	.home .shell {
		padding-bottom: 190px
	}
}

@media screen and (min-width: 980px) and (min-height: 666px) {
	.home .shell {
		padding-bottom: 150px
	}
}

.about footer,
.servicii footer,
.contact footer {
	margin-top: 80px
}

@media screen and (min-width: 666px) and (min-height: 666px) {
	.about footer,
	.servicii footer,
	.contact footer {
		margin-top: 0
	}
}

.about .shell,
.servicii .shell,
.contact .shell {
	padding-bottom: 0
}

@media screen and (min-width: 666px) and (min-height: 666px) {
	.about .shell,
	.servicii .shell,
	.contact .shell {
		padding-bottom: 90px
	}
}

@media screen and (min-width: 980px) and (min-height: 666px) {
	.about .shell,
	.servicii .shell,
	.contact .shell {
		padding-bottom: 60px
	}
}

.clients {
	background: rgba(0, 0, 0, 0.8) none;
	z-index: 100;
	bottom: 111px;
	min-height: 74px;
	bottom: 58px;
}

@media screen and (max-width: 767px) {
	.clients {
		bottom: 83px
	}
}



.extras {
	padding: 15px 0;
	background: rgba(0, 0, 0, 0.5) none;
	bottom: 121px;
	z-index: 100
}

@media screen and (min-width: 666px) {
	.extras {
		bottom: 96px
	}
}

@media screen and (min-width: 980px) {
	.extras {
		background: transparent url(../images/t1.png) 50% 100% repeat-x;
		bottom: 70px
	}
}

.clients .innerC:after,
.clients .innerC:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	display: block;
	z-index: 4;
	height: 100%
}

.clients .innerC:after {
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	right: 25px
}

.clients .innerC:before {
	border-left: 1px solid rgba(255, 255, 255, 0.05);
	left: 25px
}

.clients .slider {
	margin: 0 30px;
	z-index: 3
}

.clients .slider a {
	vertical-align: middle;
	height: 74px;
	padding: 0 20px;
	text-align: center;
	opacity: .6 !important;
	filter: alpha(opacity=60) !important;
	vertical-align: middle;
	position: relative !important;
	width: 150px !important
}

.clients .slider a img {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	display: inline-block;
	z-index: 1
}

.clients .slider a:hover,
.clients .slider a.cycle-pager-active,
.clients .slider a.active {
	opacity: .9 !important;
	filter: alpha(opacity=90) !important;
	background-color: #000
}

.clients .slider a span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 27px;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	cursor: default
}

.clients a.soon:hover span {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.clients .cycle-nav {
	height: 0;
	width: 0;
	display: block !important;
	position: static;
	z-index: 4
}

.clients .cycle-nav a {
	cursor: pointer;
	position: absolute;
	width: 9px;
	height: 13px;
	top: 31px;
	z-index: 5;
	display: block;
	text-indent: 9999px;
	overflow: hidden
}

.clients .cycle-nav a.prev {
	background-position: -16px 0;
	left: 0
}

.clients .cycle-nav a.next {
	background-position: -25px 0;
	right: 0
}

ul.clients {
	background-color: transparent;
	height: 74px;
	font-size: 0;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	position: fixed;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

@media screen and (min-width: 980px) {
	ul.clients {
		width: 960px
	}
}

ul.clients:before {
	content: "";
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	background: rgba(0, 0, 0, 0.8) none
}

ul.clients li.clientLink {
	position: relative;
	display: inline-block;
	z-index: 2
}

ul.clients li.clientLink a {
	display: table-cell !important;
	vertical-align: middle;
	height: 74px;
	padding: 0 20px;
	min-width: 111px !important;
	text-align: center;
	opacity: .6 !important;
	filter: alpha(opacity=60) !important
}

ul.clients li.clientLink img {
	vertical-align: middle
}

ul.clients li.clientLink a:hover,
ul.clients li.clientLink a.cycle-pager-active,
ul.clients li.clientLink a.active {
	opacity: .9 !important;
	filter: alpha(opacity=90) !important;
	background-color: #000
}

footer {
	text-align: center;
	z-index: 98;
	font-size: 12px;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7)
}

@media screen and (min-width: 980px) {
	footer {
		bottom: 0;
		line-height: 1
	}
}

footer nav,
footer .copy,
footer .social {
	text-align: left
}

@media screen and (min-width: 980px) {
	footer nav,
	footer .copy,
	footer .social {
		display: inline-block;
		vertical-align: middle;
		padding-top: 0;
		padding-bottom: 0
	}
}

footer .bg {
	display: none
}

footer .innerC {
	z-index: 2;
	position: relative;
}

@media screen and (min-width: 980px) {
	footer .innerC {
		padding-top: 0;
		padding-bottom: 0
	}
}

footer li {
	display: inline-block
}

footer nav {
	text-transform: uppercase;
	text-align: center;
	display: block
}

footer nav li {
	margin-right: 10px
}

@media screen and (min-width: 666px) {
	footer nav {
		
		text-align: left
	}
}

@media screen and (min-width: 980px) {
	footer nav {
		
	}
}

footer .copy {
	text-align: center;
	display: block;
	line-height: 1;
	padding-bottom: 5px;
}

@media screen and (min-width: 666px) {
	footer .copy {
		display: block
	}
}

@media screen and (min-width: 980px) {
	footer .copy {
		display: inline-block;
	}
}

footer .social {
	text-align: center;
	display: block;
	clear: both;
	font-size: 0;
	height: 41px;
	padding: 5px 0; 
}

footer .social li {
	margin: 0 5px;
	height: 28px
}

@media screen and (min-width: 980px) {
	footer .social li {
		margin: 0 20px
	}
}

footer .innerC {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 767px) {
	footer .innerC {
		flex-direction: column;
		padding-top: 10px;
	}
}

footer .innerC:before, footer .innerC:after {
	content: unset;
}

footer .social a {
	display: block;
	font-size: 28px;
	width: 28px;
	height: 28px;
	float: left;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

footer .social a i {
	display: block;
	width: 28px;
	height: 28px;
	float: left
}

footer .social a i:before {
	display: block;
	margin: 0
}

footer .social a:hover {
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

@media screen and (min-width: 980px) {
	footer .social {
		display: inline-block;
		text-align: right
	}
}

header {
	top: 0;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.5);
	padding-top: 23px
}

@media screen and (min-width: 479px) {
	header {
		background: transparent url(../images/t1.png) 0 0 repeat-x;
		height: 105px
	}
}

header nav {
	text-align: right;
	width: 100%
}

@media screen and (min-width: 479px) {
	header nav {
		display: block;
		float: right;
		width: auto;
		text-align: center
	}
}

header nav>ul {
	display: block;
	padding: 20px 0
}

header nav li {
	display: inline-block;
	text-transform: uppercase;
	float: left;
	font-size: 12px;
	margin-left: 15px
}

@media screen and (min-width: 666px) {
	header nav li {
		font-size: 16px;
		margin-left: 20px
	}
}

header nav>ul>li:last-child {
	text-align: right;
	position: relative;
	width: 60px;
	min-height: 22px
}

header nav>ul>li:last-child:after {
	content: "";
	display: block;
	width: 15px;
	height: 8px;
	background-position: -256px -93px;
	position: absolute;
	right: 5px;
	top: 8px
}

header nav>ul>li:last-child ul {
	padding-top: 32px;
	width: 60px;
	float: right;
	position: absolute;
	right: 0;
	top: -5px
}


/*header nav>ul>li:last-child:hover ul,*/

header nav>ul>li.activeSwitch ul {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px
}


/*header nav>ul>li:last-child:hover ul>li,*/

header nav>ul>li:last-child.activeSwitch ul li {
	background-color: rgba(6, 6, 6, 0.3);
	opacity: 1;
	visibility: visible
}

header nav>ul>li:last-child ul li {
	margin: 0;
	display: block;
	clear: both;
	padding: 5px 30px 5px 10px;
	opacity: 0;
	visibility: hidden;
	height: 32px;
	width: 100%
}

header nav>ul>li:last-child ul li.active {
	opacity: 1;
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0
}

header nav>ul>li:last-child ul li.inactive {
	text-decoration: line-through;
	cursor: text
}

.logo {
	margin: 0 auto;
	display: block;
	height: 60px;
	width: 153px
}

.logo img {
	width: 153px;
	height: 60px
}

@media screen and (min-width: 479px) {
	.logo {
		float: left
	}
}

a.more {
	width: 65px;
	height: 65px;
	margin: 0 auto
}

a.more span {
	display: inline-block;
	padding-bottom: 15px;
	position: relative;
	z-index: 1;
	font-size: 16px;
	color: #fff;
	line-height: 65px;
	height: 65px;
	display: block;
	text-align: center
}

a.more span:before {
	height: 11px;
	width: 16px;
	display: block;
	content: "";
	position: absolute;
	bottom: 9px;
	left: 50%;
	margin-left: -8px;
	background-position: 0 0px
}

a.more:hover {
	background-color: rgba(6, 6, 6, 0.5)
}

a.more:hover span:before {
	bottom: 7px
}

a.close {
	width: 24px;
	height: 24px;
	cursor: pointer
}

a.close span {
	background-position: 0 -12px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 6px auto;
	text-indent: -9999px
}

@media screen and (min-width: 1023px) {
	a.close span {
		background-position: -16px -14px;
		width: 18px;
		height: 15px;
		margin: 9px 0 0 7px
	}
}

@media screen and (min-width: 1023px) {
	a.close {
		width: 35px;
		height: 35px
	}
}

article {
	margin-bottom: 25px
}

@media screen and (min-width: 1023px) {
	article.left {
		float: left;
		width: 450px
	}
}

.home article {
	padding-top: 30px;
	overflow: hidden
}

@media screen and (min-width: 780px) {
	.home article {
		padding-top: 100px
	}
}

.home article h1 {
	text-align: left;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 300;
	overflow: hidden
}

@media screen and (min-width: 666px) {
	.home article h1 {
		font-size: 26px;
		line-height: 1.2
	}
}

.home article h1 .swapper {
	max-height: 30px;
	overflow: hidden
}

.services ul {
	text-align: center;
	display: inline;
	font-size: 0;
	padding-top: 20px;
	overflow: hidden
}

@media screen and (min-width: 1023px) {
	.services ul {
		width: 133.34%;
		display: block;
		height: 185px
	}
	.services ul.inactive {
		width: 100%
	}
	.services ul.shortby1 {
		margin-left: 70px;
		text-align: left
	}
	.services ul.go1 {
		margin-left: -160px
	}
	.services ul.go1.shortby1 {
		margin-left: -80px !important
	}
	.services ul.go2 {
		margin-left: -320px
	}
	.services ul.go2.shortby1 {
		margin-left: -160px !important
	}
}

@media screen and (min-width: 1023px) and (min-width: 666px) {
	.services ul.shortby1 {
		margin-left: 80px
	}
}

.services li {
	font-size: 16px;
	display: inline-block;
	width: 50%;
	height: 185px;
	margin-bottom: 15px;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	text-align: center;
	float: left;
	z-index: 2
}

@media screen and (min-width: 666px) {
	.services li {
		width: 33.1%
	}
}

@media screen and (min-width: 1023px) {
	.services li {
		width: 160px;
		overflow: hidden
	}
}

.services li .eClose {
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 104px;
	left: 0;
	top: 0;
	display: none
}

@media screen and (min-width: 1023px) {
	.services li .eClose {
		width: 160px
	}
}

@media screen and (min-width: 1023px) {
	.services li.active {
		width: 480px
	}
}

.services li.active .eClose {
	display: block
}

.services li .desc {
	position: absolute;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	visibility: hidden;
	cursor: default;
	font-size: 14px;
	font-family: "Source Sans Pro", sans-serif;
	padding: 10px;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 4;
	background-color: rgba(0, 0, 0, 0.7);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

@media screen and (min-width: 1023px) {
	.services li .desc {
		background-color: transparent;
		width: 320px;
		right: -320px;
		left: auto;
		bottom: auto;
		top: 12px;
		padding-top: 25px;
		border-width: 0 0 0 1px
	}
}

.services li .desc:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -12px;
	top: 30px;
	background: url(../images/sprite.png) 0 -84px no-repeat;
	display: none;
	width: 11px;
	height: 22px
}

@media screen and (min-width: 1023px) {
	.services li .desc:before {
		display: block
	}
}

.services li .desc .close {
	position: absolute;
	right: -12px;
	top: -12px;
	z-index: 5
}

@media screen and (min-width: 1023px) {
	.services li .desc .close {
		top: -12px;
		right: 0
	}
}

.services li.active {
	z-index: 3
}

.services li.active .desc {
	visibility: visible;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	overflow: visible;
	height: auto;
	display: block;
	right: 0;
	top: -10px
}

@media screen and (min-width: 666px) {
	.services li.active .desc {
		font-size: 18px
	}
}

@media screen and (min-width: 1023px) {
	.services li.active .desc {
		left: 160px;
		width: 320px;
		top: 12px
	}
}

.services li .title {
	text-align: center;
	display: inline-block;
	position: relative;
	z-index: 3
}

@media screen and (min-width: 1023px) {
	.services li .title {
		width: 160px;
		float: left
	}
}

.services li h3 {
	font-size: 16px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	font-family: "Source Sans Pro", sans-serif;
	display: inline-block;
	vertical-align: -10px;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px
}

.services li .icon {
	position: relative;
	display: block;
	margin: 0 auto;
	z-index: 1;
	width: 104px;
	height: 104px;
	margin-bottom: 15px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	-webkit-border-radius: 53px;
	-moz-border-radius: 53px;
	-ms-border-radius: 53px;
	-o-border-radius: 53px;
	border-radius: 53px;
	background-color: rgba(6, 6, 6, 0.2)
}

.services li .icon:after {
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

.services li:hover .icon:after,
.services li:hover h3,
.services li.active .icon:after,
.services li.active h3 {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.services li:hover .icon,
.services li.active .icon {
	background-color: rgba(6, 6, 6, 0.5)
}

.services li.consultancy .icon:after {
	background-position: 0 -30px;
	width: 28px;
	height: 53px;
	margin-left: -14px;
	margin-top: -27px
}

.services li.socialmedia .icon:after {
	background-position: -35px 0;
	width: 72px;
	height: 53px;
	margin-left: -36px;
	margin-top: -27px
}

.services li.socialmediast .icon:after {
	background-position: -180px -104px;
	width: 56px;
	height: 84px;
	margin-left: -28px;
	margin-top: -42px
}

.services li.blog .icon:after {
	background-position: -239px -104px;
	width: 43px;
	height: 43px;
	margin-left: -22px;
	margin-top: -22px
}

.services li.webdev .icon:after {
	background-position: -154px 0;
	width: 60px;
	height: 53px;
	margin-left: -30px;
	margin-top: -27px
}

.services li.animation .icon:after {
	background-position: -217px -54px;
	width: 38px;
	height: 43px;
	margin-left: -19px;
	margin-top: -22px
}

.services li.chardesign .icon:after {
	background-position: -0px -159px;
	width: 56px;
	height: 77px;
	margin-left: -28px;
	margin-top: -39px
}

.services li.dtp .icon:after {
	background-position: -28px -54px;
	width: 46px;
	height: 44px;
	margin-left: -23px;
	margin-top: -22px
}

.services li.campaigns .icon:after {
	background-position: -75px -54px;
	width: 40px;
	height: 42px;
	margin-left: -20px;
	margin-top: -21px
}

.services li.SEM .icon:after {
	background-position: -116px -54px;
	width: 45px;
	height: 47px;
	margin-left: -23px;
	margin-top: -24px
}

.services li.SEO .icon:after {
	background-position: -162px -54px;
	width: 54px;
	height: 48px;
	margin-left: -27px;
	margin-top: -24px
}

.services li.viral .icon:after {
	background-position: -108px 0;
	width: 45px;
	height: 49px;
	margin-left: -23px;
	margin-top: -24px
}

.services li.mobile .icon:after {
	background-position: -256px 0;
	width: 30px;
	height: 49px;
	margin-left: -15px;
	margin-top: -24px
}

.btn,
input[type="submit"] {
	color: #0a2739;
	font-size: 20px;
	font-family: "Source Sans Pro", sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 0 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.5);
	display: inline-block;
	vertical-align: middle
}

.btn:hover,
input[type="submit"]:hover {
	color: #0a2739;
	background-color: #fff
}

.rfqS {
	text-align: center
}

.rfqS .labelLike {
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
	font-size: 24px;
	font-weight: 300
}

p.intro {
	font-size: 18px;
	font-family: "Source Sans Pro", sans-serif;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
	margin: 0;
	padding: 20px 0
}

ul.appliedServices {
	margin-bottom: 25px;
	padding-bottom: 35px;
	position: relative;
	display: inline-block
}

ul.appliedServices li {
	width: 50px;
	height: 50px;
	position: static;
	margin: 0 10px;
	cursor: default;
}

ul.appliedServices li .icon {
	width: 50px;
	height: 50px
}

ul.appliedServices li .icon:after {
	-moz-transform: scale(0.55);
	-webkit-transform: scale(0.55);
	transform: scale(0.55)
}

ul.appliedServices li .title {
	visibility: hidden;
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	padding-top: 5px;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 14px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

ul.appliedServices li .title:before {
	content: "";
	width: 12px;
	height: 4px;
	display: block;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -6px;
	background: url(../images/sprite.png) -13px -84px no-repeat
}

ul.appliedServices li:hover .title {
	visibility: visible;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.sectionNav {
	position: fixed;
	top: 130px;
	left: 50%;
	margin-left: -550px;
	width: 29px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.43);
	z-index: 105
}

.sectionNav li {
	display: block;
	padding: 10px 0
}

.sectionNav li a {
	margin: 0 auto;
	display: block;
	width: 15px;
	height: 15px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease
}

.sectionNav li a:hover,
.sectionNav li a.active {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5)
}

.sectionNav li a span {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	z-index: 2;
	left: 30px;
	top: 50%;
	margin-top: -14px;
	display: inline-block;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	visibility: hidden;
	color: #fff;
	font-size: 14px;
	font-family: "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8)
}

.sectionNav li a:hover span {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	visibility: visible
}

.sectionNav li:first-child a,
.sectionNav li:last-child a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat
}

.sectionNav li:first-child a {
	width: 20px;
	height: 17px;
	background-position: -256px -50px
}

.sectionNav li:first-child a:hover,
.sectionNav li:first-child a.active {
	background-position: -256px -67px
}

.sectionNav li:last-child {
	padding-bottom: 5px
}

.sectionNav li:last-child a {
	height: 8px;
	width: 15px;
	background-position: -256px -93px
}

.sectionNav li:last-child a:hover {
	background-position: -256px -85px
}

.sections>ul>li {
	margin-bottom: 10px
}

@media screen and (min-height: 780px) {
	.sections>ul>li {
		margin-bottom: 35px
	}
}

@media screen and (min-width: 1023px) {
	.sections>ul>li {
		min-height: 800px
	}
	.sections>ul>li:last-child {
		min-height: 450px
	}
}

article.tabbed {
	font-family: "Source Sans Pro", sans-serif;
	position: relative
}

article.tabbed ul.ui-tabs-nav {
	text-align: center;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

@media screen and (min-width: 480px) {
	article.tabbed ul.ui-tabs-nav {
		height: 116px
	}
}

article.tabbed ul.ui-tabs-nav>li {
	width: 30%;
	margin: 0 1%;
	height: 115px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	white-space: nowrap
}

@media screen and (min-width: 480px) {
	article.tabbed ul.ui-tabs-nav>li {
		width: 73px
	}
	article.tabbed ul.ui-tabs-nav>li:after {
		content: "";
		visibility: hidden;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		position: absolute;
		display: block;
		bottom: 0;
		width: 37px;
		height: 11px;
		left: 50%;
		margin-left: -19px;
		background: url(../images/sprite.png) 0 -107px no-repeat;
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in
	}
	article.tabbed ul.ui-tabs-nav>li:hover:after,
	article.tabbed ul.ui-tabs-nav>li.ui-state-active:after {
		visibility: visible;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1
	}
}

article.tabbed ul.ui-tabs-nav>li:hover a,
article.tabbed ul.ui-tabs-nav>li.ui-state-active a {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

article.tabbed ul.ui-tabs-nav>li:hover a .icon,
article.tabbed ul.ui-tabs-nav>li.ui-state-active a .icon {
	background-color: rgba(6, 6, 6, 0.3)
}

article.tabbed ul.ui-tabs-nav>li:hover:first-child:after,
article.tabbed ul.ui-tabs-nav>li.ui-state-active:first-child:after {
	display: none !important
}

article.tabbed ul.ui-tabs-nav>li:hover:first-child a,
article.tabbed ul.ui-tabs-nav>li.ui-state-active:first-child a {
	cursor: default;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

article.tabbed ul.ui-tabs-nav>li:hover:first-child a .icon,
article.tabbed ul.ui-tabs-nav>li.ui-state-active:first-child a .icon {
	background-color: rgba(6, 6, 6, 0.1) !important
}

@media screen and (min-width: 666px) {
	article.tabbed ul.ui-tabs-nav>li {
		margin: 0 20px
	}
}

@media screen and (min-width: 1023px) {
	article.tabbed ul.ui-tabs-nav>li {
		float: left
	}
}

article.tabbed ul.ui-tabs-nav>li a {
	display: block;
	height: 115px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

article.tabbed ul.ui-tabs-nav>li a:hover {
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

article.tabbed ul.ui-tabs-nav>li span {
	display: block
}

article.tabbed ul.ui-tabs-nav>li .title {
	text-align: center;
	font-size: 16px
}

article.tabbed ul.ui-tabs-nav>li .icon {
	width: 67px;
	height: 67px;
	border: 3px solid #fff;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	-ms-border-radius: 36px;
	-o-border-radius: 36px;
	border-radius: 36px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-color: rgba(6, 6, 6, 0.1);
	position: relative;
	margin-bottom: 10px;
	display: inline-block
}

article.tabbed ul.ui-tabs-nav>li .icon:after {
	content: "";
	display: block;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat
}

article.tabbed ul.ui-tabs-nav>li.obiectiv .icon:after {
	width: 33px;
	height: 38px;
	background-position: 0 -119px
}

article.tabbed ul.ui-tabs-nav>li.provocare .icon:after {
	width: 38px;
	height: 38px;
	background-position: -34px -119px
}

article.tabbed ul.ui-tabs-nav>li.descriere .icon:after {
	width: 35px;
	height: 23px;
	background-position: -74px -134px
}

article.tabbed ul.ui-tabs-nav>li.fb .icon:after {
	width: 30px;
	height: 48px;
	background-position: -110px -109px
}

article.tabbed ul.ui-tabs-nav>li.rezultate .icon:after {
	width: 36px;
	height: 43px;
	background-position: -141px -114px
}

article.tabbed ul.ui-tabs-nav>li.app .icon:after {
	width: 28px;
	height: 52px;
	background-position: 0 -349px
}

article.tabbed ul.ui-tabs-nav>li.web .icon:after {
	width: 40px;
	height: 40px;
	background-position: -112px -415px
}

article.tabbed .panel {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	text-align: left;
	padding: 15px 0;
	display: block !important;
	position: absolute;
	left: 0;
	top: 116px;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	visibility: hidden
}

@media screen and (min-height: 780px) {
	article.tabbed .panel {
		padding: 30px 0
	}
}

article.tabbed .panel[aria-expanded="true"] {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	visibility: visible;
	z-index: 1;
	position: static
}

article.tabbed .panel.hide {
	display: none !important
}

.lighbox {
	text-align: center;
	margin-bottom: 20px
}

@media screen and (min-width: 1023px) {
	.lighbox {
		text-align: right
	}
}

.lighbox li {
	display: inline-block;
	vertical-align: top;
	margin: 5px
}

.lighbox li a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid rgba(255, 255, 255, 0.2);
	display: block
}

.lighbox li a:hover {
	border: 3px solid rgba(255, 255, 255, 0.5)
}

.lighbox li a img {
	display: block
}

.lighbox.small li {
	margin-left: 20px
}

ul.bull {
	list-style: disc outside;
	margin: 0 0 20px 17px
}

ul.bull li {
	padding-left: 40px
}

a.various {
	border: 3px solid rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 0 15px rgba(37, 95, 115, 0.32);
	-moz-box-shadow: 0 0 15px rgba(37, 95, 115, 0.32);
	box-shadow: 0 0 15px rgba(37, 95, 115, 0.32);
	display: inline-block
}

a.various img {
	display: block
}

.aboutSlides {
	width: 100%;
	padding-top: 20px;
	margin-bottom: 10px;
	text-shadow: 1px 1px #000
}

.aboutSlides .item {
	top: auto !important;
	bottom: 0
}

.contact .mapH {
	float: left;
	position: relative;
	max-width: 790px;
	width: 100%
}

@media screen and (min-width: 1023px) {
	.contact .mapH {
		margin-left: -175px
	}
}

.contact .mapH img {
	display: block
}

.contact .mapH span {
	display: block;
	position: absolute;
	text-align: center
}

.contact .mapH .muzeu {
	left: 65%;
	top: 66.5%;
	font-size: 16px
}

.contact .mapH .piata {
	left: 15%;
	top: 66.5%;
	font-weight: 600
}

@media screen and (min-width: 666px) {
	.contact .mapH .piata {
		left: 30%
	}
}

.contact .mapH .noi {
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding-bottom: 57px;
	width: 275px;
	line-height: 1;
	font-size: 20px
}

@media screen and (min-width: 666px) {
	.contact .mapH .noi {
		-webkit-transform: translate(-35%, 0);
		-moz-transform: translate(-35%, 0);
		-ms-transform: translate(-35%, 0);
		-o-transform: translate(-35%, 0);
		transform: translate(-35%, 0);
		background: url(../images/cnbg.png) 0 100% no-repeat
	}
}

.contact .mapH .noi small {
	font-size: 14px
}

.contact .cta {
	padding-top: 60px;
	text-align: center
}

@media screen and (min-width: 1023px) {
	.contact .cta {
		float: right;
		width: 345px
	}
}

.contact .cta li {
	margin-bottom: 50px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	font-size: 0;
	font-size: 14px
}

@media screen and (min-width: 1023px) {
	.contact .cta li {
		width: 100%;
		font-size: 18px
	}
}

.contact .cta span.ico {
	width: 65px;
	height: 65px;
	display: block;
	margin: 0 auto 5px;
	position: relative
}

.contact .cta span.ico:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5
}

.contact .cta li.mail .ico:before {
	width: 37px;
	height: 24px;
	background-position: -195px -443px
}

.contact .cta li.phone .ico:before {
	width: 25px;
	height: 40px;
	background-position: -160px -420px
}

.contact .cta a:hover .ico:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.about article {
	width: 100%
}

@media screen and (min-width: 666px) {
	.about article {
		max-width: 480px
	}
}

.about article h1 {
	font-size: 48px
}

.about article .item2 h1 {
	font-size: 38px
}

.about article .cycle-nav {
	text-align: center;
	font-size: 0
}

.about article .cycle-nav a {
	display: inline-block;
	width: 52px;
	height: 52px;
	position: relative;
	margin: 0 10px;
	cursor: pointer
}

.about article .cycle-nav a:before {
	width: 16px;
	height: 25px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3
}

.about article .cycle-nav a.prev:before {
	background-position: -74px -104px
}

.about article .cycle-nav a.next:before {
	background-position: -93px -104px
}

.about article .cycle-nav a:hover:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

.about .teamRow {
	position: relative;
	padding-left: 173px;
	height: 218px;
	display: table-cell;
	vertical-align: middle
}

.about .teamRow .imgHolder {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 174px;
	height: 218px;
	background-repeat: no-repeat;
	background-image: url(../images/teamsprite.png)
}

.about .teamRow .imgHolder.back {
	background-position: 0 0
}

.about .teamRow .imgHolder.front {
	background-position: 33% 0
}

.about .teamRow .imgHolder.creative {
	background-position: 66% 0
}

.about .teamRow .imgHolder.pm {
	background-position: 100% 0
}

.about .teamRow .imgHolder.am {
	background-position: 0 100%
}

.about .teamRow .imgHolder.copyr {
	background-position: 33% 100%
}

.about .teamRow .imgHolder.strategy {
	background-position: 66% 100%
}

.about .teamRow .imgHolder.mgmt {
	background-position: 100% 100%
}

.shell.client {
	position: relative;
	background: #fff none;
	padding: 0
}

@media screen and (min-width: 980px) {
	.shell.client {
		padding: 0
	}
}

.shell.client .clientSlider {
	z-index: 95;
	top: 0;
	left: 0;
	width: 100%
}

.shell.client section {
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	top: 0;
	z-index: 5;
	padding: 175px 0 190px
}

@media screen and (min-width: 980px) {
	.shell.client section {
		padding: 145px 0 150px
	}
}

@media screen and (min-width: 1800px) {
	.shell.client section {
		-webkit-background-size: 100% auto, 100% auto;
		background-size: 100% auto, 100% auto
	}
}

.shell.client p.highlight {
	font-size: 20px;
	margin-bottom: 40px
}

.clientLoader {
	background: #13455c url(../images/bg-L.jpg) 100% 0% no-repeat fixed;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 3
}

.clientLoader .inner {
	position: fixed;
	z-index: 0;
	display: block;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 806px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.clientLoader .mark {
	display: inline-block;
	margin-bottom: 40px
}

.clientLoader .loader {
	height: 32px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 8px
}

.clientLoader .loader span {
	display: block;
	background-color: #fff;
	height: 16px;
	width: 0;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-ms-border-radius: 8px 0 0 8px;
	-o-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px
}

.client aside {
	margin-bottom: 25px;
	text-align: center
}

.client aside img {
	vertical-align: middle;
	margin: 15px
}

@media screen and (min-width: 1023px) {
	.client aside {
		margin-bottom: 0;
		text-align: left;
		float: left;
		position: relative;
		z-index: 1;
		width: 240px
	}
	.client aside:after {
		content: "";
		position: absolute;
		top: 0;
		right: 10px;
		width: 1px;
		height: 73px;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
		opacity: 0.2;
		background-color: #fff
	}
}

.client article.left {
	text-align: center
}

.client article.desc {
	text-align: center
}

@media screen and (min-width: 1023px) {
	.client article.desc {
		text-align: left;
		float: left;
		width: 675px
	}
}

@media screen and (min-width: 1023px) {
	.client article.desc.large {
		width: 720px
	}
}

.client img.logos {
	margin-bottom: 10px
}

@media screen and (min-width: 1023px) {
	.client img.logos {
		display: block
	}
}

section.loreal-p .bg {
	background-image: url(../images/bg-loreal-p-S.jpg)
}

@media screen and (min-width: 666px) {
	section.loreal-p .bg {
		background-image: url(../images/bg-loreal-p-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.loreal-p .bg {
		background-image: url(../images/bg-loreal-p-L.jpg)
	}
}

section.garnier .bg {
	background-image: url(../images/bg-garnier-S.jpg)
}

@media screen and (min-width: 666px) {
	section.garnier .bg {
		background-image: url(../images/bg-garnier-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.garnier .bg {
		background-image: url(../images/bg-garnier-L.jpg)
	}
}

section.raiffeisen .bg {
	background-image: url(../images/bg-raiffeisen-S.jpg);
	background-position: 50% 0
}

@media screen and (min-width: 666px) {
	section.raiffeisen .bg {
		background-image: url(../images/bg-raiffeisen-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.raiffeisen .bg {
		background-image: url(../images/bg-raiffeisen-L.jpg)
	}
}

.shell.client section.maybelline .bg {
	background-color: #0d2a77;
	background-image: url(../images/spacer.png), url(../images/bg-MB-S.jpg);
	background-position: 50% 100%, 50% 0
}

@media screen and (min-width: 666px) {
	.shell.client section.maybelline .bg {
		background-image: url(../images/bg-MB-clouds-S.png), url(../images/bg-MB-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	.shell.client section.maybelline .bg {
		background-image: url(../images/bg-MB-clouds.png), url(../images/bg-MB-L.jpg)
	}
}

section.siemens .bg {
	background-image: url(../images/bg-SI-S.jpg)
}

@media screen and (min-width: 666px) {
	section.siemens .bg {
		background-image: url(../images/bg-SI-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.siemens .bg {
		background-image: url(../images/bg-SI-L.jpg)
	}
}

section.vola .bg {
	background-image: url(../images/bg-VO-S.jpg)
}

@media screen and (min-width: 666px) {
	section.vola .bg {
		background-image: url(../images/bg-VO-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.vola .bg {
		background-image: url(../images/bg-VO-L.jpg)
	}
}

section.gd .bg {
	background-image: url(../images/bg-gd-S.jpg)
}

@media screen and (min-width: 666px) {
	section.gd .bg {
		background-image: url(../images/bg-gd-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.gd .bg {
		background-image: url(../images/bg-gd-L.jpg)
	}
}

section.vdf .bg {
	background-image: url(../images/bg-vdf-S.jpg);
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover
}

@media screen and (min-width: 666px) {
	section.vdf .bg {
		background-image: url(../images/bg-vdf-M.jpg)
	}
}

@media screen and (min-width: 1025px) {
	section.vdf .bg {
		background-image: url(../images/bg-vdf-L.jpg)
	}
}

.garnier .resultsPanel .row,
.raiffeisen .resultsPanel .row,
.vola .resultsPanel .row {
	padding: 10px 0 20px
}

.garnier .resultsPanel .imgH,
.garnier .resultsPanel .desc,
.raiffeisen .resultsPanel .imgH,
.raiffeisen .resultsPanel .desc,
.vola .resultsPanel .imgH,
.vola .resultsPanel .desc {
	display: inline-block;
	vertical-align: middle
}

.garnier .resultsPanel .desc,
.raiffeisen .resultsPanel .desc,
.vola .resultsPanel .desc {
	width: 200px
}

@media screen and (min-width: 580px) {
	.garnier .resultsPanel .desc,
	.raiffeisen .resultsPanel .desc,
	.vola .resultsPanel .desc {
		width: 440px
	}
}

@media screen and (min-width: 1023px) {
	.garnier .resultsPanel .desc,
	.raiffeisen .resultsPanel .desc,
	.vola .resultsPanel .desc {
		width: 515px
	}
}

.garnier .resultsPanel .imgH,
.raiffeisen .resultsPanel .imgH,
.vola .resultsPanel .imgH {
	width: 90px;
	position: relative
}

@media screen and (min-width: 1023px) {
	.garnier .resultsPanel .imgH,
	.raiffeisen .resultsPanel .imgH,
	.vola .resultsPanel .imgH {
		margin-right: 30px;
		width: 120px
	}
}

.garnier .resultsPanel .imgH:after,
.raiffeisen .resultsPanel .imgH:after,
.vola .resultsPanel .imgH:after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	top: 50%;
	background-repeat: no-repeat;
	background-image: url(../images/sprite.png);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

@media screen and (min-width: 1023px) {
	.garnier .resultsPanel .imgH:after,
	.raiffeisen .resultsPanel .imgH:after,
	.vola .resultsPanel .imgH:after {
		right: 0;
		left: auto
	}
}

.garnier .resultsPanel .imgH.userT,
.raiffeisen .resultsPanel .imgH.userT,
.vola .resultsPanel .imgH.userT {
	height: 42px
}

.garnier .resultsPanel .imgH.userT:after,
.raiffeisen .resultsPanel .imgH.userT:after,
.vola .resultsPanel .imgH.userT:after {
	background-position: -139px -192px;
	width: 65px;
	height: 42px
}

.garnier .resultsPanel .imgH.userN,
.raiffeisen .resultsPanel .imgH.userN,
.vola .resultsPanel .imgH.userN {
	height: 45px
}

.garnier .resultsPanel .imgH.userN:after,
.raiffeisen .resultsPanel .imgH.userN:after,
.vola .resultsPanel .imgH.userN:after {
	background-position: -139px -242px;
	width: 67px;
	height: 45px
}

.garnier .resultsPanel .imgH.userA,
.raiffeisen .resultsPanel .imgH.userA,
.vola .resultsPanel .imgH.userA {
	height: 56px
}

.garnier .resultsPanel .imgH.userA:after,
.raiffeisen .resultsPanel .imgH.userA:after,
.vola .resultsPanel .imgH.userA:after {
	background-position: -209px -231px;
	width: 55px;
	height: 56px
}

.loreal-p aside h1,
.loreal-p aside p.subtitle {
	font-family: "Times New Roman", Times, serif;
	line-height: 1
}

.loreal-p aside h1 {
	font-size: 64px
}

.loreal-p aside p.subtitle {
	margin-bottom: 30px;
	font-size: 20px
}

.loreal-p aside img.logos {
	margin-left: 38px;
	max-width: 121px
}

.loreal-p article.desc h3 {
	font-size: 24px;
	margin-bottom: 30px
}

.loreal-p article.desc h4 {
	font-size: 18px
}

.loreal-p .panel {
	font-size: 16px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75)
}

.loreal-p .panel p {
	margin-bottom: 30px
}

.garnier,
.raiffeisen,
.vola {
	color: #000
}

.garnier p.intro,
.raiffeisen p.intro,
.vola p.intro {
	text-shadow: none
}

.garnier ul.appliedServices li .title,
.raiffeisen ul.appliedServices li .title,
.vola ul.appliedServices li .title {
	color: #000
}

.garnier img.logos {
	margin-bottom: 40px
}

@media screen and (min-width: 1023px) {
	.garnier .homePane article.left {
		width: 490px
	}
}

.garnier .homePane article.highlightResults {
	text-align: left;
	margin: 0 auto;
	max-width: 450px;
	position: relative;
	min-height: 412px
}

@media screen and (min-width: 1023px) {
	.garnier .homePane article.highlightResults {
		width: 450px;
		float: right;
		padding: 95px 0 0 45px
	}
	.garnier .homePane article.highlightResults:before {
		content: "";
		position: absolute;
		display: block;
		left: 10px;
		bottom: 0;
		width: 22px;
		height: 412px;
		background: url(../images/sprite.png) -293px 0 no-repeat
	}
}

.garnier article.highlightResults h3 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px
}

.garnier .resultsBlock {
	font-size: 16px;
	line-height: 25px
}

.garnier .resultsBlock .row {
	display: block;
	clear: both;
	margin-bottom: 30px
}

.garnier .resultsBlock .row .imgH,
.garnier .resultsBlock .row .desc {
	display: inline-block;
	vertical-align: middle
}

.garnier .resultsBlock .imgH {
	width: 90px;
	position: relative
}

.garnier .resultsBlock .imgH:before {
	content: "";
	position: absolute;
	display: block;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.garnier .resultsBlock .imgH.user:before {
	background-position: -58px -159px;
	width: 71px;
	height: 56px
}

.garnier .resultsBlock .imgH.graph {
	height: 49px
}

.garnier .resultsBlock .imgH.graph:before {
	background-position: 0 -238px;
	width: 70px;
	height: 49px
}

.garnier .resultsBlock .imgH.sales {
	height: 68px
}

.garnier .resultsBlock .imgH.sales:before {
	background-position: -72px -219px;
	width: 66px;
	height: 68px
}

.garnier .resultsBlock .desc {
	width: 200px;
	font-family: "Source Sans Pro", sans-serif
}

@media screen and (min-width: 666px) {
	.garnier .resultsBlock .desc {
		width: 305px
	}
}

.garnier .panel {
	font-size: 22px
}

.garnier .panel h3 {
	font-size: 28px;
	margin-bottom: 20px
}

.raiffeisen p.intro {
	font-size: 16px
}

@media screen and (min-width: 1023px) {
	.raiffeisen .left.main {
		width: 510px
	}
}

@media screen and (min-width: 1023px) {
	.raiffeisen .left.desc {
		width: 400px;
		float: right
	}
}

.raiffeisen .visual li {
	width: 187px;
	height: 187px;
	border: 5px solid rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 93px;
	-moz-border-radius: 93px;
	-ms-border-radius: 93px;
	-o-border-radius: 93px;
	border-radius: 93px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	position: relative;
	display: inline-block;
	vertical-align: middle
}

@media screen and (min-width: 1023px) {
	.raiffeisen .visual li {
		display: block
	}
}

.raiffeisen .visual li.i1 img {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -64px
}

.raiffeisen .visual li.i2:after,
.raiffeisen .visual li.i3:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat
}

.raiffeisen .visual li.i2:after {
	background-position: 0 -290px;
	width: 79px;
	height: 57px;
	margin-left: -40px;
	margin-top: -29px
}

.raiffeisen .visual li.i3:after {
	background-position: -81px -290px;
	width: 63px;
	height: 119px;
	margin-left: -32px;
	margin-top: -60px
}

@media screen and (min-width: 1023px) {
	.raiffeisen .visual li.i3 {
		position: absolute;
		right: 0;
		top: 120px
	}
	.raiffeisen .visual li.i1 {
		margin-left: 15px;
		margin-bottom: 70px
	}
}

.raiffeisen .logos img {
	margin-bottom: 32px
}

.raiffeisen .panel .obh {
	text-align: center
}

.raiffeisen .panel .obh>* {
	vertical-align: middle;
	margin: 0 25px
}

.raiffeisen .raiffKM {
	text-align: center;
	display: block;
	padding: 20px
}

.raiffeisen .raiffKM li {
	display: inline-block;
	position: relative;
	width: 81px;
	height: 81px;
	margin: 0 20px;
	background-color: rgba(35, 31, 32, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}

.raiffeisen .raiffKM li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.raiffeisen .raiffKM li.item1:before {
	width: 45px;
	height: 45px;
	background-position: -239px -150px
}

.raiffeisen .raiffKM li.item2:before {
	width: 42px;
	height: 31px;
	background-position: -132px -159px
}

.raiffeisen .raiffKM li.item3:before {
	width: 66px;
	height: 53px;
	background-position: -146px -290px
}

.raiffeisen .raiffKM li.item4:before {
	width: 38px;
	height: 71px;
	background-position: -214px -290px
}

.raiffeisen .raiffKM li.item5:before {
	width: 38px;
	height: 57px;
	background-position: -253px -290px
}

.maybelline .left.main,
.maybelline .left.desc {
	width: 100%
}

@media screen and (min-width: 1023px) {
	.maybelline .left.main,
	.maybelline .left.desc {
		width: 480px
	}
}

.maybelline .left.desc {
	position: relative;
	text-align: center
}

@media screen and (min-width: 1023px) {
	.maybelline .left.desc {
		min-height: 307px
	}
}

@media screen and (min-width: 1023px) {
	.maybelline .left.desc img.girl {
		position: absolute;
		top: 55px;
		right: -37px;
		max-width: 200%
	}
}

.maybelline .logo {
	margin-bottom: 35px
}

.maybelline h1 {
	font-size: 30px;
	margin-bottom: 35px
}

.maybelline .charDesign {
	text-align: center
}

.maybelline .charDesign li {
	display: inline-block;
	position: relative;
	margin: 0 15px 40px;
	width: 203px;
	height: 203px;
	padding-top: 222px
}

@media screen and (min-width: 1023px) {
	.maybelline .charDesign li {
		margin-bottom: 0
	}
}

.maybelline .charDesign li:before {
	content: "";
	display: block;
	width: 203px;
	height: 203px;
	position: absolute;
	top: 0;
	border: 3px solid #fff;
	-webkit-border-radius: 105px;
	-moz-border-radius: 105px;
	-ms-border-radius: 105px;
	-o-border-radius: 105px;
	border-radius: 105px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-color: rgba(6, 6, 6, 0.6);
	background-image: url(../images/mny-chars.jpg);
	background-repeat: no-repeat
}

.maybelline .charDesign li:first-child:before {
	background-position: 0 0
}

.maybelline .charDesign li:first-child+li:before {
	background-position: 100% 0
}

.maybelline .charDesign li:first-child+li+li:before {
	background-position: 100% 100%
}

.maybelline .charDesign li:first-child+li+li+li:before {
	background-position: 0 100%
}

.maybelline #pane2 p {
	margin: 0
}

.maybelline #pane2 article {
	margin-bottom: 10px
}

.siemens p.intro,
.siemens .panel {
	color: #000
}

.siemens .panel p.highlight {
	margin-bottom: 15px;
	font-size: 18px
}

@media screen and (min-width: 1023px) {
	.siemens .left.main {
		width: 480px
	}
}

.siemens .left.main p.intro {
	text-shadow: none
}

@media screen and (min-width: 1023px) {
	.siemens .left.desc {
		text-align: right;
		padding-top: 50px;
		width: 418px;
		float: right
	}
}

.siemens aside .logos {
	margin-bottom: 43px
}

@media screen and (min-width: 666px) {
	.siemens #obiectiv,
	.siemens #provocare {
		min-height: 315px;
		padding-right: 200px
	}
}

@media screen and (min-width: 666px) {
	.siemens #obiectiv {
		background: url(../images/SI-phoapp1.png) 100% 15px no-repeat
	}
}

@media screen and (min-width: 666px) {
	.siemens #provocare {
		background: url(../images/SI-phoapp2.png) 100% 15px no-repeat
	}
}

.siemens .obvisuals {
	text-align: center;
	font-size: 0
}

.siemens .obvisuals li {
	width: 133px;
	height: 133px;
	border: 3px solid #fff;
	-webkit-border-radius: 69px;
	-moz-border-radius: 69px;
	-ms-border-radius: 69px;
	-o-border-radius: 69px;
	border-radius: 69px;
	background-color: rgba(6, 6, 6, 0.1);
	position: relative;
	display: inline-block;
	margin: 0 30px
}

.siemens .obvisuals li:first-child:after {
	width: 80px;
	height: 76px;
	background-position: -214px -363px
}

.siemens .obvisuals li:first-child+li:after {
	width: 63px;
	height: 64px;
	background-position: -146px -349px
}

@media screen and (min-width: 1023px) {
	.vola .left.main {
		width: 480px
	}
}

.vola .left.main p.intro {
	text-shadow: none
}

.vola .left.desc {
	text-align: right
}

@media screen and (min-width: 1023px) {
	.vola .left.desc {
		padding-top: 75px;
		width: 418px;
		float: right
	}
}

.vola aside .logos {
	margin-bottom: 12px
}

.vola h1 {
	font-size: 30px;
	margin-bottom: 20px
}

@media screen and (min-width: 1023px) {
	.vola .resultsPanel {
		float: left;
		width: 420px
	}
	.vola .gameWinner {
		text-align: center;
		float: right
	}
}

.vola .gameWinner {
	font-size: 20px;
	width: 230px;
	margin: 0 auto
}

.vola .gameWinner img {
	display: block;
	margin: 10px auto
}

.vola .resultsPanel {
	font-size: 0
}

.vola .resultsPanel .desc {
	width: 330px;
	font-size: 20px
}

.vola .resultsPanel .imgH {
	width: 84px;
	margin: 0
}

.vola .resultsPanel .imgH:after {
	right: auto;
	left: 0
}

.vola .resultsPanel .imgH.total {
	height: 37px
}

.vola .resultsPanel .imgH.total:after {
	height: 37px;
	width: 51px;
	background-position: 0 -409px
}

.vola .resultsPanel .imgH.teams {
	height: 36px
}

.vola .resultsPanel .imgH.teams:after {
	height: 36px;
	width: 55px;
	background-position: -55px -409px
}

.vola .resultsPanel .imgH.votes {
	height: 30px
}

.vola .resultsPanel .imgH.votes:after {
	left: 10px;
	height: 30px;
	width: 36px;
	background-position: -30px -349px
}

@media screen and (min-width: 1023px) {
	.gd .left.desc {
		float: right;
		width: 425px
	}
}

@media screen and (min-width: 1023px) {
	.gd .left.main {
		width: 100%;
		max-width: 480px
	}
}

.gd ul.visual {
	position: relative;
	display: block;
	list-style: none
}

.gd ul.visual li {
	width: 194px;
	height: 194px;
	border: 5px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 102px;
	-moz-border-radius: 102px;
	-ms-border-radius: 102px;
	-o-border-radius: 102px;
	border-radius: 102px;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.33);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.33);
	overflow: hidden;
	display: inline-block;
	margin: 15px
}

@media screen and (min-width: 1023px) {
	.gd ul.visual li {
		margin: 0
	}
	.gd ul.visual li.i1 {
		margin-bottom: 15px
	}
	.gd ul.visual li.i2 {
		position: absolute;
		top: 80px;
		right: 15px
	}
	.gd ul.visual li.i3 {
		margin-left: 50px
	}
}

.vdf aside {
	text-align: center
}

.vdf p.intro {
	text-align: justify
}

@media screen and (min-width: 1023px) {
	.vdf img.logos {
		margin: 0 auto 40px
	}
}

.vdf .desc .panel .highlight {
	margin-bottom: 30px
}

@media screen and (min-width: 1023px) {
	.vdf .timelinegr {
		float: right;
		margin-right: -45px
	}
}

.lt-ie9 .shell {
	background: transparent url(../images/bg-L.jpg) 50% 0 no-repeat
}

.lt-ie9 .home .shell {
	background-image: url(../images/bg-home-L.jpg)
}

.no-cssanimations .loading,
.no-cssanimations .homebgi,
.no-cssanimations .clientLoader {
	display: none
}

.no-cssanimations .home article {
	left: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.no-cssanimations .home .bg {
	display: none
}

.no-cssanimations .home .shell {
	background-repeat: no-repeat;
	background-image: url(../images/spacer.png), url(../images/spacer.png), url(../images/bg-S.jpg);
	background-position: 125% 40%, 50% 100%, 50% 0
}

@media screen and (min-width: 666px) {
	.no-cssanimations .home .shell {
		background-image: url(../images/signal.png), url(../images/crystals-M.png), url(../images/bg-home-M.jpg);
		background-position: 75% 40%, 50% 100%, 50% 0
	}
}

@media screen and (min-width: 1025px) {
	.no-cssanimations .home .shell {
		background-image: url(../images/signal.png), url(../images/crystals-L.png), url(../images/bg-home-L.jpg)
	}
}

@media screen and (min-width: 1800px) {
	.no-cssanimations .home .shell {
		-webkit-background-size: auto auto, 100% auto, 100% auto;
		background-size: auto auto, 100% auto, 100% auto
	}
}

.no-opacity {
	display: none
}

.shell.privacy {
	-webkit-background-size: cover;
	background-size: cover;
}