@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
/** Start Mixins **/
/** Colors and Variables **/
.colour-primary, .wrapper-standard-content h1, .wrapper-standard-content .h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .infographic h2, .info-section h4.line-right, .colour-primary a, .wrapper-standard-content h1 a, .wrapper-standard-content .h1 a, .wrapper-standard-content .infographic h2 a, .infographic .wrapper-standard-content h2 a, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog a, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog a, .wrapper-standard-content .page-game .wrapper-game-features h2 a, .page-game .wrapper-game-features .wrapper-standard-content h2 a, .infographic h2 a, .info-section h4.line-right a, .colour-primary a:visited, .wrapper-standard-content h1 a:visited, .wrapper-standard-content .h1 a:visited, .wrapper-standard-content .infographic h2 a:visited, .infographic .wrapper-standard-content h2 a:visited, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog a:visited, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog a:visited, .wrapper-standard-content .page-game .wrapper-game-features h2 a:visited, .page-game .wrapper-game-features .wrapper-standard-content h2 a:visited, .infographic h2 a:visited, .info-section h4.line-right a:visited { color: #ff6110 !important; }

.colour-secondary, .wrapper-standard-content h2, .info-section h4.line-left, .colour-secondary a, .wrapper-standard-content h2 a, .info-section h4.line-left a, .colour-secondary a:visited, .wrapper-standard-content h2 a:visited, .info-section h4.line-left a:visited { color: #22a8bb !important; }

.colour-darkbg { color: #bebdbd !important; }

.bg-colour-mine-shaft { background-color: #322f2f !important; }

.bg-colour-mine-shaft-dark { background-color: #222121 !important; }

.bg-colour-tundora { background-color: #424040 !important; }

@font-face { font-family: 'Nexa-Bold'; src: url("fonts/Nexa_Free_Bold-webfont.eot"); src: local("☺"), url("fonts/Nexa_Free_Bold-webfont.woff") format("woff"), url("fonts/Nexa_Free_Bold-webfont.ttf") format("truetype"), url("fonts/Nexa_Free_Bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

.nexa-bold, .wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p { font-family: "Nexa-Bold"!important; }

.open-sans, .open-sans-light, .wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p, h1, .h1, .infographic h2, .wrapper-blog .blog-intro .kuato-blog, .page-game .wrapper-game-features h2, h2, .h2, h3, .h3, .wrapper-standard-content h2, .wrapper-standard-content .h2, h4, .h4, div, p, .page li, .primary-navigation .nav-menu li, .mobile-navigation li, .mobile-navigation-open, .slide-skip, .button-blue, .button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit, .wrapper-blog .blog-intro .welcome-to, .wrapper-blog .blog-intro .section-title, #mc_embed_signup .button, .games-container .game .game-content { font-family: "Open Sans", sans-serif; }

.open-sans-light, .wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p, h1, .h1, .infographic h2, .wrapper-blog .blog-intro .kuato-blog, .page-game .wrapper-game-features h2, h2, .h2, h3, .h3, .wrapper-standard-content h2, .wrapper-standard-content .h2, h4, .h4, div, p, .page li, .primary-navigation .nav-menu li, .mobile-navigation li, .mobile-navigation-open, .slide-skip, .button-blue, .button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit, .wrapper-blog .blog-intro .welcome-to, .wrapper-blog .blog-intro .section-title, #mc_embed_signup .button { font-weight: 300; }

/** Base styles **/
/** ----- Fixes ----- */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video { display: block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/** Set default font family to sans-serif. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/** Correct font family not being inherited in all browsers. Correct font size not being inherited in all browsers. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. The dumbest UA style setting I've ever seen. */
button, input { line-height: normal; }

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

/** Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. Correct inability to style clickable `input` types in iOS. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Address box sizing set to `content-box` in IE 8/9. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

/** Address `appearance` set to `searchfield` in Safari 5 and Chrome. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove default vertical scrollbar in IE 8/9. Improve readability and alignment in all browsers. */
textarea { overflow: auto; vertical-align: top; }

/** ------ Resets ------ */
/** Remove default html styles. */
html { line-height: 1; }

/** Remove default body styles. */
body { margin: 0; }

/** Remove default heading styles. */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }

/** Remove default link styles. */
a { color: inherit; text-decoration: none; }

/** Remove outline for links. You should style it, but not necessarily outline. */
a:focus, a:active, a:hover { outline: 0; }

/** Remove default paragraph styles. */
p, small { margin: 0; padding: 0; }

/** Remove default list styles. */
ol, ul, menu { list-style: none; margin: 0; padding: 0; }

/** Remove default blockquote and quote styles. */
blockquote, q { margin: 0; quotes: none; }

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

/** Remove default cite styles. */
cite { font-style: inherit; }

/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/** Remove default form styles. */
form { margin: 0; }

/** Remove default fieldset styles. */
fieldset { border: none; margin: 0; padding: 0; }

/** Correct `color` not being inherited in IE 8/9. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; padding: 0; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/** Almost always want images to be block. */
img { display: block; }

/** utility **/
body { -webkit-transition: height 0.8s linear; -moz-transition: height 0.8s linear; -o-transition: height 0.8s linear; transition: height 0.8s linear; }

body.on { height: 100px; }

html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; }

* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ outline: none; }

.clearboth { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* Global template styles */
/* structural */
@media only screen and (max-width: 767px) { .wrapper { padding: 25px 0; }
  .wrapper.wrapper-body { padding-top: 84px; } }
@media only screen and (min-width: 768px) { .wrapper { padding: 20px 0; }
  .wrapper.wrapper-body { padding-top: 130px; } }
.wrapper:not(.wrapper-header) { *zoom: 1; }
.wrapper:not(.wrapper-header):after { content: ""; display: table; clear: both; }

.container { *zoom: 1; margin: 0 auto; width: 100%; max-width: 1040px; padding: 0 20px; }
.container:after { content: ""; display: table; clear: both; }

.wrapper-body .container { padding-top: 20px; padding-bottom: 20px; }

.wrapper-standard-content .container { max-width: 800px; }
.wrapper-standard-content p img { max-width: 100%; }

/*.carousel {
	width:100%;
	height:50px;
	border:1px solid red;
	overflow:hidden;
	iframe, img {
		max-width:100%;
	}
}*/
.bg-tiled { background-image: url(img/template/bg-tiled.jpg); background-position: center center; }

.bg-pattern, .page-about .wrapper-body:before { background-image: url(img/template/bg-pattern.png); background-position: center center; opacity: 0.5; }

.wrapper-header { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; background: rgba(34, 34, 34, 0.9); padding: 0; }
.wrapper-header, .wrapper-header .container { height: 64px; }
.wrapper-header .logo { float: left; height: 53px; width: 121px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1742px; background-repeat: no-repeat; margin-top: 5px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header .logo { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1848px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

@media only screen and (min-width: 768px) { .wrapper-header { position: fixed; }
  .wrapper-header, .wrapper-header .container { height: 110px; -webkit-transition: height 0.5s ease-out; -moz-transition: height 0.5s ease-out; -o-transition: height 0.5s ease-out; transition: height 0.5s ease-out; }
  .wrapper-header .logo { height: 71px; width: 162px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1208px; background-repeat: no-repeat; margin-top: 20px; }
  .wrapper-header-small:not(:hover), .wrapper-header-small:not(:hover) .container { height: 64px; }
  .wrapper-header-small:not(:hover) .logo { height: 53px; width: 121px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1742px; background-repeat: no-repeat; margin-top: 5px; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .wrapper-header .logo { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1248px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .logo { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1848px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

.wrapper-subfooter { padding: 20px 0; }
.wrapper-subfooter h3 { font-weight: 600; font-size: 28px; margin-bottom: 50px; }
.wrapper-subfooter .signup-form label, .wrapper-subfooter .signup-form #mc-indicates-required { font-weight: 300; color: #bebdbd; letter-spacing: 1px; }
.wrapper-subfooter .signup-form #mc-indicates-required { font-size: 13px; }
.wrapper-subfooter .signup-form input[type="text"] { background: #bebdbd; height: 40px; border: 2px solid #424040; }
.wrapper-subfooter .signup-form .mc_signup_submit { *zoom: 1; }
.wrapper-subfooter .signup-form .mc_signup_submit:after { content: ""; display: table; clear: both; }
.wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit { float: right; width: auto; }
.wrapper-subfooter .signup-form #mc_display_rewards { display: none; }
.wrapper-subfooter .signup-form .mc_error_msg, .wrapper-subfooter .signup-form .mc_success_msg { display: block; color: #fa1717; font-weight: 300; line-height: 1.4; margin-bottom: 20px; }
.wrapper-subfooter .signup-form .mc_error_msg { font-size: 14px; }
.wrapper-subfooter .signup-form .mc_success_msg { font-size: 20px; color: #22a8bb; }
.wrapper-subfooter .signup-form .mc_custom_border_hdr, .wrapper-subfooter .signup-form .mergeRow { display: none; }
.wrapper-subfooter .social-media { float: left; width: 50%; padding: 0px 0px 20px; text-align: center; }
.wrapper-subfooter .social-media .logo { width: 75px; height: 74px; margin: 0 auto; }
.wrapper-subfooter .social-media .logo.logo-facebook { height: 74px; width: 75px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -674px; background-repeat: no-repeat; }
.wrapper-subfooter .social-media .logo.logo-facebook:hover { background-position: 0 -600px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-subfooter .social-media .logo.logo-facebook { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -674px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .wrapper-subfooter .social-media .logo.logo-facebook:hover { background-position: 0 -600px; } }
.wrapper-subfooter .social-media .logo.logo-twitter { height: 75px; width: 74px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -225px; background-repeat: no-repeat; }
.wrapper-subfooter .social-media .logo.logo-twitter:hover { background-position: 0 -150px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-subfooter .social-media .logo.logo-twitter { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -225px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .wrapper-subfooter .social-media .logo.logo-twitter:hover { background-position: 0 -150px; } }
.wrapper-subfooter .social-media .logo.logo-googleplus { height: 75px; width: 75px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -75px; background-repeat: no-repeat; }
.wrapper-subfooter .social-media .logo.logo-googleplus:hover { background-position: 0 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-subfooter .social-media .logo.logo-googleplus { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -75px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .wrapper-subfooter .social-media .logo.logo-googleplus:hover { background-position: 0 0; } }
.wrapper-subfooter .social-media .logo.logo-youtube { height: 75px; width: 75px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -425px; background-repeat: no-repeat; }
.wrapper-subfooter .social-media .logo.logo-youtube:hover { background-position: 0 -300px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-subfooter .social-media .logo.logo-youtube { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -425px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .wrapper-subfooter .social-media .logo.logo-youtube:hover { background-position: 0 -300px; } }
.wrapper-subfooter .social-media p { line-height: 1.2; }
@media only screen and (max-width: 568px) { .wrapper-subfooter .social-media p { display: none; } }
@media only screen and (min-width: 569px) { .wrapper-subfooter .social-media { padding-left: 40px; padding-right: 40px; } }

.wrapper-footer { background: #222121; padding: 20px 0; }

.contact a, .contact a:visited { color: #bebdbd; }
.contact a:hover { color: #22a8bb; }
@media only screen and (min-width: 768px) { .contact { float: left; max-width: 70%; } }

.site-by-social-panda { position: relative; display: block; text-align: center; color: #bebdbd; font-size: 14px; margin-top: 5px; }
.site-by-social-panda, .site-by-social-panda:visited { color: #bebdbd; }
.site-by-social-panda:before { content: ""; display: block; margin: 0 auto 10px; height: 25px; width: 34px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1768px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .site-by-social-panda:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1768px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.site-by-social-panda:hover { color: #ff6110; }
.site-by-social-panda:hover:before { height: 25px; width: 34px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1708px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .site-by-social-panda:hover:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1626px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

body { font-size: 16px; color: #424040; }

.wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p, h1, .h1, .infographic h2, .wrapper-blog .blog-intro .kuato-blog, .page-game .wrapper-game-features h2, h2, .h2, h3, .h3, .wrapper-standard-content h2, .wrapper-standard-content .h2, h4, .h4 { line-height: 1.2; margin: 0 0 10px; text-transform: uppercase; }
.bg-dark .wrapper-window h1, .wrapper-window .bg-dark h1, .bg-dark .slide h1, .slide .bg-dark h1, .bg-dark .wrapper-window h2, .wrapper-window .bg-dark h2, .bg-dark .slide h2, .slide .bg-dark h2, .bg-dark .page-about .wrapper-body .text-block p, .page-about .wrapper-body .text-block .bg-dark p, .bg-dark h1, .bg-dark .h1, .bg-dark .infographic h2, .infographic .bg-dark h2, .bg-dark .wrapper-blog .blog-intro .kuato-blog, .wrapper-blog .blog-intro .bg-dark .kuato-blog, .bg-dark .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .bg-dark h2, .bg-dark h2, .bg-dark .h2, .bg-dark h3, .bg-dark .h3, .bg-dark .wrapper-standard-content h2, .wrapper-standard-content .bg-dark h2, .bg-dark .wrapper-standard-content .h2, .wrapper-standard-content .bg-dark .h2, .bg-dark h4, .bg-dark .h4 { color: #bebdbd; }

.wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p { text-shadow: 1px 2px rgba(0, 0, 0, 0.8); }
@media only screen and (max-width: 767px) { .wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p { font-size: 32px!important; } }
@media only screen and (min-width: 768px) { .wrapper-window h1, .slide h1, .wrapper-window h2, .slide h2, .page-about .wrapper-body .text-block p { font-size: 50px!important; } }

h1, .h1, .infographic h2, .wrapper-blog .blog-intro .kuato-blog, .page-game .wrapper-game-features h2 { font-size: 40px; margin: 0 0 20px; font-weight: 600; color: #bebdbd; }

h2, .h2 { font-size: 30px; font-weight: 600; }

h3, .h3, .wrapper-standard-content h2, .wrapper-standard-content .h2 { font-size: 22px; margin: 0 0 30px; font-weight: 400; }
h3 span, .h3 span, .wrapper-standard-content h2 span, .wrapper-standard-content .h2 span { font-size: 24px; text-transform: none; font-weight: 300; letter-spacing: 1px; }

h4, .h4 { font-size: 16px; }

h1.h-border, .wrapper-standard-content h1, .wrapper-standard-content h1.h1, .wrapper-standard-content .wrapper-blog .blog-intro h1.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.kuato-blog, .h1.h-border, .wrapper-standard-content h1.h1, .wrapper-standard-content .wrapper-blog .blog-intro h1.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.kuato-blog, .wrapper-standard-content .h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content h2.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .infographic h2.h-border, .infographic .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2.h1, .wrapper-blog .blog-intro .h-border.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog.h1, .page-game .wrapper-game-features h2.h-border, .page-game .wrapper-game-features .wrapper-standard-content h2.h1, .wrapper-standard-content .page-game .wrapper-game-features h2.h1, h2.h-border, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content h2, .h2.h-border, .wrapper-standard-content h1.h2, .wrapper-standard-content .h2.h1, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro .h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content h2.h2, h3.h-border, .wrapper-standard-content h3.h1, .wrapper-standard-content .wrapper-blog .blog-intro h3.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h3.kuato-blog, .h3.h-border, .wrapper-standard-content h1.h3, .wrapper-standard-content h1.h2, .wrapper-standard-content .h3.h1, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content .h1.h2, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro .h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content .infographic h2.h3, .infographic .wrapper-standard-content h2.h3, .wrapper-standard-content .wrapper-blog .blog-intro .h3.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h3.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h3, .page-game .wrapper-game-features .wrapper-standard-content h2.h3, .wrapper-standard-content h2, .wrapper-standard-content .h-border.h2, .wrapper-standard-content h2.h2, h4.h-border, .wrapper-standard-content h4.h1, .wrapper-standard-content .wrapper-blog .blog-intro h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h4.kuato-blog, .h4.h-border, .wrapper-standard-content h1.h4, .wrapper-standard-content .h4.h1, .wrapper-standard-content .infographic h2.h4, .infographic .wrapper-standard-content h2.h4, .wrapper-standard-content .wrapper-blog .blog-intro .h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h4.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h4, .page-game .wrapper-game-features .wrapper-standard-content h2.h4, .wrapper-standard-content h2.h4 { border-bottom: 1px solid #424040; padding-bottom: 8px; }
h1.h-border.colour-primary, .wrapper-standard-content h1, .wrapper-standard-content h1.h1, .wrapper-standard-content .wrapper-blog .blog-intro h1.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.kuato-blog, .h1.h-border.colour-primary, .wrapper-standard-content h1.h1, .wrapper-standard-content .wrapper-blog .blog-intro h1.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.kuato-blog, .wrapper-standard-content .h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content h2.h1.colour-primary, .wrapper-standard-content h2.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro h2.colour-primary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.colour-primary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.kuato-blog, .wrapper-blog .blog-intro .infographic .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .infographic .wrapper-blog .blog-intro h2.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.colour-primary, .page-game .wrapper-game-features .wrapper-standard-content h2.colour-primary, .page-game .wrapper-game-features .wrapper-standard-content h2.h1, .wrapper-standard-content .page-game .wrapper-game-features h2.h1, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2, .page-game .wrapper-game-features .infographic .wrapper-standard-content h2, .wrapper-standard-content .infographic .page-game .wrapper-game-features h2, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2, .infographic h2.h-border, .infographic .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2, .info-section h4.h1.h-border.line-right, .info-section .wrapper-standard-content h4.h1.line-right, .wrapper-standard-content .info-section h4.h1.line-right, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro h4.h-border.line-right.kuato-blog, .wrapper-blog .blog-intro .info-section h4.h-border.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-right.kuato-blog.h1, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-right.kuato-blog.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-right.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-right.kuato-blog.h1, .wrapper-blog .blog-intro .h-border.colour-primary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .kuato-blog.h1, .wrapper-blog .blog-intro .infographic h2.h-border.kuato-blog, .infographic .wrapper-blog .blog-intro h2.h-border.kuato-blog, .wrapper-blog .blog-intro .infographic .wrapper-standard-content h2.kuato-blog.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog.h1, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.kuato-blog.h1, .wrapper-standard-content .infographic .wrapper-blog .blog-intro h2.kuato-blog.h1, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.kuato-blog.line-right.h1, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.kuato-blog.line-right.h1, .page-game .wrapper-game-features h2.h-border.colour-primary, .page-game .wrapper-game-features .infographic h2.h-border, .infographic .page-game .wrapper-game-features h2.h-border, .page-game .wrapper-game-features .infographic .wrapper-standard-content h2.h1, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2.h1, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2.h1, .wrapper-standard-content .infographic .page-game .wrapper-game-features h2.h1, h2.h-border.colour-primary, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content h2.colour-primary, .infographic h2.h-border, .infographic .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2, .h2.h-border.colour-primary, .wrapper-standard-content h1.h2, .wrapper-standard-content .h2.h1, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro .h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content h2.h2.colour-primary, .wrapper-standard-content h2.h2.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .infographic h2.h2.h-border, .infographic .wrapper-standard-content h2.h2.h1, .wrapper-standard-content .infographic h2.h2.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.h2.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.h2.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2.h2, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2.h2, .info-section h4.h2.h-border.line-right, .info-section .wrapper-standard-content h4.h2.line-right.h1, .wrapper-standard-content .info-section h4.h2.line-right.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h2.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h2.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h2.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h2.line-right.kuato-blog, h3.h-border.colour-primary, .wrapper-standard-content h3.h1, .wrapper-standard-content .wrapper-blog .blog-intro h3.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h3.kuato-blog, .h3.h-border.colour-primary, .wrapper-standard-content h1.h3, .wrapper-standard-content h1.h2, .wrapper-standard-content .h3.h1, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content .h1.h2, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro .h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content .infographic h2.h3, .infographic .wrapper-standard-content h2.h3, .wrapper-standard-content .wrapper-blog .blog-intro .h3.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h3.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h3, .page-game .wrapper-game-features .wrapper-standard-content h2.h3, .wrapper-standard-content h2.colour-primary, .wrapper-standard-content .h-border.colour-primary.h2, .wrapper-standard-content h2.colour-primary.h2, .wrapper-standard-content h2.h2.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .wrapper-standard-content .infographic h2.h-border.h2, .infographic .wrapper-standard-content h2.h-border.h2, .infographic .wrapper-standard-content h2.h2.h1, .wrapper-standard-content .infographic h2.h2.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.h2.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.h2.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2.h2, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2.h2, .wrapper-standard-content .info-section h4.h-border.h2.line-right, .info-section .wrapper-standard-content h4.h-border.h2.line-right, .info-section .wrapper-standard-content h4.h2.line-right.h1, .wrapper-standard-content .info-section h4.h2.line-right.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h2.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h2.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h2.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h2.line-right.kuato-blog, .infographic h2.h3.h-border, .infographic .wrapper-standard-content h2.h3.h1, .wrapper-standard-content .infographic h2.h3.h1, .infographic .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.h3.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.h3.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.h3.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.h3.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2.h3, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2.h3, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2.h3, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2.h3, .info-section h4.h3.h-border.line-right, .info-section .wrapper-standard-content h4.h3.line-right.h1, .wrapper-standard-content .info-section h4.h3.line-right.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h3.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h3.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h3.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h3.line-right.kuato-blog, h4.h-border.colour-primary, .wrapper-standard-content h4.h1, .wrapper-standard-content .wrapper-blog .blog-intro h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h4.kuato-blog, .info-section h4.h-border.line-right, .info-section .wrapper-standard-content h4.line-right.h1, .wrapper-standard-content .info-section h4.line-right.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-right.kuato-blog, .h4.h-border.colour-primary, .wrapper-standard-content h1.h4, .wrapper-standard-content .h4.h1, .wrapper-standard-content .infographic h2.h4, .infographic .wrapper-standard-content h2.h4, .wrapper-standard-content .wrapper-blog .blog-intro .h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h4.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h4, .page-game .wrapper-game-features .wrapper-standard-content h2.h4, .wrapper-standard-content h2.h4.colour-primary, .wrapper-standard-content h2.h4.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h4.kuato-blog, .infographic h2.h4.h-border, .infographic .wrapper-standard-content h2.h4.h1, .wrapper-standard-content .infographic h2.h4.h1, .infographic .wrapper-standard-content .wrapper-blog .blog-intro h2.h4.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .infographic h2.h4.kuato-blog, .infographic .wrapper-blog .blog-intro .wrapper-standard-content h2.h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .infographic h2.h4.kuato-blog, .infographic .wrapper-standard-content .page-game .wrapper-game-features h2.h4, .wrapper-standard-content .page-game .wrapper-game-features .infographic h2.h4, .infographic .page-game .wrapper-game-features .wrapper-standard-content h2.h4, .page-game .wrapper-game-features .wrapper-standard-content .infographic h2.h4, .info-section h4.h4.h-border.line-right, .info-section .wrapper-standard-content h4.h4.line-right.h1, .wrapper-standard-content .info-section h4.h4.line-right.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h4.line-right.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h4.line-right.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h4.line-right.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h4.line-right.kuato-blog { border-bottom: 1px solid #ff6110; }
h1.h-border.colour-secondary, .wrapper-standard-content h1.colour-secondary, .wrapper-standard-content h1.colour-secondary.h1, .wrapper-standard-content .wrapper-blog .blog-intro h1.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.colour-secondary.kuato-blog, .h1.h-border.colour-secondary, .wrapper-standard-content h1.h1.colour-secondary, .wrapper-standard-content .wrapper-blog .blog-intro h1.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h1.colour-secondary.kuato-blog, .wrapper-standard-content .h1.colour-secondary, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content .infographic h2.colour-secondary, .infographic .wrapper-standard-content h2.colour-secondary, .wrapper-standard-content .info-section h4.h1.line-left, .info-section .wrapper-standard-content h4.h1.line-left, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .colour-secondary.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.colour-secondary, .infographic h2.h-border.colour-secondary, .infographic .wrapper-standard-content h2.colour-secondary.h1, .wrapper-standard-content .infographic h2.colour-secondary.h1, .infographic .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2.h1, .info-section h4.h1.h-border.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-left.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro h4.h-border.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section h4.h-border.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-left.kuato-blog.h1, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-left.kuato-blog.h1, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-left.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-left.kuato-blog.h1, .wrapper-blog .blog-intro .h-border.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .colour-secondary.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro .colour-secondary.kuato-blog.h1, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog.h1, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog.h1, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.kuato-blog.h1.line-left, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.kuato-blog.h1.line-left, .page-game .wrapper-game-features h2.h-border.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.colour-secondary.h1, .wrapper-standard-content .page-game .wrapper-game-features h2.colour-secondary.h1, .page-game .wrapper-game-features .wrapper-standard-content h2.h1, .wrapper-standard-content .page-game .wrapper-game-features h2.h1, h2.h-border.colour-secondary, .wrapper-standard-content h2.colour-secondary.h1, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content .infographic h2.colour-secondary, .infographic .wrapper-standard-content h2.colour-secondary, .wrapper-standard-content .wrapper-blog .blog-intro h2.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.colour-secondary.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.colour-secondary, .wrapper-standard-content h2, .h2.h-border.colour-secondary, .wrapper-standard-content h1.h2.colour-secondary, .wrapper-standard-content .h2.colour-secondary.h1, .wrapper-standard-content h2.h2.h1, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content .infographic h2.h2.colour-secondary, .infographic .wrapper-standard-content h2.h2.colour-secondary, .wrapper-standard-content .info-section h4.h2.h1.line-left, .info-section .wrapper-standard-content h4.h2.h1.line-left, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.h2.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h2.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h2.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.h2.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .h2.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h2.colour-secondary.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.h2.colour-secondary, .wrapper-standard-content h2.h2, .info-section h4.h2.h-border.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h2.line-left.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h2.line-left.kuato-blog, h3.h-border.colour-secondary, .wrapper-standard-content h3.colour-secondary.h1, .wrapper-standard-content .wrapper-blog .blog-intro h3.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h3.colour-secondary.kuato-blog, .h3.h-border.colour-secondary, .wrapper-standard-content h1.h3.colour-secondary, .wrapper-standard-content h1.colour-secondary.h2, .wrapper-standard-content .h3.colour-secondary.h1, .wrapper-standard-content h2.h1, .wrapper-standard-content .infographic h2, .infographic .wrapper-standard-content h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2, .page-game .wrapper-game-features .wrapper-standard-content h2, .wrapper-standard-content .colour-secondary.h1.h2, .wrapper-standard-content h2.h1.h2, .wrapper-standard-content .infographic h2.h2, .infographic .wrapper-standard-content h2.h2, .wrapper-standard-content .wrapper-blog .blog-intro h2.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.h2, .wrapper-standard-content .infographic h2.colour-secondary.h2, .infographic .wrapper-standard-content h2.colour-secondary.h2, .wrapper-standard-content .info-section h4.h1.h2.line-left, .info-section .wrapper-standard-content h4.h1.h2.line-left, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.h2.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h2.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h2.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.h2.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .colour-secondary.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .colour-secondary.h2.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.colour-secondary.h2, .page-game .wrapper-game-features .wrapper-standard-content h2.colour-secondary.h2, .wrapper-standard-content .infographic h2.h3.colour-secondary, .infographic .wrapper-standard-content h2.h3.colour-secondary, .wrapper-standard-content .info-section h4.h3.h1.line-left, .info-section .wrapper-standard-content h4.h3.h1.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-left.h2.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-left.h2.kuato-blog, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.h3.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h3.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h3.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.h3.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .h3.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h3.colour-secondary.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h3.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.h3.colour-secondary, .wrapper-standard-content h2, .wrapper-standard-content .h-border.colour-secondary.h2, .wrapper-standard-content h2.h2, .wrapper-standard-content .info-section h4.h-border.h2.line-left, .info-section .wrapper-standard-content h4.h-border.h2.line-left, .info-section h4.h3.h-border.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h3.line-left.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h3.line-left.kuato-blog, h4.h-border.colour-secondary, .wrapper-standard-content h4.colour-secondary.h1, .wrapper-standard-content .info-section h4.h1.line-left, .info-section .wrapper-standard-content h4.h1.line-left, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro h4.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h4.colour-secondary.kuato-blog, .info-section h4.h-border.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.line-left.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.line-left.kuato-blog, .h4.h-border.colour-secondary, .wrapper-standard-content h1.h4.colour-secondary, .wrapper-standard-content .h4.colour-secondary.h1, .wrapper-standard-content h2.h4.h1, .wrapper-standard-content .infographic h2.h4, .infographic .wrapper-standard-content h2.h4, .wrapper-standard-content .wrapper-blog .blog-intro h2.h4.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content h2.h4.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h4, .page-game .wrapper-game-features .wrapper-standard-content h2.h4, .wrapper-standard-content .infographic h2.h4.colour-secondary, .infographic .wrapper-standard-content h2.h4.colour-secondary, .wrapper-standard-content .info-section h4.h4.h1.line-left, .info-section .wrapper-standard-content h4.h4.h1.line-left, .wrapper-standard-content .info-section .wrapper-blog .blog-intro h4.h4.line-left.kuato-blog, .info-section .wrapper-blog .blog-intro .wrapper-standard-content h4.h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .info-section h4.h4.line-left.kuato-blog, .wrapper-blog .blog-intro .info-section .wrapper-standard-content h4.h4.line-left.kuato-blog, .wrapper-standard-content .wrapper-blog .blog-intro .h4.colour-secondary.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .h4.colour-secondary.kuato-blog, .wrapper-standard-content .page-game .wrapper-game-features h2.h4.colour-secondary, .page-game .wrapper-game-features .wrapper-standard-content h2.h4.colour-secondary, .wrapper-standard-content h2.h4, .info-section h4.h4.h-border.line-left, .info-section .wrapper-standard-content .wrapper-blog .blog-intro h4.h4.line-left.kuato-blog, .wrapper-blog .blog-intro .wrapper-standard-content .info-section h4.h4.line-left.kuato-blog { border-bottom: 1px solid #22a8bb; }

div, p { line-height: 1.6; }

p, .wp-content div { margin: 15px 0; }
.bg-dark p, .bg-dark .wp-content div { color: #bebdbd; }

a, a:visited { color: #22a8bb; }
a:hover { color: #ff6110; }

.bg-dark li { color: #bebdbd; }

.page ol, .page ul { margin: 0 0 0 25px; list-style: outside; }
.page ol { list-style-type: decimal; }
.page ul { list-style-type: disc; }
.page li { line-height: 1.6; margin: 15px 0; }
.page li ul, .page li ol { margin-left: 20px; }

a.link-arrow, .link-arrow { position: relative; padding-right: 32px; display: inline-block; height: 23px; line-height: 23px; text-transform: uppercase; font-weight: 300; color: #ff6110 !important; }
a.link-arrow:after, .link-arrow:after { position: absolute; display: inline-block; z-index: 1; top: 0; right: 0; content: ""; height: 23px; width: 24px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2079px; background-repeat: no-repeat; width: 24px; height: 23px; margin: 0 0 0 10px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { a.link-arrow:after, .link-arrow:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2112px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
a.link-arrow:hover, .link-arrow:hover { color: #22a8bb !important; }
a.link-arrow:hover:after, .link-arrow:hover:after { height: 23px; width: 24px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2135px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { a.link-arrow:hover:after, .link-arrow:hover:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2135px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

.small-underline, .wrapper-blog .blog-intro .welcome-to { position: relative; display: block; padding-bottom: 15px; }
.small-underline:after, .wrapper-blog .blog-intro .welcome-to:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 50px; margin-left: -25px; border-bottom: 1px solid #22a8bb; }

.text-align-center { text-align: center; }

/* GENERAL */
.navigation-mask { opacity: 0.4; position: absolute; top: 64px; left: 0; width: 100%; height: 100%; z-index: 99; background: #000000; display: none; }

.navigation { list-style: none; list-style-type: none; }
.navigation ul { width: 100%; }
.navigation ul, .navigation li { margin: 0; padding: 0; }

/* DESKTOP */
.primary-navigation { display: none; float: right; }
.primary-navigation, .primary-navigation .nav-menu, .primary-navigation .nav-menu > ul, .primary-navigation .nav-menu > ul > li, .primary-navigation .nav-menu > ul > li > a { height: 100%; -webkit-transition: height 0.5s ease-out; -moz-transition: height 0.5s ease-out; -o-transition: height 0.5s ease-out; transition: height 0.5s ease-out; }
.primary-navigation .nav-menu > ul { float: right; }
.primary-navigation .nav-menu > ul > li { float: left; width: 110px; text-align: center; /*&.page-item-10 { > a:before { @include retina-sprite-icons(technology); } &:hover > a { &:before { @include retina-sprite-icons(technologyhover); } } &.current_page_item > a, &.current_page_parent > a, &.current_page_ancestor > a  { &:before { @include retina-sprite-icons(technologyblue); } }
}*/ }
.primary-navigation .nav-menu > ul > li > a { position: relative; display: block; width: 100%; line-height: 20px; padding: 45px 5px 0; padding: 75px 5px 0; -webkit-transition: padding 0.5s ease-out; -moz-transition: padding 0.5s ease-out; -o-transition: padding 0.5s ease-out; transition: padding 0.5s ease-out; }
.primary-navigation .nav-menu > ul > li > a:before { -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; content: ""; position: absolute; top: 26px; left: 50%; width: 42px; height: 41px; margin-left: -21px; }
.primary-navigation .nav-menu > ul > li > a, .primary-navigation .nav-menu > ul > li > a:visited { color: #bebdbd; }
.primary-navigation .nav-menu > ul > li.current_page_item a, .primary-navigation .nav-menu > ul > li.current_page_item a:hover, .primary-navigation .nav-menu > ul > li.current_page_parent a, .primary-navigation .nav-menu > ul > li.current_page_parent a:hover, .primary-navigation .nav-menu > ul > li.current_page_ancestor a, .primary-navigation .nav-menu > ul > li.current_page_ancestor a:hover { color: #22a8bb !important; }
.primary-navigation .nav-menu > ul > li:hover > a { background: rgba(130, 122, 122, 0.4); color: white; }
.primary-navigation .nav-menu > ul > li.page_item_has_children > a:after { content: ""; display: inline-block; margin-left: 5px; height: 9px; width: 11px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2180px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page_item_has_children > a:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2189px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page_item_has_children:hover > a:after { height: 9px; width: 11px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2189px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page_item_has_children:hover > a:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2180px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_item > a:after, .primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_parent > a:after, .primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_ancestor > a:after { height: 9px; width: 11px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2198px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_item > a:after, .primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_parent > a:after, .primary-navigation .nav-menu > ul > li.page_item_has_children.current_page_ancestor > a:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2198px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-2 > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1483px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-2 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1585px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-2:hover > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1626px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-2:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1692px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-2.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-2.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-2.current_page_ancestor > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1524px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-2.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-2.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-2.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1651px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-4 > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -839px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-4 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -839px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-4:hover > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -930px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-4:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -880px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-4.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-4.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-4.current_page_ancestor > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -798px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-4.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-4.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-4.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -798px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-31 > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1132px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-31 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1208px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-31:hover > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1290px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-31:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1249px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-31.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-31.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-31.current_page_ancestor > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1249px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-31.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-31.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-31.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1290px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-25 > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1331px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-25 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1366px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-25:hover > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1667px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-25:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1544px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li.page-item-25.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-25.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-25.current_page_ancestor > a:before { height: 41px; width: 41px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1372px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .primary-navigation .nav-menu > ul > li.page-item-25.current_page_item > a:before, .primary-navigation .nav-menu > ul > li.page-item-25.current_page_parent > a:before, .primary-navigation .nav-menu > ul > li.page-item-25.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1503px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.primary-navigation .nav-menu > ul > li ul.children { display: none; position: absolute; background: rgba(34, 34, 34, 0.9); top: 100%; left: 0; width: 100%; text-align: center; }
.primary-navigation .nav-menu > ul > li ul.children:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(130, 122, 122, 0.4); }
.primary-navigation .nav-menu > ul > li ul.children.game-ul, .primary-navigation .nav-menu > ul > li ul.children.game-ul li { height: 80px; }
.primary-navigation .nav-menu > ul > li ul.children.game-ul li { padding: 15px 0; }
.primary-navigation .nav-menu > ul > li ul.children.game-ul li a, .primary-navigation .nav-menu > ul > li ul.children.game-ul li img { height: 50px; }
.primary-navigation .nav-menu > ul > li ul.children li { position: relative; float: none; display: inline-block; line-height: 20px; margin-right: 160px; padding: 20px 0; color: #ffffff; height: 100%; }
.primary-navigation .nav-menu > ul > li ul.children li a { display: block; color: white; }
.primary-navigation .nav-menu > ul > li ul.children li a .nav-logo { max-height: 100%; }
.primary-navigation .nav-menu > ul > li ul.children li.current_page_item > a { color: #22a8bb; }
.primary-navigation .nav-menu > ul > li:hover ul.children { display: block; }

.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li { /*&.page-item-10 { > a:before { @include retina-sprite-icons(technologysmall); } &:hover > a, &.current_page_item > a, &.current_page_parent > a, &.current_page_ancestor > a  { &:before { @include retina-sprite-icons(technologysmallhover); } }
}*/ }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li > a:before { top: 13px; height: 35px!important; }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li > a span, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li > a:after { display: none; }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2 > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1828px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1828px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2:hover > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1889px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1933px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_ancestor > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1793px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-2.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1793px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4 > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1021px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -921px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4:hover > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1173px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1091px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_ancestor > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1097px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-4.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -956px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31 > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1413px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1407px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31:hover > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1448px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1468px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_ancestor > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1591px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-31.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1331px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25 > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1733px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1733px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25:hover > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1959px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25:hover > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1898px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_ancestor > a:before { height: 35px; width: 35px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1924px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_item > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_parent > a:before, .wrapper-header-small:not(:hover) .primary-navigation .nav-menu > ul > li.page-item-25.current_page_ancestor > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1863px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

/* MOBILE */
.mobile-navigation { display: none; position: absolute; width: 100%; top: 64px; left: 0; background: #666; padding-bottom: 20px; }
.mobile-navigation .container { width: 100%; }
.mobile-navigation ul, .mobile-navigation li { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.mobile-navigation .nav-menu > ul > li.current_page_item, .mobile-navigation .nav-menu > ul > li.current_page_parent, .mobile-navigation .nav-menu > ul > li.current_page_ancestor { background: #dbd9d9; color: #424040; }
.mobile-navigation li { font-size: 17px; background: #424040; color: #dbd9d9; line-height: 50px; font-size: 16px; border-bottom: 1px solid #222121; }
.mobile-navigation li.current_page_item, .mobile-navigation li.current_page_item > a { color: #22a8bb; }
.mobile-navigation li.page_item_has_children { position: relative; }
.mobile-navigation li.page_item_has_children > a:after { height: 9px; width: 14px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2171px; background-repeat: no-repeat; content: ""; position: absolute; top: 50%; right: 20px; margin-top: -5px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation li.page_item_has_children > a:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2171px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.mobile-navigation li.page_item_has_children ul li { border-bottom: 1px solid #1f1d1e; background: #222121; color: #bebdbd; }
.mobile-navigation li.last { border: none; }
.mobile-navigation li:last-child { border-bottom: none; }
.mobile-navigation li a { display: block; padding: 10px 20px 10px 55px; }
.mobile-navigation li .nav-logo { max-width: 150px; margin: 10px 0; }
.mobile-navigation .nav-menu > ul > li { /*&.page-item-10 > a { &:before { @include retina-sprite-icons(technologymobile); }
}*/ }
.mobile-navigation .nav-menu > ul > li > a { position: relative; }
.mobile-navigation .nav-menu > ul > li > a:before { content: ""; position: absolute; top: 50%; left: 16px; width: 20px; height: 20px; margin-top: -13px; }
.mobile-navigation .nav-menu > ul > li.page-item-2 > a:before { height: 26px; width: 26px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2053px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation .nav-menu > ul > li.page-item-2 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2053px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.mobile-navigation .nav-menu > ul > li.page-item-4 > a:before { height: 26px; width: 26px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1565px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation .nav-menu > ul > li.page-item-4 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1442px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.mobile-navigation .nav-menu > ul > li.page-item-31 > a:before { height: 26px; width: 26px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1863px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation .nav-menu > ul > li.page-item-31 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1968px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.mobile-navigation .nav-menu > ul > li.page-item-25 > a:before { height: 26px; width: 26px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1994px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation .nav-menu > ul > li.page-item-25 > a:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1994px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

.mobile-navigation-open { position: absolute; top: 50%; right: 20px; width: 80px; height: 46px; line-height: 46px; margin-top: -23px; z-index: 10003; color: #ff6110; }
.mobile-navigation-open:before { content: "MENU"; margin-right: 31px; color: #ff6110; }
.mobile-navigation-open:after { position: absolute; content: ""; top: 50%; right: 0; margin-top: -8px; height: 16px; width: 21px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2207px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation-open:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2207px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

.mobile-navigation-expanded { padding: 0; width: 11px; }
.mobile-navigation-expanded:before { display: none; }
.mobile-navigation-expanded:after { margin-top: -6px; height: 13px; width: 11px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2158px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mobile-navigation-expanded:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2158px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

@media only screen and (min-width: 768px) { .primary-navigation { display: block; }
  .mobile-navigation-open, .mobile-navigation { display: none!important; } }
/*
@media only screen and (min-width: 768px) and (max-width: 800px) { .primary-navigation { .nav-menu { > ul { > li { width:100px; } } } }
}
*/
/* Components */
.g-row { *zoom: 1; margin-left: -40px; margin-right: -40px; }
.g-row:after { content: ""; display: table; clear: both; }
.g-row div img { max-width: 100%; margin: 20px auto; }

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

.g-col-1-2, .g-col-1-3, .g-col-2-3, .g-col-1-4, .g-col-3-4, .g-col-1-6, .g-col-40, .g-col-60 { float: left; width: 100%; padding-left: 40px; padding-right: 40px; margin-bottom: 20px; padding-bottom: 20px; }
.g-row-gutter-s .g-col-1-2, .g-row-gutter-s .g-col-1-3, .g-row-gutter-s .g-col-2-3, .g-row-gutter-s .g-col-1-4, .g-row-gutter-s .g-col-3-4, .g-row-gutter-s .g-col-1-6, .g-row-gutter-s .g-col-40, .g-row-gutter-s .g-col-60 { padding-left: 20px; padding-right: 20px; }

.g-col-1-6 { width: 50%; }

@media only screen and (min-width: 481px) { .g-col-1-6 { width: 33.3%; margin-bottom: 0; padding-bottom: 0; } }
@media only screen and (min-width: 768px) { .g-right { float: right; }
  .g-col-1-2 { width: 50%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-1-3 { width: 38%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-2-3 { width: 62%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-1-4 { width: 25%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-3-4 { width: 75%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-1-6 { width: 25%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-40 { width: 40%; margin-bottom: 0; padding-bottom: 0; }
  .g-col-60 { width: 60%; margin-bottom: 0; padding-bottom: 0; } }
@media only screen and (min-width: 1024px) { .g-col-1-6 { width: 16.66%; margin-bottom: 0; padding-bottom: 0; } }
.wrapper-window { padding: 40px 0 80px; }

@media only screen and (min-width: 1025px) { .wrapper-fixed-image { background-attachment: fixed; } }

.wrapper-window, .slide { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 650px; }
.wrapper-window *, .slide *, .wrapper-window h2, .slide h2 { color: #fff; }
.wrapper-window a:hover, .slide a:hover { color: #22a8bb; }
@media only screen and (max-width: 767px) { .wrapper-window, .slide { height: auto!important; } }
@media only screen and (min-width: 768px) { body .wrapper-window, body .slide { padding: 140px 0 100px; }
  .wrapper-window .container, .slide .container { position: relative; height: 100%; } }

/*
.wrapper-light {	
	@media only screen and (max-width: 767px) {
		position:relative;

		&:before {
			position:absolute;
			content : "";
			display:block;
			width:100%;
			height:100%;
			top:0;
			left:0;
			right:0;
			bottom:0;
			background:black;
			opacity:0.4;
		}
	}
	@media only screen and (min-width: 768px) {
		.text-block {
			* {
				position:relative;
				color:white;
			}
			h1, h2 {
				margin-top:0;
			}


			&:before {
				content:"";
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:black;
				opacity:0.6;
				z-index:0;
			}			
		}
	}
}
*/
.slide-skip { position: absolute; z-index: 11; bottom: 0; left: 50%; width: 140px; margin-top: -20px; margin-left: -70px; color: white; text-transform: uppercase; font-size: 24px; padding: 20px 20px; text-align: center; }
@media only screen and (min-width: 768px) { .slide-skip { bottom: 20px; } }
.slide-skip:before { content: ""; display: block; margin: 0 auto; margin-bottom: 10px; height: 41px; width: 42px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1208px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .slide-skip:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1167px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.js .slide-skip { cursor: pointer; }
.js .slide-skip:hover { color: #ff6110; }
.js .slide-skip:hover:before { height: 41px; width: 42px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -1056px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .js .slide-skip:hover:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -1126px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }

.text-block-outer { position: relative; }

.text-block { width: 100%; max-width: 100%; padding: 20px; }

.text-block-center .text-block { text-align: center; }

@media only screen and (max-width: 767px) { .text-block-outer.text-block-middle { margin: 0!important; }
  .text-block { padding-top: 0; } }
@media only screen and (min-width: 768px) { .text-block-outer { position: absolute; width: 100%; top: 0; left: 0; padding: 40px 0; }
  .slide-container .text-block-outer, .wrapper-body .text-block-outer, .wrapper-fixed-text .text-block-outer { top: 110px; }
  .text-block-outer.text-block-left .text-block { float: left; }
  .text-block-outer.text-block-center .text-block { margin: 0 auto; }
  .text-block-outer.text-block-right .text-block { float: right; }
  .text-block-outer.text-block-bottom { top: auto; bottom: 0; }
  .text-block-outer.text-block-middle { top: 50%; padding: 0; }
  .text-block { position: relative; max-width: 450px; } }
.text-block-wide .text-block { max-width: 100%; }

.button-blue, .button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit { display: inline-block; }

.button-blue, .button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit { -webkit-border-radius: 5px 5px; -moz-border-radius: 5px / 5px; border-radius: 5px / 5px; }

.button-blue, .button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit { border: 0; -webkit-appearance: none; height: 46px; line-height: 46px; text-transform: uppercase; color: #ffffff; padding: 0 40px; font-size: 18px; letter-spacing: 1px; }

.button-text { font-weight: 600; text-decoration: underline; }
.button-text:hover { color: #ff6110; }

.button-blue { -webkit-box-shadow: 1px 1px 2px #000f1e, 0px -1px 2px #91c4fa; -moz-box-shadow: 1px 1px 2px #000f1e, 0px -1px 2px #91c4fa; box-shadow: 1px 1px 2px #000f1e, 0px -1px 2px #91c4fa; background-color: #2863a2; }
.button-blue:hover { background-color: #164578; }

.button-orange, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit { -webkit-box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; -moz-box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; background-color: #ff6110; }
.button-orange:hover, .wrapper-subfooter .signup-form .mc_signup_submit #mc_signup_submit:hover { background-color: #b54004; }

.button-amazon-appstore { height: 49px; width: 143px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -879px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .button-amazon-appstore { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -870px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

.button-appstore { height: 49px; width: 170px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -830px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .button-appstore { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -919px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

.button-googleplay { height: 50px; width: 143px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -928px; background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .button-googleplay { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1036px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }

.button-facebookgame { height: 50px; width: 50px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -880px; background-repeat: no-repeat; }
.button-facebookgame:hover { background-position: 0 -971px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .button-facebookgame { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -991px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .button-facebookgame:hover { background-position: 0 -1041px; } }

.button-twitter { height: 50px; width: 50px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -550px; background-repeat: no-repeat; }
.button-twitter:hover { background-position: 0 -748px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .button-twitter { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -550px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; }
  .button-twitter:hover { background-position: 0 -748px; } }

.link-buttons { margin: 20px 0; }
.link-buttons a { display: inline-block; margin-right: 20px; margin-bottom: 10px; }

.featured h2 { margin-bottom: 40px; }

.featured-container { margin-left: -20px; margin-right: -20px; }
.featured-container a { display: block; padding: 0 20px; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .featured-container a { float: left; width: 50%; }
  .featured-container a:nth-of-type(2n + 1) { clear: left; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) { .featured-container a { float: left; width: 33%; }
  .featured-container a:nth-of-type(3n + 1) { clear: left; } }
@media only screen and (min-width: 1024px) { .featured-container a { float: left; width: 25%; }
  .featured-container a:nth-of-type(4n + 1) { clear: left; } }
.featured-container a figure { margin: 20px auto; display: block; }

.featured-code { height: 70px; width: 70px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1390px; background-repeat: no-repeat; }
.featured-code:hover { background-position: 0 -1901px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-code { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1606px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-code:hover { background-position: 0 -2006px; } }

.featured-ed-surge { height: 68px; width: 190px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -978px; background-repeat: no-repeat; }
.featured-ed-surge:hover { background-position: 0 -1140px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-ed-surge { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -968px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-ed-surge:hover { background-position: 0 -1140px; } }

.featured-fast-company { height: 27px; width: 177px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1113px; background-repeat: no-repeat; }
.featured-fast-company:hover { background-position: 0 -1086px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-fast-company { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1113px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-fast-company:hover { background-position: 0 -1086px; } }

.featured-games-beat { height: 33px; width: 197px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -262px; background-repeat: no-repeat; }
.featured-games-beat:hover { background-position: 0 -797px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-games-beat { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -262px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-games-beat:hover { background-position: 0 -797px; } }

.featured-forbes { height: 33px; width: 129px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1493px; background-repeat: no-repeat; }
.featured-forbes:hover { background-position: 0 -1460px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-forbes { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1709px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-forbes:hover { background-position: 0 -1676px; } }

.featured-the-guardian { height: 33px; width: 183px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -2076px; background-repeat: no-repeat; }
.featured-the-guardian:hover { background-position: 0 -2109px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-the-guardian { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -2109px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-the-guardian:hover { background-position: 0 -2076px; } }

.featured-mashable { height: 26px; width: 162px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -2050px; background-repeat: no-repeat; }
.featured-mashable:hover { background-position: 0 -2024px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-mashable { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1980px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-mashable:hover { background-position: 0 -1954px; } }

.featured-msn { height: 53px; width: 117px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1971px; background-repeat: no-repeat; }
.featured-msn:hover { background-position: 0 -1848px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-msn { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1901px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-msn:hover { background-position: 0 -1742px; } }

.featured-today { height: 86px; width: 129px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 0; background-repeat: no-repeat; }
.featured-today:hover { background-position: 0 -86px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-today { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 0; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-today:hover { background-position: 0 -86px; } }

.featured-develop { height: 40px; width: 180px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1046px; background-repeat: no-repeat; }
.featured-develop:hover { background-position: 0 -1350px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-develop { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -830px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-develop:hover { background-position: 0 -1208px; } }

.featured-bbc { height: 38px; width: 125px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -2180px; background-repeat: no-repeat; }
.featured-bbc:hover { background-position: 0 -2142px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-bbc { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -2180px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-bbc:hover { background-position: 0 -2142px; } }

.featured-computerweekly { height: 45px; width: 223px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -172px; background-repeat: no-repeat; }
.featured-computerweekly:hover { background-position: 0 -295px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-computerweekly { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -217px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-computerweekly:hover { background-position: 0 -752px; } }

.featured-itproportal { height: 45px; width: 216px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -217px; background-repeat: no-repeat; }
.featured-itproportal:hover { background-position: 0 -340px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .featured-itproportal { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -172px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; }
  .featured-itproportal:hover { background-position: 0 -295px; } }

/* Individual templates */
.wrapper-standard-content ul, .info-section .text .description ul, .wrapper-standard-content ul li, .info-section .text .description ul li { list-style-type: disc; list-style: disc; }
.wrapper-standard-content ol, .info-section .text .description ol, .wrapper-standard-content ol li, .info-section .text .description ol li { list-style-type: decimal; list-style: decimal; }
.wrapper-standard-content ol li, .info-section .text .description ol li, .wrapper-standard-content ul li, .info-section .text .description ul li { font-size: 16px; font-weight: 300; margin: 5px 0 5px 20px; }

.wrapper-standard-content div, .wrapper-standard-content p { line-height: 1.6; }

.home-wrapper-body { padding-top: 0; }

@media only screen and (min-width: 768px) { .wrapper-window { padding-top: 150px; } }
.page-about .wrapper-body { position: relative; }
.page-about .wrapper-body:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-about .wrapper-body .text-block p { font-weight: 400; color: #ff6110; }

.wrapper-who-we-are { text-align: center; }
.wrapper-who-we-are h2 { margin-bottom: 20px; }
.wrapper-who-we-are p { font-weight: 300; max-width: 770px; margin: 0 auto; line-height: 2; color: #424040; }

.infographic-intro { margin-bottom: 50px; }
.infographic-intro * { color: #fff; }
.infographic-intro h3 { font-weight: 300; text-transform: initial; font-size: 42px; margin: 15px 0; }
.infographic-intro p { font-weight: 300; line-height: 2; }

.info-section .text * { color: #fff; }
.info-section .text h4 { position: relative; font-size: 24px; padding-left: 64px; padding-bottom: 10px; }
@media only screen and (min-width: 768px) and (max-width: 900px) { .info-section .text h4 { font-size: 16px; } }
.info-section .text h4 span { position: absolute; display: block; bottom: 10px; left: 9px; width: 50px; font-size: 32px; font-weight: 600; color: #fff; }
.info-section .text .description { padding: 10px 20px; }
.info-section .text .description, .info-section .text .description p, .info-section .text .description ul, .info-section .text .description ul li, .info-section .text .description ol, .info-section .text .description ol li { font-size: 16px; line-height: 20px; }
@media only screen and (min-width: 768px) and (max-width: 900px) { .info-section .text .description, .info-section .text .description p, .info-section .text .description ul, .info-section .text .description ul li, .info-section .text .description ol, .info-section .text .description ol li { font-size: 14px; line-height: 18px; } }
.info-section .text .description ul li { color: #bebdbd; }

@keyframes spin-right { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

@-moz-keyframes spin-right { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin-right { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@-o-keyframes spin-right { from { -o-transform: rotate(360deg); }
  to { -o-transform: rotate(0deg); } }

@keyframes spin-left { from { -o-transform: rotate(360deg); }
  to { -o-transform: rotate(0deg); } }

@-moz-keyframes spin-left { from { -moz-transform: rotate(360deg); }
  to { -moz-transform: rotate(0deg); } }

@-webkit-keyframes spin-left { from { -webkit-transform: rotate(360deg); }
  to { -webkit-transform: rotate(0deg); } }

@-o-keyframes spin-left { from { -o-transform: rotate(360deg); }
  to { -o-transform: rotate(0deg); } }

.cog { width: 50px; height: 50px; opacity: 0.9; z-index: 10; }

.cog-graphic { z-index: 11; }

.info-section { *zoom: 1; position: relative; margin: 0 auto; }
.info-section:after { content: ""; display: table; clear: both; }
.info-section h4 { display: block; position: relative; }
.info-section h4.line-left { border-bottom: 1px solid #22a8bb; margin-left: 11px; }
.info-section h4.line-left:after { left: -11px; border: 1px solid #22a8bb; }
.info-section h4.line-right { border-bottom: 1px solid #ff6110; margin-right: 11px; }
.info-section h4.line-right:after { right: -11px; border: 1px solid #ff6110; }
.info-section h4:after { content: ""; position: absolute; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width: 10px; height: 10px; bottom: -6px; margin-top: -5px; }

@media only screen and (min-width: 768px) { .text { height: 100%; } }

@media only screen and (max-width: 767px) { .info-section-methods .section-cogs { width: 280px; height: 174px; }
  .info-section-language .section-cogs { width: 223px; height: 177px; }
  .info-section-subjects .section-cogs { width: 231px; height: 177px; } }
.section-break-cogs { position: relative; height: 200px; margin: 20px auto; }
@media only screen and (max-width: 767px) { .section-break-cogs { display: none; } }
@media only screen and (max-width: 767px) { .section-break-cogs .section-cogs { margin: 20px auto; } }
@media only screen and (min-width: 768px) { .section-break-cogs { min-height: 182px; }
  .section-break-cogs .text.text-left { padding-right: 245px; }
  .section-break-cogs .text.text-right { padding-left: 245px; }
  .section-break-cogs .section-cogs { height: 182px; width: 225px; max-width: 100%; } }
@media only screen and (min-width: 1024px) { .section-break-cogs { width: auto; min-height: 243px; }
  .section-break-cogs .text.text-left { padding-right: 320px; }
  .section-break-cogs .text.text-right { padding-left: 320px; }
  .section-break-cogs .section-cogs { height: 243px; width: 300px; } }
.section-break-cogs .section-cogs { position: relative; top: 0; left: 0; margin: 0 auto; }

@media only screen and (max-width: 767px) { .info-section-methods .section-cogs { margin: 20px auto; } }
@media only screen and (min-width: 768px) { .info-section-methods { min-height: 315px; }
  .info-section-methods .text.text-left { padding-right: 520px; }
  .info-section-methods .text.text-right { padding-left: 520px; }
  .info-section-methods .section-cogs { height: 315px; width: 500px; max-width: 100%; } }
@media only screen and (min-width: 1024px) { .info-section-methods { width: auto; min-height: 420px; }
  .info-section-methods .text.text-left { padding-right: 687px; }
  .info-section-methods .text.text-right { padding-left: 687px; }
  .info-section-methods .section-cogs { height: 420px; width: 667px; } }

@media only screen and (max-width: 767px) { .info-section-language .section-cogs { margin: 20px auto; } }
@media only screen and (min-width: 768px) { .info-section-language { min-height: 315px; }
  .info-section-language .text.text-left { padding-right: 417px; }
  .info-section-language .text.text-right { padding-left: 417px; }
  .info-section-language .section-cogs { height: 315px; width: 397px; max-width: 100%; } }
@media only screen and (min-width: 1024px) { .info-section-language { width: auto; min-height: 420px; }
  .info-section-language .text.text-left { padding-right: 550px; }
  .info-section-language .text.text-right { padding-left: 550px; }
  .info-section-language .section-cogs { height: 420px; width: 530px; } }

@media only screen and (max-width: 767px) { .info-section-subjects .section-cogs { margin: 20px auto; } }
@media only screen and (min-width: 768px) { .info-section-subjects { min-height: 315px; }
  .info-section-subjects .text.text-left { padding-right: 432px; }
  .info-section-subjects .text.text-right { padding-left: 432px; }
  .info-section-subjects .section-cogs { height: 315px; width: 412px; max-width: 100%; } }
@media only screen and (min-width: 1024px) { .info-section-subjects { width: auto; min-height: 420px; }
  .info-section-subjects .text.text-left { padding-right: 570px; }
  .info-section-subjects .text.text-right { padding-left: 570px; }
  .info-section-subjects .section-cogs { height: 420px; width: 550px; } }

.section-cogs { position: relative; height: 400px; opacity: 0.9; margin: 0 auto; max-width: 100%; }
@media only screen and (min-width: 768px) { .section-cogs { position: absolute; top: 0; height: 100%; max-width: 100%; }
  .section-cogs.section-cogs-left { left: 0; }
  .section-cogs.section-cogs-right { right: 0; } }

.cog { position: absolute; }
.cog.cog-methods-graphic { height: 60px; width: 50px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -815px; background-repeat: no-repeat; top: 31%; left: 21%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-methods-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -815px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-methods-graphic { height: 109px; width: 90px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -665px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-methods-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -665px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-methods-graphic { height: 146px; width: 121px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -519px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-methods-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -519px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
.cog.cog-1 { height: 173px; width: 173px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -1444px; background-repeat: no-repeat; animation: spin-left 12000ms infinite linear; -moz-animation: spin-left 12000ms infinite linear; -webkit-animation: spin-left 12000ms infinite linear; -o-animation: spin-left 12000ms infinite linear; top: 0; left: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-1 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -1444px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-1 { height: 309px; width: 309px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -826px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-1 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -826px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-1 { height: 413px; width: 413px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 0; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-1 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 0; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
.cog.cog-2 { height: 93px; width: 93px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1761px; background-repeat: no-repeat; animation: spin-right 5000ms infinite linear; -moz-animation: spin-right 5000ms infinite linear; -webkit-animation: spin-right 5000ms infinite linear; -o-animation: spin-right 5000ms infinite linear; bottom: 10%; right: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-2 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1761px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-2 { height: 167px; width: 167px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -416px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-2 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -416px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-2 { height: 223px; width: 223px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 0; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-2 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 0; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-3 { height: 56px; width: 56px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2351px; background-repeat: no-repeat; animation: spin-left 7500ms infinite linear; -moz-animation: spin-left 7500ms infinite linear; -webkit-animation: spin-left 7500ms infinite linear; -o-animation: spin-left 7500ms infinite linear; top: 5%; right: 20%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-3 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2242px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-3 { height: 100px; width: 100px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1310px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-3 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1310px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-3 { height: 134px; width: 134px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -857px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-3 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -857px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-4 { height: 28px; width: 28px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2784px; background-repeat: no-repeat; animation: spin-left 11000ms infinite linear; -moz-animation: spin-left 11000ms infinite linear; -webkit-animation: spin-left 11000ms infinite linear; -o-animation: spin-left 11000ms infinite linear; top: 20%; right: 8%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-4 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2817px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-4 { height: 51px; width: 51px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2458px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-4 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2352px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-4 { height: 68px; width: 68px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1997px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-4 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1926px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-5 { height: 13px; width: 13px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2929px; background-repeat: no-repeat; animation: spin-right 6000ms infinite linear; -moz-animation: spin-right 6000ms infinite linear; -webkit-animation: spin-right 6000ms infinite linear; -o-animation: spin-right 6000ms infinite linear; top: 14%; right: 15%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-5 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2948px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-5 { height: 23px; width: 23px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2861px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-5 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2870px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-5 { height: 31px; width: 31px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2661px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-5 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2661px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-methods-gap-graphic, .cog.cog-kai-gap-graphic { top: 52%; left: 25.5%; }
@media only screen and (min-width: 768px) { .cog.cog-methods-gap-graphic, .cog.cog-kai-gap-graphic { height: 29px; width: 29px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -3020px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-methods-gap-graphic, .cog.cog-kai-gap-graphic { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -3025px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-methods-gap-graphic, .cog.cog-kai-gap-graphic { height: 39px; width: 39px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2981px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-methods-gap-graphic, .cog.cog-kai-gap-graphic { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2986px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-6, .cog.cog-24 { animation: spin-right 7000ms infinite linear; -moz-animation: spin-right 7000ms infinite linear; -webkit-animation: spin-right 7000ms infinite linear; -o-animation: spin-right 7000ms infinite linear; top: 0; right: 10%; }
@media only screen and (min-width: 768px) { .cog.cog-6, .cog.cog-24 { height: 71px; width: 71px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1926px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-6, .cog.cog-24 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1994px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-6, .cog.cog-24 { height: 95px; width: 95px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1575px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-6, .cog.cog-24 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1575px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-7, .cog.cog-25 { animation: spin-left 6000ms infinite linear; -moz-animation: spin-left 6000ms infinite linear; -webkit-animation: spin-left 6000ms infinite linear; -o-animation: spin-left 6000ms infinite linear; bottom: 0; left: 0; }
@media only screen and (min-width: 768px) { .cog.cog-7, .cog.cog-25 { height: 144px; width: 144px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -713px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-7, .cog.cog-25 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -713px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-7, .cog.cog-25 { height: 193px; width: 193px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -223px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-7, .cog.cog-25 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -223px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-8, .cog.cog-26 { animation: spin-left 5000ms infinite linear; -moz-animation: spin-left 5000ms infinite linear; -webkit-animation: spin-left 5000ms infinite linear; -o-animation: spin-left 5000ms infinite linear; bottom: 2%; right: 22%; }
@media only screen and (min-width: 768px) { .cog.cog-8, .cog.cog-26 { height: 38px; width: 38px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2588px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-8, .cog.cog-26 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2585px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-8, .cog.cog-26 { height: 51px; width: 51px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2407px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-8, .cog.cog-26 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2458px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-9, .cog.cog-27 { animation: spin-right 8000ms infinite linear; -moz-animation: spin-right 8000ms infinite linear; -webkit-animation: spin-right 8000ms infinite linear; -o-animation: spin-right 8000ms infinite linear; bottom: 20%; right: 0; }
@media only screen and (min-width: 768px) { .cog.cog-9, .cog.cog-27 { height: 66px; width: 66px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1509px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-9, .cog.cog-27 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1410px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-9, .cog.cog-27 { height: 89px; width: 89px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -991px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-9, .cog.cog-27 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -991px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-language-graphic { height: 41px; width: 76px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -774px; background-repeat: no-repeat; top: 38%; left: 44%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-language-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -774px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-language-graphic { height: 72px; width: 136px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -447px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-language-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -447px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-language-graphic { height: 97px; width: 182px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -350px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-language-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -350px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
.cog.cog-10 { height: 173px; width: 173px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -1617px; background-repeat: no-repeat; animation: spin-left 14000ms infinite linear; -moz-animation: spin-left 14000ms infinite linear; -webkit-animation: spin-left 14000ms infinite linear; -o-animation: spin-left 14000ms infinite linear; top: 2%; right: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-10 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -1617px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-10 { height: 309px; width: 309px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -1135px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-10 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -1135px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-10 { height: 413px; width: 413px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -413px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-10 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -413px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
.cog.cog-11 { height: 30px; width: 30px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2729px; background-repeat: no-repeat; animation: spin-right 12000ms infinite linear; -moz-animation: spin-right 12000ms infinite linear; -webkit-animation: spin-right 12000ms infinite linear; -o-animation: spin-right 12000ms infinite linear; top: 35%; left: 6%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-11 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2729px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-11 { height: 54px; width: 54px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2297px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-11 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2298px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-11 { height: 72px; width: 72px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1854px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-11 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1854px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-12 { height: 15px; width: 15px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2942px; background-repeat: no-repeat; animation: spin-left 8000ms infinite linear; -moz-animation: spin-left 8000ms infinite linear; -webkit-animation: spin-left 8000ms infinite linear; -o-animation: spin-left 8000ms infinite linear; top: 30%; left: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-12 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2961px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-12 { height: 27px; width: 27px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2884px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-12 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2785px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-12 { height: 37px; width: 37px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2692px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-12 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2692px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-13 { height: 54px; width: 54px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2133px; background-repeat: no-repeat; animation: spin-right 6000ms infinite linear; -moz-animation: spin-right 6000ms infinite linear; -webkit-animation: spin-right 6000ms infinite linear; -o-animation: spin-right 6000ms infinite linear; top: 3%; left: 3%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-13 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2133px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-13 { height: 97px; width: 97px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1213px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-13 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1213px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-13 { height: 130px; width: 130px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -583px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-13 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -583px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-language-gap-graphic { bottom: 32%; right: 26%; }
@media only screen and (min-width: 768px) { .cog.cog-language-gap-graphic { height: 29px; width: 29px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -3020px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-language-gap-graphic { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -3025px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-language-gap-graphic { height: 39px; width: 39px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2981px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-language-gap-graphic { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2986px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-14 { animation: spin-left 12000ms infinite linear; -moz-animation: spin-left 12000ms infinite linear; -webkit-animation: spin-left 12000ms infinite linear; -o-animation: spin-left 12000ms infinite linear; top: 0; left: 10%; }
@media only screen and (min-width: 768px) { .cog.cog-14 { height: 71px; width: 71px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1926px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-14 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1994px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-14 { height: 95px; width: 95px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1575px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-14 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1575px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-15 { animation: spin-right 7000ms infinite linear; -moz-animation: spin-right 7000ms infinite linear; -webkit-animation: spin-right 7000ms infinite linear; -o-animation: spin-right 7000ms infinite linear; bottom: 0; right: 0; }
@media only screen and (min-width: 768px) { .cog.cog-15 { height: 144px; width: 144px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -713px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-15 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -713px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-15 { height: 193px; width: 193px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -223px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-15 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -223px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-16 { animation: spin-left 9000ms infinite linear; -moz-animation: spin-left 9000ms infinite linear; -webkit-animation: spin-left 9000ms infinite linear; -o-animation: spin-left 9000ms infinite linear; bottom: 2%; left: 22%; }
@media only screen and (min-width: 768px) { .cog.cog-16 { height: 38px; width: 38px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2588px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-16 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2585px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-16 { height: 51px; width: 51px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2407px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-16 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2458px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-17 { animation: spin-right 8000ms infinite linear; -moz-animation: spin-right 8000ms infinite linear; -webkit-animation: spin-right 8000ms infinite linear; -o-animation: spin-right 8000ms infinite linear; bottom: 20%; left: 0; }
@media only screen and (min-width: 768px) { .cog.cog-17 { height: 66px; width: 66px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1509px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-17 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1410px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-17 { height: 89px; width: 89px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -991px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-17 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -991px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-kai-graphic { height: 67px; width: 61px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -283px; background-repeat: no-repeat; top: 29%; left: 24%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-kai-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -283px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-kai-graphic { height: 121px; width: 110px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 -162px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-kai-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 -162px; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-kai-graphic { height: 162px; width: 147px; background-image: url('img/sprites/cogsg-sa7eba99bfb.png'); background-position: 0 0; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-kai-graphic { background-image: url('img/sprites/cogsg_2x-sb1b633c0e7.png') !important; background-position: 0 0; -webkit-background-size: 182px auto; -moz-background-size: 182px auto; -o-background-size: 182px auto; background-size: 182px auto; } }
.cog.cog-18 { height: 173px; width: 173px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -1444px; background-repeat: no-repeat; animation: spin-left 9000ms infinite linear; -moz-animation: spin-left 9000ms infinite linear; -webkit-animation: spin-left 9000ms infinite linear; -o-animation: spin-left 9000ms infinite linear; top: 0; left: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-18 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -1444px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-18 { height: 309px; width: 309px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 -826px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-18 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 -826px; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-18 { height: 413px; width: 413px; background-image: url('img/sprites/cogsxl-sef300f27fe.png'); background-position: 0 0; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-18 { background-image: url('img/sprites/cogsxl_2x-s66351a90a3.png') !important; background-position: 0 0; -webkit-background-size: 413px auto; -moz-background-size: 413px auto; -o-background-size: 413px auto; background-size: 413px auto; } }
.cog.cog-19 { height: 38px; width: 38px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2550px; background-repeat: no-repeat; animation: spin-right 10000ms infinite linear; -moz-animation: spin-right 10000ms infinite linear; -webkit-animation: spin-right 10000ms infinite linear; -o-animation: spin-right 10000ms infinite linear; top: 9%; right: 13%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-19 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2623px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-19 { height: 68px; width: 68px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2065px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-19 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2065px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-19 { height: 91px; width: 91px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1670px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-19 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1670px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-20 { height: 55px; width: 55px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2242px; background-repeat: no-repeat; animation: spin-left 10000ms infinite linear; -moz-animation: spin-left 10000ms infinite linear; -webkit-animation: spin-left 10000ms infinite linear; -o-animation: spin-left 10000ms infinite linear; top: 35%; right: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-20 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2403px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-20 { height: 99px; width: 99px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1410px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-20 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1476px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-20 { height: 133px; width: 133px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1080px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-20 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1080px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-21 { height: 13px; width: 13px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2929px; background-repeat: no-repeat; animation: spin-right 8000ms infinite linear; -moz-animation: spin-right 8000ms infinite linear; -webkit-animation: spin-right 8000ms infinite linear; -o-animation: spin-right 8000ms infinite linear; top: 6%; right: 7%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-21 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2948px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-21 { height: 23px; width: 23px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2861px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-21 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2870px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-21 { height: 31px; width: 31px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2661px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-21 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2661px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-22 { height: 28px; width: 28px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2784px; background-repeat: no-repeat; animation: spin-left 7000ms infinite linear; -moz-animation: spin-left 7000ms infinite linear; -webkit-animation: spin-left 7000ms infinite linear; -o-animation: spin-left 7000ms infinite linear; top: 13%; right: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-22 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2817px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-22 { height: 51px; width: 51px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2458px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-22 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2352px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-22 { height: 68px; width: 68px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -1997px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-22 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -1926px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
.cog.cog-23 { height: 14px; width: 14px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2957px; background-repeat: no-repeat; animation: spin-right 12000ms infinite linear; -moz-animation: spin-right 12000ms infinite linear; -webkit-animation: spin-right 12000ms infinite linear; -o-animation: spin-right 12000ms infinite linear; top: 29%; right: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .cog.cog-23 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2934px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 768px) { .cog.cog-23 { height: 26px; width: 26px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2812px; background-repeat: no-repeat; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .cog.cog-23 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2759px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }
@media only screen and (min-width: 1024px) { .cog.cog-23 { height: 35px; width: 35px; background-image: url('img/sprites/cogs-sea7afc79ac.png'); background-position: 0 -2626px; background-repeat: no-repeat; } }
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) { .cog.cog-23 { background-image: url('img/sprites/cogs_2x-s5d07b92dd8.png') !important; background-position: 0 -2550px; -webkit-background-size: 223px auto; -moz-background-size: 223px auto; -o-background-size: 223px auto; background-size: 223px auto; } }

.ipad { margin: 40px auto 20px; }
@media only screen and (max-width: 767px) { .ipad { height: 216px; width: 280px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -1526px; background-repeat: no-repeat; padding: 23px 29px 24px 26px; } }
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 767px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi) { .ipad { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -1390px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }
@media only screen and (min-width: 768px) { .ipad { height: 412px; width: 533px; background-image: url('img/sprites/img-s760da1257f.png'); background-position: 0 -385px; background-repeat: no-repeat; padding: 43px 53px 45px 47px; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (min-resolution: 144dpi) { .ipad { background-image: url('img/sprites/img_2x-se941f44acf.png') !important; background-position: 0 -340px; -webkit-background-size: 533px auto; -moz-background-size: 533px auto; -o-background-size: 533px auto; background-size: 533px auto; } }
.ipad iframe { width: 100%; height: 100%; }

@media only screen and (max-width: 480px) { .people .g-col-1-6 { margin-bottom: 0; } }
.people .person { position: relative; width: 100%; }
.people .person table, .people .person tr, .people .person td { width: 100%; height: 100%; }
.people .person td { vertical-align: middle; text-align: center; }
.people .person img { position: relative; width: 100%; z-index: 0; }
.people .person:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/about/team-shape-transparent.png); background-size: 100%; }
.people .person .info { z-index: 3; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; height: 100%; padding: 0 15px; text-align: center; color: #fff; font-weight: 300; }
.people .person .info .name { text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }
.people .person .info div { line-height: 1.2; }
.touch .people .person.active .info, .no-touch .people .person:hover .info { display: block; }
.touch .people .person.active .info:before, .no-touch .people .person:hover .info:before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/about/team-shape-hover.png); background-size: 100%; opacity: 0.9; }
.hiring .touch .people .person.active .info:before, .hiring .no-touch .people .person:hover .info:before { display: none; }
.people .hiring a { display: block; }
.people .hiring .person:before { display: none; }
.people .hiring .person .info { display: block; background: none; }

.wrapper-blog { padding: 30px 0; }
.wrapper-blog .blog-intro { text-align: center; padding-bottom: 30px; margin: 0 auto; max-width: 75%; }
.wrapper-blog .blog-intro .welcome-to { font-style: italic; font-size: 22px; margin: 0 0 10px; color: #424040; }
.wrapper-blog .blog-intro .kuato-blog { margin: 5px 0; color: #424040; }
@media only screen and (max-width: 568px) { .wrapper-blog .blog-intro .kuato-blog { font-size: 30px; } }
@media only screen and (min-width: 768px) { .wrapper-blog .blog-intro .kuato-blog { font-size: 42px; } }
.wrapper-blog .blog-intro .section-title { font-size: 30px; margin: 5px 0; color: #424040; }
.wrapper-blog .blog-content img { max-width: 100%; text-align: center; margin: 20px auto; }
.wrapper-blog .blog-sidebar h2 { font-size: 22px; }
.wrapper-blog .blog-sidebar ol, .wrapper-blog .blog-sidebar ul, .wrapper-blog .blog-sidebar li { list-style: none; list-style-type: none; padding-left: 0; margin-left: 0; }
.wrapper-blog .blog-sidebar a, .wrapper-blog .blog-sidebar a:visited { color: #424040; }
.wrapper-blog .blog-listing .blog-post { padding-bottom: 35px; margin-bottom: 50px; border-bottom: 1px solid #bebdbd; }
.wrapper-blog .blog-listing .blog-post:last-child { border: 0; margin-bottom: 0; }

.page-games h1 { display: none; }

.page-game { margin-top: 0; }
@media only screen and (max-width: 767px) { .page-game .wrapper-window-3 { display: none; } }

.games-container { *zoom: 1; }
.games-container:after { content: ""; display: table; clear: both; }
.games-container .game { position: relative; float: left; overflow: hidden; width: 100%; }
.games-container .game img.main { -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, opacity 0.5s ease-out; -moz-transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, opacity 0.5s ease-out; -o-transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, opacity 0.5s ease-out; transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, opacity 0.5s ease-out; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; }
.games-container .game img.placeholder { display: block; width: 100%; }
.games-container .game.game-single { width: 50%; }
@media only screen and (min-width: 568px) { .games-container .game.game-single { width: 25%; } }
.games-container .game.game-double { width: 100%; }
@media only screen and (min-width: 568px) { .games-container .game.game-double { width: 50%; } }
.games-container .game:hover img.main { opacity: 0.3; left: -10%; top: -10%; width: 120%; }
.games-container .game:hover .game-content { display: block; }
.games-container .game:nth-child(even):hover { background-color: #22a8bb; }
.games-container .game:nth-child(odd):hover { background-color: #ff6110; }
.games-container .game .game-content { display: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; padding: 20px; text-transform: uppercase; line-height: 24px; }
.games-container .game .game-content table, .games-container .game .game-content tr, .games-container .game .game-content td { width: 100%; height: 100%; }
.games-container .game .game-content td { vertical-align: middle; text-align: center; }
.games-container .game .game-content img { position: relative; width: 100%; z-index: 0; }
.games-container .game .game-content, .games-container .game .game-content * { color: white; font-size: 26px; }

.page-game .logo { display: block; margin: 30px auto; width: 800px; max-width: 100%; }
.page-game .video { width: 100%; min-height: 300px; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .page-game .video { margin-top: 110px; } }
.page-game h1 { font-weight: 400; margin-top: 20px; margin-bottom: 10px; }
.page-game .h3, .page-game .wrapper-standard-content h2, .wrapper-standard-content .page-game h2, .page-game .wrapper-standard-content .h2, .wrapper-standard-content .page-game .h2 { margin-top: 0; font-weight: 400; }
.page-game .wrapper-game-features, .page-game .wrapper-game-features p { color: #ffffff; }

.wrapper-reviews h2 { margin-top: 0; margin-bottom: 40px; }
.wrapper-reviews .review { float: left; width: 100%; margin-top: 20px; }
.wrapper-reviews .review .review-content { *zoom: 1; }
.wrapper-reviews .review .review-content:after { content: ""; display: table; clear: both; }
.wrapper-reviews .review .review-content:before, .wrapper-reviews .review .review-content:after { content: ""; display: inline-block; height: 33px; width: 42px; }
.wrapper-reviews .review .review-content:before { height: 33px; width: 42px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2020px; background-repeat: no-repeat; float: left; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-reviews .review .review-content:before { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2079px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-reviews .review .review-content:after { height: 33px; width: 42px; background-image: url('img/sprites/icons-s80e5d5b152.png'); background-position: 0 -2102px; background-repeat: no-repeat; float: right; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .wrapper-reviews .review .review-content:after { background-image: url('img/sprites/icons_2x-s9529983f84.png') !important; background-position: 0 -2020px; -webkit-background-size: 75px auto; -moz-background-size: 75px auto; -o-background-size: 75px auto; background-size: 75px auto; } }
.wrapper-reviews .review .review-content .review-content-inner { float: left; width: 100%; }
.wrapper-reviews .review .review-author p { font-size: 14px; text-transform: uppercase; font-weight: 400; }

#mc_embed_signup form { padding: 0!important; }
#mc_embed_signup .button { width: auto; display: inline-block; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px / 5px; border-radius: 5px / 5px; border: 0!important; -webkit-appearance: none; height: 46px!important; line-height: 46px!important; text-transform: uppercase; color: #ffffff!important; padding: 0 40px !important; font-size: 18px!important; letter-spacing: 1px; -webkit-box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; -moz-box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; box-shadow: 1px 1px 2px #321202, 0px -1px 1px #fdbb9a; background-color: #ff6110 !important; font-weight: normal!important; }
#mc_embed_signup .button:hover { background-color: #b54004 !important; }
#mc_embed_signup div.mce_inline_error { background: none!important; color: red!important; padding: 0!important; }
#mc_embed_signup #mce-responses { padding: 0!important; margin: 0!important; }
#mc_embed_signup select { height: 40px!important; border: 1px solid #999999 !important; width: 100%!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background: white!important; -webkit-appearance: none; padding-left: 14px!important; }
#mc_embed_signup select.mce_inline_error { border: 1px solid #6b0505 !important; }
#mc_embed_signup .asterisk { right: 15px!important; }

/* Plugins */
.padding-5 { padding: 5px 0; }

.padding-10 { padding: 10px 0; }

.padding-20 { padding: 20px 0; }

.margin-5 { margin: 5px 0; }

.margin-10 { margin: 10px 0; }

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

html { height: 100%; }

.slide { padding-bottom: 50px; }
@media only screen and (max-width: 568px) { .slide { padding-top: 84px; } }
@media only screen and (min-width: 569px) { .slide { padding-top: 160px; } }
.slide .container { position: relative; height: 100%; }

.slide, .slide-final { width: 100%; }

.slide-final { z-index: 0; height: auto; padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important; }

.no-js .slide-container, .no-js .slide { position: relative; }
.no-js #slide-2, .no-js #slide-3, .no-js .wrapper-window-3 { display: none; }

@media only screen and (max-width: 767px) { .slide-1 { padding-bottom: 90px; } }
@media only screen and (max-width: 1024px) { .slide-2, .slide-3, .wrapper-window-3 { display: none; } }
@media only screen and (min-width: 1025px) { .page-game .slide-skip { position: fixed; }
  .slide-container { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; }
  .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 150px 20px 40px; }
  .slide h1 { margin: 0; }
  .slide-1 { z-index: 10; }
  .slide-2 { display: block; z-index: 9; }
  .slide-3 { display: block; z-index: 8; }
  .slide-final { z-index: 0; height: auto; }
  .slide-final-show { z-index: 2; } }