@import url("../../../../fast.fonts.net/t/14563.css?apiType=css&projectid=9ca2fac9-cae5-4564-8006-7367f46d2c41");
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:hover, a:active {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em
}
q {
	quotes: none
}
q:before, q:after {
	content: "";
	content: none
}
small {
	font-size: 75%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 0;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle
}
button, input {
	line-height: normal
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow:visible
}
button[disabled], input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.ir {
	color: transparent !important;
	text-shadow: none !important;
	font: 0/0 a !important;
	text-indent: -999em
}
.ir br {
	display: none
}
.invisible {
	visibility: hidden
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	display: table;
	content: ""
}
.clearfix:after {
	clear: both
}
.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	touch-callout: none
}
@font-face {
	font-family: "icons";
	src: url("../../fonts/icons/icons.eot");
	src: url("../../fonts/icons/iconsd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/icons/icons.woff") format("woff"), url("../../fonts/icons/icons.svg#icons") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Helvetica W01 Roman";
	src: url("../../fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652d41d.eot?#iefix");
	src: url("../../fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652d41d.eot?#iefix") format("eot"), url("../../fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("../../fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg")
}
@font-face {
	font-family: "Helvetica W01 Bold";
	src: url("../../fonts/f70da45a-a05c-490c-ad62-7db4894b012ad41d.eot?#iefix");
	src: url("../../fonts/f70da45a-a05c-490c-ad62-7db4894b012ad41d.eot?#iefix") format("eot"), url("../../fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), url("../../fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg")
}
@font-face {
	font-family: "HelveticaW01-BoldItalic";
	src: url("../../fonts/ba3a4533-8c91-4cb2-9aaa-a88094026f33d41d.eot?#iefix");
	src: url("../../fonts/ba3a4533-8c91-4cb2-9aaa-a88094026f33d41d.eot?#iefix") format("eot"), url("../../fonts/f1871604-fe87-46fa-b5d4-b8ec8fb8a1cb.woff") format("woff"), url("../../fonts/2a3f33c9-8d6e-440c-9632-83e5d9419616.svg#2a3f33c9-8d6e-440c-9632-83e5d9419616") format("svg")
}
@font-face {
	font-family: "Helvetica W01 Italic";
	src: url("../../fonts/8024396f-7071-4826-91f3-a6c74ac498a4d41d.eot?#iefix");
	src: url("../../fonts/8024396f-7071-4826-91f3-a6c74ac498a4d41d.eot?#iefix") format("eot"), url("../../fonts/6a0046e5-ec1e-4a57-b0d1-d80725a41a7e.woff") format("woff"), url("../../fonts/e523fdb5-21af-407c-a6bf-0a5e86316650.svg#e523fdb5-21af-407c-a6bf-0a5e86316650") format("svg")
}
@font-face {
	font-family: "VAG Rounded W01 Bold";
	src: url("../../fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8acd41d.eot?#iefix");
	src: url("../../fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8acd41d.eot?#iefix") format("eot"), url("../../fonts/5b73c12f-4a5a-4d8c-81be-1babf4a3f3dd.woff") format("woff"), url("../../fonts/40964335-0b3a-4c89-895c-1e8f58438faa.svg#40964335-0b3a-4c89-895c-1e8f58438faa") format("svg")
}
@font-face {
	font-family: "VAG Rounded W01 Thin";
	src: url("../../fonts/c6cde420-95aa-4d44-8874-0fdf667e66a7d41d.eot?#iefix");
	src: url("../../fonts/c6cde420-95aa-4d44-8874-0fdf667e66a7d41d.eot?#iefix") format("eot"), url("../../fonts/09d74e12-003d-45c0-882d-271717150255.woff") format("woff"), url("../../fonts/e4f4fa64-8733-4776-916d-600581ba3059.svg#e4f4fa64-8733-4776-916d-600581ba3059") format("svg")
}
::selection {
	text-shadow: none;
	background: #000;
	color: #fff
}
::-moz-selection {
text-shadow:none;
background:#000;
color:#fff
}
html {
	font-family: "Helvetica W01 Roman", sans-serif;
	font-size: 16px;
	line-height: 1.5em
}
span#loading {
	background: url(../../images/achievements/overlay_loading.gif) no-repeat #fff 50% 50%;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none
}
body.hidden span#loading {
	display: block
}
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #919089
}
h1, h2, h3, h4, h5, h6 {
	font-family: "VAG Rounded W01 Thin", sans-serif;
	font-weight: normal;
	margin: 0
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-family: "VAG Rounded W01 Bold", sans-serif
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0
}
p strong, li strong {
	font-family: "Helvetica W01 Bold", sans-serif
}
strong {
	font-weight: normal
}
a {
	text-decoration: none;
	color: #9DD91C
}
button {
	background: #B6B3AF;
	outline: none;
	border: none;
	padding: 0
}
img {
	display: block;
	width: 100%
}
.core {
	width: 90%;
	max-width: 1120px;
	position: relative;
	margin-right: auto;
	margin-left: auto
}
.espinosa {
	text-indent: -999em;
	position: relative;
	overflow: hidden;
	font-size: 120px;
	text-align: -webkit-right;
	display: block;
	height: 100px;
	color: #CDCDCD;}
.espinosa:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "b";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 1em;
	position: absolute;
	text-indent: 0;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
.espinosa.white {
	color: #fff
}
.main-hdr {
	font-size: 3.125em;
	/* [disabled]text-transform: uppercase; */
	margin-bottom: .5em;
	line-height: 0.85em;
	margin-left: -0.05em
}
.section {
	padding: 3em 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.section#achievements {
	padding: 0;
	margin-top: -250px;
}
.arrow {
	cursor: pointer;
	position: absolute;
	bottom: 1em;
	left: 50%;
	width: 54px;
	margin-left: -27px;
	z-index: 6
}
.arrow:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "g";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 12px;
	display: block;
	color: #fff
}
#hero {
	position: relative;
	text-align: center;
	overflow: hidden
}
#hero:after {
	background: transparent url(../../graphics/hero/texture.png);
	position: absolute;
	display: block;
	opacity: 0.8;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
#hero.debug .scene {
	background: rgba(0,0,255,0.5)
}
#hero.debug .offset {
	background: rgba(255,0,0,0.5)
}
#hero.debug .wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dashed rgba(255,255,255,0.8)
}
#hero.debug .region.left, #hero.debug .region.right {
	background: rgba(128,0,128,0.5)
}
#hero.debug .region.upper, #hero.debug .region.lower {
	background: rgba(0,255,255,0.5)
}
#hero .bio {
	position: absolute;
	width: 100%;
	z-index: 8;
	left: 0;
	top: 0;
	margin-top: 1.7em;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out
}

@media all and (max-width: 800px) {
#hero .bio {
	margin-top: 1.2em
}
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
#hero .bio {
	margin-top: 0.8em
}
}
#hero .core {
	height: 100%
}
#hero .region {
	position: absolute
}
#hero .region.left, #hero .region.right {
	height: 100px;
	width: 100px
}
#hero .region.left {
	left: 0
}
#hero .region.right {
	right: 0
}
#hero .region.upper, #hero .region.lower {
	width: 100%;
	left: 0;
	z-index: 8
}
#hero .region.upper {
	top: 0
}
#hero .region.lower {
	bottom: 0
}
#hero .scene {
	position: relative;
	z-index: 1
}
#hero .offset {
	position: absolute;
	margin-top: 10px
}
#hero .wrapper {
	position: absolute;
	left: 50%;
	top: 50%
}
#hero .letter {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
#hero .letter.off {
	opacity: 0
}
#hero button {
	position: relative;
	background: none;
	z-index: 1
}
#hero .interface {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
#overview {
	position: relative;
	background: #fff;
	z-index: 11;
	overflow: hidden
}
#overview .arrow:before {
	color: #00BAFF
}
#about {
	padding-top: 3em
}
#about .hero {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-radial-gradient(circle, #178FF4, #395BC7);
	background-position: 0 0;
	color: #3B7BBA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0.5em
}
html.ua-android #about .hero {
	-webkit-background-clip: none;
	-webkit-text-fill-color: #9DD91C;
	background-image: none
}
#about .manifesto {
	margin: 0 0 3.2em
}
#about .manifesto>h2 {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 2.1875em;
	line-height: 1.2em;
	margin-bottom: 0.6em
}
#about .manifesto>h2>span {
	white-space: nowrap
}
#about .manifesto>p {
	font-size: 1.25em;
	line-height: 1.4em
}

@media all and (max-width: 800px) {
#about .main-hdr {
	font-size: 3.325em
}
}
#clients {
	margin-bottom: 3.6em;
	text-align: center;
	color: #B6B3AF
}
#clients li {
	margin-bottom: 2.5em;
	position: relative
}
#clients .client {
	text-indent: -999em;
	overflow: hidden;
	font-size: 0;
	opacity: 0
}
#clients .logo {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0
}
#clients .logo:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: attr(icon);
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 1em;
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}
html.landscape .arrow {
	bottom: 0.5em
}
.accelerate, #hero .scene, #about .hero, .ua-android #hero .mask.bg, .ua-android #hero .electrodes, .ua-android #hero .light-on, .ua-android #hero .glow, .ua-android #hero .flare, #hero .switch, #hero .switch .progress-bar, #hero .switch .lettering {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
html.mouse #hero .bio, html.ua-desktop-windows.ua-chrome #hero .bio, html.ua-desktop-windows.ua-firefox #hero .bio {
	text-align: left
}
body {
	overflow-x: hidden
}
#hero {
	background-color: #0A2C58;
	background-image: -webkit-radial-gradient(center, circle, #01357A 0%, #010B25 100%);
	background-image: -moz-radial-gradient(center, circle,#01357A 0%, #010B25 100%);
	background-image: -ms-radial-gradient(center, circle, #01357A 0%, #010B25 100%);
	background-image: radial-gradient(center, circle, #01357A 0%, #010B25 100%)
}
#hero .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#hero .mask.scroll {
	background: #000;
	opacity: 0
}
#hero .mask.loader-ctr {
	background: rgba(0,0,0,0.3);
	z-index: 7
}
#hero .mask.loader-ctr .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6)
}
#hero .mask.loader-ctr .loader .f_circleG {
	position: absolute;
	background-color: #A7CF37;
	height: 18px;
	width: 18px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	border-radius: 9px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}
#hero .mask.loader-ctr .loader .frotateG_01 {
	left: 0;
	top: 41px
}
#hero .mask.loader-ctr .loader .frotateG_02 {
	left: 12px;
	top: 12px
}
#hero .mask.loader-ctr .loader .frotateG_03 {
	left: 41px;
	top: 0
}
#hero .mask.loader-ctr .loader .frotateG_04 {
	right: 12px;
	top: 12px
}
#hero .mask.loader-ctr .loader .frotateG_05 {
	right: 0;
	top: 41px
}
#hero .mask.loader-ctr .loader .frotateG_06 {
	right: 12px;
	bottom: 12px
}
#hero .mask.loader-ctr .loader .frotateG_07 {
	left: 41px;
	bottom: 0
}
#hero .mask.loader-ctr .loader .frotateG_08 {
	left: 12px;
	bottom: 12px
}
#hero .mask.bg {
	background: #178FF4;
	opacity: 0.3
}
#hero .arrow {
	z-index: 100
}
#hero .wrapper>div, #hero .wrapper>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}
#hero .wrapper>div.light-off, #hero .wrapper>img.light-off {
	z-index: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out
}
#hero .wrapper>div.electrodes, #hero .wrapper>img.electrodes {
	z-index: 2
}
#hero .wrapper>div.light-on, #hero .wrapper>img.light-on {
	z-index: 3
}
#hero .wrapper>div.letter-e, #hero .wrapper>img.letter-e {
	z-index: 3
}
#hero .wrapper>div.letter-g, #hero .wrapper>img.letter-g {
	z-index: 3
}
#hero .wrapper>div.glow, #hero .wrapper>img.glow {
	z-index: 4
}
#hero .wrapper>div.letter-e-glow, #hero .wrapper>img.letter-e-glow {
	z-index: 4
}
#hero .wrapper>div.letter-g-glow, #hero .wrapper>img.letter-g-glow {
	z-index: 4
}
#hero .wrapper>div.flare, #hero .wrapper>img.flare {
	z-index: 4
}
html.ua-chrome #hero div.core {
	width: 100%
}

@media (max-width: 1199px) {
html.ua-chrome #hero div.core h1.bio {
	left: 2%
}
}
html.ua-chrome #hero div.upper div.switch {
	margin-left: 0 !important
}
.ua-ie-9 #hero .mask.bg, .ua-ie-9 #hero .letter-e, .ua-ie-9 #hero .letter-e-glow, .ua-ie-9 #hero .letter-g, .ua-ie-9 #hero .letter-g-glow, .ua-ie-9 #hero .flare, .ua-ie-9 #hero .loader-ctr, .ua-ie-8 #hero .mask.bg, .ua-ie-8 #hero .letter-e, .ua-ie-8 #hero .letter-e-glow, .ua-ie-8 #hero .letter-g, .ua-ie-8 #hero .letter-g-glow, .ua-ie-8 #hero .flare, .ua-ie-8 #hero .loader-ctr, .ua-ie-7 #hero .mask.bg, .ua-ie-7 #hero .letter-e, .ua-ie-7 #hero .letter-e-glow, .ua-ie-7 #hero .letter-g, .ua-ie-7 #hero .letter-g-glow, .ua-ie-7 #hero .flare, .ua-ie-7 #hero .loader-ctr, .ua-ie-6 #hero .mask.bg, .ua-ie-6 #hero .letter-e, .ua-ie-6 #hero .letter-e-glow, .ua-ie-6 #hero .letter-g, .ua-ie-6 #hero .letter-g-glow, .ua-ie-6 #hero .flare, .ua-ie-6 #hero .loader-ctr, .ua-windows_phone #hero .mask.bg, .ua-windows_phone #hero .letter-e, .ua-windows_phone #hero .letter-e-glow, .ua-windows_phone #hero .letter-g, .ua-windows_phone #hero .letter-g-glow, .ua-windows_phone #hero .flare, .ua-windows_phone #hero .loader-ctr {
	display: none !important
}
.ua-ie-9 #hero .light-on, .ua-ie-9 #hero .glow, .ua-ie-8 #hero .light-on, .ua-ie-8 #hero .glow, .ua-ie-7 #hero .light-on, .ua-ie-7 #hero .glow, .ua-ie-6 #hero .light-on, .ua-ie-6 #hero .glow, .ua-windows_phone #hero .light-on, .ua-windows_phone #hero .glow {
	opacity: 1
}
.ua-ie-9 #hero .mask.scroll, .ua-ie-8 #hero .mask.scroll, .ua-ie-7 #hero .mask.scroll, .ua-ie-6 #hero .mask.scroll, .ua-windows_phone #hero .mask.scroll {
	background: none
}
.ua-android #hero .letter-e, .ua-android #hero .letter-e-glow, .ua-android #hero .letter-g, .ua-android #hero .letter-g-glow {
	display: none
}

@media only screen and (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
section#hero .bio {
	margin-top: 1.2em !important
}
section#hero div.scene {
	top: 45% !important
}
}
#hero .switch {
	z-index: 9;
	width: 180px;
	height: 180px;
	left: 50%;
	top: 0;
	margin-left: -90px;
	position: absolute;
	overflow: visible;
	cursor: default;
	text-indent: -999em;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out
}
#hero .switch:hover .lettering {
	opacity: 1
}
#hero .switch div {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
#hero .switch .progress-bar {
	width: 78px;
	height: 78px;
	top: 51px;
	left: 51px;
	z-index: 2
}
#hero .switch .progress-bar>div {
	height: 78px;
	width: 39px;
	top: 0;
	overflow: hidden
}
#hero .switch .progress-bar>div .anim {
	top: 0;
	height: 78px;
	width: 78px;
	border: 4px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}
