@charset "UTF-8";
a.page-num-link, a.paginate_button, .button, .button-outline, .anchor-link, .language-select, #mobile-language-select a, .timeline-menu li a {
  border-radius: 4px;
}

ul, .ruled-list, .ruled-list-accordion, .gallery-thumbnails, .dropdown ul, .header ul, .footer ul, .sub-footer ul, .module-icontext-list, .company-awards, .game-awards, .choose-dept, .jobs-module .filter-list, .timeline, .timeline-menu, .sitemap-module ul, .sitemap-module ul ul, .blog-module .social-share, .post-tags ul, .product-slider, .product-slider-mininav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ruled-list-accordion li, .ruled-list-accordion li ul li, .gallery-thumbnails li, .dropdown ul li, .header ul li, .footer ul li, .footer-social li, .sub-footer ul li, .module-icontext-list li, .company-awards li, .game-awards li, .choose-dept li, .jobs-module .filter-list li, .timeline li, .timeline-menu li, .forum-dropdown ul li, .post-tags ul li, .social-share li, .product-slider li, .product-slider-mininav li {
  list-style-image: none !important;
  list-style: none !important;
}

.button, .button-outline, .anchor-link, .ruled-list-accordion li .title-text-wrapper, .ruled-list-accordion li .title-text, .gallery-close,
.gallery-prev,
.gallery-next, .photo-container img, .button-facebook {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.module .inner-wrapper, .header .header-wrapper, .footer,
.sub-footer {
  box-sizing: border-box;
  margin: 0px auto;
  min-width: 280px;
  position: relative;
  width: auto;
}

.button, .button-outline, #menu-button, .button-facebook {
  background-image: none;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  font-family: "Sofia Sans Condensed", sans-serif;
  font-style: normal;
  margin-bottom: 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.en .amazon-play-icon, .en .ios-play-icon, .en .android-play-icon, .de .amazon-play-icon, .de .ios-play-icon, .de .android-play-icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  height: 48px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 170px;
}

html {
  margin: 0;
}

body {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/polybg.jpg") 0 0 repeat;
  color: #5d5d5d;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  margin: 0;
  overflow-y: scroll;
}

a img {
  border: 0;
}

p {
  margin-top: 0;
}

.main {
  position: relative;
}

.left {
  float: left;
}

.right {
  float: right;
}

.centered {
  text-align: center;
}

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

.disable-hover {
  pointer-events: none;
}

.hidden-mobile {
  display: none;
}

strong, b, .bold {
  font-weight: 700;
}

.noscroll {
  height: 100%;
  overflow: hidden;
}

img.alignnone {
  display: block;
  margin: 16px auto;
}

img.alignright {
  float: right;
  margin: 0 0 16px 16px;
}

img.alignleft {
  float: left;
  margin: 0 16px 16px 0;
}

.module {
  position: relative;
}
.module > div h6 {
  margin-bottom: 24px;
}
.module .inner-wrapper {
  max-width: 960px;
}

.only-image-module .inner-wrapper {
  overflow: hidden;
}

.module-image-huge > p, .teaser-image-module > p {
  color: #fff;
  font-family: Sofia Sans Condensed;
  font-size: 170px;
  font-weight: 700;
  line-height: 151px;
  padding-top: 64px;
  text-transform: uppercase;
}
.module-image-huge > p span, .teaser-image-module > p span {
  color: #ec9123;
  display: block;
  font-size: 169px;
  font-weight: 400;
}
.module-image-huge img, .teaser-image-module img {
  max-height: 500px;
}
.module-image-huge img.loaded, .teaser-image-module img.loaded {
  max-height: none;
}

.interview-img-module > img {
  border: 0;
  display: block;
  width: 100%;
}

.button-wrap-top .inner-wrapper {
  padding: 76px 22px 0 22px;
}

.module-high .inner-wrapper {
  padding: 76px 22px;
}

.button-wrap-top .inner-wrapper {
  padding: 76px 22px 0 22px;
}

.module-tight .inner-wrapper {
  padding: 0 22px 76px 22px;
}

.module-cut .inner-wrapper {
  padding: 0 22px;
}

.sub-module {
  max-width: 100%;
  min-width: auto;
}
.sub-module > div {
  min-width: initial;
  padding: 0;
}

.module-low-top .inner-wrapper {
  padding: 38px 22px 76px 22px;
}

.module-high-top .inner-wrapper {
  padding: 76px 22px 38px 22px;
}

.module-white {
  background: #fff;
  color: #002855;
}

.module-dark,
.module-poly {
  color: #fff;
}
.module-dark h1, .module-dark h2, .module-dark h3, .module-dark h4, .module-dark h5, .module-dark h6, .module-dark p, .module-dark li,
.module-poly h1,
.module-poly h2,
.module-poly h3,
.module-poly h4,
.module-poly h5,
.module-poly h6,
.module-poly p,
.module-poly li {
  color: inherit;
}

.module-dark {
  background: #003365;
}

.module-poly {
  background: -moz-linear-gradient(top, rgba(0, 40, 85, 0.75) 0%, rgba(0, 94, 184, 0.75) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 40, 85, 0.75)), color-stop(100%, rgba(0, 94, 184, 0.75)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 40, 85, 0.75) 0%, rgba(0, 94, 184, 0.75) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 40, 85, 0.75) 0%, rgba(0, 94, 184, 0.75) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 40, 85, 0.75) 0%, rgba(0, 94, 184, 0.75) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 40, 85, 0.75) 0%, rgba(0, 94, 184, 0.75) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF002855', endColorstr='#BF005eb8');
  /* For IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF002855', endColorstr='#BF005eb8')";
  /* for IE8 */
}

.module-nobg-white {
  color: #fff;
}
.module-nobg-white h1, .module-nobg-white h2, .module-nobg-white h3, .module-nobg-white h4, .module-nobg-white h5, .module-nobg-white h6, .module-nobg-white p, .module-nobg-white li {
  color: inherit;
}

.module-nobg-dark {
  color: #002855;
}
.module-nobg-dark h1, .module-nobg-dark h2, .module-nobg-dark h3, .module-nobg-dark h4, .module-nobg-dark h5, .module-nobg-dark h6, .module-nobg-dark p {
  color: inherit;
}

.module-nobg-dark-headline {
  color: #002855;
}
.module-nobg-dark-headline h1, .module-nobg-dark-headline h2, .module-nobg-dark-headline h3, .module-nobg-dark-headline h4, .module-nobg-dark-headline h5, .module-nobg-dark-headline h6 {
  color: inherit;
}