#hero .switch .progress-bar>div.left {
	left: 0
}
#hero .switch .progress-bar>div.left .anim {
	left: 0;
	clip: rect(0px 78px 78px 39px)
}
#hero .switch .progress-bar>div.right {
	left: 50%
}
#hero .switch .progress-bar>div.right .anim {
	left: -39px;
	clip: rect(0px 39px 78px 0px)
}
#hero .switch .pulse {
	width: 74px;
	height: 74px;
	top: 53px;
	left: 53px;
	border: 2px solid rgba(255,255,255,0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 1
}
#hero .switch .inner {
	width: 60.2px;
	height: 60px;
	top: 60px;
	left: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	z-index: 3;
	cursor: pointer;
	overflow: hidden
}
#hero .switch .inner:after {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 70px;
	position: absolute;
	top: -4px;
	left: -4px;
	height: 60px;
	width: 60px;
	color: #178FF4;
	text-indent: 0;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-ms-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

@media all and (min-width: 600px) and (max-width: 1024px) {
html.touch #hero .switch .inner:after {
	top: 2px;
	left: 1px
}
}
#hero .switch .lettering {
	position: absolute;
	top: 30px;
	left: 39px;
	width: 78px;
	height: 78px;
	-webkit-transform: rotate(-58deg);
	-moz-transform: rotate(-58deg);
	-ms-transform: rotate(-58deg);
	transform: rotate(-58deg);
	opacity: 0;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
	text-indent: 0
}
#hero .switch .lettering>span {
	color: #fff;
	height: 60px;
	width: 60px;
	left: -1px;
	top: 0;
	position: absolute;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	font-size: 9px
}
#hero .switch .lettering>span.char1 {
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg)
}
#hero .switch .lettering>span.char2 {
	-webkit-transform: rotate(16deg);
	-moz-transform: rotate(16deg);
	-ms-transform: rotate(16deg);
	transform: rotate(16deg)
}
#hero .switch .lettering>span.char3 {
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	transform: rotate(24deg)
}
#hero .switch .lettering>span.char4 {
	-webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-ms-transform: rotate(32deg);
	transform: rotate(32deg)
}
#hero .switch .lettering>span.char5 {
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg)
}
#hero .switch .lettering>span.char6 {
	-webkit-transform: rotate(48deg);
	-moz-transform: rotate(48deg);
	-ms-transform: rotate(48deg);
	transform: rotate(48deg)
}
#hero .switch .lettering>span.char7 {
	-webkit-transform: rotate(56deg);
	-moz-transform: rotate(56deg);
	-ms-transform: rotate(56deg);
	transform: rotate(56deg)
}
#hero .switch .lettering>span.char8 {
	-webkit-transform: rotate(64deg);
	-moz-transform: rotate(64deg);
	-ms-transform: rotate(64deg);
	transform: rotate(64deg)
}
#hero .switch .lettering>span.char9 {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg)
}
#hero .switch .lettering>span.char10 {
	-webkit-transform: rotate(80deg);
	-moz-transform: rotate(80deg);
	-ms-transform: rotate(80deg);
	transform: rotate(80deg)
}
#hero .switch .lettering>span.char11 {
	-webkit-transform: rotate(88deg);
	-moz-transform: rotate(88deg);
	-ms-transform: rotate(88deg);
	transform: rotate(88deg)
}
#hero .switch .lettering>span.char12 {
	-webkit-transform: rotate(96deg);
	-moz-transform: rotate(96deg);
	-ms-transform: rotate(96deg);
	transform: rotate(96deg)
}
#hero .switch .lettering>span.char13 {
	-webkit-transform: rotate(104deg);
	-moz-transform: rotate(104deg);
	-ms-transform: rotate(104deg);
	transform: rotate(104deg)
}
#hero .switch .lettering>span.char14 {
	-webkit-transform: rotate(112deg);
	-moz-transform: rotate(112deg);
	-ms-transform: rotate(112deg);
	transform: rotate(112deg)
}
#hero .switch .lettering>span.char15 {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}
#hero .switch.on .lettering {
	opacity: 0
}
#hero .switch.on .inner:before {
	background-color: #5c7f10
}
#hero .switch.thumbprint .lettering {
	-webkit-transform: rotate(-38deg);
	-moz-transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	transform: rotate(-38deg);
	left: 47px;
	top: 25px;
	opacity: 1
}
#hero .switch.thumbprint.on .lettering {
	opacity: 0
}
#hero .switch.thumbprint .inner {
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}
#hero .switch.thumbprint .inner:after {
	z-index: 6;
	color: #fff;
	font-size: 60px;
	top: 0;
	left: 0
}
#hero .switch.thumbprint.left .inner:after {
	content: "<"
}
#hero .switch.thumbprint.right .inner:after {
	content: ">"
}
#hero .interface .switch {
	display: none
}
.interface .switch.thumbprint.right .inner {
}
html.touch #hero .region.upper .switch {
	display: none
}
html.touch #hero .interface .switch {
	display: block
}
html.touch #hero .interface .switch.left {
	display: none
}
html.touch.landscape #hero .interface .switch {
	margin-left: 0
}
html.touch.landscape #hero .interface .switch.left {
	display: block;
	left: -45px
}
html.touch.landscape #hero .interface .switch.right {
	right: -45px;
	left: auto
}

@media all and (min-width: 600px) and (max-width: 1024px) {
html.touch #hero .switch {
	width: 220px;
	height: 220px;
	margin-left: -110px
}
html.touch #hero .switch .progress-bar {
	width: 91.33333px;
	height: 91.33333px;
	top: 64.33333px;
	left: 64.33333px
}
html.touch #hero .switch .progress-bar>div {
	height: 91.33333px;
	width: 45.66667px
}
html.touch #hero .switch .progress-bar>div .anim {
	height: 91.33333px;
	width: 91.33333px
}
html.touch #hero .switch .progress-bar>div.left .anim {
	clip: rect(0px 91.33333px 91.33333px 45.66667px)
}
html.touch #hero .switch .progress-bar>div.right .anim {
	left: -45.66667px;
	clip: rect(0px 45.66667px 91.33333px 0px)
}
html.touch #hero .switch .pulse {
	width: 87.33333px;
	height: 87.33333px;
	top: 66.33333px;
	left: 66.33333px
}
html.touch #hero .switch .inner {
	width: 73.53333px;
	height: 73.33333px;
	top: 73.33333px;
	left: 73.33333px
}
html.touch #hero .switch .inner:after {
	height: 73.33333px;
	width: 73.33333px
}
html.touch #hero .switch .lettering {
	left: 45.66667px;
	width: 91.33333px;
	height: 91.33333px
}
html.touch #hero .switch .lettering>span {
	height: 73.33333px;
	width: 73.33333px
}
html.touch #hero .switch.thumbprint .lettering {
	left: 54px
}
html.touch #hero .switch.thumbprint .lettering>span {
	font-size: 12px
}
html.touch #hero .switch.thumbprint .inner:after {
	font-size: 73.33333px
}
html.touch html.touch.landscape #hero .lower .interface .switch.left {
	left: -55px
}
html.touch html.touch.landscape #hero .lower .interface .switch.right {
	right: -55px
}
}
html.ua-desktop-windows.ua-chrome #hero .region.upper .switch, html.ua-desktop-windows.ua-firefox #hero .region.upper .switch {
	display: block
}
html.ua-desktop-windows.ua-chrome #hero .interface .switch, html.ua-desktop-windows.ua-firefox #hero .interface .switch {
	display: none
}
html.ua-desktop-windows.ua-chrome.landscape #hero .interface .switch, html.ua-desktop-windows.ua-firefox.landscape #hero .interface .switch {
	display: none
}
.ua-ie-9 #hero .switch, .ua-ie-8 #hero .switch, .ua-ie-7 #hero .switch, .ua-ie-6 #hero .switch, .ua-windows_phone #hero .switch {
	display: none !important
}
#accolades li {
	margin-bottom: 1.5em;
	text-indent: -999em;
	height: 90px;
	background-repeat: no-repeat;
	background-image: url(../../graphics/logos/accolade-sprite.png)
}
#accolades li.tigo {
	width: 114px
}
#accolades li.gobernacion {
	width: 217px;
	background-position: 0 -250px
}
#accolades li.epm {
	width: 180px;
	background-position: 0 -500px
}
#accolades li.boxmedia {
	width: 107px;
	background-position: 0 -742px;
	margin-top: -10px
}
#accolades li.mdcloudps {
	width: 170px;
	background-position: 0 -1010px;
	margin-top: -10px
}

@media only screen and (max-width: 1000px) {
#accolades li {
	height: 64px;
	background-size: 207px auto;
	float: left;
	margin-right: 1em;
	margin-left: 1em
}
#accolades li.tigo {
	width: 92px;
	margin-left: 0
}
#accolades li.gobernacion {
	width: 176px;
	background-position: 0 -200px
}
#accolades li.epm {
	width: 207px;
	background-position: 0 -400px
}
#accolades li.boxmedia {
	width: 190px;
	background-position: 0 -818px;
	margin-top: -2px;
	margin-right: 0
}
#accolades li.mdcloudps {
	width: 190px;
	background-position: 0 -818px;
	margin-top: -2px;
	margin-right: 0
}
}

@media only screen and (max-width: 885px) {
#accolades li {
	height: 59px;
	background-size: 190px auto;
	margin-right: 0.5em;
	margin-left: 0.5em
}
#accolades li.tigo {
	width: 84px
}
#accolades li.gobernacion {
	width: 160px;
	background-position: 0 -183px
}
#accolades li.epm {
	width: 190px;
	background-position: 0 -367px
}
#accolades li.boxmedia {
	width: 174px;
	background-position: 0 -751px
}
#accolades li.mdcloudps {
	width: 174px;
	background-position: 0 -751px
}
}

@media only screen and (max-width: 805px) {
#accolades li {
	height: 47px;
	background-size: 150px auto
}
#accolades li.tigo {
	width: 67px
}
#accolades li.gobernacion {
	width: 126px;
	background-position: 0 -144px
}
#accolades li.epm {
	width: 150px;
	background-position: 0 -290px
}
#accolades li.boxmedia {
	width: 138px;
	background-position: 0 -592px
}
#accolades li.mdcloudps {
	width: 138px;
	background-position: 0 -592px
}
}

@media only screen and (max-width: 530px) {
#accolades li {
	height: 40px;
	background-size: 129px auto
}
#accolades li.tigo {
	width: 57px
}
#accolades li.gobernacion {
	width: 108.5px;
	background-position: 0 -125px
}
#accolades li.epm {
	width: 129px;
	background-position: 0 -250px
}
#accolades li.boxmedia {
	width: 118px;
	background-position: 0 -510px
}
#accolades li.mdcloudps {
	width: 118px;
	background-position: 0 -510px
}
}

@media only screen and (max-width: 465px) {
#accolades li {
	height: 26.66px;
	background-size: 86px auto
}
#accolades li.tigo {
	width: 38px
}
#accolades li.gobernacion {
	width: 72.33px;
	background-position: 0 -83.33px
}
#accolades li.epm {
	width: 86px;
	background-position: 0 -166.66px
}
#accolades li.boxmedia {
	width: 79px;
	background-position: 0 -339px
}
#accolades li.mdcloudps {
	width: 79px;
	background-position: 0 -339px
}
}
#tweets {
	background-color: #EFEFEF;
	padding: 3em 0
}
#tweets a {
	color: #00BAFF
}
#tweets .core>a {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 1.125em;
	padding-left: 1.7em;
	position: relative
}
#tweets .core>a:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 1.375em;
	color: #00BAFF;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	position: absolute;
	top: -0.15em;
	left: 0
}
#tweets li {
	margin-bottom: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2em
}
#tweets li>span {
	display: block;
	margin-bottom: 0.4em;
	font-weight: bold
}
#tweets li>span:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "t";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 1.375em;
	color: #B6B3AF;
	margin-right: 0.2em
}
#biosight {
	width: 100%;
	background: #9bc42a;
	background: linear-gradient(50deg, #9bc42a, #3ec4c9 90%);
	position: relative;
	padding-top: 6.2em;
	padding-bottom: 4.2em;
	color: #fff;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "VAG Rounded W01 Thin"
}
#biosight a {
	color: #fff;
	font-size: 1em;
	font-family: "VAG Rounded W01 bold"
}
#biosight .reportCTA, #biosight .reqWhitepaper {
	font-size: 1.32em;
	font-family: "VAG Rounded W01 bold"
}
#biosight .reportCTA:after, #biosight .reqWhitepaper:after {
	content: "~";
	font-family: "icons";
	position: relative;
	font-size: 2.8em;
	top: 0.35em
}
#biosight #contactFormHolder {
	width: 100%;
	background: #fff;
	position: relative;
	padding-top: 5em;
	padding-bottom: 3em;
	color: #8ed631;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 101;
	right: -100%;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
#biosight #contactFormHolder .core {
	margin: 0 0 0 5%
}
#biosight #contactFormHolder .core .closeForm {
	display: block;
	position: absolute;
	margin: 0;
	top: -50px;
	left: 290px;
	color: #999;
	background: url("../../images/achievements/page_sprites.png") no-repeat 0 0;
	background-position: 0 -46px;
	width: 48px;
	height: 47px;
	text-indent: 150%;
	white-space: nowrap;
	cursor: pointer
}
#biosight #contactFormHolder.open {
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0)
}
html.lte-ie-8 #biosight #contactFormHolder.open {
	left: 0
}
#biosight #contactFormHolder .formFrame {
	padding: 0 0 10px 0;
	margin: 20px 0 0 0
}
#biosight #contactFormHolder .heading {
	font-size: 2em;
	line-height: 1.1em;
	display: block;
	color: #a7cf38
}
html.lte-ie-8 #biosight #contactFormHolder .heading {
	font-size: 26px;
	font-weight: bold
}
#biosight #contactFormHolder .contactFormFlelds {
	margin-bottom: 10px
}
#biosight #contactFormHolder .reqWhitepaper {
	background: none;
	color: #a7cf38;
	margin: 0;
	padding: 0 0 10px 0
}
#biosight #contactFormHolder label {
	display: block;
	margin-right: 10px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #666;
	font-family: "VAG Rounded W01 Bold"
}
#biosight #contactFormHolder input {
	width: 250px;
	border: 1px solid #b2d984;
	box-shadow: 0px 0px 3px #ccc, 0 2px 4px #eee inset;
	border-radius: 2px
}
#biosight #contactFormHolder:focus {
	background: #fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
	padding-right: 70px;
	-moz-transition: padding 0.25s;
	-webkit-transition: padding 0.25s;
	-o-transition: padding 0.25s;
	transition: padding 0.25s
}
#biosight #contactFormHolder .errmsg {
	display: block;
	color: #de0a0a;
	padding-top: 5px
}
#biosight .main-hdr, #biosight .lead {
	margin-bottom: 0.4em
}
#biosight .main-hdr span, #biosight .lead span {
	font-family: "VAG Rounded W01 Bold";
	letter-spacing: 3px
}
#biosight .lead {
	color: #fff
}
#biosight .lead:after {
	content: "{";
	font-family: "icons";
	font-size: 4.5em
}
html.lte-ie-8 #biosight .lead:after {
	font-size: 96px
}
#biosight .lead span {
	font-family: "VAG Rounded W01 Bold";
	letter-spacing: 3px
}
#biosight .column {
	border-top: solid 2px #fff
}
#biosight .column p {
	font-size: 1em;
	line-height: 1.4em;
	padding-right: 3.5%;
	margin-top: 22px
}
#biosight .column p.description {
	font-size: 2.1875em;
	line-height: 1.2em
}
#biosight .column2 {
	width: 100%;
	border-top: solid 2px #fff;
	padding-top: 22px
}
#biosight .column2 p {
	line-height: 1.4em
}
html.lte-ie-8 #biosight .column2 p:first-of-type, html.lte-ie-8 #biosight .column2 p:nth-of-type(2) {
	font-size: 96px;
	display: inline
}
#biosight #mediaResponse>div>p:nth-child(3) {
	width: 100%;
	border-bottom: 2px solid #fff;
	padding: 0
}
#biosight #mediaResponse>div>p:nth-child(3)>a {
	display: block;
	max-width: 100%;
	height: 22px;
	font-size: 0.79em
}
#biosight #mediaResponse>div>p:nth-child(3)>a:after {
	content: "";
	font-family: "icons";
	position: relative;
	float: right;
	font-size: 1.5em;
	bottom: 0.1em
}
#biosight #mediaResponse {
	margin-top: 22px;
	font-family: "VAG Rounded W01 bold"
}
#biosight #mediaResponse heading {
	display: block;
	text-transform: capitalize;
	text-indent: 150%;
	width: 200px;
	height: 85px;
	overflow: hidden
}
#biosight #mediaResponse heading.travelbulletin, #biosight #mediaResponse heading.icef, #biosight #mediaResponse heading.travolution {
	background: url("../../images/bio-sight/connected-traveler-logo-sprite.png") no-repeat;
	width: 190px;
	height: 44px
}
#biosight #mediaResponse heading.icef {
	background-position: 0px -45px
}
#biosight #mediaResponse heading.travolution {
	background-position: 0px -110px
}
#biosight #mediaResponse div {
	margin-top: 22px
}
#biosight #mediaResponse div p {
	margin: 10px 0
}
#biosight #mediaResponse div .articleText {
	font-size: 0.7em;
	line-height: 0.5em;
	font-family: "VAG Rounded W01 thin"
}
#focus .main-hdr {
	color: #00BAFF;
	padding-bottom: 0.1em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #E1E1E1
}
#focus .areas>li {
	margin-bottom: 3em
}
#focus .areas>li>div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto
}
#focus .areas>li.last {
	margin-bottom: 0
}
#focus h2 {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 1.8125em;
	text-transform: uppercase;
	line-height: 0.9em;
	margin-bottom: 0.1em
}
#focus h3 {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 1.125em;
	margin-bottom: 0.6em
}
#focus .desc {
	margin-bottom: 2em
}
#focus p {
	margin: 0 0 0.5em
}
#focus p.last {
	margin-bottom: 0
}
#focus .clients li {
	margin-bottom: 2em;
	position: relative
}
#focus .clients li.last {
	margin-bottom: 0
}
#focus .clients figure {
	width: 63px;
	height: 63px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("../../images/focus/thumbnails/mobile/sprite.jpg");
	background-repeat: no-repeat
}
#focus .clients figure:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 63px;
	width: 63px;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	z-index: 1
}
#focus .clients figcaption {
	width: 70%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1em;
	padding-top: 0.2em
}
#focus .clients figcaption>p {
	font-family: "Helvetica W01 Bold", sans-serif;
	font-size: 0.875em;
	color: #666;
	line-height: 1.4em;
	margin: 0 0 0.5em;
	padding-left: 0.8em
}
#focus .clients figcaption>p.last {
	margin-bottom: 0
}
#focus .clients h4 {
	font-family: "Helvetica W01 Bold", sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #1f1f1d;
	margin-bottom: 0.3em;
	padding-left: 0.6em
}
#focus .clients h4:before {
	content: "/";
	position: absolute;
	margin-left: -0.6em
}
#focus .service-design h2 {
	color: #00BAFF
}
#focus .service-design .clients figure:after {
	background-color: #00BAFF
}
#focus .service-design .clients .travelex>figure {
	background-position: 0 0
}
#focus .service-design .clients .coca-cola>figure {
	background-position: 0 -75px
}
#focus .service-design h4:before {
	color: #00BAFF
}
#focus .e-commerce-solutions h2 {
	color: #E7A800
}
#focus .e-commerce-solutions .clients figure:after {
	background-color: #E7A800
}
#focus .e-commerce-solutions .clients .hotel-chocolat>figure {
	background-position: 0 -150px
}
#focus .e-commerce-solutions .clients .hachette>figure {
	background-position: 0 -225px
}
#focus .e-commerce-solutions h4:before {
	color: #E7A800
}
#focus .digital-marketing h2 {
	color: #de0098
}
#focus .digital-marketing .clients figure:after {
	background-color: #de0098
}
#focus .digital-marketing .clients .clinique>figure {
	background-position: 0 -300px
}
#focus .digital-marketing .clients .freesat>figure {
	background-position: 0 -375px
}
#focus .digital-marketing h4:before {
	color: #de0098
}
#focus .digital-retail h2 {
	color: #9DD91C
}
#focus .digital-retail .clients figure:after {
	background-color: #9DD91C
}
#focus .digital-retail .clients .selfridges>figure {
	background-position: 0 -450px
}
#focus .digital-retail .clients .halfords>figure {
	background-position: 0 -525px
}
#focus .digital-retail h4:before {
	color: #9DD91C
}

@media only screen and (max-width: 650px) {
html.js #focus div.core {
	width: 100%
}
html.js #focus h1 {
	margin-right: 5%;
	margin-left: 5%
}
html.js #focus ul.areas>li {
	position: relative;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-right: 5%;
	padding-left: 5%;
	overflow: hidden;
	cursor: pointer;
	transition: height ease 0.5s
}
html.js #focus ul.areas>li.resizing {
	transition: none !important
}
html.js #focus ul.areas>li.open {
	cursor: default;
	overflow-y: scroll
}
html.js #focus ul.areas>li:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "g";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 12px;
	position: absolute;
	top: 1.5em;
	right: 5%;
	display: block
}
html.js #focus ul.areas>li.service-design:before, html.js #focus ul.areas>li.service-design p.close:before {
	color: #00BAFF
}
html.js #focus ul.areas>li.e-commerce-solutions:before, html.js #focus ul.areas>li.e-commerce-solutions p.close:before {
	color: #E7A800
}
html.js #focus ul.areas>li.digital-marketing:before, html.js #focus ul.areas>li.digital-marketing p.close:before {
	color: #de0098
}
html.js #focus ul.areas>li.digital-retail:before, html.js #focus ul.areas>li.digital-retail p.close:before {
	color: #9DD91C
}
html.js #focus ul.areas>li div.hdr {
	position: relative;
	z-index: 10
}
html.js #focus ul.areas>li span.open {
	width: 6em;
	height: 5em;
	position: absolute;
	top: 0;
	right: -5%;
	z-index: 1;
	display: block
}
html.js #focus ul.areas>li p.close {
	position: absolute;
	top: 1.5em;
	right: 5%;
	margin-right: -0.15px;
	opacity: 0;
	transition: opacity ease 0.5s;
	cursor: pointer;
	z-index: 2
}
html.js #focus ul.areas>li p.close span {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block
}
html.js #focus ul.areas>li p.close:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "g";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 12px;
	position: absolute;
	top: 4px;
	right: 0;
	display: block;
	transform: rotate(-180deg)
}
html.js #focus ul.areas>li p.close a {
	width: 8em;
	height: 5em;
	position: absolute;
	top: -2.5em;
	right: -3em;
	display: block
}
html.js #focus ul.areas>li.open p.close {
	opacity: 1;
	z-index: 1000
}
html.ua-ios #focus ul.areas>li p.close, html.ua-safari #focus ul.areas>li p.close {
	margin-right: 1px
}
html.ua-ios #focus ul.areas>li p.close:before, html.ua-safari #focus ul.areas>li p.close:before {
	top: 2px
}
}

@media only screen and (min-width: 651px) {
html.js #focus ul.areas>li p.close {
	display: none
}
}
.ua-ie-8 #focus .clients figure:after, .ua-ie-7 #focus .clients figure:after, .ua-ie-6 #focus .clients figure:after {
	display: none
}
html.lte-ie-7 #focus .areas>li {
	clear: both
}
html.lte-ie-7 #focus .areas>li>div {
	width: 45%;
	float: right
}
html.lte-ie-7 #focus .areas>li>div.hdr {
	width: 50%;
	float: left
}
html.lte-ie-7 #focus .areas>li>div.desc {
	width: 50%;
	float: left
}
#services {
	position: relative;
	transition: background-position ease 0.5s
}
#services:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 101%;
	width: 100%;
	background-color: #333;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	z-index: 1
}
html.ua-android #services:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100)
}
#services header {
	float: left;
	padding-right: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