.bg-wrapper {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.bg-wrapper img {
  width: 100%;
}

.clear {
  clear: both;
}

#overlay.on {
  background: transparent url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/trans-dark.png");
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 11;
}
#overlay.on:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .text-top p,
  .text-top-left p,
  .text-center-top p,
  .text-center-left p,
  .text-center-bottom p,
  .text-bottom-left p,
  .text-center p {
    font-size: 65px !important;
    line-height: 65px !important;
    padding: 16px 32px 15px 32px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .text-top p,
  .text-top-left p,
  .text-center-top p,
  .text-center-left p,
  .text-center-bottom p,
  .text-bottom-left p,
  .text-center p {
    font-size: 80px !important;
    line-height: 90px !important;
    padding: 12px 32px 10px 32px !important;
  }
}
@media only screen and (min-width: 768px) {
  .text-top,
  .text-top-left,
  .text-center-top,
  .text-center-left,
  .text-center-bottom,
  .text-bottom-left,
  .text-center {
    padding: 0 76px;
  }

  .button-wrap-top .inner-wrapper {
    padding: 76px 30px 0 30px;
  }

  .module-high .inner-wrapper {
    padding: 76px 30px;
  }

  .module-low-top .inner-wrapper {
    padding: 0 30px 76px 30px;
  }

  .module-tight .inner-wrapper {
    padding: 0 30px 76px 30px;
  }

  .module-cut .inner-wrapper {
    padding: 0 30px;
  }

  .module-high-top .inner-wrapper {
    padding: 76px 30px 38px 30px;
  }

  .sub-module .inner-wrapper {
    padding: 0;
  }

  .hidden-mobile {
    display: block;
  }

  .hidden-desktop {
    display: none;
  }
}
@media only screen and (min-width: 1366px) {
  .text-top,
  .text-top-left,
  .text-center-top,
  .text-center-left,
  .text-center-bottom,
  .text-bottom-left,
  .text-center {
    padding: 0 40px;
  }

  .button-wrap-top .inner-wrapper {
    padding: 76px 30px 0 30px;
  }

  .module-high .inner-wrapper {
    padding: 76px 30px;
  }

  .module-low-top .inner-wrapper {
    padding: 0 30px 76px 30px;
  }

  .module-tight .inner-wrapper {
    padding: 0 30px 76px 30px;
  }

  .module-high-top .inner-wrapper {
    padding: 76px 30px 38px 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  body {
    background-size: 683px;
  }
}
html {
  font-size: 100%;
}

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading span, .wf-loading li, .wf-loading label, .wf-loading time, .wf-loading .error-message, .wf-loading .button, .wf-loading .button-facebook, .wf-loading .language-select {
  visibility: hidden;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active span, .wf-active li, .wf-active label, .wf-active time, .wf-active .error-message, .wf-active .button, .wf-active .button-facebook, .wf-active .language-select {
  visibility: visible;
}

/*
H1 Heading

Markup:
<div style="padding:1px 20px"><h1 style="color:#002955;margin-bottom: 0;">Company Awards</h1></div>
<div style="padding:1px 20px; background:#002855"><h1 style="color: #ffffff;margin-bottom: 0;">Company Awards</h1></div>

Styleguide 4.1
*/
/*
H2 Heading

Markup:
<div style="padding:1px 20px"><h2 style="color:#002955;margin-bottom: 0;">CAREERS WITH US</h2></div>
<div style="padding:1px 20px;background:#002855"><h2 style="color: #ffffff;margin-bottom: 0;">CAREERS WITH US</h2></div>

Styleguide 4.2
*/
h1, h2, .h2style {
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}

.h2style {
  margin: 0;
}

/*
H3 Heading

Markup:
<h3>Cebit messe in Hannover</h3>

Styleguide 4.3
*/
h3 {
  color: #002855;
  font-family: "Sofia Sans Condensed", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  text-transform: uppercase;
}

.h3-bullet {
  margin-bottom: 16px;
}

/*
H4 Heading

Markup:
<h4>Level: pr0</h4>

Styleguide 4.4
*/
h4 {
  color: #002855;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
}

/*
H5 Heading

Markup:
<h5>European Game Awards</h5>

Styleguide 4.5
*/
h5 {
  color: #002855;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}

/*
H6 Subline Heading

Markup:
<h6>Work with us in Hamburg</h6>

Styleguide 4.6
*/
h6 {
  color: #5d5d5d;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}

/*
Smallprint

Markup:
<p class="smallprint">Goodgame Empire</p>
<p class="smallprint">Best European Browser Game</p>
<br>
<p class="smallprint">2014</p>

Styleguide 4.7
*/
.smallprint {
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
  color: #5d5d5d;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
}

/*
First copy

Markup:
<p>Goodgame Studios had the pleasure of working on great projects, which were awarded and featured over the world.</p>
<p>Is breá linn a dhéanamh cluichí ríomhaireachta.</p>

Styleguide 4.8
*/
p {
  color: #5d5d5d;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

/*
Second copy

Markup:
<p class="secondary">Trasna na dtonnta, dul siar, dul siar. Slán leis an uaigneas 'is slán leis an gcian. Geal é mo chroí, agus geal í an ghrian. Geal bheith ag filleadh go hÉirinn!</p>

Styleguide 4.9
*/
p.secondary {
  font-size: 16px;
  line-height: 24px;
}

.event p.tiny {
  color: #a6a6a6;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
}

.thick {
  font-weight: 700;
}

.thin {
  font-weight: 400;
}

.white {
  color: #fff;
}

.orange {
  color: #ec9123;
}

.dark-blue {
  color: #002855;
}

.small-font {
  font-size: 90px;
}

.cta-module h2 {
  margin-bottom: 4px;
}
.cta-module > div h6 {
  margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
  h1, h2, .h2style {
    font-size: 56px;
  }
}
a, .link {
  cursor: pointer;
  text-decoration: none;
}

/*
Text Links

:active         - Active state
:hover          - Hover state
:visited        - Visited state

Markup:
<a class="link {$modifiers}" style="font-size:18px">Click Here</a>

Styleguide 2.1
*/
a, .link {
  color: #faa61a;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
}
a:hover, .link:hover {
  color: #d57a0c;
}
a:active, .link:active {
  color: #faa61a;
}
a:visited, .link:visited {
  color: #faa61a;
}

a[href$=".pdf"], a[href$=".zip"], a[href$=".rar"], a[href$=".jpg"] {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-right: 33px;
}
a[href$=".pdf"]:after, a[href$=".zip"]:after, a[href$=".rar"]:after, a[href$=".jpg"]:after {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -8px -1099px;
  content: "";
  height: 26px;
  position: absolute;
  width: 40px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  a[href$=".pdf"]:after, a[href$=".zip"]:after, a[href$=".rar"]:after {
    background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png") no-repeat -8px -1099px;
    background-size: 64px;
  }
}
a.page-num-link, a.paginate_button {
  background: #faa61a;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  width: 40px;
}
a.page-num-link:hover, a.paginate_button:hover {
  background: #d57a0c;
  color: #fff;
}
a.page-num-link:active, a.paginate_button:active {
  background: #002955;
  color: #fff;
}
a.page-num-link.current, a.paginate_button.current {
  background: #002955;
  color: #fff;
}

div.more-pages-dots, div.dataTables_paginate span span {
  background: inherit;
  color: #002855;
  float: left;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-left: -10px;
  text-align: center;
  width: 40px;
}

div.paging-num {
  display: inline-block;
}

div.dataTables_paginate {
  display: inline-block;
  margin-top: 60px;
}

.paging-num .current {
  display: block;
}
.paging-num a, .paging-num .more-pages-dots {
  display: none;
}
.paging-num .prev-page, .paging-num .next-page, .paging-num #jobs_next, .paging-num #jobs_previous {
  display: block;
  font-size: 35px;
  line-height: 35px;
}

#jobs_next, #jobs_previous {
  display: block;
  font-size: 35px;
  line-height: 35px;
}

.arrow-separator {
  display: none;
  height: 20px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.arrow-separator div {
  background: #fff;
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 0;
  width: 50%;
}
.arrow-separator div:after {
  content: '';
  position: absolute;
  top: 0;
}
.arrow-separator div.left {
  left: -19px;
}
.arrow-separator div.left:after {
  right: -20px;
}
.arrow-separator div.right {
  right: -20px;
}
.arrow-separator div.right:after {
  left: -20px;
}

.arrow-border-b-down .arrow-separator {
  bottom: 0;
  display: block;
}
.arrow-border-b-down .arrow-separator div {
  background: #fff;
  border-top: 1px solid #dddddd;
}
.arrow-border-b-down .arrow-separator div.left:after {
  border-color: #dddddd transparent;
  border-style: solid;
  border-width: 22px 22px 0;
  content: "";
  display: block;
  position: absolute;
  right: -42px;
  top: -2px;
  width: 0;
}
.arrow-border-b-down .arrow-separator div.right:before {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 18px 21px 0;
  content: "";
  display: block;
  left: -40px;
  position: absolute;
  top: -2px;
  width: 0;
}
.arrow-border-b-down .arrow-separator div.right:after {
  content: none;
}
.arrow-border-b-down .arrow-separator div:after {
  content: none;
}

.arrow-bottom-down .arrow-separator {
  bottom: -20px;
  display: block;
}
.arrow-bottom-down .arrow-separator div {
  background: transparent;
}
.arrow-bottom-down .arrow-separator div.left:after {
  border-left: 20px solid transparent;
}
.arrow-bottom-down .arrow-separator div.right:after {
  border-right: 20px solid transparent;
}
.arrow-bottom-down .arrow-separator div:after {
  border-top: 20px solid #fff;
}

.module-dark.arrow-bottom-down .arrow-separator div:after {
  border-top: 20px solid #003365;
}

.arrow-bottom-down-trans .arrow-separator {
  bottom: 0px;
  display: block;
}
.arrow-bottom-down-trans .arrow-separator div.left:after {
  border-right: 20px solid transparent;
}
.arrow-bottom-down-trans .arrow-separator div.right:after {
  border-left: 20px solid transparent;
}
.arrow-bottom-down-trans .arrow-separator div:after {
  border-bottom: 20px solid #fff;
}

.module-dark.arrow-bottom-down-trans .arrow-separator div {
  background: #003365;
}
.module-dark.arrow-bottom-down-trans .arrow-separator div:after {
  border-bottom: 20px solid #003365;
}

.arrow-top-down-trans .arrow-separator {
  display: block;
  top: -20px;
}
.arrow-top-down-trans .arrow-separator div.left:after {
  border-right: 20px solid transparent;
}
.arrow-top-down-trans .arrow-separator div.right:after {
  border-left: 20px solid transparent;
}
.arrow-top-down-trans .arrow-separator div:after {
  border-bottom: 20px solid #fff;
}

.module-dark.arrow-top-down-trans .arrow-separator div {
  background: #003365;
}
.module-dark.arrow-top-down-trans .arrow-separator div:after {
  border-bottom: 20px solid #003365;
}

.arrow-top-up-trans .arrow-separator {
  display: block;
  top: 0px;
}
.arrow-top-up-trans .arrow-separator div.left:after {
  border-right: 20px solid transparent;
}
.arrow-top-up-trans .arrow-separator div.right:after {
  border-left: 20px solid transparent;
}
.arrow-top-up-trans .arrow-separator div:after {
  border-top: 20px solid #fff;
}

.arrow-small-bottom-down .arrow-separator {
  bottom: -20px;
  display: block;
}
.arrow-small-bottom-down .arrow-separator div {
  background: transparent;
}
.arrow-small-bottom-down .arrow-separator div.left:after {
  border-left: 10px solid transparent;
}
.arrow-small-bottom-down .arrow-separator div.right:after {
  border-right: 10px solid transparent;
}
.arrow-small-bottom-down .arrow-separator div:after {
  border-top: 10px solid #fff;
}

.module-dark.arrow-bottom-down-trans .arrow-separator div {
  background: #003365;
}
.module-dark.arrow-bottom-down-trans .arrow-separator div:after {
  border-top: 20px solid #003365;
}

.button-play .icon-desktop,
.button-play:hover .icon-desktop,
.button-play:active .icon-desktop,
.button-open .icon-desktop {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: 0 0;
}
.button-play .icon-ios,
.button-play .icon-amazon,
.button-play .icon-android,
.button-play:hover .icon-ios,
.button-play:hover .icon-amazon,
.button-play:hover .icon-android,
.button-play:active .icon-ios,
.button-play:active .icon-amazon,
.button-play:active .icon-android,
.button-open .icon-ios,
.button-open .icon-amazon,
.button-open .icon-android {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: 0px -64px;
}

.icon {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
}

.icon-success {
  background-position: -3px -707px;
  height: 58px;
  margin: 0 auto 48px auto;
  width: 58px;
}

.icon-arrowright {
  background-position: 0px 752px;
}

#support-page .icon-arrowdown {
  background-position: 0 -2111px;
}

.icon-speech {
  background-position: 0px 1068px;
}

.icon-faq {
  background-position: -12px 231px;
  background-size: 42px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 16px;
  width: 20px;
}

.open .icon-faq {
  background-position: -12px 272px;
}

.dropdown .icon-dropdown {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: 0 -2112px;
}
.dropdown:active .icon-dropdown, .dropdown.button-open .icon-dropdown {
  background-position: 0 -777px;
}

.title-text:after {
  margin-top: -12px;
  position: absolute;
  right: 30px;
  top: 23px;
}

.ruled-list-accordion .open .title-text:after {
  right: 38px;
}

.icon-zoom {
  background-position: -8px -969px;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 33px;
}

.spinner {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_transparent_125px.gif") no-repeat -7px -2px;
  display: none;
  height: 65px;
  width: 55px;
}

@media only screen and (min-width: 768px) {
  .button-play .icon-desktop,
  .button-play:hover .icon-desktop,
  .button-play:active .icon-desktop,
  .button-open .icon-desktop {
    background-position: 0px 0px;
  }
  .button-play .icon-ios,
  .button-play .icon-amazon,
  .button-play .icon-android,
  .button-play:hover .icon-ios,
  .button-play:hover .icon-amazon,
  .button-play:hover .icon-android,
  .button-play:active .icon-ios,
  .button-play:active .icon-amazon,
  .button-play:active .icon-android,
  .button-open .icon-ios,
  .button-open .icon-amazon,
  .button-open .icon-android {
    background-position: 0px -64px;
  }

  .icon-faq {
    background-position: -17px 349px;
    background-size: auto;
    height: 25px;
    right: 20px;
    width: 31px;
  }

  .open .icon-faq {
    background-position: -17px 412px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .spinner {
    background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_transparent_200px.gif") no-repeat 0 0;
    background-size: 70px;
  }

  .icon {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .icon-zoom {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  #support-page .icon-arrowdown {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .button-play .icon-desktop,
  .button-play:hover .icon-desktop,
  .button-play:active .icon-desktop,
  .button-open .icon-desktop {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
  .button-play .icon-ios,
  .button-play .icon-amazon,
  .button-play .icon-android,
  .button-play:hover .icon-ios,
  .button-play:hover .icon-amazon,
  .button-play:hover .icon-android,
  .button-play:active .icon-ios,
  .button-play:active .icon-amazon,
  .button-play:active .icon-android,
  .button-open .icon-ios,
  .button-open .icon-amazon,
  .button-open .icon-android {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .dropdown .icon-dropdown {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
  #support-page .icon-arrowdown {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .dropdown .icon-dropdown {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-position: 0 -2112px;
    background-size: 64px;
  }
  .dropdown:active .icon-dropdown, .dropdown.button-open .icon-dropdown {
    background-position: 0 -770px;
  }
}
.button.button-open,
.button.button-open:hover {
  background: #002855;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  overflow: visible;
}
.button.button-open span,
.button.button-open:hover span {
  background-color: #011c3b;
  border-bottom-right-radius: 0;
}

/*
Call to Action Button (first)

:hover          - Mouse over the button
:active         - Button pressed

Markup:
<a class="button button-cta1 {$modifiers}">Button<span></span></a>

Styleguide 1.1
*/
/*
Call to Action Button Left (second)

:hover          - Mouse over the button
:active         - Button pressed

Markup:
<a class="button button-cta2-left {$modifiers}">Button<span></span></a>

Styleguide 1.2
*/
/*
Call to Action Button Right (second)

:hover          - Mouse over the button
:active         - Button pressed

Markup:
<a class="button button-cta2-right {$modifiers}">Button<span></span></a>

Styleguide 1.3
*/
.button {
  background-color: #faa61a;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.button span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.button:hover {
  background-color: #ec9123;
  color: #fff;
}
.button:hover span {
  background-color: #d57a0c;
}
.button:active {
  background-color: #002855;
  color: #fff;
}
.button:active span {
  background-color: #001731;
}
.button:visited {
  color: #ffffff;
}
.button:focus {
  outline: none;
}

.button-cta1 {
  font-size: 22px;
  height: 48px;
  line-height: 50px;
  padding: 0 78px 0 30px;
}
.button-cta1 span {
  background-color: #ec9123;
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: 1px -2240px;
  background-repeat: no-repeat;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}

.button-cta2, .button-cta2-right, .button-cta2-left {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
.button-cta2 span, .button-cta2-right span, .button-cta2-left span {
  background-color: #ec9123;
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-repeat: no-repeat;
  height: 40px;
  position: absolute;
  top: 0;
  width: 40px;
}

.button-cta2 {
  padding: 0 30px 0 70px;
}
.button-cta2 span {
  left: 0;
}

.button-cta2-right {
  padding: 0 70px 0 30px;
}
.button-cta2-right span {
  right: 0;
  background-position: -3px -2244px;
}

.button-cta2-left {
  padding: 0 30px 0 70px;
  margin: 0;
}
.button-cta2-left span {
  left: 0;
  background-position: -4px -2180px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.button-dropdown {
  font-size: 28px;
  height: 60px;
  line-height: 64px;
  padding: 0 30px;
  position: relative;
  text-align: left;
  width: 300px;
}
.button-dropdown span {
  background-color: #fff;
  display: block;
  height: 16px;
  position: absolute;
  right: 30px;
  top: 23px;
  width: 16px;
}

.button-teaser {
  font-size: 22px;
  height: 48px;
  line-height: 49px;
  padding: 0 78px 0 30px;
}
.button-teaser span {
  background-color: #ec9123;
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: -7px -457px;
  background-repeat: no-repeat;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}

.button-outline {
  background-color: #fff;
  border: 2px solid #faa61a;
  color: #faa61a;
  font-size: 22px;
  font-weight: 700;
  height: 44px;
  line-height: 46px;
  padding: 0 24px 0 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
.button-outline:after {
  content: '\203A';
  font-size: 40px;
  position: absolute;
  right: 25px;
  top: -4px;
}
.button-outline:hover {
  border-color: #ec9123;
  color: #ec9123;
}
.button-outline:active {
  border-color: #002855;
  color: #002855;
}

/*
Anchor

:hover          - Mouse over the anchor
:active         - Active state

Markup:
<a class="anchor-link {$modifiers}"></a>

Styleguide 1.4
*/
.anchor-link {
  background: #faa61a url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  background-position: 4px -173px;
  background-size: 44px;
  display: block;
  height: 40px;
  width: 40px;
  z-index: 10;
}
.anchor-link:hover {
  background-color: #ec9123;
  color: #fff;
}
.anchor-link:active {
  background-color: #002855;
  color: #fff;
}

.anchor-link-side {
  bottom: 33px;
  margin-top: -30px;
  position: fixed;
  right: 0;
}

.anchor-link-bottom {
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: -20px;
}

@media only screen and (min-width: 768px) {
  .button-teaser {
    font-size: 28px;
    height: 64px;
    line-height: 65px;
    padding: 0 104px 0 40px;
  }
  .button-teaser span {
    background-position: 0px -449px;
    height: 64px;
    width: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .anchor-link {
    background-position: 4px -213px;
    background-size: 54px;
    font-size: 55px;
    height: 48px;
    line-height: 60px;
    width: 48px;
  }
  .anchor-link:before {
    font-size: 55px;
    top: 0;
  }

  .anchor-link-side {
    right: 33px;
  }

  .anchor-link-bottom {
    margin-left: -24px;
    top: -24px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .anchor-link {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 44px;
  }

  .button-cta1 > span, .button-ct2 > span, .button-cta2-right > span, .button-cta2-left > span {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (min-resolution: 144dpi) {
  .anchor-link {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 54px;
  }
}
/*
Square Bullet List

Markup:
<h3 class="h3-bullet">Your Job:</h3>
<ul>
<li>Everybody talks to each other on the same level. 
<li>We value our employees
<li>We're working together with a passion to build one of the most successful gaming companies in the world.
</ul> 

Styleguide 3.1
*/
ul {
  margin: 0 0 30px 20px;
}
ul li {
  color: #5d5d5d;
  font-size: 16px;
  list-style: none;
  margin-bottom: 24px;
  padding-left: 15px;
}
ul li:last-child {
  margin-bottom: 0;
}

.module-white ul li {
  list-style-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/bullet-dark.png");
}

.module-poly li {
  list-style-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/bullet-white.png");
}

.ruled-list li {
  border-bottom: 1px solid #dbdbdb;
  color: #5d5d5d;
  cursor: pointer;
  display: block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 0px;
  padding: 16px 16px 16px 32px;
  text-transform: uppercase;
}
.ruled-list li:hover {
  background: #002855;
  color: #fff;
}

.job-list-heading {
  display: block;
  height: 80px;
  line-height: 80px;
  margin: 16px 0 0 0;
}

/*
List Accordion

Markup:
<h4 class="job-list-heading">Level: Einsteiger</h4>
<ul class="ruled-list-accordion">
    <li>
        <div class="title-text-wrapper">
            <div class="title-text">Where can I find the current job openings at Goodgame Studios?</div>
        </div>
    </li>
    <li>
        <div class="title-text-wrapper">
            <div class="title-text">Where can I find the current job openings at Goodgame Studios?</div>
        </div>
    </li>
    <li>
        <div class="title-text-wrapper">
            <div class="title-text">Where can I find the current job openings at Goodgame Studios?</div>
        </div>
    </li>        
</ul>

Styleguide 3.2
*/
.ruled-list-accordion li {
  border-bottom: 1px solid #dbdbdb;
  display: block;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 0;
}
.ruled-list-accordion li ul li {
  border-bottom: none;
  padding-left: 6px;
  position: relative;
}
.ruled-list-accordion li .title-text-wrapper {
  cursor: pointer;
  display: block;
  line-height: 54px;
  padding-right: 10%;
  position: relative;
  width: 90%;
}
.ruled-list-accordion li .title-text-wrapper > span {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  background-position: -10px -828px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.ruled-list-accordion li .title-text {
  color: inherit;
  display: inline-block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 12px 25px 12px 22px;
  vertical-align: middle;
}
.ruled-list-accordion li .description-text-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: none;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  padding: 20px 25px 20px 22px;
  text-align: left;
}
.ruled-list-accordion li .description-text {
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
.ruled-list-accordion li .description-text p:last-child {
  margin-bottom: 0;
}
.ruled-list-accordion li .description-text ul {
  margin-bottom: 0;
}
.ruled-list-accordion li .description-text ul li {
  margin-bottom: 10px;
}
.ruled-list-accordion li.open .title-text-wrapper {
  background: #faa61a;
  color: #ffffff;
}
.ruled-list-accordion li.open .title-text-wrapper span {
  background-position: -10px -775px;
}

.accordion-module .inner-wrapper h4:first-child {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 16px;
}
.accordion-module.module-high > div {
  padding: 10px 30px 50px 30px;
}

.accordion-module.module-high > div h4 {
  padding-left: 22px;
  padding-right: 32px;
}

.module-high-accordion > div {
  padding-bottom: 50px;
  padding-left: 7%;
  padding-top: 10px;
}

@media only screen and (min-width: 1024px) {
  li:hover .title-text-wrapper {
    background: #002855;
    color: #fff;
  }
  li:hover .title-text-wrapper span {
    background-position: -10px -2109px;
  }

  .accordion-module.module-high > div {
    padding: 10px 30px 60px 30px;
  }

  .accordion-module.module-high > div h4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .ruled-list-accordion li .title-text-wrapper span {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
.numbered-list ol.main-num {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.numbered-list ol.main-num > li {
  counter-increment: root;
  list-style-image: none;
  list-style-type: none;
  margin-top: 64px;
}
.numbered-list ol.main-num > li:before {
  color: #002855;
  content: counter(root) "  ";
  display: inline-block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
}
.numbered-list ol.main-num > li h4 {
  display: block;
  margin-bottom: 32px;
  margin: 0;
  padding-left: 40px;
  padding: 0;
  text-transform: none;
  margin-left: 20px;
}
.numbered-list ol.main-num > li p {
  display: block;
  padding-left: 40px;
  text-align: justify;
}

.terms-description {
  margin-bottom: 64px;
  margin-top: 64px;
}

.terms-address {
  margin-left: 40px;
  margin-top: 64px;
}

.download-link {
  background-image: url("../img/down.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-right: 30px;
}

/*
Forms

Markup:
<div class="press-list">
<form id="press-form" method="post" action="#">
    <div class="field-wrapper">
        <label class="field-name" style="color:#1a4a80">Please enter your name *</label>
        <input id="name" name="name" type="text" class="text-field" placeholder="Name" required/>
        <div class="error-message hidden">This name is already in use.</div>
    </div>
    <div class="field-wrapper">
        <label class="field-name" style="color:#1a4a80">Please enter editorial office *</label>
        <input id="office" name="office" type="text" class="text-field" placeholder="Editorial Office" required/>
    </div>
    <div class="field-wrapper">
        <label class="field-name" style="color:#1a4a80">Please enter your e-mail address *</label>
        <input id="email" name="email" type="email" class="text-field" placeholder="Email" required/>
    </div>
    <div class="field-wrapper radios">
        <label class="radio-label" style="color:#1a4a80"><input id="language" name="language" type="radio" value="en" required> English</label>
        <label class="radio-label" style="color:#1a4a80"><input id="language" name="language" type="radio" value="de"> German</label>
    </div>
    <button id="submitPressForm" type="submit" class="button button-cta1">Sign up now<span class="icon-rightarrow"></span></button>
</form>
</div>

Styleguide 7.1
*/
.field-wrapper {
  display: block;
  height: auto;
  margin-top: 20px;
  position: relative;
}

.field-wrapper:first-child {
  margin-top: 0;
}

.radios .field-name {
  display: block;
}

.press-list .field-wrapper {
  max-width: 425px;
  width: 100%;
}
.press-list .button {
  margin-top: 40px;
}
.press-list input[type="radio"] {
  margin-right: 6px;
}

.radio-label {
  font-size: 16px;
  margin-right: 16px;
}

label.field-name {
  color: #fff;
  display: inline-block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.module-dark .field-name, .module-poly .field-name {
  color: #fff;
}

.module-white .field-name {
  color: #002855;
}

input.text-field,
textarea.text-field,
label.label-placeholder,
.form-element input[type="text"],
.form-element input[type="email"],
.form-element input[type="password"],
.form-element select,
.form-element textarea {
  border-radius: 0;
  border: 2px solid #002855;
  box-sizing: border-box;
  color: #5d5d5d;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0 16px 8px 0;
  padding: 12px 20px;
  vertical-align: top;
  width: 100%;
}
input.text-field:active, input.text-field:focus,
textarea.text-field:active,
textarea.text-field:focus,
label.label-placeholder:active,
label.label-placeholder:focus,
.form-element input[type="text"]:active,
.form-element input[type="text"]:focus,
.form-element input[type="email"]:active,
.form-element input[type="email"]:focus,
.form-element input[type="password"]:active,
.form-element input[type="password"]:focus,
.form-element select:active,
.form-element select:focus,
.form-element textarea:active,
.form-element textarea:focus {
  border-color: #5984c6;
  color: #727272;
}
input.text-field.error,
textarea.text-field.error,
label.label-placeholder.error,
.form-element input[type="text"].error,
.form-element input[type="email"].error,
.form-element input[type="password"].error,
.form-element select.error,
.form-element textarea.error {
  background-color: #ffc2c2;
  border-color: #d53131;
  color: #727272;
}

.form-element textarea {
  height: 200px;
  padding: 12px;
}

label.label-placeholder {
  border: transparent;
  bottom: 4px;
  left: 0px;
  position: absolute;
  z-index: 5;
}

.error-message,
.wpcf7-not-valid-tip {
  color: #d53131;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
  min-height: 22px;
  position: relative;
}
.error-message .icon-error,
.wpcf7-not-valid-tip .icon-error {
  display: none;
}

.wpcf7-validation-errors {
  display: none;
}

.wpcf7 .field-wrapper {
  margin: 0 0 20px 0;
}

.wpcf7-mail-sent-ok {
  background: #32A437;
  font-size: 16px;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 15px;
}

.wpcf7-form.sent .field-wrapper,
.wpcf7-form.sent .form-asterisk,
.wpcf7-form.sent .wpcf7-submit {
  display: none;
}

.tooltip-icon {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -12px -652px;
  display: inline-block;
  height: 26px;
  position: relative;
  top: 7px;
  width: 26px;
}

.tooltip {
  display: none;
  font-size: 14px;
  max-width: 300px;
  padding: 9px 18px;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tooltip:after {
  color: #fff;
  content: "▼";
  display: block;
  height: 0;
  margin-left: -5px;
  padding-left: 50%;
  position: relative;
  top: 4px;
}

#mobile-tooltip {
  margin: 0 auto;
  max-width: 400px;
  position: relative;
  width: 90%;
}
#mobile-tooltip .info-mark {
  background: #002855;
  border-radius: 50%;
  color: #fff;
  font-size: 50px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 25px auto;
  text-align: center;
  width: 60px;
}
#mobile-tooltip .dark {
  background: #002855;
  padding: 25px;
  padding: 30px 25px 25px 25px;
  text-align: center;
}
#mobile-tooltip .white {
  background: #fff;
  padding: 35px 0;
  position: relative;
}

#close-tooltip {
  color: #ec9123;
  font-size: 35px;
  position: absolute;
  right: 0;
  top: -45px;
}

#ok-tooltip {
  margin: 0;
  padding: 0 30px;
  text-align: center;
}

#support-page #overlay.on {
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}
#support-page #overlay.on:before {
  height: 30%;
}

.press-list #success-container {
  display: none;
  margin-top: 32px;
}
.press-list #success-container h3 {
  margin: 17px 0 0 0;
}

.spinner-container {
  background: transparent url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/trans-dark.png");
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 11;
}

.spinner-image {
  background: transparent url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_transparent_125px.gif") center center no-repeat;
  height: 100%;
  width: 100%;
}

.wpcf7-submit {
  margin-top: 20px;
}

@media only screen and (min-width: 480px) {
  .error-message,
  .wpcf7-not-valid-tip {
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .error-message {
    margin-top: 5px;
    padding-left: 30px;
  }
  .error-message .icon-error {
    background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -13px -589px;
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
  }

  .wpcf7-not-valid-tip {
    padding-left: 30px;
  }
  .wpcf7-not-valid-tip:before {
    background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -13px -589px;
    content: '';
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .tooltip-icon {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .error-message .icon-error {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .spinner-image {
    background: transparent url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_transparent_200px.gif") center center no-repeat;
    background-size: 100px;
  }
}
.gallery-small img {
  width: 114px;
}

.gallery-large {
  text-align: center;
}
.gallery-large img {
  width: 270px;
}

.gallery-thumbnails {
  clear: both;
  padding-top: 10px;
}
.gallery-thumbnails img {
  display: block;
}
.gallery-thumbnails li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  line-height: 0;
  margin: 0 3% 32px 0;
  padding: 0;
  position: relative;
  vertical-align: top;
}
.gallery-thumbnails li:last-child {
  margin-bottom: 32px;
}
.gallery-thumbnails li div {
  background-color: #faa61a;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -ms-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.gallery-overlay {
  -ms-scroll-chaining: none;
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/trans-dark.png") repeat;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 20;
}
.gallery-overlay > div {
  display: table;
  height: 100%;
  width: 100%;
}
.gallery-overlay > div > div {
  display: table-cell;
  vertical-align: middle;
}

.gallery-image-container {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin: 0 50px;
  margin: 0 auto;
  padding: 5px;
  position: relative;
  width: auto;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.gallery-loading-container {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.gallery-loading .gallery-loading-container {
  background: #fff url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_white_125px.gif") no-repeat center center;
}

.gallery-image {
  box-sizing: border-box;
  display: block;
  height: auto;
  opacity: 0;
  position: relative;
  width: 100%;
}

.gallery-controls {
  -ms-scroll-chaining: none;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.gallery-close,
.gallery-prev,
.gallery-next {
  height: 40px;
  line-height: 0;
  margin: 0;
  padding: 0 0 5px 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.gallery-close {
  font-size: 30px;
  right: 0;
  top: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -ms-border-bottom-left-radius: 8px;
  -o-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gallery-prev,
.gallery-next {
  font-size: 40px;
  margin-top: -20px;
}

.gallery-prev {
  left: -24px;
}

.gallery-next {
  right: -24px;
}

@media only screen and (min-width: 400px) {
  .gallery-small img {
    width: 154px;
  }
}
@media only screen and (min-width: 768px) {
  .gallery-thumbnails li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .gallery-thumbnails li div:hover {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .gallery-loading .gallery-loading-container {
    background: #fff url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/spinner_white_200px.gif") no-repeat center center;
    background-size: 125px;
  }
}
.dropdown ul {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #002855;
  display: none;
  left: 0px;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: 11;
}
.dropdown ul.up {
  bottom: 48px;
  top: auto;
}
.dropdown ul li {
  margin-bottom: 0;
}
.dropdown ul li:hover {
  background: #002855;
  border-bottom: 1px solid #002855;
  color: #fff;
}
.dropdown ul li:active {
  background: #002855;
  color: #fff;
}

.dropdown-platform ul li {
  border-bottom: 1px solid #dbdbdb;
  color: #5d5d5d;
  cursor: pointer;
  display: block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  height: 90px;
  text-transform: uppercase;
}
.dropdown-platform ul li:first-child {
  color: #002955;
  font-size: 20px;
  font-weight: 700;
  height: 56px;
  line-height: 56px;
  padding-left: 15px;
  text-align: left;
}
.dropdown-platform ul li:first-child:hover, .dropdown-platform ul li:first-child:active {
  background: #ffffff;
  border-bottom: 1px solid #dbdbdb;
  color: #002955;
}
.dropdown-platform ul li img {
  display: block;
  padding-top: 10px;
  width: auto;
}
.dropdown-platform ul li .dropdown-item-text {
  display: block;
  font-weight: 100;
  height: 30px;
  line-height: 30px;
  padding-bottom: 5px;
  text-align: left;
}

.headline-module.centered .button {
  display: inline-block;
  *display: inline;
  /* for ie6/7: */
  margin-top: 60px;
  zoom: 1;
}

.module-image-huge .background-img, .teaser-image-module .background-img, .management-module .background-img {
  height: 600px;
}
.module-image-huge > .button, .teaser-image-module > .button, .management-module > .button {
  top: 453px;
}

.cta-module .button {
  margin: 48px 0 0 0;
}

.region-gr .game.genre-Casino,
.region-gr .game.genre-Kasino {
  display: none;
  pointer-events: none;
}

.module-image-small,
.module-image-huge,
.teaser-image-module,
.management-module {
  background-color: #fff;
}
.module-image-small > div.inner-wrapper,
.module-image-huge > div.inner-wrapper,
.teaser-image-module > div.inner-wrapper,
.management-module > div.inner-wrapper {
  max-width: 100% !important;
  padding: 0;
  position: relative;
  width: 100%;
}
.module-image-small img,
.module-image-huge img,
.teaser-image-module img,
.management-module img {
  border: 0;
  display: block;
  width: 100%;
}
.module-image-small .text-top,
.module-image-small .text-top-left,
.module-image-small .text-center-top,
.module-image-small .text-center-left,
.module-image-small .text-center-bottom,
.module-image-small .text-bottom-left,
.module-image-small .text-center,
.module-image-huge .text-top,
.module-image-huge .text-top-left,
.module-image-huge .text-center-top,
.module-image-huge .text-center-left,
.module-image-huge .text-center-bottom,
.module-image-huge .text-bottom-left,
.module-image-huge .text-center,
.teaser-image-module .text-top,
.teaser-image-module .text-top-left,
.teaser-image-module .text-center-top,
.teaser-image-module .text-center-left,
.teaser-image-module .text-center-bottom,
.teaser-image-module .text-bottom-left,
.teaser-image-module .text-center,
.management-module .text-top,
.management-module .text-top-left,
.management-module .text-center-top,
.management-module .text-center-left,
.management-module .text-center-bottom,
.management-module .text-bottom-left,
.management-module .text-center {
  box-sizing: border-box;
  display: block;
  padding: 0 22px;
  position: absolute;
  z-index: 5;
}
.module-image-small .text-top p,
.module-image-small .text-top-left p,
.module-image-small .text-center-top p,
.module-image-small .text-center-left p,
.module-image-small .text-center-bottom p,
.module-image-small .text-bottom-left p,
.module-image-small .text-center p,
.module-image-huge .text-top p,
.module-image-huge .text-top-left p,
.module-image-huge .text-center-top p,
.module-image-huge .text-center-left p,
.module-image-huge .text-center-bottom p,
.module-image-huge .text-bottom-left p,
.module-image-huge .text-center p,
.teaser-image-module .text-top p,
.teaser-image-module .text-top-left p,
.teaser-image-module .text-center-top p,
.teaser-image-module .text-center-left p,
.teaser-image-module .text-center-bottom p,
.teaser-image-module .text-bottom-left p,
.teaser-image-module .text-center p,
.management-module .text-top p,
.management-module .text-top-left p,
.management-module .text-center-top p,
.management-module .text-center-left p,
.management-module .text-center-bottom p,
.management-module .text-bottom-left p,
.management-module .text-center p {
  *zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955')";
  /* for IE8 */
  background: rgba(0, 41, 85, 0.53);
  color: #fff;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955');
  /* For IE6 & IE7 */
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
  padding: 19px 32px 17px 32px;
  position: relative;
  text-transform: uppercase;
}
.module-image-small .header-text,
.module-image-huge .header-text,
.teaser-image-module .header-text,
.management-module .header-text {
  bottom: 0;
  height: 100%;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1250px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.module-image-small .text-center,
.module-image-huge .text-center,
.teaser-image-module .text-center,
.management-module .text-center {
  display: table;
  height: 100%;
  left: 0;
  text-align: center;
  text-align: middle;
  top: 0;
  width: 100%;
}
.module-image-small .text-center > div,
.module-image-huge .text-center > div,
.teaser-image-module .text-center > div,
.management-module .text-center > div {
  display: table-cell;
  vertical-align: middle;
}
.module-image-small .text-top-left,
.module-image-huge .text-top-left,
.teaser-image-module .text-top-left,
.management-module .text-top-left {
  top: 40px;
}
.module-image-small .text-center-top,
.module-image-huge .text-center-top,
.teaser-image-module .text-center-top,
.management-module .text-center-top {
  text-align: center;
  top: 40px;
  width: 100%;
}
.module-image-small .text-center-left,
.module-image-huge .text-center-left,
.teaser-image-module .text-center-left,
.management-module .text-center-left {
  display: table;
  height: 100%;
  width: 100%;
}
.module-image-small .text-center-left > div,
.module-image-huge .text-center-left > div,
.teaser-image-module .text-center-left > div,
.management-module .text-center-left > div {
  display: table-cell;
  vertical-align: middle;
}
.module-image-small .text-bottom-left,
.module-image-huge .text-bottom-left,
.teaser-image-module .text-bottom-left,
.management-module .text-bottom-left {
  bottom: 40px;
}
.module-image-small .text-center-bottom,
.module-image-huge .text-center-bottom,
.teaser-image-module .text-center-bottom,
.management-module .text-center-bottom {
  bottom: 5%;
  left: 0;
  text-align: center;
  width: 100%;
}

.header {
  background: #002855;
  z-index: 12;
}
.header .header-wrapper {
  max-width: 1300px;
}
.header ul li {
  margin-bottom: 0;
  position: initial;
}

#desktop-nav {
  display: none;
}

.sub-menu > li .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

#menu-button {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  background-position: 40px -2116px;
  color: #fff;
  float: right;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  padding: 10px 32px 10px 0;
  right: 28px;
  top: 16px;
  -webkit-text-size-adjust: none;
}
#menu-button.open {
  background-position: 40px -781px;
}
#menu-button:focus {
  outline: none;
}

.main-nav li a,
.sub-menu li a {
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 63px;
  padding: 0 0 4px 0;
}

#mobile-nav .current-menu-parent > a,
#mobile-nav .current_page_parent > a,
#mobile-nav .current-menu-ancestor > a,
#mobile-nav .current_page_item > a,
#mobile-nav .current-page-ancestor.open > a, #desktop-nav .current-menu-parent > a,
#desktop-nav .current_page_parent > a,
#desktop-nav .current-menu-ancestor > a,
#desktop-nav .current_page_item > a,
#desktop-nav .current-page-ancestor.open > a {
  border-bottom: 3px solid #faa61a;
}

#mobile-nav > li.menu-item-has-children {
  background: #193d66 url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") right -2105px no-repeat;
}
#mobile-nav > li.menu-item-has-children.open {
  background: #476485 url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") right -771px no-repeat;
}

.main-nav {
  display: none;
}
.main-nav li {
  background-color: #193d66;
  border-bottom: 2px solid #476485;
  padding: 0;
}
.main-nav li:last-child {
  border: 0;
}
.main-nav li a {
  color: #fff;
  font-size: 18px;
  margin-left: 34px;
}
.main-nav li.active {
  background: #476485;
}
.main-nav li.active > a {
  border-bottom: 3px solid #faa61a;
}

.sub-menu {
  display: none;
}
.sub-menu li {
  background-color: #fff;
  border-bottom: 2px solid #85b7e1;
  padding: 0;
  position: static !important;
}
.sub-menu li a {
  color: #002855;
  font-size: 16px;
  margin-left: 68px;
  text-transform: uppercase;
}
.sub-menu .current-menu-item > a {
  border-bottom: 3px solid #faa61a;
}

.ggs-logo {
  border: 0;
  margin: 17px 0 17px 30px;
  width: 120px;
}

.language-select {
  display: none;
}

#mobile-language-select {
  color: #fff;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 63px;
  padding-left: 34px;
}
#mobile-language-select a {
  background: #001f40;
  color: #fff;
  display: block;
  float: right;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1px;
  margin: 12px 15px 0 0;
  padding: 18px 10px;
  text-align: center;
  text-transform: uppercase;
  top: 13px;
  width: auto;
}

.sub-menu-container {
  position: absolute;
  top: -1337px;
}

/*
Main Navigation

Markup:
<div class="header module">
    <div class="inner-wrapper">
        <a href="#"><img src="../img/logo.png" class="ggs-logo" /></a>
        <a href="#" class="language-select">DE</a>
        <ul class="main-nav" role="navigation">
            <li><a href="#">GAMES</a></li>
            <li><a href="#">COMMUNITY</a></li>
            <li><a href="#">SUPPORT</a></li>                   
        </ul>
    </div>
</div>

Styleguide 5.1
*/
@media only screen and (min-width: 768px) {
  .ggs-logo {
    margin: 14px 0 17px 30px;
    position: absolute;
    width: 145px;
  }

  #menu-button,
  #mobile-language-select {
    display: none;
  }

  .header {
    background: #002855;
    height: 66px;
    position: relative;
  }
  .header ul {
    float: right;
    margin-right: 18px;
  }
  .header ul li {
    border: none;
    float: left;
    margin: 0;
  }
  .header ul li a {
    border-bottom: 3px solid transparent;
    color: #fff;
    display: block;
    font-family: "myriad-pro", "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 10px;
    padding-bottom: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
  }
  .header ul li a:hover {
    border-bottom: 3px solid #faa61a;
  }
  .header ul li.current-menu-item > a, .header ul li.current_page_ancestor > a {
    border-bottom: 3px solid #faa61a;
  }

  .main-nav li,
  .sub-menu li {
    padding: 0 7px;
  }
  .main-nav li:first-child,
  .sub-menu li:first-child {
    padding-left: 0;
  }

  .main-nav {
    background: none;
    display: block;
  }
  .main-nav > li.menu-item-has-children.open {
    background: none;
  }
  .main-nav li {
    background: none;
    border: none;
    height: 66px;
  }
  .main-nav li a {
    margin-left: 0;
    top: 29px;
  }
  .main-nav li.open {
    background: none;
  }
  .main-nav li.current-menu-item {
    background: none;
  }

  .sub-menu {
    height: 50px;
    margin-right: 89px !important;
    position: absolute;
    right: 0;
    top: 63px;
    z-index: 10;
  }
  .sub-menu li {
    background: none;
    height: 50px;
    padding: 0 7px;
  }
  .sub-menu li a {
    margin-left: 0;
    top: 23px;
  }

  .sub-menu-container {
    background: #1a3d65;
    display: none;
    height: 50px;
    position: relative;
    top: 0;
    z-index: 0;
  }

  .language-select {
    background: #001f40;
    color: #fff !important;
    display: block;
    float: right;
    float: right;
    font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin-right: 30px;
    margin-top: 16px;
    text-align: center;
    top: 12px;
    width: 41px;
  }
  .language-select:hover {
    background: #faa61a;
    color: #fff !important;
  }
  .language-select:active {
    background: #001f40;
    color: #ec9123 !important;
  }
}
@media only screen and (min-width: 768px) {
  #desktop-nav {
    display: block;
  }

  #mobile-nav {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .ggs-logo {
    margin: 14px 0 17px 40px;
    position: absolute;
  }

  .header ul {
    margin-right: 8px;
  }
  .header li:last-child {
    padding-right: 30px;
  }

  .sub-menu {
    margin-right: 83px !important;
  }
  .sub-menu li {
    background: none !important;
  }

  .main-nav li,
  .sub-menu li {
    padding: 0 9px;
  }

  .language-select {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1366px) {
  .main-nav li,
  .sub-menu li {
    padding: 0 14px;
  }

  .sub-menu {
    margin-right: 88px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  #menu-button {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  #mobile-nav > li.menu-item-has-children {
    background: #193d66 url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png") right -2105px no-repeat;
    background-size: 64px;
  }
  #mobile-nav > li.menu-item-has-children.open {
    background: #476485 url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png") right -771px no-repeat;
    background-size: 64px;
  }
}
.module-footer {
  background: #37393b;
  border-top: 1px solid #5d5d5d;
}

.footer,
.sub-footer {
  max-width: 1300px;
}

.module-sub-footer {
  background: #2c2e30;
  border-top: 2px solid #005eb8;
}

.footer {
  background: inherit;
  box-sizing: border-box;
  min-height: 343px;
  padding-top: 70px;
  text-align: center;
}
.footer > div {
  display: block;
  margin: 32px auto 32px auto;
  width: 75%;
}
.footer > div:last-child {
  margin-bottom: 0;
}
.footer ul li {
  padding-left: 0;
}
.footer ul a {
  color: #a6a6a6;
  display: block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 11px;
}
.footer ul a:hover, .footer ul a:active {
  color: #dbdbdb;
}
.footer li:not(:last-child) {
  margin-bottom: 0;
}

#nav-menu-2 {
  margin-top: 0;
}

.footer-logo {
  display: none;
}

.footer-list-heading {
  color: #dbdbdb;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 12px 0;
  padding-bottom: 9px;
  position: relative;
  text-transform: uppercase;
}
.footer-list-heading:after {
  border-bottom: 1px solid #cdcdcd;
  content: '';
  display: block;
  left: 0;
  margin: 0 0 0 15%;
  position: absolute;
  top: 24px;
  width: 70%;
}

.footer-social {
  list-style-type: none;
  margin: 32px auto 0 auto !important;
  overflow: hidden;
  padding: 0 0 16px 0 !important;
  width: 200px;
}
.footer-social li {
  float: left;
  font-size: inherit;
  margin-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  position: relative;
}
.footer-social li a {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  display: block;
  height: 35px;
  margin-bottom: 0;
  width: 35px;
}
.footer-social li:first-child {
  margin-left: 0;
}
.footer-social .facebook {
  background-position: -7px -1352px;
}
.footer-social .youtube {
  background-position: -7px -1415px;
}
.footer-social .twitter {
  background-position: -7px -1543px;
}
.footer-social .instagram {
  background-position: -7px -2662px;
}
.footer-social .linkedin {
  display: none;
}
.footer-social .xing {
  display: none;
}

.footer-para-heading {
  color: #858585;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0;
  margin: 8px 0 29px 0;
  text-transform: capitalize;
}

#footer-copyright {
  padding-top: 2px;
}

.sub-footer {
  background: inherit;
  box-sizing: border-box;
  color: #8b8b8b;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-weight: 400;
  min-height: 60px;
  overflow: hidden;
  padding: 23px 30px 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.sub-footer ul {
  display: inline-block;
  overflow: hidden;
}
.sub-footer ul a, .sub-footer ul button {
  color: #8b8b8b;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.sub-footer ul a:hover, .sub-footer ul button:hover {
  color: #dbdbdb;
}
.sub-footer ul li {
  border-right: 1px solid #5d5d5d;
  display: inline-block;
  height: 17px;
  margin-bottom: 0;
  padding: 0 10px;
}
.sub-footer ul li:first-child {
  padding-left: 0;
}
.sub-footer ul li:last-child {
  border: 0 none;
  padding-right: 0;
}
.sub-footer li, .sub-footer span {
  font-size: 12px;
}
.sub-footer span {
  display: block;
  padding-bottom: 16px;
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .footer > div {
    display: inline-block;
    margin-bottom: 32px;
    margin-right: 5%;
    margin-top: 0;
    text-align: center;
    vertical-align: top;
    width: 36%;
  }
}
@media only screen and (min-width: 768px) {
  .footer > div {
    margin: 0 auto 16px auto;
    padding: 0 20px;
    width: 30%;
  }

  .sub-footer {
    display: block;
    text-align: left;
  }
  .sub-footer ul {
    float: left;
    overflow: initial;
  }
  .sub-footer ul li {
    float: left;
  }
  .sub-footer span {
    float: right;
    text-align: right;
  }

  .footer-social {
    width: 310px;
  }
  .footer-social .linkedin {
    background-position: -7px -1608px;
    display: block;
  }
  .footer-social .xing {
    background-position: -7px -1479px;
    display: block;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .footer > div {
    margin-right: 6%;
    text-align: left;
    width: 14%;
  }
  .footer h5:after {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-logo {
    display: inline-block;
    margin-right: 7%;
    width: 15%;
  }

  .footer-social {
    bottom: 32px;
    padding: 0 !important;
    position: absolute;
    right: 32px;
  }

  .footer-list-heading {
    margin: 0 0 22px 0;
  }
  .footer-list-heading:after {
    margin: 0;
    width: 80%;
  }

  .footer > img:first-child + div + div {
    width: 15%;
  }
  .footer > img:first-child + div {
    width: 15%;
  }
  .footer > div {
    margin: 0 6% 0 0;
    padding: 0;
    text-align: left;
    width: 11%;
  }
  .footer > div:last-child {
    margin-right: 0;
  }

  .sub-footer ul {
    float: left;
  }
  .sub-footer ul li {
    padding: 0 20px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .footer-social li a {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
.headline-module .col-left,
.headline-module .col-right, .press-list .col-left,
.press-list .col-right {
  padding: 0;
  width: 100%;
}
.headline-module .col-left img, .press-list .col-left img {
  display: block;
  margin-bottom: 16px;
  max-width: 180px;
  width: 100%;
}
.headline-module h1, .headline-module h2, .press-list h1, .press-list h2 {
  margin-bottom: 5px;
}
.headline-module h6, .press-list h6 {
  margin-bottom: 24px;
}
.headline-module p, .press-list p {
  margin-bottom: 0;
}

.material-module .headline-module {
  padding-bottom: 112px;
}

.h3col1-module h4 {
  margin-bottom: 32px;
  margin-top: 32px;
  text-transform: capitalize;
}

.headline-module.module-dark {
  color: #fff;
}
.headline-module.module-white {
  color: #002855;
}

@media only screen and (min-width: 1220px) {
  .headline-module .col-left, .press-list .col-left {
    float: left;
    width: 40%;
  }
  .headline-module .col-left img, .press-list .col-left img {
    max-height: 360px;
    max-width: 360px;
    width: 100%;
  }
  .headline-module .col-right, .press-list .col-right {
    float: right;
    width: 50%;
  }
}
.module-icontext-list li {
  padding: 0;
  vertical-align: top;
}

.module-icontext {
  display: inline-block;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  width: 100%;
}
.module-icontext img {
  display: inline-block;
  margin-bottom: 16px;
  margin-right: 0;
  width: 175px;
}
.module-icontext h4, .module-icontext h4, .module-icontext h5, .module-icontext h6 {
  margin-top: 0;
}
.module-icontext h3 {
  margin-bottom: 16px;
}
.module-icontext h6 {
  margin-bottom: 32px;
}
.module-icontext .open-module h4, .module-icontext .open-module p {
  margin-bottom: 32px;
  margin-top: 0;
}
.module-icontext .open-module a {
  margin: 0;
}

@media only screen and (min-width: 940px) {
  .community-module .module-icontext h3 {
    min-height: 54px;
  }
  .community-module .module-icontext:last-child, .community-module .module-icontext:nth-last-child(2) {
    margin-bottom: 0;
    min-height: 0;
  }

  .module-icontext {
    margin-bottom: 40px;
    min-height: 260px;
    overflow: visible;
    text-align: center;
    width: 48%;
  }
  .module-icontext.even {
    margin-left: 25px;
  }
  .module-icontext img {
    float: none;
    margin-right: 20px;
    max-height: 138px;
    max-width: 186px;
    width: 100%;
  }
  .module-icontext > div {
    float: none;
    width: 100%;
  }
  .module-icontext h6 {
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 1050px) {
  .community-module .module-icontext h3 {
    min-height: 83px;
  }

  .module-icontext {
    text-align: left;
  }
  .module-icontext img {
    float: left;
    max-height: 107px;
    max-width: 144px;
  }
  .module-icontext > div {
    float: left;
    width: 260px;
  }
}
.company-awards {
  text-align: center;
}
.company-awards li {
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
  vertical-align: top;
}
.company-awards li img {
  display: block;
  height: 113px;
  margin: 0 auto 16px auto;
}
.company-awards li:first-child {
  margin-left: 0;
}
.company-awards li:last-child {
  margin-right: 0;
}

.module-poly.awards-wrapper {
  background: rgba(0, 94, 184, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF005eb8', endColorstr='#BF005eb8');
  /* For IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF005eb8', endColorstr='#BF005eb8')";
  /* for IE8 */
}

.game-awards li {
  display: block;
  margin-bottom: 72px;
  padding-left: 0;
  text-align: center;
}
.game-awards li > div:first-child img {
  display: block;
  margin: 0 auto 16px auto;
  max-height: 123px;
  max-width: 120px;
  width: 100%;
}
.game-awards li h4 {
  line-height: 26px;
  margin: 0 0 10px 0;
}
.game-awards li h6 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 480px) {
  .company-awards {
    margin-left: 0;
  }
  .company-awards li {
    display: inline-block;
    width: 35%;
  }
}
@media only screen and (min-width: 768px) {
  .company-awards li {
    margin: 0 7% 0 0;
    width: 15%;
  }

  .game-awards {
    text-align: center;
  }
  .game-awards li:first-child {
    margin-right: 8%;
  }
  .game-awards li {
    display: inline-block;
    margin-bottom: 32px;
    text-align: left;
  }
  .game-awards li > div:last-child h6:last-child {
    width: 90%;
  }
  .game-awards li > div {
    display: block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1024px) {
  .game-awards {
    text-align: left;
  }
  .game-awards li:first-child {
    margin-right: 10%;
    width: 48%;
  }
  .game-awards li {
    margin-right: 1%;
    width: 38%;
  }
  .game-awards li div {
    display: inline-block;
    max-width: 60%;
  }
  .game-awards li > div:first-child {
    max-width: 120px;
    width: 100%;
  }
  .game-awards li > div:last-child {
    margin-left: 3%;
  }
  .game-awards li > div:last-child h6 {
    display: inline-block;
    vertical-align: top;
    width: 16%;
  }
  .game-awards li > div:last-child h6:last-child {
    width: 80%;
  }
}
.module-teaser {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.module-teaser .inner-wrapper {
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.module-teaser > div > img {
  width: 100%;
}
.module-teaser .logo-wrapper {
  left: 50%;
  margin-left: -95px;
  position: absolute;
  top: 50px;
  width: 190px;
}
.module-teaser .logo-wrapper > img {
  cursor: pointer;
  max-width: 190px;
}
.module-teaser .bow-wrapper {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
}
.module-teaser .logo-wrapper {
  display: block;
}
.module-teaser .play {
  bottom: 10px;
  display: block;
  left: 50%;
  margin-left: -150px;
  position: absolute;
  text-align: center;
  width: 300px;
}
.module-teaser .play .button {
  bottom: 0px;
  min-width: 125px;
}
.module-teaser .play .button span {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: 7px -295px;
  background-size: 50px;
}
.module-teaser .hidden-mobile, .module-teaser .store-links {
  display: none;
}
.module-teaser .more-info {
  bottom: 20px;
  display: block;
  left: 50%;
  position: absolute;
}
.module-teaser .more-info .button {
  left: -50%;
  margin-bottom: 0;
  position: relative;
}

.module-teaser.with-more-btn .play {
  bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .module-teaser > div {
    height: 765px;
  }
  .module-teaser .store-links {
    bottom: 20px;
    display: block;
    left: 36px;
    position: absolute;
  }
  .module-teaser .store-links h6 {
    color: #fff;
    margin-bottom: 7px;
    margin-left: 3px;
  }
  .module-teaser .store-links > a {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .module-teaser .store-links > a img {
    height: auto;
    width: 140px;
  }
  .module-teaser .play .button span {
    background-position: 10px -376px;
    background-size: 64px;
  }
  .module-teaser .play .button > ul {
    top: 64px;
  }
  .module-teaser .more-info {
    bottom: 20px;
    display: block;
    float: none;
    left: auto;
    position: absolute;
    right: 36px;
  }
  .module-teaser .more-info .button {
    left: 0;
    margin-bottom: 0;
    position: relative;
  }

  .logo-wrapper {
    display: block;
    margin-left: -115px;
    width: 230px;
  }
  .logo-wrapper > img {
    max-width: 230px;
  }

  .module-teaser.with-more-btn .play {
    bottom: 20px;
  }

  .bow-wrapper {
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .module-teaser .play {
    bottom: 20px;
  }
  .module-teaser .play .button {
    margin-bottom: 0;
  }
  .module-teaser .bow-wrapper {
    display: none;
  }
  .module-teaser .logo-wrapper {
    display: block;
    margin-left: -115px;
    width: 230px;
  }
  .module-teaser .logo-wrapper > img {
    max-width: 230px;
  }
}
@media only screen and (min-width: 1025px) {
  .module-teaser .store-links > a {
    float: left;
    margin-right: 10px;
  }
  .module-teaser .store-links > a img {
    height: 32px;
    width: auto;
  }
  .module-teaser .logo-wrapper {
    display: block;
    margin-left: -135px;
    width: 270px;
  }
  .module-teaser .logo-wrapper > img {
    max-width: 270px;
  }
  .module-teaser .play {
    bottom: 20px;
  }
  .module-teaser .play .button {
    margin-bottom: 0;
  }
  .module-teaser .hidden-mobile {
    display: block;
  }
  .module-teaser .bow-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 489px) {
  .logo-wrapper {
    display: block;
    margin-left: -115px;
    width: 230px;
  }
  .logo-wrapper > img {
    max-width: 230px;
  }
}
@media only screen and (min-width: 1280px) {
  .module-teaser .store-links > a img {
    height: auto;
    width: 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .module-teaser .play .button span {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
  }
}
.en .amazon-play-icon {
  background-image: url("../img/amazon_en.png");
}
.en .ios-play-icon {
  background-image: url("../img/apple_en.png");
}
.en .android-play-icon {
  background-image: url("../img/google_en.png");
}

.de .amazon-play-icon {
  background-image: url("../img/amazon_de.png");
}
.de .ios-play-icon {
  background-image: url("../img/apple_de.png");
}
.de .android-play-icon {
  background-image: url("../img/google_de.png");
}

.choose-dept li {
  display: block;
  margin: 0 auto 32px auto;
  max-width: 400px;
  padding: 0;
  vertical-align: top;
  width: 100%;
}
.choose-dept li img {
  display: none;
}
.choose-dept h3 {
  border-radius: 4px;
  font-size: 22px;
  width: 40%;
  margin-top: 0;
}

.choose-dept-link {
  display: block;
}

.choose-dept-icon {
  border: 0;
  margin-top: 28px;
  max-height: 193px;
}

/* .choose-dept-text {
    background: $color-button-bg;
    box-sizing: border-box;
    color: $color-button;
    height: 170px;
    line-height: 70px;
    margin: 0 auto;
    position: relative;
    width: 80%;

    span {
        font-size: 42px;
        line-height: 0;
        padding-left: 3%;
        position: relative;
        top: 2px;
    }
} 
WDS-940 ticket
*/
.video-module .inner-wrapper {
  padding: 0;
}

.video-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
}
.video-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.events-module {
  background: rgba(0, 94, 184, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF005eb8', endColorstr='#BF005eb8');
  /* For IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF005eb8', endColorstr='#BF005eb8')";
  /* for IE8 */
}
.events-module .inner-wrapper {
  padding-top: 0;
}
.events-module .headline-module {
  padding-bottom: 112px;
  padding-top: 0;
}
.events-module > div:last-child {
  min-width: 250px;
}

.event-container > div {
  padding: 0 0 16px 0;
}

.event {
  background: #ffffff;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 30px;
}
.event > img {
  display: none;
}
.event > div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.event p {
  color: #292929;
}
.event p:last-child {
  margin-bottom: 0;
}
.event h3 {
  color: #002855;
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .choose-dept li {
    display: inline-block;
    margin: 0;
    /* wds-940 */
    max-width: 325px;
    vertical-align: top;
    width: 29%;
  }
  .choose-dept li img {
    display: inline;
  }
  .choose-dept li h3 {
    margin-top: 28px;
  }

  .choose-dept-link {
    /* background: $color-button-bg; */
    border-radius: 4px;
    color: #fff;
    height: 315px;
    height: 335px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .event > img {
    display: inline-block;
    width: 18%;
  }
  .event > div {
    margin-left: 3%;
    width: 76%;
  }
  .event h3 {
    margin-top: 28px;
    margin-bottom: 0;
  }

  .choose-dept-text {
    bottom: 0;
    margin: 0;
    position: absolute;
    width: 100%;
  }

  .video-module .inner-wrapper {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .choose-dept li {
    max-width: 325px;
  }

  .choose-dept-link {
    height: 330px;
  }
  .choose-dept-link:hover h3 {
    color: #fff;
  }
  .choose-dept-link:active h3 {
    color: #fff;
  }

  .choose-dept-text {
    height: 90px;
    line-height: 91px;
  }
  .choose-dept-text span {
    font-size: 58px;
    padding-left: 3%;
    top: 2px;
  }
}
.game-filters {
  margin-bottom: 20px;
}
.game-filters .game-filter-container h5 {
  margin: 0 0 8px 0;
}
.game-filters .device-dropdown,
.game-filters .genre-dropdown {
  text-align: left;
}
.game-filters .device-dropdown {
  min-width: 115px;
}
.game-filters .genre-dropdown {
  min-width: 80px;
}
.game-filters .icon-dropdown {
  background-position: -4px -2114px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.game-filters .button-open .category {
  background-color: inherit;
}
.game-filters .button-open .icon-dropdown {
  background-position: -4px -780px;
}
.game-filters .dropdown:active .icon-dropdown,
.game-filters .button:active .icon-dropdown {
  background-position: -4px -780px;
}

.no-games-found {
  display: none;
}

.filter-list {
  top: 40px !important;
}
.filter-list li {
  border-top: 1px solid #d5d5d5;
  color: #002855;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
}

.games-module .inner-wrapper {
  text-align: center;
}
.games-module .game:first-child {
  margin-top: 0;
}
.games-module .game:last-child {
  margin-bottom: 0;
}
.games-module .game {
  background-color: #fff;
  box-sizing: border-box;
  color: #002855;
  display: inline-block;
  margin: 10px 0 40px 0;
  padding: 15px;
  width: 276px;
}
.games-module .game em {
  font-style: normal;
  font-weight: 700;
}
.games-module .game span {
  font-weight: 700;
}
.games-module .game > img, .games-module .game a > img {
  margin: -22px 0 16px -15px;
  width: 289px;
}
.games-module .game .button-play {
  min-width: 200px;
  box-sizing: border-box;
  margin: 0 10px 16px 0;
}
.games-module .game .button-info {
  min-width: 130px;
}
.games-module .game .play-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 16px 0;
}
.games-module .game-image-link img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  margin-bottom: 25px;
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .games-module .game {
    width: 420px;
  }
  .games-module .game > img, .games-module .game a > img {
    width: 440px;
    margin-top: -23px;
  }
}
@media only screen and (min-width: 580px) {
  .game-filters .game-filter-container {
    display: inline-block;
  }
  .game-filters .game-filter-container h5 {
    margin: 0 0 16px 0;
  }
  .game-filters .game-filter-container:first-child {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .games-module .game {
    width: 600px;
  }
  .games-module .game a {
    display: inline-block;
  }
  .games-module .game > img, .games-module .game a > img {
    width: 629px;
    margin: 0;
    margin-left: -15px;
    margin-top: -28px;
  }
}
@media only screen and (min-width: 1024px) {
  .games-module .inner-wrapper {
    text-align: left;
  }
  .games-module .game:first-child + .game {
    margin-top: 0;
  }
  .games-module .game {
    margin: 20px 0 25px 0;
    width: 429px;
  }
  .games-module .game.even {
    margin-left: 36px;
  }
  .games-module .game > img, .games-module .game a > img {
    width: 450px;
  }
  .games-module .game .button-play {
    width: 50%;
  }
  .games-module .game .button-info {
    width: 30%;
  }
  .games-module .game-link-image img {
    max-width: 640px;
    width: 100%;
  }
}
.quote-module .module-white {
  color: #5d5d5d;
}

.quote {
  margin-bottom: 40px;
  position: relative;
  width: 100%;
}
.quote:last-child {
  margin-bottom: 0;
}
.quote > div {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/icon_quote.png") no-repeat 0px 7px;
  height: 100%;
  margin-top: -40px;
  padding-top: 40px;
}
.quote p {
  color: #5d5d5d;
  font-style: italic;
  left: 10px;
  position: relative;
  top: 12px;
}

.quote-text, .quote-subtext {
  font-size: 18px;
  line-height: 24px;
}

.quote-subtext {
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
}
.quote-subtext strong, .quote-subtext span {
  font-style: normal;
  font-weight: 700;
}

.quote-portrait {
  display: block;
  height: 136px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 135px;
}

@media only screen and (min-width: 600px) {
  .quote.even {
    margin-left: 20%;
    max-width: 83%;
  }
  .quote.even p {
    padding-right: 30px;
  }
  .quote p {
    left: 30px;
  }
  .quote > div {
    display: inline-block;
    left: 105px;
    padding-left: 25px;
    position: relative;
    width: 65%;
  }
  .quote .quote-portrait {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .quote > div {
    background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/icon_quote@2x.png") no-repeat 0px 7px;
    background-size: 109px;
  }
}
.jobs-module > .inner-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.jobs-module .filter-wrapper {
  display: block;
  position: relative;
  text-align: left;
  width: 100%;
}
.jobs-module .filter-wrap {
  box-sizing: border-box;
  display: block;
  padding-left: 22px;
  padding-right: 22px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.jobs-module .filter-wrap h5 {
  color: #797979;
  display: block;
  margin: 0;
  margin-bottom: 16px;
  text-align: left;
}
.jobs-module .filter {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 32px;
}
.jobs-module .filter .category {
  background: none;
}
.jobs-module .icon-dropdown {
  background-position: 8px -2115px;
  height: 40px;
  line-height: 40px;
  width: 64px;
}
.jobs-module .button-open .icon-dropdown, .jobs-module .dropdown:active .icon-dropdown {
  background-position: 8px -768px;
}
.jobs-module .dataTables_wrapper {
  text-align: center;
}
.jobs-module .dataTables_filter > label {
  display: none;
}
.jobs-module .dropdown {
  padding-left: 36px;
  text-align: left;
}
.jobs-module table {
  background-color: #fff;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  text-align: left;
  width: 100%;
}
.jobs-module tbody {
  float: inherit;
}
.jobs-module thead, .jobs-module tbody, .jobs-module tr {
  width: 100%;
}
.jobs-module thead {
  display: none;
}
.jobs-module tr {
  border-bottom: 1px solid #dbdbdb;
  display: inline-block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 16px;
}
.jobs-module tr:after {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: -4px -2602px;
  content: "";
  height: 57px;
  overflow: hidden;
  pointer-events: none;
  /* "hack" to allow clickthrough to link. WDS-924 */
  position: absolute;
  right: 7px;
  width: 40px;
  zoom: 1;
}
.jobs-module td {
  box-sizing: border-box;
  color: #5d5d5d;
  display: block;
  float: left;
  padding-left: 22px;
  padding-right: 50px;
  padding-top: 8px;
  position: relative;
  width: 100%;
}
.jobs-module td a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-indent: -9999px;
}
.jobs-module td:first-child {
  color: #002855;
  padding-top: 18px;
}
.jobs-module td:first-child + td + td {
  padding-bottom: 18px;
}
.jobs-module .filter-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #002855;
  display: none;
  left: 0px;
  max-height: 320px;
  overflow-y: auto;
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 15;
}
.jobs-module .filter-list li {
  border-top: 1px solid #d5d5d5;
  font-weight: 400;
  height: 64px;
  line-height: 64px;
  margin-bottom: 0;
  padding: 0 36px;
  position: relative;
  text-align: left;
}
.jobs-module .filter-list li a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.jobs-module .filter-list li:first-child {
  border-color: transparent;
}

.desktop .jobs-module .filter-list li:hover {
  background-color: #002855;
  border-bottom: 0;
  border-color: #002855;
  color: #fff;
}
.desktop .jobs-module tr:hover:after {
  background-position: -4px -2554px;
}
.desktop .jobs-module tr:hover td {
  background-color: #002855;
  color: #fff;
}

@media (min-width: 768px) and (max-width: 949px) {
  .jobs-module .filter-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
  .jobs-module tr:after {
    right: 15px;
  }
  .jobs-module td {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 950px) {
  .desktop .jobs-module tr:hover:after {
    background-position: -4px -2554px;
  }

  .jobs-module {
    /* setting on last child margin because inner-wrapper has no padding */
  }
  .jobs-module > .inner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  /* .jobs-module .filter-wrapper {
     text-align: right; 
  } */
  .jobs-module .filter-wrap:first-child + .filter-wrap + .filter-wrap {
    padding-right: 30px;
  }
  .jobs-module .filter-wrap {
    display: inline-block;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  .jobs-module .filter {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    min-width: 160px;
    padding-left: 15px;
    padding-right: 50px;
  }
  .jobs-module .filter .category {
    background-color: inherit;
    height: 40px;
    line-height: 40px;
    position: relative;
  }
  .jobs-module .icon-dropdown {
    background-position: -4px -2114px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  .jobs-module .button-open .category {
    background-color: inherit;
  }
  .jobs-module .button-open .icon-dropdown {
    background-position: -4px -780px;
  }
  .jobs-module .dropdown:active .icon-dropdown, .jobs-module .button:active .icon-dropdown {
    background-position: -4px -780px;
  }
  .jobs-module .filter-list {
    max-height: 320px;
    overflow-y: auto;
    top: 40px;
  }
  .jobs-module .filter-list li {
    height: 40px;
    line-height: 40px;
  }
  .jobs-module .filter-wrap:first-child + .filter-wrap .filter {
    min-width: 200px;
  }
  .jobs-module table {
    width: 100%;
  }
  .jobs-module tbody {
    float: none;
  }
  .jobs-module tr {
    border-bottom: 0px;
    display: table-row;
    height: 54px;
  }
  .jobs-module tr:after {
    background-position: -4px -2602px;
    right: 15px;
  }
  .jobs-module td {
    border-bottom: 1px solid #dbdbdb;
    color: #5d5d5d;
    display: table-cell;
    height: auto;
    line-height: 24px;
    padding: 16px 10px 16px 30px;
    width: auto;
  }
  .jobs-module td:first-child {
    color: #5d5d5d;
    height: auto;
    line-height: 24px;
    padding: 16px 10px 16px 30px;
    width: 50%;
  }
  .jobs-module td:nth-child(2) {
    width: 25%;
  }
  .jobs-module td:last-child {
    width: 25%;
  }
  .jobs-module td:first-child + td + td {
    padding-bottom: 16px;
  }
}
.jobs-description-module .inner-wrapper {
  padding-top: 64px;
}
.jobs-description-module .description-wrapper {
  width: 100%;
}
.jobs-description-module .description {
  float: left;
  padding-top: 72px;
  text-align: center;
  width: 100%;
}
.jobs-description-module .description h1 {
  font-size: 31px;
  line-height: 31px;
  text-align: left;
}
.jobs-description-module .description h6 {
  margin: 0;
  margin-top: 8px;
  padding-bottom: 40px;
  text-align: left;
}
.jobs-description-module .description h4 {
  color: #002855;
  margin: 0;
  padding-bottom: 16px;
  text-align: left;
}
.jobs-description-module .description p {
  margin-bottom: 0;
  padding-bottom: 40px;
  text-align: left;
}
.jobs-description-module .description ul {
  margin-bottom: 0;
  padding-bottom: 60px;
  text-align: left;
}
.jobs-description-module .description ul li {
  padding-left: 15px;
  text-align: left;
}
.jobs-description-module .description ul li:before {
  color: #002855;
  left: 0;
}
.jobs-description-module .description div.job-additional {
  padding-bottom: 40px;
}
.jobs-description-module .description div.job-additional p {
  padding-bottom: 16px;
}
.jobs-description-module .button-wrapper {
  display: none;
  float: right;
  text-align: right;
  width: auto;
}
.jobs-description-module .button-wrapper a.button-cta1 {
  margin-bottom: 64px;
}
.jobs-description-module .button-wrap-bottom {
  margin-top: 64px;
  text-align: center;
  width: 100%;
}
.jobs-description-module .end-button-wrap > .social-share {
  display: inline-block;
  height: auto;
  margin-right: 20px;
  padding-bottom: 0;
  vertical-align: top;
}
.jobs-description-module .end-button-wrap > .social-share li {
  padding-left: 0;
}
.jobs-description-module .end-button-wrap a {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .jobs-description-module .description h1 {
    font-size: 54px;
    line-height: 54px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .jobs-description-module .description {
    width: 650px;
  }
  .jobs-description-module .button-wrapper {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .jobs-description-module .end-button-wrap > .social-share {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .jobs-description-module .description {
    width: 700px;
  }
  .jobs-description-module .button-wrapper {
    display: inline-block;
  }
}
.dataTables_paginate .previous.disabled {
  display: none;
}
.dataTables_paginate .next.disabled {
  display: none;
}
.dataTables_paginate > span .current {
  display: block;
}
.dataTables_paginate > span a {
  display: none;
}
.dataTables_paginate > span span {
  display: none;
}

@media only screen and (min-width: 768px) {
  .dataTables_paginate > span .current {
    display: block;
  }
  .dataTables_paginate > span a {
    display: block;
  }
  .dataTables_paginate > span span {
    display: block;
  }
}
.button-wrap-top {
  width: 100%;
}

.paginate_button {
  outline: none;
}

#jobs_next.disabled, #jobs_previous.disabled {
  display: none;
}

.dataTables_empty {
  width: 100% !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .jobs-module tr:after {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
/* CSS added for Jobs Full Text Search.. */
.orange-border {
  border: 2px solid #faa61a !important;
}

#search-term {
  float: left;
  height: 40px;
  margin: 0;
  padding: 0 0 0 10px;
  width: 172px;
}

.search-button {
  border-radius: 0 5px 5px 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 33px;
}

#jobs-not-found {
  border-bottom: 1px solid #dbdbdb;
  display: none;
  margin: 20px 0 0 0;
  padding: 20px 30px;
}

#jobs-not-found p {
  /* font-weight: bold; */
  color: #dd3333 !important;
  display: inline;
  font-size: 20px;
  margin: 0;
}

#form-jobs-search .search-button {
  min-width: 64px;
}

@media only screen and (min-width: 360px) {
  #form-jobs-search .search-button {
    min-width: 80px;
  }

  #search-term {
    width: 220px;
  }
}
.timeline-wrapper > .inner-wrapper > div:last-of-type .inner-wrapper {
  padding-bottom: 0;
}

.headline-timeline h3 {
  border-radius: 50%;
  border: 4px solid #fff;
  display: inline-block;
  font-size: 35px;
  height: 100px;
  line-height: 100px;
  width: 100px;
}

#timeline-previous {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: -3px -782px;
}

#timeline-next {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-position: -3px -2116px;
}

.timeline {
  overflow: visible;
  position: relative;
}
.timeline li {
  background: #fff;
  float: none;
  height: auto;
  margin: 0 auto 72px auto;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  max-width: 476px;
  width: 100%;
}
.timeline li:last-child {
  margin-bottom: 0;
}
.timeline li p {
  line-height: 23px;
}
.timeline li:first-child {
  margin-top: 0;
}
.timeline li h3 {
  margin: 0 0 10px 0;
}

.timeline-divider {
  background: #fff;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 0;
  width: 4px;
  z-index: 0;
}

.timeline-date {
  color: #002855;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 35px;
  padding: 4px 0;
  text-transform: uppercase;
  text-align: center;
  top: 7px;
  z-index: 4;
}
.timeline-date strong {
  margin-right: 7px;
}
.timeline-date strong,
.timeline-date span {
  position: relative;
}

.photo-container {
  background: #dbdbdb;
  font-size: 0;
  max-height: 330px;
  max-width: 768px;
  text-align: center;
  width: 100%;
}
.photo-container img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.photo-container li {
  min-height: 0 !important;
  width: 100%;
}

.timeline-content {
  color: #002855;
  padding: 20px;
}
.timeline-content h3 {
  margin: 0;
  font-size: 35px;
  line-height: 35px;
}
.timeline-content p {
  margin: 20px 0 0 0;
}
.timeline-content p .more-link {
  display: block;
  margin-top: 10px;
  text-align: left;
  float: none;
  margin: 0;
  padding: 0;
}

.timeline-menu-container {
  display: none;
  right: 0;
}

.timeline-menu-container {
  display: table;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
}

.timeline-menu {
  display: table-cell;
  vertical-align: middle;
}
.timeline-menu li {
  display: block;
  margin-bottom: 3px;
  padding-left: 0;
}
.timeline-menu li a {
  color: #fff;
  display: block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  height: 39px;
  line-height: 39px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}

#timeline-previous, #timeline-next {
  background: #faa61a url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  cursor: pointer;
}
#timeline-previous:hover, #timeline-previous.active, #timeline-next:hover, #timeline-next.active {
  background-color: #ec9123;
}
#timeline-previous:active, #timeline-next:active {
  background-color: #ec9123;
}
#timeline-previous.disabled, #timeline-next.disabled {
  background-color: #002855;
  cursor: default;
}

#timeline-current {
  background-color: #002855;
  cursor: default;
}

#timeline-previous {
  background-position: -3px -782px;
}

#timeline-next {
  background-position: -3px -2116px;
}

@media only screen and (min-width: 768px) {
  .timeline-module .inner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .timeline {
    margin: 0 auto;
    max-width: 690px;
    padding-right: 0;
  }
  .timeline .timeline-date:after {
    border-style: solid;
    content: '';
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  .timeline li:last-child.even {
    margin-bottom: 0;
  }
  .timeline li:last-child.odd {
    margin-bottom: 0;
  }
  .timeline li:nth-last-child(2).odd {
    margin-bottom: 0;
  }
  .timeline li {
    min-height: 343px;
    padding-left: 0;
    width: 305px;
    margin: 0 auto 100px auto;
  }
  .timeline li.odd {
    clear: left;
    float: left;
    margin-left: -6px;
  }
  .timeline li.odd .timeline-dot {
    left: auto;
    right: -53px;
  }
  .timeline li.odd .timeline-date:after {
    border-color: #dbdbdb transparent transparent transparent;
    border-width: 25px 25px 0 0;
    left: auto;
    right: -25px;
  }
  .timeline li.even {
    clear: right;
    float: right;
    margin-top: 70px;
    margin-right: -6px;
  }
  .timeline li.even:first-child {
    margin-top: 100px;
  }
  .timeline li.even .timeline-dot {
    left: -53px;
  }
  .timeline li.even .timeline-date {
    left: 0;
  }
  .timeline li.even .timeline-date:after {
    border-color: transparent #dbdbdb transparent transparent;
    border-width: 0 25px 25px 0;
    left: -25px;
  }

  .timeline-dot {
    background: #dbdbdb;
    border-radius: 50%;
    display: block;
    height: 14px;
    position: absolute;
    top: -5px;
    width: 14px;
    z-index: 3;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
  }
}
@media only screen and (min-width: 1024px) {
  .timeline {
    margin: 0 auto;
    max-width: 960px;
  }
  .timeline li {
    width: 393px;
  }
  .timeline li.odd {
    margin-left: 0;
  }
  .timeline li.odd .timeline-dot {
    right: -64px;
  }
  .timeline li.even {
    margin-right: 0;
  }
  .timeline li.even .timeline-dot {
    left: -64px;
  }

  .timeline-menu-container {
    right: 33px;
  }

  .timeline-menu li a {
    width: 59px;
  }

  #timeline-previous {
    background-position: 6px -781px;
  }

  #timeline-next {
    background-position: 6px -2116px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  #timeline-previous,
  #timeline-next {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
/*
Icontext

Markup:
<div class="module poly community-module">
<div class="module-icontext" style="width: 80%">
    <img src="../img/emfk.png" alt="Empire Four Kingdoms" />
    <div>
        <h3>Empire Four Kingdoms</h3>
        <div class="button button-cta1 dropdown forum-dropdown" data-game="shadow_kings">Join the Forum<span class="icon-dropdown"></span>
            <ul></ul>
        </div>
        <a href="#" class="button-facebook" target="_blank"><span></span>Follow us on facebook</a>
    </div>
</div>
</div>

Styleguide 6.1
*/
.forum-dropdown {
  max-width: 152px;
  width: 100%;
}
.forum-dropdown ul {
  background: #F0F1F4;
}
.forum-dropdown ul li {
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  box-sizing: border-box;
  float: left;
  margin-bottom: 0;
  padding: 0;
  position: initial;
  position: relative;
  width: 50%;
}
.forum-dropdown ul li a {
  color: #5d5d5d;
  display: block;
  font-weight: 400;
  height: 46px;
  line-height: 46px;
  text-align: center;
  width: 100%;
}
.forum-dropdown ul li a:hover {
  color: #fff;
}
.forum-dropdown ul li a:active {
  color: #ec9123;
}
.forum-dropdown ul li:nth-child(2n) {
  border-right: 0px;
}

.button-facebook {
  background: #3b5999 url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat;
  background-position: 8px -1349px;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 700;
  height: 40px;
  line-height: 41px;
  margin: 0 auto 32px auto;
  max-width: 200px;
  padding: 0 20px 0 40px;
  width: 100%;
}
.button-facebook:hover {
  background-color: #fff;
  background-position: 8px -1733px;
  color: #002855;
}
.button-facebook:visited {
  color: #fff;
}
.button-facebook:visited:hover {
  color: #002855;
}

@media only screen and (min-width: 768px) {
  .button-facebook {
    font-size: 16px;
  }

  .flag-icon {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/support_language_sprite.png");
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    right: 27px;
    top: 13px;
    width: 30px;
  }

  .forum-dropdown ul li {
    padding-left: 24px;
  }
  .forum-dropdown ul li a {
    position: relative;
    text-align: left;
  }
  .forum-dropdown .ar .flag-icon {
    background-position: -1px 0px;
  }
  .forum-dropdown .bg .flag-icon {
    background-position: -1px -31px;
  }
  .forum-dropdown .cs .flag-icon {
    background-position: -1px -62px;
  }
  .forum-dropdown .de .flag-icon {
    background-position: -1px -93px;
  }
  .forum-dropdown .el .flag-icon {
    background-position: -1px -124px;
  }
  .forum-dropdown .us .flag-icon {
    background-position: -1px -155px;
  }
  .forum-dropdown .es .flag-icon {
    background-position: -1px -186px;
  }
  .forum-dropdown .fr .flag-icon {
    background-position: -1px -217px;
  }
  .forum-dropdown .it .flag-icon {
    background-position: -1px -248px;
  }
  .forum-dropdown .ja .flag-icon {
    background-position: -1px -279px;
  }
  .forum-dropdown .nl .flag-icon {
    background-position: -1px -310px;
  }
  .forum-dropdown .pl .flag-icon {
    background-position: -1px -341px;
  }
  .forum-dropdown .pt .flag-icon {
    background-position: -1px -372px;
  }
  .forum-dropdown .ro .flag-icon {
    background-position: -1px -403px;
  }
  .forum-dropdown .ru .flag-icon {
    background-position: -1px -434px;
  }
  .forum-dropdown .tr .flag-icon {
    background-position: -1px -465px;
  }
  .forum-dropdown .hu .flag-icon {
    background-position: -1px -496px;
  }
  .forum-dropdown .ko .flag-icon {
    background-position: -1px -527px;
  }
  .forum-dropdown .zh .flag-icon {
    background-position: -1px -558px;
  }
  .forum-dropdown .en .flag-icon {
    background-position: -1px -589px;
  }
  .forum-dropdown:hover {
    background-position: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .button-facebook {
    max-width: 200px;
    width: 100%;
  }

  .flag-icon {
    right: 17px;
  }

  .forum-dropdown ul li {
    padding: 0 0 0 10px;
    width: 33.33%;
  }
  .forum-dropdown ul li:nth-child(3n) {
    border-right: 0px !important;
  }
  .forum-dropdown ul li:nth-child(2n) {
    border-right: 1px solid #d5d5d5;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .flag-icon {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/support_language_sprite_2x.png");
    background-size: 30px;
    top: 13px;
  }

  .forum-dropdown .ar .flag-icon {
    background-position: 0 0px;
  }
  .forum-dropdown .bg .flag-icon {
    background-position: 0 -31px;
  }
  .forum-dropdown .cs .flag-icon {
    background-position: 0 -62px;
  }
  .forum-dropdown .de .flag-icon {
    background-position: 0 -93px;
  }
  .forum-dropdown .el .flag-icon {
    background-position: 0 -124px;
  }
  .forum-dropdown .us .flag-icon {
    background-position: 0 -155px;
  }
  .forum-dropdown .es .flag-icon {
    background-position: 0 -186px;
  }
  .forum-dropdown .fr .flag-icon {
    background-position: 0 -217px;
  }
  .forum-dropdown .it .flag-icon {
    background-position: 0 -248px;
  }
  .forum-dropdown .ja .flag-icon {
    background-position: 0 -279px;
  }
  .forum-dropdown .nl .flag-icon {
    background-position: 0 -310px;
  }
  .forum-dropdown .pl .flag-icon {
    background-position: 0 -341px;
  }
  .forum-dropdown .pt .flag-icon {
    background-position: 0 -372px;
  }
  .forum-dropdown .ro .flag-icon {
    background-position: 0 -403px;
  }
  .forum-dropdown .ru .flag-icon {
    background-position: 0 -434px;
  }
  .forum-dropdown .tr .flag-icon {
    background-position: 0 -465px;
  }
  .forum-dropdown .hu .flag-icon {
    background-position: 0 -496px;
  }
  .forum-dropdown .ko .flag-icon {
    background-position: 0 -527px;
  }
  .forum-dropdown .zh .flag-icon {
    background-position: 0 -558px;
  }
  .forum-dropdown .en .flag-icon {
    background-position: 0 -589px;
  }

  .button-facebook {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
.lightbox {
  background: transparent url("../img/event-photo5.jpg") no-repeat;
  background-position: 50% 50% !important;
  background-size: contain;
  display: inline-block;
  height: 80%;
  vertical-align: middle;
  width: 80%;
}
.lightbox .close {
  background: #fff;
  display: block;
  font-weight: 700;
  height: 33px;
  line-height: 33px;
  position: absolute;
  right: 33px;
  top: 33px;
  width: 33px;
}

.article-logo {
  width: 43px;
}

.article-module {
  /** Change for Media Coverage **/
}
.article-module.module-high > div.inner-wrapper {
  padding-bottom: 50px;
  padding-top: 50px;
}
.article-module.module-high.media-coverage > div.inner-wrapper {
  padding-bottom: 20px;
  padding-top: 20px;
}
.article-module h3 > a {
  color: #002955;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed",sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  text-transform: uppercase;
}

.paging-module.module-high {
  text-align: center;
}
.paging-module.module-high > div.inner-wrapper {
  padding: 0 0 50px 0;
}

.article-arrow-wrap {
  bottom: 43px;
  height: 20px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.article-arrow-wrap div {
  background: #fff;
  border-top: 1px solid #dddddd;
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 0;
  width: 50%;
}
.article-arrow-wrap div:after {
  border-bottom: 20px solid #fff;
  content: '';
  position: absolute;
  top: 0;
}
.article-arrow-wrap div.article-arrow-left {
  left: -20px;
}
.article-arrow-wrap div.article-arrow-left:after {
  background-image: url("//static.goodgamestudios.com/wp-content/themes/ggs-rcw/img/border-arrow.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border-right: 20px solid transparent;
  right: -20px;
}
.article-arrow-wrap div.article-arrow-right {
  right: -20px;
}
.article-arrow-wrap div.article-arrow-right:after {
  background-image: url("//static.goodgamestudios.com/wp-content/themes/ggs-rcw/img/border-arrow.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  border-left: 20px solid transparent;
  left: -20px;
}

.module .article-info {
  height: 100%;
}
.module .article-info h6 {
  margin-bottom: 0;
  margin-top: 10px;
}
.module .article-info p {
  display: block;
  padding-top: 32px;
}

@media only screen and (min-width: 480px) {
  .article-logo {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .paging-num a {
    display: block;
  }
  .paging-num .more-pages-dots {
    display: block;
  }

  .latest-press-module .column-wrapper .three-col {
    margin-bottom: 56px;
  }
  .latest-press-module .column-wrapper .three-col p {
    margin-bottom: 0;
    min-height: 238px;
  }
}
.latest-press-module {
  text-align: center;
}
.latest-press-module h2 {
  text-align: left;
}
.latest-press-module .column-wrapper {
  margin-bottom: 0;
  margin-top: 54px;
  width: 100%;
}
.latest-press-module .column-wrapper .three-col {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
.latest-press-module .column-wrapper .three-col a span {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -8px -1228px;
  height: 40px;
  position: absolute;
  width: 40px;
}
.latest-press-module .column-wrapper .three-col a[href$=".pdf"]:after {
  content: none;
}
.latest-press-module .column-wrapper .three-col p {
  min-height: 148px;
  text-align: left;
}
.latest-press-module .column-wrapper .three-col h5 {
  display: block;
  margin: 0;
  padding-bottom: 16px;
  text-align: left;
}
.latest-press-module .column-wrapper .three-col h6 {
  margin-bottom: 0;
  padding-bottom: 32px;
  text-align: left;
  text-transform: none;
  font-style: italic;
}
.latest-press-module .column-wrapper .three-col img {
  margin-bottom: 32px;
}
.latest-press-module .column-wrapper .three-col:first-child, .latest-press-module .column-wrapper .three-col:first-child + div {
  margin-right: 3%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .latest-press-module .column-wrapper .three-col a span {
    background-image: "//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png";
    background-size: 64px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .latest-press-module .column-wrapper .three-col p {
    min-height: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .latest-press-module .column-wrapper .three-col {
    width: 30%;
  }
}
.latest-releases-module .left-col {
  float: none;
  margin-bottom: 64px;
  text-align: left;
  width: 100%;
}
.latest-releases-module .right-col {
  float: none;
  text-align: left;
  width: 100%;
}
.latest-releases-module .right-col .article-module.sub-module {
  margin-bottom: 40px;
}
.latest-releases-module .right-col .article-module.sub-module .inner-wrapper {
  padding: 0;
  text-align: left;
}
.latest-releases-module .right-col .article-module.sub-module .inner-wrapper .article-logo,
.latest-releases-module .right-col .article-module.sub-module .inner-wrapper .article-info {
  padding: 0;
}

@media only screen and (min-width: 1220px) {
  .latest-releases-module .left-col {
    float: left;
    width: 40%;
  }
  .latest-releases-module .right-col {
    float: right;
    width: 50%;
  }
}
.material-col-module h2 {
  margin-bottom: 54px;
  text-align: left;
}
.material-col-module .left-col {
  float: left;
  width: 100%;
}
.material-col-module .right-col {
  float: left;
  margin-top: 64px;
  width: 100%;
}
.material-col-module .left-col .module-icontext, .material-col-module .right-col .module-icontext {
  width: 100%;
}
.material-col-module .left-col .module-icontext img, .material-col-module .right-col .module-icontext img {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-height: 200px;
  max-width: 200px;
}
.material-col-module .left-col .module-icontext .open-module, .material-col-module .right-col .module-icontext .open-module {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
}
.material-col-module .left-col .module-icontext .open-module h6, .material-col-module .right-col .module-icontext .open-module h6 {
  margin-bottom: 64px;
}

@media (min-width: 768px) and (max-width: 1050px) {
  .material-col-module h2 {
    text-align: center;
  }
  .material-col-module .left-col {
    float: left;
    margin-right: 1%;
    width: 48%;
  }
  .material-col-module .right-col {
    float: right;
    margin-top: 0;
    width: 48%;
  }
}
@media only screen and (min-width: 1050px) {
  .material-col-module h2 {
    text-align: center;
  }
  .material-col-module .left-col {
    float: left;
    margin-right: 1%;
    width: 48%;
  }
  .material-col-module .right-col {
    float: right;
    margin-top: 0;
    width: 48%;
  }
  .material-col-module .left-col .module-icontext img, .material-col-module .right-col .module-icontext img {
    float: left;
    margin-right: 20px;
  }
  .material-col-module .left-col .module-icontext .open-module, .material-col-module .right-col .module-icontext .open-module {
    float: left;
    width: 210px;
  }
}
#map-canvas {
  height: 400px;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.gm-style-iw {
  min-width: 250px;
}

@media only screen and (min-width: 1024px) {
  #map-canvas {
    height: 600px;
  }
}
.maps-module p {
  font-size: 14px;
  line-height: 12px;
}

.module-poly .yellow-text {
  color: #ec9123;
}

.col2-text-module .left-col {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.col2-text-module .right-col {
  float: left;
  width: 100%;
}
.col2-text-module p {
  margin-bottom: 20px;
}
.col2-text-module h3 {
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .col2-text-module .left-col {
    float: left;
    margin-bottom: 0px;
    width: 45%;
  }
  .col2-text-module .right-col {
    float: right;
    width: 50%;
  }
}
.floated-image {
  padding-bottom: 64px;
  width: 100%;
}
.floated-image.last {
  padding-bottom: 0px;
}
.floated-image .content {
  float: left;
  width: 100%;
}
.floated-image .content table {
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  margin-top: 30px;
}
.floated-image .content table tr {
  line-height: 25px;
}
.floated-image .content table tr td:first-child {
  font-weight: 700;
  padding-right: 30px;
  vertical-align: top;
  width: 45%;
}
.floated-image .content table tr td:first-child + td {
  vertical-align: bottom;
}
.floated-image .content h4 {
  margin: 0;
}
.floated-image .content-image {
  display: inline-block;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}

.floated-image.floating-right .content {
  float: left;
}

.imgtxt-responsive-img {
  max-height: 320px;
  max-width: 449px;
  width: 100%;
  height: 100%;
}

.floated-image.imgtxt-responsive .content {
  float: none;
  margin: 0 auto;
  max-width: 449px;
  width: 100%;
}
.floated-image.imgtxt-responsive .content h4 {
  margin: 0 0 32px 0;
}
.floated-image.imgtxt-responsive .content-image {
  float: left;
}

@media only screen and (min-width: 1020px) {
  .floated-image .content {
    width: 50%;
  }
  .floated-image .content-image {
    display: inline-block;
    float: right;
    text-align: center;
    width: 50%;
    margin-top: 0;
  }
  .floated-image .content-image > .dontbelazy {
    max-height: 200px;
  }
  .floated-image .content-image > .imgtxt-responsive-img {
    max-height: inherit;
  }

  .floated-image.floating-right .content {
    float: right;
  }
  .floated-image.floating-right .content-image {
    display: block;
    float: left;
  }
}
.error-module {
  text-align: center;
}
.error-module .inner-wrapper {
  padding-top: 112px;
}
.error-module .head-text {
  color: #b9bdc6;
  display: inline-block;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 140px;
  font-weight: 700;
  line-height: 16px;
  vertical-align: bottom;
}
.error-module p {
  text-align: justify;
}
.error-module h2 {
  margin-bottom: 8px;
}
.error-module h4 {
  margin-bottom: 15px;
  padding-top: 12px;
  text-align: left;
}

.error-image-wrapper {
  text-align: center;
}
.error-image-wrapper img {
  display: block;
  margin: auto;
  max-width: 850px;
  width: 100%;
}

#error-code-page {
  background: #fff;
}

#site-error-code {
  color: #002855;
  display: block;
  font-size: 140px;
  font-weight: 700;
  line-height: 140px;
  margin: -30px 0 50px 0;
  padding: 0;
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .error-module .head-text {
    font-size: 180px;
  }

  #site-error-code {
    font-size: 200px;
    line-height: 200px;
  }
}
.error-module h5 {
  margin-bottom: 16px;
  text-align: left;
}

.error-description {
  color: #002855;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 84px;
  text-transform: uppercase;
}
.error-description a {
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
}

.sitemap-module a {
  display: block;
  margin-top: 24px;
}
.sitemap-module div > a:first-child {
  margin-top: 0;
}
.sitemap-module h3 {
  margin: 0 0 16px 0;
}
.sitemap-module ul {
  margin-left: 32px;
}
.sitemap-module ul ul {
  margin-bottom: 32px;
  margin-left: 32px;
}
.sitemap-module li {
  font-size: 16px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .sitemap-module h3 {
    margin-left: 110px;
  }
  .sitemap-module ul {
    margin-left: 142px;
  }
  .sitemap-module ul ul {
    margin-left: 32px;
  }
}
/* TEMP CSS -> till launch because of hardcode sitemap html*/
.sitemap-list {
  margin: 20px 0 30px 60px;
}

.children {
  margin: 20px 0 30px 20px;
}

.kpi-wrapper {
  margin-top: 80px;
  width: 100%;
}
.kpi-wrapper .three-col {
  float: left;
  padding-bottom: 64px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .kpi-wrapper .three-col {
    float: left;
    padding-right: 5.33%;
    text-align: center;
    width: 28%;
  }
}

.big-numb {
  color: #faa61a;
  font-size: 54px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.numb-title {
  color: #fff;
  font-size: 20px;
  font-style: italic;
  padding-top: 16px;
}

.numb-desc {
  color: #85b7e2;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  text-transform: uppercase;
  width: 60%;
}

.partner-login-module {
  text-align: right;
}
.partner-login-module .inner-wrapper {
  padding: 30px;
}
.partner-login-module p {
  display: inline-block;
  padding-right: 30px;
}

.partner-signup-module .inner-wrapper > div:first-child {
  display: table;
  width: 100%;
}

.parent-path-item {
  display: table-row;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.parent-path-item h4 {
  color: #002955;
}
.parent-path-item > img {
  margin-bottom: 32px;
}

.path-arrow {
  display: none;
}

.sign-partner {
  padding-bottom: 20px;
  padding-top: 70px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .partner-signup-module .inner-wrapper > div:first-child {
    display: table-row;
    width: 100%;
  }

  .parent-path-item {
    display: table-cell;
    width: 25%;
  }

  .path-arrow {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 120px;
  }
  .path-arrow .path-arrow-img {
    background-image: url("../img/partner-arrow.png");
    height: 80px;
    margin: auto;
    width: 80px;
  }
}
.contact-icon {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: #faa61a;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
}
.contact-icon a {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-size: 50px;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.email-icon > a {
  background-position: 1px -1799px;
}
.email-icon:hover {
  background-color: #d57a0c;
}

.twitter-icon > a {
  background-position: 1px -1199px;
}
.twitter-icon:hover {
  background-color: #d57a0c;
}

.linkedin-icon > a {
  background-position: 2px -1250px;
}
.linkedin-icon:hover {
  background-color: #d57a0c;
}

.xing-icon > a {
  background-position: 1px -1148px;
}
.xing-icon:hover {
  background-color: #d57a0c;
}

.google-icon > a {
  background-position: 3px -1298px;
}
.google-icon:hover {
  background-color: #d57a0c;
}

.contact-columns {
  background-color: #f0f1f4;
}
.contact-columns .sub-module .inner-wrapper {
  padding: 0;
}
.contact-columns > img {
  height: 100%;
  position: absolute;
  right: 0;
}
.contact-columns .contacts {
  display: block;
  margin-top: 74px;
}
.contact-columns .contacts .module-icontext {
  width: 100%;
}
.contact-columns .contacts .module-icontext img {
  max-height: 150px;
  max-width: 144px;
  width: 100%;
}
.contact-columns .col-left {
  float: left;
  width: 100%;
}
.contact-columns .col-left h6 {
  margin-bottom: 30px;
}
.contact-columns .col-right {
  float: left;
  width: 100%;
}
.contact-columns .col-right h6 {
  margin-bottom: 0;
}
.contact-columns .col-right .module-icontext {
  width: 100%;
}
.contact-columns .col-right .module-icontext img {
  max-height: 177px;
  max-width: 170px;
  width: 100%;
}
.contact-columns .col-right .module-icontext .open-module h3 {
  margin-bottom: 4px;
}

@media only screen and (min-width: 768px) {
  .contact-columns .contacts .module-icontext {
    width: 48%;
  }
}
@media only screen and (min-width: 769px) {
  .contact-columns .col-left {
    float: left;
    width: 40%;
  }
  .contact-columns .col-right {
    float: right;
    text-align: left;
    width: 50%;
  }
}
.reason-module h2 {
  margin-bottom: 150px;
  text-align: center;
}
.reason-module .reason-item {
  margin-bottom: 80px;
  text-align: center;
  width: 100%;
}
.reason-module .reason-item > div {
  display: block;
}
.reason-module .reason-item div:first-child {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  text-align: center;
}
.reason-module .reason-item div:first-child img {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}
.reason-module .reason-item div:first-child + div {
  margin-left: auto;
  margin-right: auto;
}
.reason-module .reason-item div:first-child + div p {
  margin-bottom: 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 420px) {
  .reason-module .reason-item div:first-child + div {
    width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .reason-module .reason-item {
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) {
  .reason-module .reason-item {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .reason-module .reason-item {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .reason-module .reason-item div {
    display: inline-block;
  }
  .reason-module .reason-item div:first-child + div {
    margin-left: 5%;
    max-width: 50%;
    vertical-align: top;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .contact-icon a {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
  }
}
.person-col-module {
  width: 100%;
}
.person-col-module > div {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 2%;
  width: 30.6%;
}
.person-col-module > div div {
  max-width: 260px;
}
.person-col-module > div div > img {
  cursor: pointer;
  width: 100%;
}
.person-col-module > div.active {
  display: none;
}
.person-col-module h5 {
  display: none;
}
.person-col-module p {
  display: none;
}

@media only screen and (min-width: 768px) {
  .person-col-module {
    margin-top: 35px;
    width: 100%;
  }
  .person-col-module > div {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 4%;
    vertical-align: top;
    width: 22%;
  }
  .person-col-module > div div {
    border: 10px solid transparent;
    max-width: 227px;
  }
  .person-col-module > div div > img {
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .person-col-module > div.active {
    display: inline-block;
  }
  .person-col-module > div.active > div {
    border: 10px solid #ffffff;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: border 150ms linear;
    -moz-transition: border 150ms linear;
    -ms-transition: border 150ms linear;
    -o-transition: border 150ms linear;
    transition: border 150ms linear;
  }
  .person-col-module > div:first-child + div + div + div {
    margin-right: 0;
  }
  .person-col-module h5 {
    display: block;
    margin-bottom: 15px;
    margin-top: 0;
  }
  .person-col-module p {
    display: block;
    font-size: 16px;
    font-style: italic;
    min-height: 80px;
  }
}
.interview-img-module {
  display: none;
}
.interview-img-module > div.inner-wrapper {
  max-width: 100%;
  position: relative;
  width: 100%;
}
.interview-img-module > div.inner-wrapper > img {
  width: 100%;
}
.interview-img-module h4 {
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: initial;
}
.interview-img-module .open-module {
  bottom: 0;
  display: inline-block;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
.interview-img-module .open-module .inner-wrapper {
  display: inline-block;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  text-align: left;
  width: 100%;
}
.interview-img-module .open-module .inner-wrapper > div {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .interview-img-module .open-module .inner-wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .interview-img-module .open-module .inner-wrapper > div h2, .interview-img-module .open-module .inner-wrapper > div h6 {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1330px) {
  .interview-img-module {
    min-height: 770px;
  }
  .interview-img-module > img {
    height: 100%;
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .interview-img-module .open-module {
    position: absolute;
  }
  .interview-img-module .open-module .inner-wrapper {
    padding-bottom: 112px;
    padding-top: 112px;
    position: relative;
    width: 100%;
  }
  .interview-img-module .open-module .inner-wrapper > div h2 {
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1250px) {
  .interview-img-module .open-module .inner-wrapper > div {
    width: 600px;
  }
}
@media only screen and (min-width: 1250px) {
  .interview-img-module .open-module .inner-wrapper > div {
    width: 660px;
  }
}
.staff-interview > div.module > div.inner-wrapper {
  padding-bottom: 0;
  padding-top: 0;
}
.staff-interview > div.module > div.inner-wrapper > div.sub-module > div.inner-wrapper {
  padding-left: 0;
  padding-right: 0;
  padding-top: 124px;
}
.staff-interview .person-col-module {
  padding-bottom: 32px;
}

.management-module {
  overflow: hidden;
}
.management-module.left-txt > .inner-wrapper > .open-module > .inner-wrapper > img {
  display: none;
}
.management-module.left-txt > .inner-wrapper > .open-module > .inner-wrapper > div {
  float: left;
}
.management-module.right-txt > .inner-wrapper > .open-module > .inner-wrapper > img {
  display: none;
}
.management-module.right-txt > .inner-wrapper > .open-module > .inner-wrapper > div {
  float: right;
}
.management-module h2 {
  margin-bottom: 0;
}
.management-module h4 {
  color: #005EB8;
  margin-top: 10px;
}
.management-module .open-module {
  bottom: 0;
  display: inline-block;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
.management-module .open-module .inner-wrapper {
  display: inline-block;
  padding-bottom: 0px;
  padding-top: 40px;
  position: relative;
  text-align: left;
  width: 100%;
}
.management-module .open-module .inner-wrapper > div {
  width: 100%;
}
.management-module .open-module .inner-wrapper > div h2 {
  width: 100%;
}

.management-name {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .management-module .management-name {
    display: block;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 10%;
    width: 40%;
  }
  .management-module .management-name h4 {
    margin-top: 0;
  }
  .management-module .open-module .inner-wrapper {
    padding-bottom: 65px;
    padding-top: 40px;
  }
  .management-module .open-module .inner-wrapper > div h2, .management-module .open-module .inner-wrapper > div h6, .management-module .open-module .inner-wrapper > div h4 {
    display: none;
  }
  .management-module .open-module .inner-wrapper > div h2 {
    width: 60%;
  }
}
@media only screen and (min-width: 1025px) {
  .management-module {
    max-height: 835px;
  }
  .management-module > img {
    position: relative;
  }
  .management-module > div.inner-wrapper {
    position: static;
  }
  .management-module .open-module {
    position: absolute;
  }
  .management-module .open-module .inner-wrapper {
    padding-bottom: 65px;
    padding-top: 102px;
    position: relative;
    width: 100%;
  }
  .management-module .open-module .inner-wrapper > div h2 {
    width: 100%;
  }
  .management-module.left-txt > .inner-wrapper > .open-module > .inner-wrapper > img {
    display: block;
    position: absolute;
    right: 0;
    width: auto;
  }
  .management-module.left-txt > .inner-wrapper > .open-module > .inner-wrapper > div {
    float: left;
  }
  .management-module.right-txt > .inner-wrapper > .open-module > .inner-wrapper > img {
    display: block;
    left: 0;
    position: absolute;
    width: auto;
  }
  .management-module.right-txt > .inner-wrapper > .open-module > .inner-wrapper > div {
    float: right;
  }
}
@media (min-width: 1025px) and (max-width: 1380px) {
  .management-module {
    min-height: 835px;
  }
  .management-module.left-txt > img {
    right: 0;
  }
  .management-module.right-txt > img {
    left: 0;
  }
  .management-module > img {
    height: 100%;
    position: absolute;
    width: auto;
  }
  .management-module .open-module .inner-wrapper > div {
    width: 430px;
  }
}
@media only screen and (min-width: 1380px) {
  .management-module > img {
    position: relative;
  }
  .management-module .open-module .inner-wrapper > div {
    width: 430px;
  }
}
.picture-puzzle .inner-wrapper {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.picture-puzzle .picture-wrap {
  display: block;
  width: 100%;
}
.picture-puzzle .picture-wrap:first-child > div:first-child {
  display: none;
}
.picture-puzzle .large-pic {
  display: inline-block;
  float: left;
  width: 100%;
}
.picture-puzzle .large-pic img {
  display: block;
  width: 100%;
}
.picture-puzzle .medium-pic {
  display: none;
  float: left;
}
.picture-puzzle .medium-pic img {
  display: block;
  width: 100%;
}
.picture-puzzle .text-pic {
  display: inline-block;
  float: left;
  height: 180px;
  position: relative;
  width: 100%;
}
.picture-puzzle .text-pic img {
  display: block;
  width: 100%;
}
.picture-puzzle .text-pic-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.picture-puzzle .text-pic-wrap > div {
  display: table;
  height: 100%;
  width: 100%;
}
.picture-puzzle .text-pic-wrap > div h3 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.picture-puzzle .small-pic {
  display: inline-block;
  float: left;
  width: 50%;
}
.picture-puzzle .small-pic img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .picture-puzzle .picture-wrap:first-child > div:first-child {
    display: block;
  }
  .picture-puzzle .large-pic {
    width: 50%;
  }
  .picture-puzzle .medium-pic {
    display: inline-block;
    width: 37.5%;
  }
  .picture-puzzle .text-pic {
    height: auto;
    width: 25%;
  }
  .picture-puzzle .small-pic {
    width: 25%;
  }
}
.info-image .inner-wrapper {
  max-width: 100%;
  width: 100%;
}
.info-image .info-img-wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 112px;
  max-width: 1366px;
}
.info-image .info-img-wrapper img {
  width: 100%;
}
.tos {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tos table {
  border-collapse: collapse;
}
.tos h3 {
  margin-bottom: 10px;
}
.tos td {
  color: #5d5d5d;
  line-height: 26px;
  margin-bottom: 16px;
  padding: 0;
  text-align: justify;
  vertical-align: top;
}
.tos td:first-child {
  width: 40px;
}
.tos tr {
  display: block;
  padding-bottom: 16px;
}
.tos tr.section {
  padding: 50px 0 27px 0;
}
.tos tr.section td {
  color: #002855;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.blog-module .inner-wrapper {
  padding: 38px 22px;
}
.blog-module article {
  position: relative;
}
.blog-module article section {
  position: relative;
  width: 100%;
}
.blog-module article:last-child {
  margin-bottom: 0;
}
.blog-module header {
  margin-bottom: 41px;
  position: relative;
}
.blog-module header img {
  border: 0;
  max-width: 100%;
  width: 100%;
}
.blog-module header time {
  background: #002855;
  color: #fff;
  display: inline-block;
  font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
  font-size: 40px;
  height: 49px;
  left: 0;
  line-height: 47px;
  padding: 0 16px 0 18px;
  position: absolute;
  text-transform: uppercase;
  top: 20px;
}
.blog-module footer {
  overflow: hidden;
}
.blog-module footer:after {
  clear: both;
  content: '';
  display: block;
}
.blog-module h3 {
  margin-bottom: 18px;
  text-transform: none;
}
.blog-module aside {
  margin-bottom: 80px;
  margin-top: 12px;
}

.blog-headline {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-headline > div {
  display: table;
  height: 100%;
  width: 100%;
}
.blog-headline h1, .blog-headline h2 {
  color: #fff;
  font-size: 34px;
  display: table-cell;
  line-height: 34px;
  padding: 0 10%;
  vertical-align: middle;
  width: 90%;
}

.more-link {
  display: inline-block;
  float: right;
  font-family: "myriad-pro", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  padding-right: 10px;
  text-align: right;
}
.more-link:after {
  content: '\00BB';
  font-size: 27px;
  left: 5px;
  position: relative;
  top: 2px;
}

.post-tags ul {
  display: inline;
}
.post-tags ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-left: 0;
}
.post-tags ul li h6 {
  font-size: 18px;
  font-weight: 700;
  height: 35px;
  line-height: 37px;
  margin: 0;
  padding: 0 16px;
}
.post-tags:after {
  clear: both;
  content: '';
  display: block;
}

.tag-title {
  color: transparent;
  display: block;
  float: left;
  font-size: 1px;
  letter-spacing: -1px;
  margin-bottom: 16px;
  padding-right: 4%;
  vertical-align: top;
  width: 30px;
}
.tag-title:after {
  background: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png") no-repeat -10px -911px;
  content: '';
  display: block;
  display: inline-block;
  height: 17px;
  width: 25px;
}

.social-share {
  position: relative;
}
.social-share li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 16px;
  margin-right: 8px;
  padding: 0;
}
.social-share li a {
  background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px.png");
  background-repeat: no-repeat;
  display: block;
  height: 48px;
  width: 48px;
}
.social-share li .facebook {
  background-color: #3b5999;
  background-position: 0px -1343px;
}
.social-share li .facebook:hover {
  background-color: #4568b3;
}
.social-share li .facebook:active {
  background-color: #314a7f;
}
.social-share li .twitter {
  background-color: #2ca8d2;
  background-position: 1px -1535px;
}
.social-share li .twitter:hover {
  background-color: #49b4d9;
}
.social-share li .twitter:active {
  background-color: #2690b4;
}
.social-share li .xing {
  background-color: #126567;
  background-position: 1px -1471px;
}
.social-share li .xing:hover {
  background-color: #178385;
}
.social-share li .xing:active {
  background-color: #0d4749;
}
.social-share li .linkedin {
  background-color: #4498c8;
  background-position: 1px -1600px;
}
.social-share li .linkedin:hover {
  background-color: #60a7d0;
}
.social-share li .linkedin:active {
  background-color: #3585b4;
}
.social-share li:last-child {
  margin-bottom: 16px;
  margin-right: 0;
}

.social-press-single {
  text-align: right;
}

.social-press-archive {
  text-align: right;
  clear: both;
}

@media only screen and (min-width: 340px) {
  .social-share li {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 480px) {
  .tag-title {
    color: #5d5d5d;
    font-family: "Sofia Sans Condensed", "Open Sans Condensed", sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: normal;
    width: 60px;
  }
}
@media only screen and (min-width: 660px) {
  .blog-module h1, .blog-module h2 {
    font-size: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .blog-module .inner-wrapper {
    padding: 76px 30px;
  }
  .blog-module p, .blog-module a {
    font-size: 16px;
  }
  .blog-module article section {
    padding-bottom: 70px;
  }
  .blog-module .social-share {
    bottom: 0;
    position: absolute;
    right: 0;
  }
  .blog-module .blog-sidebar {
    margin-bottom: 80px;
    margin-top: -74px;
    width: 60%;
  }

  .post-tags ul {
    float: left;
  }

  .more-link {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-module article section {
    display: inline-block;
    margin-bottom: 112px;
    vertical-align: top;
    width: 71%;
  }
  .blog-module aside {
    padding-left: 1%;
  }
  .blog-module h1, .blog-module h2 {
    font-size: 44px;
    line-height: 44px;
  }
  .blog-module h3 {
    margin-bottom: 16px;
  }
  .blog-module .blog-sidebar {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 26%;
  }

  .social-share {
    position: relative;
  }

  .post-tags {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    width: auto;
  }
  .post-tags ul li h6 {
    font-size: 16px;
    height: 29px;
    line-height: 31px;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1366px) {
  .blog-module .inner-wrapper {
    padding: 76px 30px;
  }

  .social-press-single {
    position: fixed;
    right: 100px;
    bottom: -18px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .tag-title:after {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }

  .social-share li a {
    background-image: url("//corporate-website-test.s3.amazonaws.com/wp-content/themes/ggs-rcw/img/Sprite_Icons_64px_64px_&_48px_48px@2x.png");
    background-size: 64px;
  }
}
.product-slider-module {
  overflow: hidden;
}
.product-slider-module .inner-wrapper {
  line-height: 0;
  max-width: 100%;
  text-align: center;
}

.product-slider-wrapper {
  overflow-x: scroll;
  position: relative;
}
.product-slider-wrapper::-webkit-scrollbar {
  display: none;
}

.product-slider {
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.product-slider li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.product-slider-image {
  height: 640px;
}

.product-slider-leftcontrol,
.product-slider-rightcontrol {
  display: none;
}

.product-slider-mininav-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 70px;
  text-align: center;
}

.product-slider-mininav {
  background: rgba(0, 41, 85, 0.6);
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955');
  /* For IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955')";
  /* for IE8 */
  margin: 0;
  padding: 15px 21px;
}
.product-slider-mininav li {
  background-color: #faa61a;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 0 0 0 15px;
  padding: 0;
  width: 16px;
}
.product-slider-mininav li:first-child {
  margin-left: 0;
}
.product-slider-mininav li.selected {
  background-color: #fff;
}
.product-slider-mininav li:hover {
  background-color: #ec9123;
}
.product-slider-mininav li:active {
  background-color: #002855;
}

@media only screen and (min-width: 768px) {
  .product-slider-leftcontrol,
  .product-slider-rightcontrol {
    background: rgba(0, 41, 85, 0.6);
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955');
    /* For IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F002955', endColorstr='#8F002955')";
    /* for IE8 */
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 125px;
  }

  .product-slider-leftcontrol {
    left: 0;
  }

  .product-slider-rightcontrol {
    right: 0;
  }

  .product-slider-prev,
  .product-slider-next {
    font-size: 40px;
    height: 40px;
    line-height: 0;
    width: 40px;
    top: 50%;
    padding: 0 0 5px 0;
    margin: -20px 0 0 0;
  }
}

table.ppm {
  background-color:#ffffff; 
  color:#5d5d5d; 
  table-layout:fixed; 
  width:100%;
  display: table-row;
} 
table.ppm, .ppm th, .ppm td {
  border: 1px solid #ccc; 
  padding: 6px;
} 
.ppm tr {
  display: table-row;
}  
.ppm td:nth-child(1), .ppm td:nth-child(3), .ppm td:nth-child(4) {
  width: 15%;
} 
.ppm td:nth-child(2) {
  width: 20%;
} 
.ppm td:nth-child(5) {
  width: 35%;
}
/* OneTrust Cookies Settings button */

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn2.ot-sdk-show-settings, #ot-sdk-btn-footer.ot-sdk-show-settings {
    border: none !important;
    background-color: inherit !important;
  color: #faa61a !important;
    font-size: inherit !important;
    font-family: "myriad-pro", "Open Sans",sans-serif !important;
  font-weight: 700;
  cursor: pointer;
  padding: 0 !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn2.ot-sdk-show-settings:hover {
  color: #d57a0c !important;
}
#ot-sdk-btn-footer.ot-sdk-show-settings:hover {
  color: #dbdbdb !important;
} 
#ot-sdk-btn-footer.ot-sdk-show-settings {
  color: #8b8b8b !important;
  text-transform: uppercase;
}

/* Language Selection drop down */
.dropdown:active .icon-dropdown, #langSelect-btn .dropdown.button-open .icon-dropdown {
    background-position: 0 -777px;
}

.dropdown ul li a {
    color: #5d5d5d;
}
.dropdown ul li:hover a {
    background: #002855;
    border-bottom: 1px solid #002855;
    color: #fff;
}

#support-page #langSelect-btn {
    max-width: 170px;
    text-align: left;
    width: 100%;
}
@media only screen and (min-width: 768px){
#support-page #langSelect-btn {
    width: 160px;
}}
#support-page #langSelect-btn ul {
    background: #F0F1F4;
    z-index: 10;
}
#support-page #langSelect-btn ul li a { 
    font-family: "Sofia Sans Condensed", "Open Sans Condensed",sans-serif;
    font-style: normal;
    font-weight: normal;
}
#support-page #langSelect-btn ul li, #support-page #langSelect-btn ul li {
    list-style-image: none !important;
    list-style: none !important;
}
#support-page #langSelect-btn ul li {
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    box-sizing: border-box;
    float: left;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
@media only screen and (min-width: 768px){
#support-page #langSelect-btn ul li {
    padding: 0 0 0 35px;
    position: relative;
    text-align: left;
}}
@media only screen and (min-width: 1024px) {
#support-page #langSelect-btn ul li {
    padding: 0 0 0 15px;
    text-align: left;
    width: 33.33%;
}
#support-page #langSelect-btn ul li:nth-child(3n) {
    border-right: 0 !important;
}
#support-page #langSelect-btn ul li:nth-child(3n):hover {
    border-right: 1px solid #002855 !important;
}}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
.dropdown:active .icon-dropdown, .dropdown.button-open .icon-dropdown {
    background-position: 0 -777px;
}}


[class^="flag-"] {
  vertical-align: middle;
  color: #5d5d5d; }

.flag-ad:after {
  content: "🇦🇩"; }

.flag-ae:after {
  content: "🇦🇪"; }

.flag-af:after {
  content: "🇦🇫"; }

.flag-al:after {
  content: "🇦🇱"; }

.flag-am:after {
  content: "🇦🇲"; }

/*.flag-ar:after {
  content: "🇦🇷"; }*/

.flag-ar:after {
  content: "🇦🇪"; }

.flag-at:after {
  content: "🇦🇹"; }

.flag-au:after {
  content: "🇦🇺"; }

.flag-ba:after {
  content: "🇧🇦"; }

.flag-bd:after {
  content: "🇧🇩"; }

.flag-be:after {
  content: "🇧🇪"; }

.flag-bg:after {
  content: "🇧🇬"; }

.flag-br:after {
  content: "🇧🇷"; }

.flag-by:after {
  content: "🇧🇾"; }

.flag-ca:after {
  content: "🇨🇦"; }

.flag-ch:after {
  content: "🇨🇭"; }

.flag-cl:after {
  content: "🇨🇱"; }

.flag-cn:after {
  content: "🇨🇳"; }

.flag-co:after {
  content: "🇨🇴"; }

.flag-cr:after {
  content: "🇨🇷"; }

.flag-cu:after {
  content: "🇨🇺"; }

.flag-cy:after {
  content: "🇨🇾"; }

.flag-cs:after {
  content: "🇨🇿"; }

.flag-de:after {
  content: "🇩🇪"; }

.flag-da:after {
  content: "🇩🇰"; }

.flag-el:after {
  content: "🇬🇷"; }

.flag-en:after {
  content: "🇺🇸"; }

.flag-es:after {
  content: "🇪🇸"; }

.flag-eu:after {
  content: "🇪🇺"; }

.flag-eg:after {
  content: "🇪🇬"; }

.flag-fi:after {
  content: "🇫🇮"; }

.flag-fr:after {
  content: "🇫🇷"; }

.flag-gb:after {
  content: "🇬🇧"; }

.flag-gh:after {
  content: "🇬🇭"; }

.flag-ge:after {
  content: "🇬🇪"; }

.flag-gi:after {
  content: "🇬🇮"; }

.flag-gl:after {
  content: "🇬🇱"; }

.flag-gr:after {
  content: "🇬🇷"; }

.flag-hk:after {
  content: "🇭🇰"; }

.flag-hr:after {
  content: "🇭🇷"; }

.flag-hu:after {
  content: "🇭🇺"; }

.flag-id:after {
  content: "🇮🇩"; }

.flag-ie:after {
  content: "🇮🇪"; }

.flag-il:after {
  content: "🇮🇱"; }

.flag-in:after {
  content: "🇮🇳"; }

.flag-iq:after {
  content: "🇮🇶"; }

.flag-ir:after {
  content: "🇮🇷"; }

.flag-is:after {
  content: "🇮🇸"; }

.flag-it:after {
  content: "🇮🇹"; }

.flag-jm:after {
  content: "🇯🇲"; }

.flag-ja:after {
  content: "🇯🇵"; }

.flag-ko:after {
  content: "🇰🇷"; }

.flag-kw:after {
  content: "🇰🇼"; }

.flag-li:after {
  content: "🇱🇮"; }

.flag-lk:after {
  content: "🇱🇰"; }

.flag-lr:after {
  content: "🇱🇷"; }

.flag-lt:after {
  content: "🇱🇹"; }

.flag-lu:after {
  content: "🇱🇺"; }

.flag-lv:after {
  content: "🇱🇻"; }

.flag-ly:after {
  content: "🇱🇾"; }

.flag-ma:after {
  content: "🇲🇦"; }

.flag-mc:after {
  content: "🇲🇨"; }

.flag-md:after {
  content: "🇲🇩"; }

.flag-me:after {
  content: "🇲🇪"; }

.flag-mg:after {
  content: "🇲🇬"; }

.flag-mk:after {
  content: "🇲🇰"; }

.flag-ml:after {
  content: "🇲🇱"; }

.flag-mm:after {
  content: "🇲🇲"; }

.flag-mq:after {
  content: "🇲🇶"; }

.flag-mt:after {
  content: "🇲🇹"; }

.flag-mu:after {
  content: "🇲🇺"; }

.flag-mx:after {
  content: "🇲🇽"; }

.flag-my:after {
  content: "🇲🇾"; }

.flag-ne:after {
  content: "🇳🇪"; }

.flag-ng:after {
  content: "🇳🇬"; }

.flag-ni:after {
  content: "🇳🇮"; }

.flag-nl:after {
  content: "🇳🇱"; }

.flag-no:after {
  content: "🇳🇴"; }

.flag-np:after {
  content: "🇳🇵"; }

.flag-nz:after {
  content: "🇳🇿"; }

.flag-pa:after {
  content: "🇵🇦"; }

.flag-pe:after {
  content: "🇵🇪"; }

.flag-ph:after {
  content: "🇵🇭"; }

.flag-pk:after {
  content: "🇵🇰"; }

.flag-pl:after {
  content: "🇵🇱"; }

.flag-pr:after {
  content: "🇵🇷"; }

.flag-pt:after {
  content: "🇵🇹"; }

.flag-py:after {
  content: "🇵🇾"; }

.flag-qa:after {
  content: "🇶🇦"; }

.flag-ro:after {
  content: "🇷🇴"; }

.flag-rs:after {
  content: "🇷🇸"; }

.flag-ru:after {
  content: "🇷🇺"; }

.flag-rw:after {
  content: "🇷🇼"; }

.flag-sa:after {
  content: "🇸🇦"; }

.flag-sb:after {
  content: "🇸🇧"; }

.flag-sd:after {
  content: "🇸🇩"; }

.flag-se:after {
  content: "🇸🇪"; }

.flag-sg:after {
  content: "🇸🇬"; }

.flag-si:after {
  content: "🇸🇮"; }

.flag-sk:after {
  content: "🇸🇰"; }

.flag-sn:after {
  content: "🇸🇳"; }

.flag-so:after {
  content: "🇸🇴"; }

/*.flag-sv:after {
  content: "🇸🇻"; }*/

.flag-sv:after {
  content: "🇸🇪"; }

.flag-sy:after {
  content: "🇸🇾"; }

.flag-th:after {
  content: "🇹🇭"; }

.flag-tr:after {
  content: "🇹🇷"; }

.flag-tw:after {
  content: "🇹🇼"; }

.flag-tz:after {
  content: "🇹🇿"; }

.flag-ua:after {
  content: "🇺🇦"; }

.flag-us:after {
  content: "🇺🇸"; }

.flag-uy:after {
  content: "🇺🇾"; }

.flag-ve:after {
  content: "🇻🇪"; }

.flag-vn:after {
  content: "🇻🇳"; }

.flag-za:after {
  content: "🇿🇦"; }

.flag-ze:after {
  content: "🇿🇼"; }

.flag-zh:after {
  content: "🇨🇳"; }