#services .main-hdr {
	color: #fff;
	margin-bottom: 0.8em
}
#services .core {
	z-index: 2
}
#services .core>ul {
	float: left
}
#services .service-col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-right: 2em
}
#services .service-col li {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 1.4375em;
	color: #fff;
	position: relative;
	margin-bottom: 1em;
	padding-left: 1.5em
}
#services .service-col li:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 0.8125em;
	position: absolute;
	left: 0;
	top: -0.15em;
	line-height: 1.5em
}
#services .service-col li>span {
	float: left
}
#services .service-col.service-col1 li:nth-child(1):before {
	color: #A7CF38
}
#services .service-col.service-col1 li:nth-child(2):before {
	color: #8ACf38
}
#services .service-col.service-col1 li:nth-child(3):before {
	color: #38CF51
}
#services .service-col.service-col1 li:nth-child(4):before {
	color: #38CF91
}
#services .service-col.service-col1 li:nth-child(5):before {
	color: #4FD0B9
}
#services .service-col.service-col1 li:nth-child(6):before {
	color: #4FC2D0
}
#services .service-col.service-col1 li:nth-child(7):before {
	color: #4FA4D0
}
#services .service-col.service-col1 li:nth-child(8):before {
	color: #4F86D0
}
#services .service-col.service-col2 li:nth-child(1):before {
	color: #4F86D0
}
#services .service-col.service-col2 li:nth-child(2):before {
	color: #4FA4D0
}
#services .service-col.service-col2 li:nth-child(3):before {
	color: #4FC2D0
}
#services .service-col.service-col2 li:nth-child(4):before {
	color: #4FD0B9
}
#services .service-col.service-col2 li:nth-child(5):before {
	color: #38CF91
}
#services .service-col.service-col2 li:nth-child(6):before {
	color: #38CF51
}
#services .service-col.service-col2 li:nth-child(7):before {
	color: #8ACf38
}
#services .service-col.service-col2 li:nth-child(8):before {
	color: #A7CF38
}
#services .service-col.last, #services #biosight #mediaResponse>div.service-col:nth-child(2), #biosight #services #mediaResponse>div.service-col:nth-child(2) {
	margin-bottom: 0
}
.ua-ie-8 #services, .ua-ie-7 #services, .ua-ie-6 #services {
	position: relative
}
.ua-ie-8 #services:after, .ua-ie-7 #services:after, .ua-ie-6 #services:after {
	background-color: #5B5B5B;
	background-image: none !important
}
.ua-ie-8 #services .service-col li, .ua-ie-7 #services .service-col li, .ua-ie-6 #services .service-col li {
	list-style: disc;
	padding-left: 0;
	margin-left: 1.5em
}
.ua-ie-8 #services .service-col li:before, .ua-ie-7 #services .service-col li:before, .ua-ie-6 #services .service-col li:before {
	content: ""
}
.ua-ie-8 #services .service-col li span, .ua-ie-7 #services .service-col li span, .ua-ie-6 #services .service-col li span {
	float: none !important
}
html.lte-ie-7 #services {
	background: #5B5B5B
}
html.lte-ie-7 #services li.service-col {
	width: 40%
}
html.lte-ie-7 #services li.service-col ul li {
	list-style: disc;
	list-style-position: inside;
	vertical-align: top
}
html.lte-ie-7 #services li.service-col ul li span {
	float: none;
	display: block
}
html.lte-ie-7 #services li.service-col1 {
	float: left
}
html.lte-ie-7 #services li.service-col2 {
	float: right
}
#experience {
	background-color: #333
}
#experience .main-hdr {
	color: #fff;
	margin-bottom: 0.8em
}
#experience>ul {
	color: #9C9C9C
}
#experience>ul>li {
	margin-bottom: 2.5em;
	padding-right: 1em;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.25em
}
#experience>ul>li li {
	margin-bottom: 0.3em;
	padding-left: 0.6em
}
#experience>ul>li li:before {
	content: "/";
	position: absolute;
	margin-left: -0.6em;
	color: #9DD91C
}
#experience h2 {
	font-family: "VAG Rounded W01 Bold", sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	color: #fff;
	line-height: 0.9em;
	margin-bottom: 0.5em
}
#footer {
	background-color: #fff;
	padding: 3em 0;
	color: #949290
}
#footer a {
	color: #949290;
	font-size: 1.125em
}
#footer header {
	margin-bottom: 3em
}
#footer .bio {
	font-size: 45px;
	height: 45px
}
#footer .bio:after {
	font-size: 45px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(112deg, #00baff 0%, #00baff 10%, #a7cf38 50%, #a7cf38 100%)
}
html.ua-android #footer .bio:after {
	-webkit-background-clip: none;
	-webkit-text-fill-color: currentColor;
	background-image: none
}
#footer .contact {
	margin: 0.5em 0 2.8em
}
#footer .contact li a {
	padding: 1.2em 0 1.2em 3.5em;
	position: relative
}
#footer .contact li a:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: attr(icon);
	font-family: "icons";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	font-size: 2.8125em;
	position: absolute;
	top: 0.15em;
	left: 0
}
#footer .contact li+li {
	margin-top: 2.6em
}
#footer .addresses {
	font-size: 1.125em
}
#footer .addresses li {
	margin-bottom: 1em
}
a, button {
	-webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
html.mouse a:hover, html.mouse button:hover {
	-webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), text-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	color: #5c7f10
}
html.mouse #tweets a:hover, html.mouse #tweets a:hover:before {
	-webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	color: #007099
}
html.mouse #footer a:hover {
	color: #222
}
html.touch a.tap, html.touch button.tap {
	-webkit-transition: color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-shadow 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-shadow 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-shadow 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-shadow 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	color: #5c7f10
}
html.touch #hero button.tap {
	text-shadow: 0 0 4px rgba(255,255,255,0.8)
}
html.touch #footer a.tap {
	color: #222
}
@-webkit-keyframes letters {
0% {
opacity:0
}
20% {
opacity:1
}
80% {
opacity:0.6
}
90% {
opacity:0.5
}
100% {
opacity:0.6
}
}
@-moz-keyframes letters {
0% {
opacity:0
}
20% {
opacity:1
}
80% {
opacity:0.6
}
90% {
opacity:0.5
}
100% {
opacity:0.6
}
}
@-ms-keyframes letters {
0% {
opacity:0
}
20% {
opacity:1
}
80% {
opacity:0.6
}
90% {
opacity:0.5
}
100% {
opacity:0.6
}
}
@keyframes letters {
0% {
opacity:0
}
20% {
opacity:1
}
80% {
opacity:0.6
}
90% {
opacity:0.5
}
100% {
opacity:0.6
}
}
@-webkit-keyframes flicker {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
33% {
opacity:0.9
}
40.3% {
opacity:0.4
}
}
@-moz-keyframes flicker {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
33% {
opacity:0.9
}
40.3% {
opacity:0.4
}
}
@-ms-keyframes flicker {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
33% {
opacity:0.9
}
40.3% {
opacity:0.4
}
}
@keyframes flicker {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
33% {
opacity:0.9
}
40.3% {
opacity:0.4
}
}
@-webkit-keyframes flare {
0% {
opacity:0
}
20% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes flare {
0% {
opacity:0
}
20% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes flare {
0% {
opacity:0
}
20% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes flare {
0% {
opacity:0
}
20% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes e-glow {
0%, 2.5%, 8.5%, 9%, 9.4%, 10%, 10.3%, 10.4%, 10.6%, 11.3%, 11.5%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.5%, 62.7%, 62.9%, 63.1%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 10.1%, 10.5%, 10.9%, 11.4%, 62.1%, 62.6%, 62.8%, 63% {
opacity:0.1
}
33% {
opacity:0.9
}
35.2%, 40.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-moz-keyframes e-glow {
0%, 2.5%, 8.5%, 9%, 9.4%, 10%, 10.3%, 10.4%, 10.6%, 11.3%, 11.5%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.5%, 62.7%, 62.9%, 63.1%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 10.1%, 10.5%, 10.9%, 11.4%, 62.1%, 62.6%, 62.8%, 63% {
opacity:0.1
}
33% {
opacity:0.9
}
35.2%, 40.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-ms-keyframes e-glow {
0%, 2.5%, 8.5%, 9%, 9.4%, 10%, 10.3%, 10.4%, 10.6%, 11.3%, 11.5%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.5%, 62.7%, 62.9%, 63.1%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 10.1%, 10.5%, 10.9%, 11.4%, 62.1%, 62.6%, 62.8%, 63% {
opacity:0.1
}
33% {
opacity:0.9
}
35.2%, 40.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@keyframes e-glow {
0%, 2.5%, 8.5%, 9%, 9.4%, 10%, 10.3%, 10.4%, 10.6%, 11.3%, 11.5%, 20%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.5%, 62.7%, 62.9%, 63.1%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
9.1%, 10.1%, 10.5%, 10.9%, 11.4%, 62.1%, 62.6%, 62.8%, 63% {
opacity:0.1
}
33% {
opacity:0.9
}
35.2%, 40.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-webkit-keyframes g-glow {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 20.2%, 20.4%, 20.8%, 21%, 21.2%, 21.4%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
20.1%, 20.3%, 20.9%, 21.1%, 21.3% {
opacity:0.1
}
33% {
opacity:0.9
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-moz-keyframes g-glow {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 20.2%, 20.4%, 20.8%, 21%, 21.2%, 21.4%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
20.1%, 20.3%, 20.9%, 21.1%, 21.3% {
opacity:0.1
}
33% {
opacity:0.9
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-ms-keyframes g-glow {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 20.2%, 20.4%, 20.8%, 21%, 21.2%, 21.4%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
20.1%, 20.3%, 20.9%, 21.1%, 21.3% {
opacity:0.1
}
33% {
opacity:0.9
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@keyframes g-glow {
0%, 2.5%, 8.5%, 9%, 9.2%, 15%, 15.3%, 20%, 20.2%, 20.4%, 20.8%, 21%, 21.2%, 21.4%, 26%, 30%, 35.1%, 35.3%, 40%, 40.2%, 40.4%, 44%, 53%, 62%, 62.2%, 65%, 65.2%, 70%, 70.2%, 70.4%, 75%, 75.2%, 85%, 93%, 100% {
opacity:0.6
}
5.5%, 23%, 47%, 88% {
opacity:1
}
20.1%, 20.3%, 20.9%, 21.1%, 21.3% {
opacity:0.1
}
33% {
opacity:0.9
}
9.1%, 15.1%, 35.2%, 40.1%, 62.1%, 65.1%, 70.1%, 70.3%, 75.1% {
opacity:0.5
}
40.3% {
opacity:0.4
}
}
@-webkit-keyframes electrodes {
from {
opacity:0
}
to {
opacity:1
}
}
@-moz-keyframes electrodes {
from {
opacity:0
}
to {
opacity:1
}
}
@-ms-keyframes electrodes {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes electrodes {
from {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes heroBackground {
0% {
opacity:0.3
}
20% {
opacity:0.5
}
100% {
opacity:0
}
}
@-moz-keyframes heroBackground {
0% {
opacity:0.3
}
20% {
opacity:0.5
}
100% {
opacity:0
}
}
@-ms-keyframes heroBackground {
0% {
opacity:0.3
}
20% {
opacity:0.5
}
100% {
opacity:0
}
}
@keyframes heroBackground {
0% {
opacity:0.3
}
20% {
opacity:0.5
}
100% {
opacity:0
}
}
@-webkit-keyframes heroBackgroundOff {
from {
opacity:0
}
to {
opacity:0.3
}
}
@-moz-keyframes heroBackgroundOff {
from {
opacity:0
}
to {
opacity:0.3
}
}
@-ms-keyframes heroBackgroundOff {
from {
opacity:0
}
to {
opacity:0.3
}
}
@keyframes heroBackgroundOff {
from {
opacity:0
}
to {
opacity:0.3
}
}
@-webkit-keyframes pulse {
0% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes pulse {
0% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-ms-keyframes pulse {
0% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0.1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes f_fadeG {
0% {
background-color:#fff
}
100% {
background-color:#9DD91C
}
}
@-moz-keyframes f_fadeG {
0% {
background-color:#fff
}
100% {
background-color:#9DD91C
}
}
@-ms-keyframes f_fadeG {
0% {
background-color:#fff
}
100% {
background-color:#9DD91C
}
}
@keyframes f_fadeG {
0% {
background-color:#fff
}
100% {
background-color:#9DD91C
}
}
#hero .mask.bg, #hero .electrodes, #hero .flare, #hero .light-on, #hero .glow, #hero .letter-e, #hero .letter-e-glow, #hero .letter-g, #hero .letter-g-glow {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none
}
#hero.on .mask.bg {
	-webkit-animation: heroBackground 0.7s 1s ease-in-out;
	-moz-animation: heroBackground 0.7s 1s ease-in-out;
	-ms-animation: heroBackground 0.7s 1s ease-in-out;
	animation: heroBackground 0.7s 1s ease-in-out
}
#hero.on .electrodes {
	-webkit-animation: electrodes 0.8s 0.2s ease-in-out;
	-moz-animation: electrodes 0.8s 0.2s ease-in-out;
	-ms-animation: electrodes 0.8s 0.2s ease-in-out;
	animation: electrodes 0.8s 0.2s ease-in-out
}
#hero.on .flare {
	-webkit-animation: flare 0.7s 1s ease-in-out;
	-moz-animation: flare 0.7s 1s ease-in-out;
	-ms-animation: flare 0.7s 1s ease-in-out;
	animation: flare 0.7s 1s ease-in-out
}
#hero.on .light-on {
	-webkit-animation: letters 0.5s 1s ease-in-out, flicker 30s 1.2s ease-in-out infinite;
	-moz-animation: letters 0.5s 1s ease-in-out, flicker 30s 1.2s ease-in-out infinite;
	-ms-animation: letters 0.5s 1s ease-in-out, flicker 30s 1.2s ease-in-out infinite;
	animation: letters 0.5s 1s ease-in-out, flicker 30s 1.2s ease-in-out infinite
}
#hero.on .glow {
	-webkit-animation: flicker 30s 1.2s ease-in-out infinite;
	-moz-animation: flicker 30s 1.2s ease-in-out infinite;
	-ms-animation: flicker 30s 1.2s ease-in-out infinite;
	animation: flicker 30s 1.2s ease-in-out infinite
}
#hero.on .letter-e {
	-webkit-animation: letters 0.5s 1s ease-in-out, e-glow 30s 1.2s ease-in-out infinite;
	-moz-animation: letters 0.5s 1s ease-in-out, e-glow 30s 1.2s ease-in-out infinite;
	-ms-animation: letters 0.5s 1s ease-in-out, e-glow 30s 1.2s ease-in-out infinite;
	animation: letters 0.5s 1s ease-in-out, e-glow 30s 1.2s ease-in-out infinite
}
#hero.on .letter-e-glow {
	-webkit-animation: e-glow 30s 1.2s ease-in-out infinite;
	-moz-animation: e-glow 30s 1.2s ease-in-out infinite;
	-ms-animation: e-glow 30s 1.2s ease-in-out infinite;
	animation: e-glow 30s 1.2s ease-in-out infinite
}
#hero.on .letter-g {
	-webkit-animation: letters 0.5s 1s ease-in-out, g-glow 30s 1.2s ease-in-out infinite;
	-moz-animation: letters 0.5s 1s ease-in-out, g-glow 30s 1.2s ease-in-out infinite;
	-ms-animation: letters 0.5s 1s ease-in-out, g-glow 30s 1.2s ease-in-out infinite;
	animation: letters 0.5s 1s ease-in-out, g-glow 30s 1.2s ease-in-out infinite
}
#hero.on .letter-g-glow {
	-webkit-animation: g-glow 30s 1.2s ease-in-out infinite;
	-moz-animation: g-glow 30s 1.2s ease-in-out infinite;
	-ms-animation: g-glow 30s 1.2s ease-in-out infinite;
	animation: g-glow 30s 1.2s ease-in-out infinite
}
#hero.off.warmed-up .mask.bg {
	-webkit-animation: heroBackgroundOff 0.2s ease-in-out;
	-moz-animation: heroBackgroundOff 0.2s ease-in-out;
	-ms-animation: heroBackgroundOff 0.2s ease-in-out;
	animation: heroBackgroundOff 0.2s ease-in-out
}
#hero.off.warmed-up .electrodes {
	-webkit-animation: electrodes 0.5s 0.2s ease-in-out reverse;
	-moz-animation: electrodes 0.5s 0.2s ease-in-out reverse;
	-ms-animation: electrodes 0.5s 0.2s ease-in-out reverse;
	animation: electrodes 0.5s 0.2s ease-in-out reverse
}
#hero.off.warmed-up .light-on {
	-webkit-animation: letters 0.2s ease-in-out reverse;
	-moz-animation: letters 0.2s ease-in-out reverse;
	-ms-animation: letters 0.2s ease-in-out reverse;
	animation: letters 0.2s ease-in-out reverse
}
#hero .switch .pulse {
	-webkit-animation: pulse 2s ease-out infinite;
	-moz-animation: pulse 2s ease-out infinite;
	-ms-animation: pulse 2s ease-out infinite;
	animation: pulse 2s ease-out infinite
}
#hero .f_circleG {
	-webkit-animation: f_fadeG 1.04s infinite linear;
	-moz-animation: f_fadeG 1.04s infinite linear;
	-ms-animation: f_fadeG 1.04s infinite linear;
	animation: f_fadeG 1.04s infinite linear
}
#hero .frotateG_01 {
	-webkit-animation-delay: 0.39s;
	-moz-animation-delay: 0.39s;
	-ms-animation-delay: 0.39s;
	animation-delay: 0.39s
}
#hero .frotateG_02 {
	-webkit-animation-delay: 0.52s;
	-moz-animation-delay: 0.52s;
	-ms-animation-delay: 0.52s;
	animation-delay: 0.52s
}
#hero .frotateG_03 {
	-webkit-animation-delay: 0.65s;
	-moz-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	animation-delay: 0.65s
}
#hero .frotateG_04 {
	-webkit-animation-delay: 0.78s;
	-moz-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	animation-delay: 0.78s
}
#hero .frotateG_05 {
	-webkit-animation-delay: 0.91s;
	-moz-animation-delay: 0.91s;
	-ms-animation-delay: 0.91s;
	animation-delay: 0.91s
}
#hero .frotateG_06 {
	-webkit-animation-delay: 1.04s;
	-moz-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	animation-delay: 1.04s
}
#hero .frotateG_07 {
	-webkit-animation-delay: 1.17s;
	-moz-animation-delay: 1.17s;
	-ms-animation-delay: 1.17s;
	animation-delay: 1.17s
}
#hero .frotateG_08 {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	animation-delay: 1.3s
}

@media all and (max-width: 400px) {
#hero .bio {
	margin-top: 0.8em
}
}

@media all and (min-width: 400px) {
html {
	font-size: 16px
}
#hero .bio {
	margin-top: 0.8em
}
}

@media all and (min-width: 400px) and (min-width: 600px) {
#hero .bio {
	font-size: 52px;
	height: 52px;
	margin-top: 0.3em;
	margin-left: -15px
}
}

@media all and (min-width: 400px) {
#clients li {
	height: 80px;
	float: left;
	width: 50%
}
#experience>ul>li {
	float: left;
	width: 50%;
	min-height: 320px;
	margin-bottom: 0
}
}

@media all and (min-width: 400px) and (max-width: 800px) {
#focus ul li div p {
	font-size: 0.9em
}
}

@media all and (min-width: 800px) {
html {
	font-size: 14px
}
.bio {
	font-size: 45px;
	height: 45px
}
.bio:after {
	font-size: 45px
}
.main-hdr {
	font-size: 5.14286em
}
html.landscape .arrow {
	bottom: 1em
}
.arrow:before {
	font-size: 22px
}
#hero .bio {
	margin-top: 1em
}
html.landscape #hero .bio {
	margin-top: 0.6em
}
#about {
	margin-bottom: 3em
}
#about .hero {
	width: 100%;
	/* [disabled]float: left; */
}
#about .main-hdr {
	font-size: 5.5em;
	    padding-top: 5px;
	text-align: center;
}
#about .wrapper {
	width: 100%;
	float: left
}
#about .manifesto {
	width: 100%;
	float: none;
	margin-top: 0;
	  text-align: center;
}
#clients li {
	height: 100px;
	width: 25%
}
#accolades li {
	float: left;
	margin-right: 55px;
	margin-bottom: 3em
}
#accolades li.last {
	margin-right: 0
}
#tweets li {
	width: 33%;
	float: left
}
#biosight #contactFormHolder.open {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
#focus .areas>li {
	margin-bottom: 6em
}
#focus .areas>li>div {
	width: 33%;
	float: left
}
#focus h2 {
	font-size: 2.07143em
}
#focus h3 {
	font-size: 1.28571em;
	padding-right: 1em
}
#focus .desc {
	margin-bottom: 0;
	padding-right: 2em
}
#focus .service-design h2 {
	padding-top: 135px;
	background: url("../../images/focus/service-design.png") no-repeat 85px 0
}
#focus .e-commerce-solutions h2 {
	padding-top: 100px;
	background: url("../../images/focus/e-commerce-solutions.png") no-repeat 105px 0
}
#focus .digital-marketing h2 {
	padding-top: 90px;
	background: url("../../images/focus/digital-marketing.png") no-repeat 105px 0
}
#focus .digital-retail h2 {
	padding-top: 80px;
	background: url("../../images/focus/digital-retail.png") no-repeat 105px 0
}
#services {
/*	background: url("../../images/services-bg.jpg") center center no-repeat;
*/	background-size: auto 100%;
}
#experience>ul>li {
	width: 33%
}
#experience h2 {
	font-size: 1.28571em
}
#experience>ul>li {
	font-size: 1.5625em
}
#footer .contact {
	float: left;
	margin-bottom: 0
}
#footer header {
	float: right;
	width: 30%
}
#footer .bio:after {
	text-align: right
}
#footer .addresses {
	font-size: 1.14286em;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right
}
#footer .addresses li {
	margin-bottom: 0
}
html.touch.landscape #hero .interface .switch.left, html.ua-windows_phone-8.landscape #hero .interface .switch.left {
	left: 0
}
html.touch.landscape #hero .interface .switch.right, html.ua-windows_phone-8.landscape #hero .interface .switch.right {
	right: 0
}
}

@media all and (min-width: 1000px) {
html {
	font-size: 14px
}
.section {
	padding: 5em 0
}
#about {
	padding-top: 5em
}
#clients li {
	margin-bottom: 0
}
#focus h2 {
	font-size: 2.85714em
}
#focus h3 {
	font-size: 1.78571em;
	line-height: 1.2em
}
#focus p {
	font-size: 1em;
	line-height: 1.5em
}
#focus .desc {
	padding-right: 3em
}
#focus .service-design h2 {
	background-position: 145px 0
}
#focus .service-design .clients .coca-cola>figure {
	background-position: 0 -150px
}
#focus .e-commerce-solutions h2 {
	background-position: 155px 0
}
#focus .e-commerce-solutions .clients .hotel-chocolat>figure {
	background-position: 0 -300px
}
#focus .e-commerce-solutions .clients .hachette>figure {
	background-position: 0 -450px
}
#focus .digital-marketing h2 {
	background-position: 150px 0
}
#focus .digital-marketing .clients .clinique>figure {
	background-position: 0 -600px
}
#focus .digital-marketing .clients .freesat>figure {
	background-position: 0 -750px
}
#focus .digital-retail h2 {
	background-position: 170px 0
}
#focus .digital-retail .clients .selfridges>figure {
	background-position: 0 -900px
}
#focus .digital-retail .clients .halfords>figure {
	background-position: 0 -1050px
}
#focus .clients li {
	margin-bottom: 10px
}
#focus .clients figure {
	width: 126px;
	height: 106px;
	background-image: url("../../images/focus/thumbnails/desktop/sprite.jpg")
}
#focus .clients figure:after {
	height: 106px;
	width: 126px
}
#focus .clients figcaption {
	padding-left: 2em;
	width: 55%
}
#focus .clients figcaption>p {
	font-size: 1em
}
#focus .clients h4 {
	font-size: 1.28571em
}
#services {
	background-size: 100% auto;
	  padding: 0em;
}
#services .core>ul {
	width: 66%
}
#services header {
	width: 33%
}
#services .service-col {
	width: 50%
}
#biosight .lead {
	color: #fff
}
#biosight .lead:after {
	content: "{";
	position: relative;
	left: -0.5em
}
#biosight #contactFormHolder .core {
	margin: 0 0 0 5%
}
#biosight #contactFormHolder .core .closeForm {
	top: -50px;
	left: 390px
}
#biosight #contactFormHolder heading {
	font-size: 2.5em;
	line-height: 1.1em
}
#biosight #contactFormHolder label {
	padding: 3px 0
}
#biosight #contactFormHolder input {
	height: 20px;
	width: 368px;
	padding: 5px 8px
}
#biosight .column {
	width: 30%;
	float: left;
	border-top: solid 2px #fff
}
#biosight .column.last, #biosight #mediaResponse>div.column:nth-child(2) {
	margin-right: 22px
}
#biosight .column2 {
	width: 33%;
	float: left;
	border-top: solid 4px #fff
}
#biosight .column2 p {
	padding-right: 6.5%
}
#biosight .column2 p:first-of-type {
	display: block;
	font-size: 12em;
	line-height: 0.81em;
	margin: 0;
	letter-spacing: -10px
}
#biosight .column2 p:first-of-type .percentage {
	font-size: 0.25em;
	vertical-align: top;
	line-height: 1em
}
html.lte-ie-8 #biosight .column2 p .seventy {
	font-size: 96px;
	line-height: 55px
}
html.lte-ie-8 #biosight .column2 p .percentage {
	vertical-align: top;
	font-size: 36px
}
#biosight .column2 p:nth-of-type(2) {
	display: block
}
#biosight .column2 p:last-of-type {
	padding-right: 2.5%
}
#biosight #mediaResponse {
	width: 95%
}
#biosight #mediaResponse div {
	float: left;
	width: 32%
}
#biosight #mediaResponse div heading, #biosight #mediaResponse div p {
	padding-right: 2.5%
}
#biosight #mediaResponse div.last, #biosight #mediaResponse>div:nth-child(2) {
	margin-left: 14px
}
#biosight #mediaResponse div .articleText {
	font-size: 0.9em
}
}

@media all and (min-width: 1200px) {
html {
	font-size: 14px
}
#hero .core {
	max-width: none;
	width: auto
}
#hero .bio {
	margin-left: 0.8em
}
#header {
	max-width: none;
	width: auto
}
#clients {
	margin-bottom: 1.2em
}
#clients li {
	width: 12.5%
}
#clients li:first-child {
	text-align: left
}
#clients li:last-child {
	text-align: right
}
#clients li.hibu, #clients li.orange, #clients li.estee-lauder {
	width: 10%
}
#clients li.halfords, #clients li.universal, #clients li.hotel-chocolat {
	width: 15%
}
#services .core>ul {
	width: 66%
}
#services header {
	width: 33%
}
}
/*# sourceMappingURL=styles.min.css.map */

#news, #achievements {
	font-size: 10px
}

@media only screen and (max-width: 950px) {
#news, #achievements {
	font-size: 9px
}
}

@media only screen and (max-width: 800px) {
#news, #achievements {
	font-size: 8px
}
}
html.lte-ie-8 #news, html.lte-ie-8 #achievements {
	font-size: 8px
}

@media only screen and (max-width: 650px) {
#news, #achievements {
	font-size: 6px
}
}
#news a, #achievements a {
	text-decoration: none
}
#news div#section-wrapper.js .hidden, #achievements div#section-wrapper.js .hidden {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block
}
#news hr, #achievements hr {
	display: none
}
#news .ie7 .clearfix, #achievements .ie7 .clearfix {
	min-height: 1%
}
#news .clearfix:after, #achievements .clearfix:after {
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
	display: block
}
#news #temp, #achievements #temp {
	display: block;
	opacity: 0
}
#news div#temp, #achievements div#temp {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}
#news *, #achievements * {
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	outline: none
}
#news h1, #news h2, #news h3, #news h4, #news h5, #news h6, #achievements h1, #achievements h2, #achievements h3, #achievements h4, #achievements h5, #achievements h6 {
	font-weight: bold
}
html.lte-ie-7 #tweets {
	margin-top: 2em;
	padding: 1em 0
}
html.lte-ie-7 #tweets a.follow {
	min-height: 2.3em;
	background: url(../../images/achievements/page_sprites.png) no-repeat -123px 0;
	image-rendering: optimize-contrast;
	padding-left: 2.3em;
	display: block
}
div#section-wrapper {
	overflow-x: hidden
}
div.section ul {
	position: relative;
	list-style: none
}
div.section ul li {
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
div#section-wrapper.js div.section ul li {
	cursor: pointer
}
div#section-wrapper.js div.section ul li p.truncated:before {
	content: " ";
	position: absolute;
	display: block;
	content: "…";
	bottom: 4em;
	right: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #fff;
	z-index: 20
}
html.lte-ie-8 div#section-wrapper.js div.section ul li p.truncated:before {
	display: none
}
div#section-wrapper.no-js div.section ul li p.img {
	line-height: 1.2em;
	float: right;
	margin-top: 1.5em;
	font-size: 1.8em
}
div#section-wrapper.no-js div.section ul li p.img a {
	background: #535154;
	padding: 0.5em 0.6em;
	color: #fff;
	font-weight: bold;
	border-radius: 0.3em;
	display: block;
	transition: background cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 0s
}
div#section-wrapper.no-js div.section ul li p.img a:hover, div#section-wrapper.no-js div.section ul li p.img a:focus {
	background: #39383a
}
div#section-wrapper.js div.section ul li p.truncated {
	overflow: hidden
}
div#section-wrapper.js div.section ul li p.img {
	display: none
}
.scrollable {
	height: 100%;
	position: relative;
	overflow: hidden
}
.scrollable .list {
	height: 100%;
	overflow: hidden
}
.scrollable .scroll-bar {
	width: 1.4em;
	background: #c6c6c6;
	position: absolute;
	top: 0;
	right: 0.5em;
	display: block;
	z-index: 100
}
.scrollable .rail {
	width: 1.4em;
	background: #fff;
	border-left: 0.1em solid #eaeaea
}
p.img .scrollable .rail {
	background: #ededed;
	border-left-color: #c6c6c6
}
div#achievements {
	position: relative
}
div#achievements h3 {
	width: 100%;
	/* [disabled]text-transform: uppercase; */
}
div#achievements h3 span {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 0.9em;
	display: block
}
div#achievements>ul>li {
	font-size: 1em !important;
	background: #fff;
	padding: 3.5em 3em;
	color: #2c2c2c;
	display: block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	transition: background cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 0s
}

@media only screen and (max-width: 650px) {
div#achievements>ul>li {
	font-size: 1.5em !important
}
}
div#achievements>ul>li div.details {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
div#achievements>ul>li p.img {
	position: relative;
	z-index: 10
}
div#achievements>ul>li p {
	margin-top: 1em;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #919089
}

@media only screen and (max-width: 1024px) {
div#achievements>ul>li p {
	font-size: 1.8em;
	line-height: 1.2em
}
}

@media only screen and (max-width: 650px) {
div#achievements>ul>li p {
	font-size: 2.6em
}
}
div#achievements>ul>li p.title {
	margin-top: 0;
	font-size: 5.3em;
	font-weight: bold;
	/* [disabled]text-transform: uppercase; */
	line-height: 0.85em;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 3.5em
}

@media only screen and (max-width: 650px) {
div#achievements>ul>li p.title {
	font-size: 5em
}
}
div#achievements>ul>li p.title span {
	margin-top: 0.1em;
	font-weight: normal;
	display: block
}
div#achievements>ul>li p {
	font-size: 1.6em;
	line-height: 1.7em
}
div#achievements>ul>li p:not(.title) {
	color: #828282
}
div#achievements>ul>li p.title {
	font-size: 3.5em
}
div#achievements>ul>li p.subtitle {
	margin: 1.3em 0 -0.5em 0;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: bold
}
div#achievements>ul>li p.blurb {
	margin-top: 0.5em;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	/* [disabled]font-weight: bold; */
	line-height: normal
}
div#achievements>ul>li ul.experience {
	list-style: none;
	margin-top: 2em
}
div#achievements>ul>li ul.experience>li {
	width: auto;
	background: #999;
	float: left;
	margin: 0 0.6em 0.6em 0;
	padding: 0.5em 0.8em 0.3em 0.8em;
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
	line-height: normal;
	border-radius: 0.3em
}
div#achievements>ul>li ul {
	padding-bottom: 1em
}
div#achievements>ul>li ul li {
	font-size: 1.4em !important
}

@media only screen and (min-width: 651px) {
div#achievements>ul>li {
	float: left
}
}

@media only screen and (min-width: 951px) {
div#achievements>ul>li {
	width: 33.33%;
	float: left;
	position: relative;
	z-index: 10
}
div#achievements>ul>li:nth-child(2n) {
	z-index: 50
}
div#achievements>ul>li:nth-child(2n+3) {
	z-index: 50
}
div#achievements>ul>li:nth-child(3n+1) {
	clear: both
}
div#achievements>ul>li:nth-child(3n) {
	z-index: 100
}
div#achievements>ul>li:nth-child(3n):after {
	right: 47px
}
div#achievements>ul>li:nth-child(3n):hover:after, div#achievements>ul>li:nth-child(3n):focus:after {
	right: 37px
}
}
html.lte-ie-8 div#achievements>ul>li {
	width: 33.33%;
	float: left;
	position: relative;
	z-index: 10
}
html.lte-ie-8 div#achievements>ul>li:nth-child(2n) {
	z-index: 50
}
html.lte-ie-8 div#achievements>ul>li:nth-child(2n+3) {
	z-index: 50
}
html.lte-ie-8 div#achievements>ul>li:nth-child(3n+1) {
	clear: both
}
html.lte-ie-8 div#achievements>ul>li:nth-child(3n) {
	z-index: 100
}
html.lte-ie-8 div#achievements>ul>li:nth-child(3n):after {
	right: 47px
}
html.lte-ie-8 div#achievements>ul>li:nth-child(3n):hover:after, html.lte-ie-8 div#achievements>ul>li:nth-child(3n):focus:after {
	right: 37px
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li div.details {
	height: 10em
}
html.lte-ie-7 div.no-js#section-wrapper div#achievements>ul>li {
	width: 90% !important;
	background: none;
	padding-right: 5%;
	padding-left: 5%;
	float: none;
	border: none
}

@media only screen and (min-width: 651px) and (max-width: 950px) {
div#achievements>ul>li {
	width: 50%
}
div#achievements>ul>li:nth-child(2n) {
	z-index: 100
}
div#achievements>ul>li:nth-child(2n):after {
	right: 42px
}
div#achievements>ul>li:nth-child(2n):hover:after, div#achievements>ul>li:nth-child(2n):focus:after {
	right: 32px
}
div#achievements>ul>li:nth-child(2n+1) {
	clear: both
}
}

@media only screen and (max-width: 650px) {
div#achievements>ul>li p.title {
	margin-top: 0.8em;
	padding-top: 0.6em;
	word-wrap: break-word
}
div#achievements>ul>li p.title.monkey-shoulder {
	padding-top: 1.2em
}
}
html.lte-ie-7 div.no-js#section-wrapper div#achievements>ul {
	background: none
}
div#section-wrapper.no-js div#achievements {
	padding-top: 5em
}

@media only screen and (min-width: 651px) {
div#section-wrapper.no-js div#achievements:before {
	width: 2px;
	height: 100%;
	background: #fff;
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	margin-left: -2px;
	z-index: 10
}
}

@media only screen and (min-width: 651px) and (min-width: 951px) {
div#section-wrapper.no-js div#achievements:before {
	left: 66.66%
}
}

@media only screen and (min-width: 651px) {
html.lte-ie-8 div#section-wrapper.no-js div#achievements:before {
	left: 66.66%
}
}

@media only screen and (min-width: 651px) and (min-width: 651px) and (max-width: 950px) {
div#section-wrapper.no-js div#achievements:before {
	left: 50%
}
}
div#section-wrapper.no-js div#achievements h3 {
	position: relative;
	margin-bottom: 0.4em;
	font-size: 7.2em;
	color: #2c2c2c;
	z-index: 20;
	/* [disabled]text-transform: none; */
}

@media only screen and (max-width: 350px) {
div#section-wrapper.no-js div#achievements h3 {
	font-size: 6.8em
}
}
div#section-wrapper.no-js div#achievements>ul {
	background: #f0ede8
}
div#section-wrapper.no-js div#achievements>ul>li {
	background: #f0ede8;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff
}

@media only screen and (min-width: 951px) {
div#section-wrapper.no-js div#achievements>ul>li:nth-child(3n) {
	border-right: none
}
}
html.lte-ie-8 div#section-wrapper.no-js div#achievements>ul>li:nth-child(3n) {
	border-right: none
}

@media only screen and (min-width: 651px) and (max-width: 950px) {
div#section-wrapper.no-js div#achievements>ul>li:nth-child(2n) {
	border-right: none
}
}

@media only screen and (max-width: 650px) {
div#section-wrapper.no-js div#achievements>ul>li {
	border-right: none
}
}

@media only screen and (min-width: 951px) {
div#section-wrapper.no-js div#achievements>ul:before {
	width: 2px;
	height: 100%;
	background: #fff;
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 33.33%;
	margin-left: -2px
}
}
html.lte-ie-8 div#section-wrapper.no-js div#achievements>ul:before {
	width: 2px;
	height: 100%;
	background: #fff;
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 33.33%;
	margin-left: -2px
}
div#section-wrapper.js div#achievements>ul {
	width: 101%
}

@media only screen and (min-width: 651px) {
html.ua-chrome div#section-wrapper.js div#achievements>ul:before {
	width: 1px;
	height: 100%;
	background: #ff8a00;
	background: linear-gradient(45deg, #ff8a00, #fb9a18);
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	right: 33.33%;
	z-index: -1
}
}

@media only screen and (min-width: 651px) and (max-width: 950px) {
html.ua-chrome div#section-wrapper.js div#achievements>ul:before {
	right: 50%
}
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#achievements {
	background: #666;
	padding-top: 5em
}
div#section-wrapper.js div#achievements h3 {
	margin-bottom: 0.5em
}
div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 0;
	transition: height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s
}
div#section-wrapper.js div#achievements>ul>li.resizing {
	transition: none !important
}
div#section-wrapper.js div#achievements>ul>li div.details {
	margin-top: 3.5em;
	margin-bottom: 3.5em
}
div#section-wrapper.js div#achievements>ul>li p.close {
	width: 48px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	top: 0;
	right: 2.5em;
	left: auto;
	margin: -2em 0 0 0;
	font-size: 1em;
	opacity: 0;
	z-index: 1000;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
div#section-wrapper.js div#achievements>ul>li p.close a {
	width: 48px;
	height: 47px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background-position: 0 -46px
}
}

@media only screen and (max-width: 650px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 650px) and (max-width: 800px) and (min-resolution: 192dpi) {
div#section-wrapper.js div#achievements>ul>li p.close {
	background-position: 0 -23px
}
}

@media only screen and (max-width: 650px) {
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close {
	display: none
}
div#section-wrapper.js div#achievements>ul>li p.close a {
	background-position: 0 -142px
}
div#section-wrapper.js div#achievements>ul li.tapped span:before {
	background: rgba(48,48,48,0)
}
div#section-wrapper.js div#achievements>ul li.open {
	overflow-y: scroll
}
div#section-wrapper.js div#achievements>ul li.open p.close {
	opacity: 1
}
}
html.lte-ie-8 div#section-wrapper.js div#achievements {
	background: #666;
	padding-top: 5em
}
html.lte-ie-8 div#section-wrapper.js div#achievements h3 {
	margin-bottom: 0.5em
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 0;
	transition: height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li.resizing {
	transition: none !important
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li div.details {
	margin-top: 3.5em;
	margin-bottom: 3.5em
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close {
	width: 48px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	top: 0;
	right: 2.5em;
	left: auto;
	margin: -2em 0 0 0;
	font-size: 1em;
	opacity: 0;
	z-index: 1000;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close a {
	width: 48px;
	height: 47px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background-position: 0 -46px
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 800px) and (min-resolution: 192dpi) {
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close {
	background-position: 0 -23px
}
}
html.lte-ie-8 html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close {
	display: none
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.close a {
	background-position: 0 -142px
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul li.tapped span:before {
	background: rgba(48,48,48,0)
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul li.open {
	overflow-y: scroll
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul li.open p.close {
	opacity: 1
}
div#section-wrapper.js div#achievements h3 {
	font-size: 7.2em;
	color: #fff;
	font-weight: 400
}

@media only screen and (max-width: 350px) {
div#section-wrapper.js div#achievements h3 {
	font-size: 6.8em
}
}
div#section-wrapper.js div#achievements h3>span {
	line-height: 0.85em
}
div#section-wrapper.js div#achievements h3 span span {
	line-height: 0.65em;
	font-weight: bold;
	display: block
}

@media only screen and (min-width: 651px) {
div#section-wrapper.js div#achievements h3 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 500;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
div#section-wrapper.js div#achievements h3.fade-out {
	opacity: 0
}
div#section-wrapper.js div#achievements h3.hidden {
	z-index: 1
}
div#section-wrapper.js div#achievements h3 span.core {
	margin-right: auto;
	margin-left: auto;
	display: block
}
}
div#section-wrapper.js div#achievements ul {
	overflow: hidden
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#achievements li {
	overflow: hidden
}
}
div#section-wrapper.js div#achievements li>span {
	width: 100%;
	height: 100%;
	background: url(../../images/achievements/content_loading.gif) no-repeat 50% 50% #444347;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	display: block;
	z-index: 100;
	overflow: hidden;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s;
	cursor: pointer
}
html.lte-ie-8 div#section-wrapper.js div#achievements li>span {
	display: block
}
div#section-wrapper.js div#achievements li>span:before {
	width: 100%;
	height: 100%;
	background: rgba(48,48,48,0.6);
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 10;
	transition: background cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 0s
}
div#section-wrapper.js div#achievements li>span img {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block
}
html.no-touch div#section-wrapper.js div#achievements li.focused>span {
	opacity: 0
}
html.lte-ie-8 html.no-touch div#section-wrapper.js div#achievements li.focused>span {
	display: none
}

@media only screen and (min-width: 651px) {
html.touch div#section-wrapper.js div#achievements li div.details {
	display: none
}
}

@media only screen and (min-width: 651px) {
html.no-touch div#section-wrapper.js div#achievements li:hover>span, html.no-touch div#section-wrapper.js div#achievements li:focus>span {
	opacity: 0.2
}
html.lte-ie-8 html.no-touch div#section-wrapper.js div#achievements li:hover>span, html.lte-ie-8 html.no-touch div#section-wrapper.js div#achievements li:focus>span {
	display: none
}
}
html.no-touch html.lte-ie-8 div#section-wrapper.js div#achievements li:hover>span, html.no-touch html.lte-ie-8 div#section-wrapper.js div#achievements li:focus>span {
	opacity: 0.2
}
html.lte-ie-8 html.no-touch html.lte-ie-8 div#section-wrapper.js div#achievements li:hover>span, html.lte-ie-8 html.no-touch html.lte-ie-8 div#section-wrapper.js div#achievements li:focus>span {
	display: none
}
div#section-wrapper.js div#achievements li>span.hidden {
	display: none
}

@media only screen and (min-width: 651px) {
div#section-wrapper.js div#achievements li p {
	display: none
}
div#section-wrapper.js div#achievements li p.title {
	color: #fff;
	display: block
}
div#section-wrapper.js div#achievements li p.blurb {
	font-size: 2.6em;
	color: #fff;
	display: block
}
div#section-wrapper.js div#achievements li p#temp {
	display: block
}
div#section-wrapper.js div#achievements li ul {
	display: none
}
}

@media only screen and (min-width: 651px) {
div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 90px
}
div#section-wrapper.js div#achievements>ul>li:after {
	width: 39px;
	height: 66px !important;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	background-position: -49px -141px;
	position: absolute;
	bottom: 39px;
	right: 32px;
	content: " ";
	position: absolute;
	display: block;
	z-index: 100;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s, right cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:after {
	display: none
}
html.touch div#section-wrapper.js div#achievements>ul>li:after {
	display: none !important
}
}

@media only screen and (min-width: 651px) and (max-width: 1300px) {
div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 84px
}
div#section-wrapper.js div#achievements>ul>li:after {
	width: 30px;
	height: 50px !important;
	background-position: -89px -141px;
	bottom: 22px
}
}

@media only screen and (min-width: 651px) and (min-width: 951px) and (max-width: 1200px) {
div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 42px
}
div#section-wrapper.js div#achievements>ul>li:after {
	width: 11px;
	height: 18px !important;
	background-position: 0 -19px
}
}

@media only screen and (min-width: 651px) and (max-width: 700px) {
div#section-wrapper.js div#achievements>ul>li {
	padding-bottom: 42px
}
div#section-wrapper.js div#achievements>ul>li:after {
	width: 11px;
	height: 18px !important;
	background-position: 0 -19px
}
}

@media only screen and (min-width: 651px) {
div#section-wrapper.js div#achievements>ul>li:hover:after, div#section-wrapper.js div#achievements>ul>li:focus:after {
	opacity: 1;
	right: 22px
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:hover:after, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:focus:after {
	display: block
}
div#section-wrapper.js div#achievements>ul>li:hover div.details, div#section-wrapper.js div#achievements>ul>li:focus div.details {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:hover div.details, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:focus div.details {
	display: block
}
div#section-wrapper.js div#achievements>ul>li.hibu {
	background: #00baff;
	background: linear-gradient(45deg, #00baff, #91d9c2)
}
div#section-wrapper.js div#achievements>ul>li.halfords {
	background: #ff8a00;
	background: linear-gradient(45deg, #ff8a00, #fb9a18)
}
div#section-wrapper.js div#achievements>ul>li.hotel-chocolat {
	background: #c47d00;
	background: linear-gradient(45deg, #c47d00, #ffd200)
}
div#section-wrapper.js div#achievements>ul>li.moneycorp {
	background: #db0012;
	background: linear-gradient(45deg, #db0012, #8e0050)
}
div#section-wrapper.js div#achievements>ul>li.monkey-shoulder {
	background: #a5000f;
	background: linear-gradient(45deg, #a5000f, #ff4c00)
}
div#section-wrapper.js div#achievements>ul>li.orange {
	background: #ff9000;
	background: linear-gradient(45deg, #ff9000, #fc3500)
}
div#section-wrapper.js div#achievements>ul>li.bobbi-brown {
	background: #bb3139;
	background: linear-gradient(45deg, #bb3139, #ff00ba)
}
html.touch div#section-wrapper.js div#achievements>ul>li {
	background: #fff !important
}
div#section-wrapper.js div#section-wrapper.js div#achievements>ul>li div.details {
	z-index: 100;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
}
html.lte-ie-8 div#section-wrapper.js div#news h3 span.core span, html.lte-ie-8 div#section-wrapper.js div#achievements h3 span.core span {
	margin-top: 0.3em
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li {
	min-height: 200px;
	padding-top: 1em !important
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li:hover>span, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:hover>span {
	display: none !important
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li:focus>span, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li:focus>span {
	display: none !important
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li ul, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li ul {
	display: none !important
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li p, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p {
	display: none
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li p.title, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.title {
	display: block
}
html.lte-ie-8 div#section-wrapper.js div#news>ul>li p.blurb, html.lte-ie-8 div#section-wrapper.js div#achievements>ul>li p.blurb {
	display: block
}
.bobbi-brown:before, html.lte-ie-9 .bobbi-brown:before {
	width: 100px;
	height: 12px;

}
.halfords:before, html.lte-ie-9 .halfords:before {
	width: 76px;
	height: 15px;

}
.hibu:before, html.lte-ie-9 .hibu:before {
	width: 50px;
	height: 20px;

}
.hotel-chocolat:before, html.lte-ie-9 .hotel-chocolat:before {
	width: 119px;
	height: 25px;

}
.moneycorp:before, html.lte-ie-9 .moneycorp:before {
	width: 100px;
	height: 14px;
	
}
.monkey-shoulder:before, html.lte-ie-9 .monkey-shoulder:before {
	width: 100px;
	height: 31px;
	
}
.orange:before, html.lte-ie-9 .orange:before {
	width: 73px;
	height: 20px;
	
}

@media only screen and (max-width: 650px) {
div#achievements ul li p.title {
	position: relative
}
div#achievements ul li p.title:before {
	content: " ";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	top: -0.5em;
	left: 0
}
div#achievements ul li p.title.bobbi-brown:before {
	width: 167px;
	height: 20px
}
}

@media only screen and (max-width: 650px) and (max-width: 970px) {
div#achievements ul li p.title.bobbi-brown:before {
	width: 110px;
	height: 13px
}
}

@media only screen and (max-width: 650px) {
div#achievements ul li p.title.halfords:before {
	width: 101px;
	height: 20px
}
div#achievements ul li p.title.hibu:before {
	width: 63px;
	height: 25px
}
div#achievements ul li p.title.hotel-chocolat:before {
	width: 119px;
	height: 25px
}
div#achievements ul li p.title.moneycorp:before {
	width: 143px;
	height: 20px
}
div#achievements ul li p.title.monkey-shoulder:before {
	width: 123px;
	height: 38px
}
div#achievements ul li p.title.orange:before {
	width: 100px;
	height: 27px
}
}
div#overlay div.footer:before {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0
}
div#overlay div.footer.bobbi-brown:before, html.lte-ie-9 div#overlay div.footer.bobbi-brown:before {
	width: 197px;
	height: 23px
}
div#overlay div.footer.halfords:before, html.lte-ie-9 div#overlay div.footer.halfords:before {
	width: 136px;
	height: 27px
}
div#overlay div.footer.hibu:before, html.lte-ie-9 div#overlay div.footer.hibu:before {
	width: 85px;
	height: 34px
}
div#overlay div.footer.hotel-chocolat:before, html.lte-ie-9 div#overlay div.footer.hotel-chocolat:before {
	width: 229px;
	height: 48px
}
div#overlay div.footer.moneycorp:before, html.lte-ie-9 div#overlay div.footer.moneycorp:before {
	width: 187px;
	height: 26px
}
div#overlay div.footer.monkey-shoulder:before, html.lte-ie-9 div#overlay div.footer.monkey-shoulder:before {
	width: 134px;
	height: 42px
}
div#overlay div.footer.orange:before, html.lte-ie-9 div#overlay div.footer.orange:before {
	width: 154px;
	height: 43px
}
html.lte-ie-9 div#overlay div.footer.bobbi-brown:before {
}
html.lte-ie-9 div#overlay div.footer.halfords:before {
}
html.lte-ie-9 div#overlay div.footer.hibu:before {
}
html.lte-ie-9 div#overlay div.footer.hotel-chocolat:before {
}
html.lte-ie-9 div#overlay div.footer.moneycorp:before {
}
html.lte-ie-9 div#overlay div.footer.monkey-shoulder:before {
}
html.lte-ie-9 div#overlay div.footer.orange:before {
}

@media only screen and (max-width: 1100px) {
div#overlay div.footer.bobbi-brown:before {
	width: 167px;
	height: 20px
}
}

@media only screen and (max-width: 1100px) and (max-width: 970px) {
div#overlay div.footer.bobbi-brown:before {
	width: 110px;
	height: 13px
}
}

@media only screen and (max-width: 1100px) {
div#overlay div.footer.halfords:before {
	width: 101px;
	height: 20px
}
div#overlay div.footer.hibu:before {
	width: 63px;
	height: 25px
}
div#overlay div.footer.hotel-chocolat:before {
	width: 119px;
	height: 25px
}
div#overlay div.footer.moneycorp:before {
	width: 143px;
	height: 20px
}
div#overlay div.footer.monkey-shoulder:before {
	width: 123px;
	height: 38px
}
div#overlay div.footer.orange:before {
	width: 100px;
	height: 27px
}
}

@media only screen and (max-width: 800px) {
div#overlay div.footer.bobbi-brown:before {
	width: 100px;
	height: 12px
}
div#overlay div.footer.halfords:before {
	width: 76px;
	height: 15px
}
div#overlay div.footer.hibu:before {
	width: 50px;
	height: 20px
}
div#overlay div.footer.hotel-chocolat:before {
	width: 119px;
	height: 25px
}
div#overlay div.footer.moneycorp:before {
	width: 100px;
	height: 14px
}
div#overlay div.footer.monkey-shoulder:before {
	width: 100px;
	height: 31px
}
div#overlay div.footer.orange:before {
	width: 73px;
	height: 20px
}
}
p.source {
	background-repeat: no-repeat;
	background-position: 1px 1px;
	font-size: 1em;
	line-height: 1em;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	overflow: hidden
}
p.source.digital-marketing-magazine, html.lte-ie-8 p.source.digital-marketing-magazine {
	width: 200px;
	height: 41px;
	background-image: url(../../images/logos/digital-marketing-magazine.png)
}
p.source.the-drum, html.lte-ie-8 p.source.the-drum {
	width: 105px;
	height: 27px;
	background-image: url(../../images/logos/the-drum.png)
}
p.source.huffington-post, html.lte-ie-8 p.source.huffington-post {
	width: 248px;
	height: 15px;
	background-image: url(../../images/logos/huffington-post.png)
}

@media only screen and (max-width: 300px) {
p.source.huffington-post, html.lte-ie-8 p.source.huffington-post {
	width: 200px;
	height: 12px;
	background-position: 0 -30px
}
}
p.source.i, html.lte-ie-8 p.source.i {
	width: 11px;
	height: 33px;
	background-image: url(../../images/logos/i.png)
}
p.source.the-marketer, html.lte-ie-8 p.source.the-marketer {
	width: 200px;
	height: 25px;
	background-image: url(../../images/logos/the-marketer.png)
}
p.source.marketing-week, html.lte-ie-8 p.source.marketing-week {
	width: 102px;
	height: 23px;
	background-image: url(../../images/logos/marketing-week.png)
}
p.source.money-marketing, html.lte-ie-8 p.source.money-marketing {
	width: 63px;
	height: 25px;
	background-image: url(../../images/logos/money-marketing.png)
}
p.source.mycustomer, html.lte-ie-8 p.source.mycustomer {
	width: 143px;
	height: 20px;
	background-image: url(../../images/logos/mycustomer.png)
}
p.source.retail-week, html.lte-ie-8 p.source.retail-week {
	width: 143px;
	height: 22px;
	background-image: url(../../images/logos/retail-week.png)
}
p.source.tech-bubbles, html.lte-ie-8 p.source.tech-bubbles {
	width: 180px;
	height: 25px;
	background-image: url(../../images/logos/tech-bubbles.png)
}
p.source.utility-week, html.lte-ie-8 p.source.utility-week {
	width: 102px;
	height: 17px;
	background-image: url(../../images/logos/utility-week.png)
}
p.source.the-wall, html.lte-ie-8 p.source.the-wall {
	width: 102px;
	height: 17px;
	background-image: url(../../images/logos/the-wall.png)
}
p.source.marketing, html.lte-ie-8 p.source.marketing {
	width: 55px;
	height: 55px;
	background-image: url(../../images/logos/marketing.png)
}
p.source.professional-adviser, html.lte-ie-8 p.source.professional-adviser {
	width: 242px;
	height: 38px;
	background-image: url(../../images/logos/professional-adviser.png)
}
p.source.lbb, html.lte-ie-8 p.source.lbb {
	width: 34px;
	height: 54px;
	background-image: url(../../images/logos/lbb.png)
}
p.source.whatmortgage, html.lte-ie-8 p.source.whatmortgage {
	width: 148px;
	height: 38px;
	background-image: url(../../images/logos/whatmortgage.png)
}
p.source.internetretailing, html.lte-ie-8 p.source.internetretailing {
	width: 111px;
	height: 40px;
	background-image: url(../../images/logos/internetretailing.png)
}
p.source.ft, html.lte-ie-8 p.source.ft {
	width: 50px;
	height: 50px;
	background-image: url(../../images/logos/ft.png)
}
p.source.fastcompany, html.lte-ie-8 p.source.fastcomnpany {
	width: 233px;
	height: 36px;
	background-image: url(../../images/logos/fastcompany.png)
}
p.source.r, html.lte-ie-8 p.source.r {
	width: 54px;
	height: 54px;
	background-image: url(../../images/logos/r.png)
}
p.source.mw, html.lte-ie-8 p.source.ww {
	width: 76px;
	height: 34px;
	background-image: url(../../images/logos/ww.png)
}
p.source.retail-gazette, html.lte-ie-8 p.source.retail-gazette {
	width: 121px;
	height: 56px;
	background-image: url(../../images/logos/retail-gazette.png)
}
p.source.tnooz, html.lte-ie-8 p.source.tnooz {
	width: 94px;
	height: 35px;
	background-image: url(../../images/logos/tnooz.png)
}
div#overlay p.source.digital-marketing-magazine, html.lte-ie-8 div#overlay p.source.digital-marketing-magazine {
	background-position: 0 -41.5px
}
div#overlay p.source.the-drum, html.lte-ie-8 div#overlay p.source.the-drum {
	background-position: 0 -27px
}
div#overlay p.source.huffington-post, html.lte-ie-8 div#overlay p.source.huffington-post {
	background-position: 0 -15px
}

@media only screen and (max-width: 300px) {
div#overlay p.source.huffington-post, html.lte-ie-8 div#overlay p.source.huffington-post {
	background-position: 0 -42px
}
}
div#overlay p.source.i, html.lte-ie-8 div#overlay p.source.i {
	background-position: -12px 0
}
div#overlay p.source.the-marketer, html.lte-ie-8 div#overlay p.source.the-marketer {
	background-position: 0 -25px
}
div#overlay p.source.marketing-week, html.lte-ie-8 div#overlay p.source.marketing-week {
	background-position: 0 -24px
}
div#overlay p.source.money-marketing, html.lte-ie-8 div#overlay p.source.money-marketing {
	background-position: 0 -25px
}
div#overlay p.source.mycustomer, html.lte-ie-8 div#overlay p.source.mycustomer {
	background-position: 0 -20px
}
div#overlay p.source.retail-week, html.lte-ie-8 div#overlay p.source.retail-week {
	background-position: 0 -22px
}
div#overlay p.source.tech-bubbles, html.lte-ie-8 div#overlay p.source.tech-bubbles {
	background-position: 0 -25px
}
div#overlay p.source.utility-week, html.lte-ie-8 div#overlay p.source.utility-week {
	background-position: 0 -18px
}
div#overlay p.source.the-wall, html.lte-ie-8 div#overlay p.source.the-wall {
	background-position: 0 -43px
}
div#overlay p.source.marketing, html.lte-ie-8 div#overlay p.source.marketing {
	background-position: 0 -55px
}
div#overlay p.source.professional-adviser, html.lte-ie-8 div#overlay p.source.professional-adviser {
	background-position: 0 -38px
}
div#overlay p.source.lbb, html.lte-ie-8 div#overlay p.source.lbb {
	background-position: 0 -54px
}
div#overlay p.source.whatmortgage, html.lte-ie-8 div#overlay p.source.whatmortgage {
	background-position: 0 -38px
}
div#overlay p.source.internetretailing, html.lte-ie-8 div#overlay p.source.internetretailing {
	background-position: 0 -40px
}
div#overlay p.source.ft, html.lte-ie-8 div#overlay p.source.ft {
	background-position: 0 -50px
}
div#overlay p.source.fastcompany, html.lte-ie-8 div#overlay p.source.fastcompany {
	background-position: 0 -233px
}
div#overlay p.source.r, html.lte-ie-8 div#overlay p.source.r {
	background-position: 0 -55px
}
div#overlay p.source.mw, html.lte-ie-8 div#overlay p.source.ww {
	background-position: 0 -34px
}
div#overlay p.source.retail-gazette, html.lte-ie-8 div#overlay p.source.retail-gazette {
	background-position: 0 -56px
}
div#overlay p.source.tnooz, html.lte-ie-8 div#overlay p.source.tnooz {
	background-position: 0 -35px
}

@media only screen and (min-width: 1301px) {
div#overlay p.source.digital-marketing-magazine {
	width: 305px;
	height: 63px;
	background-position: -200px 0
}
div#overlay p.source.the-drum {
	width: 210px;
	height: 52px;
	background-position: -105px 0
}
div#overlay p.source.i, html.lte-ie-8 div#overlay p.source.i {
	width: 20px;
	height: 60px;
	background-position: -25px 0
}
div#overlay p.source.the-marketer {
	width: 250px;
	height: 31px;
	background-position: -200px 0
}
div#overlay p.source.marketing-week {
	width: 220px;
	height: 50px;
	background-position: -102px 0
}
div#overlay p.source.money-marketing, html.lte-ie-8 div#overlay p.source.money-marketing {
	width: 127px;
	height: 50px;
	background-position: -63px 0
}
div#overlay p.source.mycustomer {
	width: 286px;
	height: 39px;
	background-position: -143px 0
}
div#overlay p.source.retail-week {
	width: 286px;
	height: 46px;
	background-position: -143px 0
}
div#overlay p.source.tech-bubbles {
	width: 314px;
	height: 41px;
	background-position: -180px 0
}
div#overlay p.source.utility-week, html.lte-ie-8 div#overlay p.source.utility-week {
	width: 220px;
	height: 38px;
	background-position: -102px 0
}
div#overlay p.source.the-wall {
	width: 167px;
	height: 60px;
	background-position: -120px 0
}
div#overlay p.source.marketing {
	width: 69px;
	height: 69px;
	background-position: -55px 0
}
div#overlay p.source.professional-adviser {
	width: 273px;
	height: 43px;
	background-position: -242px 0
}
div#overlay p.source.lbb {
	width: 44px;
	height: 69px;
	background-position: -34px 0
}
div#overlay p.source.whatmortgage {
	width: 297px;
	height: 75px;
	background-position: -148px 0px
}
div#overlay p.source.internetretailing {
	width: 239px;
	height: 80px;
	background-position: -111px 0px
}
div#overlay p.source.ft {
	width: 100px;
	height: 100px;
	background-position: -50px 0px
}
div#overlay p.source.fastcompany {
	width: 350px;
	height: 54px;
	background-position: -233px 0px
}
div#overlay p.source.r {
	width: 81px;
	height: 81px;
	background-position: -54px 0px
}
div#overlay p.source.mw {
	width: 114px;
	height: 51px;
	background-position: -76px 0px
}
div#overlay p.source.retail-gazette {
	width: 180px;
	height: 79px;
	background-position: -121px 0px
}
div#overlay p.source.tnooz {
	width: 151px;
	height: 54px;
	background-position: -94px 0px
}
}

@media only screen and (min-width: 1791px) {
div#overlay p.source.huffington-post {
	width: 494px;
	height: 32px;
	background-position: -248px 0
}
}

@media only screen and (max-width: 1100px) {
div#overlay p.source.huffington-post {
	width: 200px;
	height: 12px;
	background-position: 0 -42px
}
}
div#news {
	width: 100%;
	background: #9bc42a;
	background: linear-gradient(50deg, #9bc42a, #3ec4c9 90%);
	position: relative;
	padding-top: 8em;
	color: #fff;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width: 800px) {
div#news {
	padding-top: 5em
}
}
div#news .core {
	margin-left: auto;
	margin-right: auto
}
div#news h3 {
	margin-bottom: 0.8em;
	font-size: 7.2em;
	text-transform: uppercase;
	line-height: 0.75em
}

@media only screen and (max-width: 350px) {
div#news h3 {
	font-size: 6.8em
}
}
div#news h3 span {
	font-weight: 200
}

@media only screen and (min-width: 1025px) {
div#news h3 span {
	display: block
}
}
div#news ul {
	list-style: none
}

@media only screen and (max-width: 1024px) {
div#news ul {
	max-width: 100%
}
}
div#news li {
	margin-bottom: 2.6em;
	padding-bottom: 1.3em
}
div#news li p {
	position: relative;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif
}

@media only screen and (max-width: 650px) {
div#news li p {
	font-size: 2.6em
}
}
div#news li p.source {
	margin-bottom: 0.7em;
	font-size: 1em
}

@media only screen and (max-width: 650px) {
div#news li p.source {
	margin-bottom: 1.3em
}
}
div#news li p.date {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	text-transform: uppercase
}

@media only screen and (max-width: 800px) {
div#news li p.date {
	font-size: 1.6em
}
}

@media only screen and (max-width: 650px) {
div#news li p.date {
	font-size: 2em
}
}

@media only screen and (min-width: 1025px) {
div#news h3 {
	width: 33%;
	float: left
}
div#news ul {
	width: 66%;
	float: left
}
}
div#section-wrapper.js div#news ul li {
	padding-right: 2.7em;
	overflow-y: auto;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
div#section-wrapper.js div#news ul li {
	padding-right: 3em
}
}
div#section-wrapper.js div#news ul li:before {
	width: 11px;
	height: 18px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 -19px;
	image-rendering: optimize-contrast;
	content: " ";
	position: absolute;
	display: block;
	bottom: 11px;
	right: 0;
	transition: bottom cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.2s
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
div#section-wrapper.js div#news ul li:before {
	width: 12px;
	height: 20px;
	background-position: -35.6px -56.4px;
	background-size: 60px auto
}
}
div#section-wrapper.js div#news ul li:after {
	width: 100%;
	height: 2px !important;
	content: " ";
	position: absolute;
	display: block;
	background: #fff;
	bottom: 0;
	left: 0;
	transition: height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.2s
}
div#section-wrapper.js div#news ul li:hover:before, div#section-wrapper.js div#news ul li:focus:before {
	bottom: 16px
}
div#section-wrapper.js div#news ul li:hover:after, div#section-wrapper.js div#news ul li:focus:after {
	height: 7px !important
}
html.lte-ie-8 div#section-wrapper div#news li:hover, html.lte-ie-8 div#section-wrapper div#news li:focus {
	background: transparent
}
html.lte-ie-8 div#section-wrapper div#news li:hover:after, html.lte-ie-8 div#section-wrapper div#news li:focus:after {
	height: 7px !important
}
div#section-wrapper.js div#overlay {
	font-size: 10px;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	background: #fff;
	padding: 3.5em 3em;
	color: #2c2c2c;
	display: block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	top: 0;
	left: 100%;
	padding: 0;
	z-index: 900;
	opacity: 1;
	overflow: hidden;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s, width cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.7s 0.5s, height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.7s 0.5s, top cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.7s 0.5s, left cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.7s 0.5s
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay {
	font-size: 9px
}
}

@media only screen and (max-width: 800px) {
div#section-wrapper.js div#overlay {
	font-size: 8px
}
}
html.lte-ie-8 div#section-wrapper.js div#overlay {
	font-size: 8px
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#overlay {
	font-size: 6px
}
}
div#section-wrapper.js div#overlay div.details {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
div#section-wrapper.js div#overlay p.img {
	position: relative;
	z-index: 10
}
div#section-wrapper.js div#overlay p {
	margin-top: 1em;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #919089
}

@media only screen and (max-width: 1024px) {
div#section-wrapper.js div#overlay p {
	font-size: 1.8em;
	line-height: 1.2em
}
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#overlay p {
	font-size: 2.6em
}
}
div#section-wrapper.js div#overlay p.title {
	margin-top: 0;
	font-size: 5.3em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.85em;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 3.5em
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#overlay p.title {
	font-size: 5em
}
}
div#section-wrapper.js div#overlay p.title span {
	margin-top: 0.1em;
	font-weight: normal;
	display: block
}

@media only screen and (max-width: 650px) {
div#section-wrapper.js div#overlay {
	display: none
}
}
div#section-wrapper.js div#overlay.visible p.close {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#overlay.visible p.close {
	display: block
}
div#section-wrapper.js div#overlay.visible div.scrollable {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#overlay.visible div.scrollable {
	display: block
}
div#section-wrapper.js div#overlay.visible div.content {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#overlay.visible div.content {
	display: block
}
div#section-wrapper.js div#overlay.visible>ul {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#overlay.visible>ul {
	display: block
}
div#section-wrapper.js div#overlay.visible div.footer {
	opacity: 1
}
html.lte-ie-8 div#section-wrapper.js div#overlay.visible div.footer {
	display: block
}
div#section-wrapper.js div#overlay.open {
	transition: width cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0.5s, height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0.5s, top cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0.5s, left cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0.5s, opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 1.2s
}
div#section-wrapper.js div#overlay.resizing {
	transition: width cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.1s 0s, height cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.1s 0s, top cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.1s 0s, left cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.1s 0.5s, opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.1s 0s
}
div#section-wrapper.js div#overlay.change {
	background-image: url(../../images/achievements/overlay_loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
div#section-wrapper.js div#overlay.closing p.close {
	opacity: 0
}
html.lte-ie-8 div#section-wrapper.js div#overlay.closing p.close {
	display: none
}
div#section-wrapper.js div#overlay.closing div.scrollable {
	opacity: 0
}
html.lte-ie-8 div#section-wrapper.js div#overlay.closing div.scrollable {
	display: none
}
div#section-wrapper.js div#overlay.closing div.content {
	opacity: 0
}
html.lte-ie-8 div#section-wrapper.js div#overlay.closing div.content {
	display: none
}
div#section-wrapper.js div#overlay.closing>ul {
	opacity: 0
}
html.lte-ie-8 div#section-wrapper.js div#overlay.closing>ul {
	display: none
}
div#section-wrapper.js div#overlay.closing div.footer {
	opacity: 0
}
html.lte-ie-8 div#section-wrapper.js div#overlay.closing div.footer {
	display: none
}
div#section-wrapper.js div#overlay.fixed {
	width: 100% !important;
	height: 100% !important;
	position: fixed;
	top: 0 !important
}
div#section-wrapper.js div#overlay.no-transition {
	transition: none !important
}
div#section-wrapper.js div#overlay[data-section=news] {
	transition: transform cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.6s;
	transform: translate(0, 0);
	left: 100%
}
div#section-wrapper.js div#overlay[data-section=news].in-view {
	transition-duration: 1s
}
html.csstransitions div#section-wrapper.js div#overlay[data-section=news].in-view {
	transform: translate(-100%, 0)
}
div#section-wrapper.js div#overlay p.close {
	width: 48px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	top: 1.5em;
	left: 0;
	margin: 0;
	font-size: 1em;
	z-index: 1000;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
div#section-wrapper.js div#overlay p.close a {
	width: 48px;
	height: 47px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background-position: 0 -46px
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 800px) and (min-resolution: 192dpi) {
div#section-wrapper.js div#overlay p.close {
	background-position: 0 -23px
}
}
html.lte-ie-8 div#section-wrapper.js div#overlay p.close {
	display: none
}
div#section-wrapper.js div#overlay p.close a {
	left: auto;
	right: 2.1em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 39%
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 42%
}
}

@media only screen and (max-width: 700px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 52%
}
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 52%
}
}

@media only screen and (max-height: 600px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 59%
}
}

@media only screen and (max-height: 500px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable {
	width: 69%
}
}
div#section-wrapper.js div#overlay[data-section=achievements] div.scrollable div.content {
	width: 100% !important
}
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 39%
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 42%
}
}

@media only screen and (max-width: 700px) {
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 52%
}
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 52%
}
}

@media only screen and (max-height: 600px) {
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 59%
}
}

@media only screen and (max-height: 500px) {
div#section-wrapper.js div#overlay[data-section=achievements] p.close {
	width: 69%
}
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 39%;
	padding-top: 4em;
	padding-right: 10em
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 42%
}
}

@media only screen and (max-width: 700px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 52%
}
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 52%
}
}

@media only screen and (max-height: 600px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 59%
}
}

@media only screen and (max-height: 500px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.content {
	width: 69%
}
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.bobbi-brown {
	color: #e70b67
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.halfords {
	color: #f90
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.hibu {
	color: #00baff
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.hotel-chocolat {
	color: #ffd200
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.moneycorp {
	color: #c51230
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.monkey-shoulder {
	color: #a5000f
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content p.title.orange {
	color: #ff7300
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 39%;
	background: #e8e8e8
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 42%
}
}

@media only screen and (max-width: 700px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 52%
}
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 52%
}
}

@media only screen and (max-height: 600px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 59%
}
}

@media only screen and (max-height: 500px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer {
	width: 69%
}
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer:before {
	content: " ";
	position: absolute;
	display: block;
	top: 3.2em;
	left: 4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.orange:before {
	top: 2.8em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.bobbi-brown:before {
	top: 3.6em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.hibu:before {
	top: 3em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.hotel-chocolat:before {
	top: 2.4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.moneycorp:before {
	top: 3.4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.monkey-shoulder:before {
	top: 2.5em
}

@media only screen and (max-width: 1100px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.orange:before {
	top: 3.4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.hibu:before {
	top: 3.2em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.hotel-chocolat:before {
	top: 3.4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.moneycorp:before {
	top: 3.6em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.monkey-shoulder:before {
	top: 2.7em
}
}

@media only screen and (max-width: 970px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.bobbi-brown:before {
	top: 4.2em
}
}

@media only screen and (max-width: 800px) {
div#section-wrapper.js div#overlay[data-section=achievements] div.footer:before {
	content: " ";
	position: absolute;
	display: block;
	top: 4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.orange:before {
	top: 4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.bobbi-brown:before {
	top: 4.5em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.hibu:before {
	top: 3.8em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.moneycorp:before {
	top: 4.4em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.footer.monkey-shoulder:before {
	top: 3.1em
}
}
div#section-wrapper.js div#overlay[data-section=news] p.close {
	width: 39%
}

@media only screen and (max-width: 1700px) {
div#section-wrapper.js div#overlay[data-section=news] p.close {
	width: 41%
}
}

@media only screen and (max-width: 1300px) {
div#section-wrapper.js div#overlay[data-section=news] p.close {
	width: 43%
}
}

@media only screen and (max-width: 1200px) {
div#section-wrapper.js div#overlay[data-section=news] p.close {
	width: 40.5%
}
}
div#section-wrapper.js div#overlay[data-section=news] div.footer {
	width: 39%
}

@media only screen and (max-width: 1700px) {
div#section-wrapper.js div#overlay[data-section=news] div.footer {
	width: 41%
}
}

@media only screen and (max-width: 1300px) {
div#section-wrapper.js div#overlay[data-section=news] div.footer {
	width: 43%
}
}

@media only screen and (max-width: 1200px) {
div#section-wrapper.js div#overlay[data-section=news] div.footer {
	width: 40.5%
}
}
div#section-wrapper.js div#overlay div.footer {
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2.1em 2.1em 2.3em 4em;
	z-index: 100;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
html.lte-ie-8 div#section-wrapper.js div#overlay div.footer {
	display: none
}
div#section-wrapper.js div#overlay div.footer p.source {
	float: left;
	margin: 0
}
div#section-wrapper.js div#overlay div.footer p.source.huffington-post {
	margin-top: 1.5em
}

@media only screen and (min-width: 1791px) {
div#section-wrapper.js div#overlay div.footer p.source.huffington-post {
	margin-top: 0.5em
}
}
div#section-wrapper.js div#overlay>ul {
	list-style: none;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
html.lte-ie-8 div#section-wrapper.js div#overlay>ul {
	display: none
}
div#section-wrapper.js div#overlay ul.pagination {
	float: right
}
div#section-wrapper.js div#overlay ul.pagination li {
	float: left;
	cursor: pointer;
	z-index: 100
}
div#section-wrapper.js div#overlay ul.pagination li.previous {
	width: 48px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
	margin-right: 1.1em
}
div#section-wrapper.js div#overlay ul.pagination li.previous a {
	width: 48px;
	height: 47px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background-position: -49px -46px
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 800px) and (min-resolution: 192dpi) {
div#section-wrapper.js div#overlay ul.pagination li.previous {
	background-position: -24.5px -23px
}
}
div#section-wrapper.js div#overlay ul.pagination li.next {
	width: 48px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	position: relative
}
div#section-wrapper.js div#overlay ul.pagination li.next a {
	width: 48px;
	height: 47px;
	background: url(../../images/achievements/page_sprites.png) no-repeat 0 0;
	image-rendering: optimize-contrast;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background-position: -98px -46px
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 800px) and (min-resolution: 192dpi) {
div#section-wrapper.js div#overlay ul.pagination li.next {
	background-position: -49px -23px
}
}
div#section-wrapper.js div#overlay div.scrollable {
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s
}
html.lte-ie-8 div#section-wrapper.js div#overlay div.scrollable {
	display: none
}
div#section-wrapper.js div#overlay div.content {
	min-height: 13em;
	position: relative;
	padding: 2.4em 0 0 4em;
	opacity: 0;
	transition: opacity cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.8s 0s;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
html.lte-ie-8 div#section-wrapper.js div#overlay div.content {
	display: none
}
div#section-wrapper.js div#overlay div.content>span {
	display: none
}
div#section-wrapper.js div#overlay div.content p {
	height: auto !important
}
div#section-wrapper.js div#overlay div.content p:not(.title):not(.date):not(.blurb):not(.subtitle):not(.img):not(.source) {
	margin-top: 0;
	font-size: 1.6em;
	line-height: 1.7em;
	color: #828282
}

@media only screen and (max-width: 1200px) {
div#section-wrapper.js div#overlay div.content p:not(.title):not(.date):not(.blurb):not(.subtitle):not(.img):not(.source) {
	font-size: 1.4em
}
}
div#section-wrapper.js div#overlay div.content p.title {
	margin-bottom: 0;
	font-size: 4.5em
}
div#section-wrapper.js div#overlay div.content p.subtitle {
	margin: 1.6em 0 0.2em 0;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #666;
	font-weight: bold;
	text-transform: uppercase
}
div#section-wrapper.js div#overlay div.content p.blurb {
	margin-top: 0.6em;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	color: #666;
	font-weight: bold;
	line-height: 1em
}
div#section-wrapper.js div#overlay div.content p.source {
	display: none
}
div#section-wrapper.js div#overlay div.content p.date {
	width: 2em;
	margin: 0;
	font-family: "vag_rounded", Arial, Helvetica, sans-serif;
	font-size: 4.5em;
	color: #000;
	line-height: 0.85em;
	font-weight: bold;
	text-transform: uppercase
}
div#section-wrapper.js div#overlay div.content p.img {
	background: #f3f3f3;
	margin: 0;
	padding: 0;
	font-size: 1em;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
div#section-wrapper.js div#overlay div.content p.img span {
	padding: 0 40px
}

@media only screen and (min-width: 1025px) {
div#section-wrapper.js div#overlay div.content p.img {
	width: 61%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	overflow: hidden
}
div#section-wrapper.js div#overlay div.content p.img span {
	display: block
}
div#section-wrapper.js div#overlay div.content p.img a {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block
}
div#section-wrapper.js div#overlay div.content p.img img {
	width: 100%;
	max-width: 800px;
	margin: 40px auto;
	display: block
}
}

@media only screen and (min-width: 1025px) and (max-width: 1700px) {
div#section-wrapper.js div#overlay div.content p.img {
	width: 59%
}
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
div#section-wrapper.js div#overlay div.content p.img {
	width: 57%
}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
div#section-wrapper.js div#overlay div.content p.img {
	width: 59.5%
}
}

@media only screen and (max-width: 1024px) {
div#section-wrapper.js div#overlay div.content p.title {
	margin-bottom: 0.5em
}
}
div#section-wrapper.js div#overlay div.content ul.experience {
	list-style: none;
	margin-top: 2em
}
div#section-wrapper.js div#overlay div.content ul.experience>li {
	width: auto;
	background: #999;
	float: left;
	margin: 0 0.6em 0.6em 0;
	padding: 0.5em 0.8em 0.3em 0.8em;
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
	line-height: normal;
	border-radius: 0.3em
}
div#section-wrapper.js div#overlay>ul.carousel {
	width: 61%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	overflow: hidden
}

@media only screen and (max-width: 950px) {
div#section-wrapper.js div#overlay>ul.carousel {
	width: 58%
}
}

@media only screen and (max-width: 700px) {
div#section-wrapper.js div#overlay>ul.carousel {
	width: 48%
}
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay>ul.carousel {
	width: 48%
}
}

@media only screen and (max-height: 600px) {
div#section-wrapper.js div#overlay>ul.carousel {
	width: 41%
}
}

@media only screen and (max-height: 500px) {
div#section-wrapper.js div#overlay>ul.carousel {
	width: 31%
}
}
div#section-wrapper.js div#overlay>ul.carousel li {
	width: 100%;
	height: 100%;
	background: url(../../images/achievements/content_loading.gif) no-repeat 50% 50% #444347;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(200%, 0);
	transition: transform ease 1s
}
html.lte-ie-8 div#section-wrapper.js div#overlay>ul.carousel li {
	left: 200%
}
div#section-wrapper.js div#overlay>ul.carousel li.new {
	z-index: 100
}
div#section-wrapper.js div#overlay>ul.carousel li.selected {
	transform: translate(0, 0)
}
html.lte-ie-8 div#section-wrapper.js div#overlay>ul.carousel li.selected {
	left: 0
}
div#section-wrapper.js div#overlay>ul.carousel li.unselected {
	transition: none
}

@media only screen and (max-width: 970px) {
div#section-wrapper.js div#overlay>ul.carousel li.selected {
	transition: none
}
}
div#section-wrapper.js div#overlay>ul.carousel img {
	width: auto;
	min-width: 100.2%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -1px;
	display: block
}

@media only screen and (max-height: 800px) {
div#section-wrapper.js div#overlay>ul.carousel img {
	min-width: 10%
}
}

@media only screen and (max-height: 400px) {
div#section-wrapper.js div#overlay>ul.carousel img {
	min-width: 100%;
	height: auto
}
}

@media only screen and (max-width: 800px) {
div#section-wrapper.js div#overlay>ul.carousel img {
	right: auto;
	left: -15%
}
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 800px) and (min-resolution: 192dpi) {
div#section-wrapper.js div#overlay>ul.carousel img {
	right: 0;
	left: auto
}
}
div#section-wrapper.js div#overlay>ul.indicators {
	position: absolute;
	top: 2em;
	right: 2.4em;
	z-index: 1000
}
div#section-wrapper.js div#overlay>ul.indicators li {
	float: left;
	margin-left: 1em
}
div#section-wrapper.js div#overlay>ul.indicators li a {
	width: 1.4em;
	height: 1.4em;
	background: #fff;
	border-radius: 36em;
	display: block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	transition: background cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 0s;
	cursor: pointer
}
div#section-wrapper.js div#overlay>ul.indicators li a:hover, div#section-wrapper.js div#overlay>ul.indicators li a:focus {
	background: #000
}
div#section-wrapper.js div#overlay>ul.indicators li.selected a {
	background: #000
}

@media only screen and (max-width: 970px) {
div#section-wrapper.js div#overlay>ul.indicators {
	display: none
}
}

@media only screen and (max-width: 1024px) {
div#section-wrapper.js div#overlay[data-section=news]>span {
	display: none
}
div#section-wrapper.js div#overlay[data-section=news] div.content div.details {
	width: 80% !important;
	padding-right: 2.5%;
	padding-left: 2.5%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box
}
}

@media only screen and (max-width: 1024px) and (max-width: 800px) {
div#section-wrapper.js div#overlay[data-section=news] div.content div.details {
	padding-right: 0;
	padding-left: 0
}
}

@media only screen and (max-width: 1200px) {
div#section-wrapper.js div#overlay div.content {
	padding-left: 3.5em
}
div#section-wrapper.js div#overlay[data-section=achievements] div.content:before {
	left: 3.5em
}
div#section-wrapper.js div#overlay>ul.pagination {
	margin-left: 3.5em
}
}

@media only screen and (max-width: 249px) {
body:before {
	content: "Sorry, the site can't display at this size. \a \aPlease re-size your window.";
	font-size: 2em;
	padding: 1.5em;
	display: block
}
div.section {
	display: none
}
div#overlay {
	display: none !important
}
}
html.lte-ie-8 body:before {
	display: none
}
html.lte-ie-8 div.section {
	display: block
}
html.lte-ie-8 div#overlay {
	display: block !important
}
@font-face {
	font-family: "vag_rounded";
	src: url("../../fonts/vag_rounded_light-webfont.eot");
	src: url("../../fonts/vag_rounded_light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/vag_rounded_light-webfont.woff") format("woff"), url("../../fonts/vag_rounded_light-webfont.svg#vag_roundedregular") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "vag_rounded";
	src: url("../../fonts/vag_rounded_bold-webfont.eot");
	src: url("../../fonts/vag_rounded_bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/vag_rounded_bold-webfont.woff") format("woff"), url("../../fonts/vag_rounded_bold-webfont.svg#vag_roundedbold") format("svg");
	font-weight: bold;
	font-style: normal
}
@font-face {
	font-family: "vag_rounded";
	src: url("../../fonts/vag_rounded_thin-webfont.eot");
	src: url("../../fonts/vag_rounded_thin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/vag_rounded_thin-webfont.woff") format("woff"), url("../../fonts/vag_rounded_thin-webfont.svg#vag_roundedbold") format("svg");
	font-weight: 200;
	font-style: normal
}
html {
	overflow-x: hidden
}
body {
	overflow-x: hidden
}
/*# sourceMappingURL=achievements-news.min.css.map */