/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
/* line 5, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 8, ../base/_base.scss */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 14, ../base/_base.scss */
body,
html {
  height: 100%;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
    background: #fff;
}

body.hide-overflow {
  overflow: hidden;
}

@-moz-keyframes shake {
  0% {
	-moz-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
  25% {
	-moz-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  50% {
	-moz-transform: rotate(-2deg) scale(1.1);
	transform: rotate(-2deg) scale(1.1);
  }
  75% {
	-moz-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  100% {
	-moz-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
}
@-webkit-keyframes shake {
  0% {
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
  25% {
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  50% {
	-webkit-transform: rotate(-2deg) scale(1.1);
	transform: rotate(-2deg) scale(1.1);
  }
  75% {
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  100% {
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
}
@keyframes shake {
  0% {
	-moz-transform: rotate(0deg) scale(1.1);
	-ms-transform: rotate(0deg) scale(1.1);
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
  25% {
	-moz-transform: rotate(2deg) scale(1.1);
	-ms-transform: rotate(2deg) scale(1.1);
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  50% {
	-moz-transform: rotate(-2deg) scale(1.1);
	-ms-transform: rotate(-2deg) scale(1.1);
	-webkit-transform: rotate(-2deg) scale(1.1);
	transform: rotate(-2deg) scale(1.1);
  }
  75% {
	-moz-transform: rotate(2deg) scale(1.1);
	-ms-transform: rotate(2deg) scale(1.1);
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
  }
  100% {
	-moz-transform: rotate(0deg) scale(1.1);
	-ms-transform: rotate(0deg) scale(1.1);
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
  }
}
@-moz-keyframes surf {
  0% {
	-moz-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
  25% {
	-moz-transform: translateY(10px);
	transform: translateY(10px);
  }
  50% {
	-moz-transform: translateY(-5px) rotate(0deg);
	transform: translateY(-5px) rotate(0deg);
  }
  75% {
	-moz-transform: translateY(5px);
	transform: translateY(5px);
  }
  100% {
	-moz-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
}
@-webkit-keyframes surf {
  0% {
	-webkit-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
  25% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
  }
  50% {
	-webkit-transform: translateY(-5px) rotate(0deg);
	transform: translateY(-5px) rotate(0deg);
  }
  75% {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
  }
  100% {
	-webkit-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
}
@keyframes surf {
  0% {
	-moz-transform: translateY(-10px) rotate(-5deg);
	-ms-transform: translateY(-10px) rotate(-5deg);
	-webkit-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
  25% {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
  }
  50% {
	-moz-transform: translateY(-5px) rotate(0deg);
	-ms-transform: translateY(-5px) rotate(0deg);
	-webkit-transform: translateY(-5px) rotate(0deg);
	transform: translateY(-5px) rotate(0deg);
  }
  75% {
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
  }
  100% {
	-moz-transform: translateY(-10px) rotate(-5deg);
	-ms-transform: translateY(-10px) rotate(-5deg);
	-webkit-transform: translateY(-10px) rotate(-5deg);
	transform: translateY(-10px) rotate(-5deg);
  }
}
@font-face {
  font-family: 'RobotoCondensed Bold';
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'RobotoCondensed Medium';
  src: url("../fonts/RobotoCondensed-Medium.ttf") format("truetype");
}
/* line 10, ../sass/screen.scss */
.btn {
  border:3px solid #000000;
  -moz-border-image: -moz-linear-gradient(right, #4556a2 0%, #e40666 100%);
  -webkit-border-image: -webkit-linear-gradient(right, #4556a2 0%, #e40666 100%);
  border-image: linear-gradient(to right, #4556a2 0%, #e40666 100%);
  border-image-slice: 1;
}

/* line 30, ../sass/screen.scss */
.btn-gradient:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4556a2+1,e40666+100 */
  background: #4556a2;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4556a2 1%, #e40666 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4556a2 1%, #e40666 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4556a2 1%, #e40666 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* line 42, ../sass/screen.scss */
.our-games {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* line 54, ../sass/screen.scss */
.our-story h2 {
  background: #382777;
  background: -moz-linear-gradient(left, #382777 0%, #e20667 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #382777), color-stop(100%, #e20667));
  background: -webkit-linear-gradient(left, #382777 0%, #e20667 100%);
  background: -o-linear-gradient(left, #382777 0%, #e20667 100%);
  background: -ms-linear-gradient(left, #382777 0%, #e20667 100%);
  background: linear-gradient(to right, #382777 0%, #e20667 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}

/* line 74, ../sass/screen.scss */
.tiles a:nth-child(1), #about-us .about-us-photos .person:nth-child(1) {
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(2), #about-us .about-us-photos .person:nth-child(2) {
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(3), #about-us .about-us-photos .person:nth-child(3) {
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(4), #about-us .about-us-photos .person:nth-child(4) {
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(5), #about-us .about-us-photos .person:nth-child(5) {
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(6), #about-us .about-us-photos .person:nth-child(6) {
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(7), #about-us .about-us-photos .person:nth-child(7) {
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(8), #about-us .about-us-photos .person:nth-child(8) {
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(9), #about-us .about-us-photos .person:nth-child(9) {
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
/* line 74, ../sass/screen.scss */
.tiles a:nth-child(10), #about-us .about-us-photos .person:nth-child(10) {
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

/* line 85, ../sass/screen.scss */
.ie9 .our-story h2,
.ie10 .our-story h2,
.ie11 .our-story h2,
.moz .our-story h2 {
  color: #382777;
  background: none !important;
}

/* line 103, ../sass/screen.scss */
.full {
  z-index: 0;
}

/* line 109, ../sass/screen.scss */
.carousel .slider-container .slider-panel,
.carousel .slider-container .wrapper {
  z-index: 0;
}
/* line 113, ../sass/screen.scss */
.carousel .slider-container .arrow {
  z-index: 1;
}

/* line 119, ../sass/screen.scss */
.bars {
  z-index: 21;
}

/* line 123, ../sass/screen.scss */
.ul-menu-mobile {
  z-index: 20;
}

/* line 128, ../sass/screen.scss */
.bars {
  display: none;
}

/* line 132, ../sass/screen.scss */
.bold {
  font-weight: 700;
}

/* line 136, ../sass/screen.scss */
.container {
  width: 1015px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 142, ../sass/screen.scss */
a {
  text-decoration: none;
}

/* line 146, ../sass/screen.scss */
h2 {
  font-size: 48px;
  text-transform: uppercase;
  color: #382777;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}
/* line 153, ../sass/screen.scss */
h2:after {
  content: " ";
  width: 27px;
  height: 27px;
  background: url("../img/images/dots.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: -22px;
}

/* line 166, ../sass/screen.scss */
ul.slide-squares {
  margin: 0 auto;
  position: absolute;
  bottom: 50px;
  right: 50%;
	text-align: center;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
/* line 173, ../sass/screen.scss */
ul.slide-squares li {
  width: 21px;
  height: 21px;
  display: inline-block;
  margin: 0 5px 10px;
  cursor: pointer;
}

/* line 183, ../sass/screen.scss */
.btn {
  text-transform: uppercase;
  padding: 20px 42px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  font-weight: 700;
  font-size: 17px;
  color: #382777;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
/* line 196, ../sass/screen.scss */
.btn img {
  height: 11px;
  margin-left: 4px;
}

/* line 203, ../sass/screen.scss */
.btn-gradient:hover {
  color: #fff;
}

/* line 213, ../sass/screen.scss */
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* line 218, ../sass/screen.scss */
.flex-sa {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.flex-align-center {
	-webkit-align-items: center;
	align-items: center;
}

.flex-align-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

/* line 223, ../sass/screen.scss */
.wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 227, ../sass/screen.scss */
.full {
  min-height: 770px;
  position: relative;
}


/* MENU SUBMENU - od tej linijki mogą być zmiany*/


/* line 232, ../sass/screen.scss */
.top-menu {
  min-height: 100px;
  z-index: 20;
  position: relative;
/*  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.3);*/
  background: #fff;
}
/* line 240, ../sass/screen.scss */
.top-menu .logo {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 110px;
  height: 75px;
  display: inline-block;
  background: url("../img/images/logodm.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* line 252, ../sass/screen.scss */
.top-menu ul.menu {
  float: right;
}
/* line 255, ../sass/screen.scss */
.top-menu ul.menu li {
  display: inline-block;
  margin: 0 20px;
  line-height: 97px;
  position: relative;
}
/* line 259, ../sass/screen.scss */
.top-menu ul.menu li a {
  color: #382777;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'RobotoCondensed Bold';
  display: block;
}
/* line 266, ../sass/screen.scss */
.top-menu ul.menu li a:hover {
  color: #6c649d;
}
/* line 271, ../sass/screen.scss */
.top-menu ul.menu li.active > a {
  color: #e40265;
}
/* line 273, ../sass/screen.scss */
.top-menu ul.menu li.active > a:hover {
  color: #9E0146;
}

.submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 75px;
  min-width: 200px;
  z-index: 1;
}

.submenu--level1, .submenu--level2 ul {
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.submenu--level1:before {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #d00a4c;
  position: absolute;
  top: -5px;
  left: 20%;
}

.submenu--level2 {
  top: -5px;
  left: 100%;
  padding-left: 10px;
}

.submenu--level2.switch-left {
  left: auto;
  right: 100%;
  padding-left: 0;
  padding-right: 10px;
}

.top-menu ul.menu .submenu li:first-of-type {
  border-top: 5px solid #d00a4c;
}

.top-menu ul.menu li:hover > .submenu {
  display: block;
}

.top-menu ul.menu .submenu li {
  line-height: 1;
  display: block;
  padding: 0 10px;
  margin: 0;
  position: relative;
  background: #ffffff;
}

.top-menu ul.menu .submenu li.with-sub > a:after {
  content: '';
  float: right;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.2 51.41'%3E%3Cg data-name='Layer 2'%3E%3Cpath fill='none' stroke='%23352a73' stroke-linecap='round' stroke-linejoin='round' stroke-width='11' d='M5.5 5.5l20.2 20.2L5.5 45.91' data-name='Layer 5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-menu ul.menu .submenu li a {
  font-size: 14px;
  text-transform: none;
  border-bottom: 1px dotted #d3d3d5;
  padding: 10px 0;
}

.top-menu ul.menu .submenu li:last-of-type a {
  border-bottom: 0;
}

@media (max-width: 1020px) {
  .submenu {
    display: block;
    position: relative;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    padding: 0 !important;
    box-shadow: none;
  }

  .submenu--level2 ul {
    box-shadow: none;
  }

  .top-menu ul.menu .submenu li {
    border: none !important;
    background: none;
  }

  .top-menu ul.menu .submenu li a {
    border: none;
  }

  .top-menu ul.menu .submenu li.with-sub > a:after {
    display: none;
  }

  .top-menu ul.menu .submenu.submenu--level2 li a {
    font-family: 'RobotoCondensed Medium';
  }

  .submenu {
    margin: 0 0 15px 0;
  }

  .top-menu ul.menu .submenu--level1 > li > a {
    font-size: 17px;
  }

  .submenu--level1:before {
    display: none;
  }
}


/* KONIEC */


/* line 285, ../sass/screen.scss */
.our-games {
  text-align: center;
  padding: 83px 0;
}
/* line 289, ../sass/screen.scss */
.our-games p {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 37px;
  color: #393939;
}
/* line 296, ../sass/screen.scss */
.our-games .btn {
  padding: 18px 25px 18px 37px !important;
}

/* line 301, ../sass/screen.scss */
.tiles {
  margin: 0 auto;
  width: 780px;
  max-width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 105px;
  padding-bottom: 124px;
}
/* line 313, ../sass/screen.scss */
.tiles .tile {
  text-align: center;
  width: 138px;
min-height: 175px;
  position: relative;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
	  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
/* line 319, ../sass/screen.scss */
.tiles .tile:hover {
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
/* line 322, ../sass/screen.scss */
.tiles .tile p {
  padding-top: 10px;
  font-weight: 600;
    display: inline-block;

}
/* line 326, ../sass/screen.scss */
.tiles .tile img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
	max-width: 140px;
	max-height: 140px;
    display: inline-block;
}

/* line 332, ../sass/screen.scss */
.latest-news {
  padding: 83px 0;
  background: url("../img/images/latest-news_02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: center;
}
/* line 340, ../sass/screen.scss */
.latest-news h2,
.latest-news p {
  color: #fff;
}
/* line 344, ../sass/screen.scss */
.latest-news p {
  font-size: 18px;
}
/* line 347, ../sass/screen.scss */
.latest-news h2 {
  padding-bottom: 18px;
}
/* line 350, ../sass/screen.scss */
.latest-news .btn {
  color: #fff;
  padding: 16px 46px;
}

/* line 356, ../sass/screen.scss */
ul.news-flash {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 83px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 365, ../sass/screen.scss */
ul.news-flash li {
  width: 270px;
  padding: 15px 0;
  text-align: left;
}
/* line 370, ../sass/screen.scss */
ul.news-flash .date {
  color: #7e8de6;
  font-weight: 700;
  font-size: 18px;
}
/* line 375, ../sass/screen.scss */
ul.news-flash .description {
  color: #fefefe;
  line-height: 27px;
  padding: 24px 0;
  font-size: 18px;
}
/* line 381, ../sass/screen.scss */
ul.news-flash .author {
  color: #e30667;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}

/* line 389, ../sass/screen.scss */
.our-story {
  text-align: center;
  padding: 83px 0;
}
/* line 394, ../sass/screen.scss */
.our-story h2 {
  display: inline-block;
}
/* line 398, ../sass/screen.scss */
.our-story p {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 37px;
  color: #393939;
}
/* line 405, ../sass/screen.scss */
.our-story img {
  padding: 100px 0 0;
  width: 715px;
  max-width: 100%;
}
/* line 410, ../sass/screen.scss */
.our-story .desc {
  padding-bottom: 46px;
  max-width: 627px;
  margin: 0 auto;
  position: relative;
  color: #382777;
  font-size: 18px;
  line-height: 30px;
}
/* line 418, ../sass/screen.scss */
.our-story .desc:before {
  width: 77px;
  height: 2px;
  background: #DBDBDB;
  content: '';
  margin: 33px auto 23px;
  display: block;
}
/* line 427, ../sass/screen.scss */
.our-story .btn {
  padding: 16px 32px;
}

/* line 433, ../sass/screen.scss */
.carousel .slider-container {
  height: 279px;
  position: relative;
  overflow: hidden;
}
/* line 437, ../sass/screen.scss */
.carousel .slider-container .slider-panel {
  position: relative;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 440, ../sass/screen.scss */
.carousel .slider-container .slider-panel .wrapper {
  height: 279px;
  position: relative;
}
/* line 444, ../sass/screen.scss */
.carousel .slider-container .slider-panel .slide {
  width: 279px;
  height: 279px;
  display: inline-block;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
/* line 453, ../sass/screen.scss */
.carousel .slider-container .slider-panel .slide img {
  width: 279px;
  height: 279px;
}
/* line 458, ../sass/screen.scss */
.carousel .slider-container .slider-panel .slide:hover {
  background-image: url("../icon/instagram-logo.png");
  background-position: center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}
/* line 463, ../sass/screen.scss */
.carousel .slider-container .slider-panel .slide:hover img {
  opacity: 0.2;
}
/* line 473, ../sass/screen.scss */
.carousel img {
  height: 25px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 480, ../sass/screen.scss */
.carousel .arrow {
  position: absolute;
  height: 100%;
  width: 100px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 485, ../sass/screen.scss */
.carousel .arrow.left {
  left: 0px;
  background: rgba(0, 0, 0, 0.79);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.79)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
}
/* line 494, ../sass/screen.scss */
.carousel .arrow.left img {
  left: 40px;
}
/* line 498, ../sass/screen.scss */
.carousel .arrow.right {
  right: 0px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  margin-top: -279px;
}
/* line 508, ../sass/screen.scss */
.carousel .arrow.right img {
  right: 40px;
}

/* line 515, ../sass/screen.scss */
footer {
  min-height: 456px;
  background: url(../img/images/footer_06.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #E8E8E8;
  padding-bottom: 35px;
  position: relative;
}
/* line 524, ../sass/screen.scss */
footer .container {
  position: relative;
  height: 100%;
  width: 1008px;
}
/* line 529, ../sass/screen.scss */
footer ul.footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: baseline;
  align-items: baseline;
  padding: 120px 20px 110px;
  width: 100%;
}
/* line 537, ../sass/screen.scss */
footer ul.footer > li {
  color: #E8E8E8;
  height: 231px;
}
/* line 541, ../sass/screen.scss */
footer ul.footer > li span {
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  font-weight: 700;
}
/* line 547, ../sass/screen.scss */
footer ul.footer > li span:hover:after {
  content: " ";
  height: 3px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  background: #fff;
}
/* line 558, ../sass/screen.scss */
footer ul.footer > li ul {
  padding-top: 40px;
  width: 115px;
}
/* line 562, ../sass/screen.scss */
footer ul.footer > li ul li {
  padding-bottom: 25px;
  line-height: 14px;
}
/* line 565, ../sass/screen.scss */
footer ul.footer > li ul li.active a {
  color: #e40265 !important;
}
/* line 568, ../sass/screen.scss */
footer ul.footer > li ul li:hover a {
  color: grey !important;
}
/* line 575, ../sass/screen.scss */
footer ul.footer > li.active span:after {
  content: " ";
  height: 3px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  background: #EC1470;
}
/* line 586, ../sass/screen.scss */
footer ul.footer > li.home {
  width: 50px;
}
/* line 589, ../sass/screen.scss */
footer ul.footer > li.games {
  width: 57px;
}
/* line 592, ../sass/screen.scss */
footer ul.footer > li.our_story {
  width: 93px;
}
/* line 595, ../sass/screen.scss */
footer ul.footer > li.news {
  width: 46px;
}
/* line 598, ../sass/screen.scss */
footer ul.footer > li.devs {
  width: 100px;
}
/* line 600, ../sass/screen.scss */
footer ul.footer > li.devs li {
  line-height: 14px;
}
/* line 604, ../sass/screen.scss */
footer ul.footer > li.support {
  width: 75px;
}
/* line 607, ../sass/screen.scss */
footer ul.footer > li.contact {
  width: 78px;
}
/* line 612, ../sass/screen.scss */
footer .copy {
  position: absolute;
  bottom: 0;
  left: 10px;
  color: #AEAEAE;
  max-width: 100%;
  padding: 0 10px;
}
/* line 619, ../sass/screen.scss */
footer .copy .bold {
  color: #AEAEAE;
}
/* line 621, ../sass/screen.scss */
footer .copy .bold:hover {
  color: #e40265;
}
/* line 626, ../sass/screen.scss */
footer .social-feed {
  position: absolute;
  bottom: -5px;
  right: 0px;
}
/* line 630, ../sass/screen.scss */
footer .social-feed img {
  height: 19px;
  margin-right: 28px;
}
/* line 650, ../sass/screen.scss */
footer a {
  width: 56px;
  max-width: 56px;
  color: #fff;
}

/* line 657, ../sass/screen.scss */
.fade-in {
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}
/* line 661, ../sass/screen.scss */
.fade-in.show {
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 667, ../sass/screen.scss */
.grey-bkg {
  background: #f6f6f6;
  text-align: center;
  padding: 83px 10px 100px;
}

/* line 674, ../sass/screen.scss */
#games {
  background: #f6f6f6;
  text-align: center;
  padding: 83px 10px 243px;
}
/* line 678, ../sass/screen.scss */
#games h2 {
  color: #405EAA;
}
/* line 680, ../sass/screen.scss */
#games h2:after {
  top: -22px;
}
/* line 684, ../sass/screen.scss */
#games p {
  font-size: 24px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 37px;
  color: #393939;
}
/* line 691, ../sass/screen.scss */
#games .games-container {
  padding-top: 110px;
}
/* line 693, ../sass/screen.scss */
#games .games-container .game {
  display: inline-block;
  width: 335px;
  max-width: 100%;
  margin: 30px 0;
  position: relative;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 702, ../sass/screen.scss */
#games .games-container .game:hover a > img {
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
/* line 705, ../sass/screen.scss */
#games .games-container .game:hover h3 {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
/* line 710, ../sass/screen.scss */
#games .games-container .game a {
  color: #000;
}
/* line 713, ../sass/screen.scss */
#games .games-container .game a.btn:hover {
  color: #fff;
}
/* line 718, ../sass/screen.scss */
#games .games-container .game a > img {
  width: 210px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 722, ../sass/screen.scss */
#games .games-container .game a > img:hover {
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
/* line 726, ../sass/screen.scss */
#games .games-container .game h3 {
  font-size: 24px;
  padding: 20px 0 30px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 732, ../sass/screen.scss */
#games .games-container .game .desc {
  font-size: 18px;
  width: 293px;
  max-width: 100%;
  min-height: 103px;
  margin: 0 auto;
  line-height: 26px;
  font-family: 'Open Sans';
  font-weight: 300;
}
/* line 742, ../sass/screen.scss */
#games .games-container .game .icons {
  margin: 0 auto;
  display: inline-block;
  min-height: 75px;
  width: 175px;
	
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
	
}
/* line 747, ../sass/screen.scss */
#games .games-container .game .icons img {
  float: left;
  width: 27px;
  margin: 24px 4px 20px;
}
/* line 753, ../sass/screen.scss */
#games .games-container .game .btn {
  padding: 17px 79px;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 761, ../sass/screen.scss */
#games hr {
  background: #DFDFDF;
  height: 1px;
  border: none;
  margin: 45px 0;
}

/* line 761, ../sass/screen.scss */
.btn.btn-secondary {
  color: #E50566;
  background: #fff;
  border: 1px solid #E3E3E3;
  font-size: 13px;
  padding: 20px 46px;
  cursor: pointer;
}
/* line 768, ../sass/screen.scss */
.btn.btn-secondary.active {
  border-color: #E50566;
}

/* line 773, ../sass/screen.scss */
.hashtag {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 37px;
}

/* line 782, ../sass/screen.scss */
#newsfeed h2 {
  color: #405EAA;
  padding-bottom: 20px;
}
/* line 785, ../sass/screen.scss */
#newsfeed h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 790, ../sass/screen.scss */
#newsfeed .hashtag {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 34px;
  color: #7E8DE6;
}
/* line 797, ../sass/screen.scss */

#newsfeed .newsfeed-tiles-container {
  max-width: 100%;
  margin: 95px auto 49px;
}
/* line 806, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .column-1, #newsfeed .newsfeed-tiles-container .column-2, #newsfeed .newsfeed-tiles-container .column-3 {
  display: inline-block;
  vertical-align: top;
  max-width: 290px;
  min-width: 290px;
  margin: 0 20px;
}
/* line 829, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container a {
  margin: 0 0 40px 0;
}
/* line 832, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile {
  max-width: 290px;
  min-width: 290px;
  background: #fff;
  display: block;
  text-align: left;
  border-radius: 3px;
  border: 1px solid #E9E9E9;
  padding: 20px 20px 40px;
  margin: 0 auto 40px;
}

/* line 826, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.seen .counter:before {
  background: url("../img/images/counter-icons_03.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 836, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.like .counter:before {
  background: url("../img/images/counter-icons_07.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 846, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.heart .counter:before {
  background: url("../img/images/counter-icons_09.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 856, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.yt .media:after {
  content: "";
  width: 50px;
  height: 50px;
  background: url("../icon/play-button.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
/* line 871, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.yt .social-link {
  background: url("../img/images/newsfeed_icon_03.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
/* line 879, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.insta .social-link {
  background: url("../img/images/newsfeed_icon_15.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
/* line 887, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.fb .social-link {
  background: url("../img/images/newsfeed_icon_07.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
/* line 895, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.tweet .social-link {
  background: url("../img/images/newsfeed_icon_10.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
/* line 903, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile.txt .social-link {
  background: url("../img/images/newsfeed_icon_19.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
/* line 920, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .media {
  margin: -20px -20px 0 -20px;
  position: relative;
}
/* line 925, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .media img {
  width: 100%;
  max-width: 100%;
  border-radius: 3px 3px 0 0;
}
/* line 920, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .date {
  color: #A2A2A2;
  padding: 15px 0 13px;
  font-size: 13px;
}
/* line 925, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .desc {
  color: #383838;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
}
/* line 930, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .desc span {
  color: #0080E3;
}
/* line 934, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .counter {
  color: #A2A2A2;
  position: relative;
  padding-left: 28px;
  padding-top: 5px;
  float: left;
}
/* line 940, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .counter:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 15px;
  margin-left: -28px;
}
/* line 949, ../sass/screen.scss */
#newsfeed .newsfeed-tiles-container .tile .social-link {
  float: right;
  display: inline-block;
  width: 38px;
  height: 22px;
}

/* line 961, ../sass/screen.scss */
#faq h2 {
  color: #405EAA;
  padding-bottom: 20px;
}
/* line 964, ../sass/screen.scss */
#faq h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 969, ../sass/screen.scss */
#faq .switch-tabs-container,
#faq .tabs {
  padding-top: 82px;
  padding-bottom: 60px;
}
/* line 974, ../sass/screen.scss */
#faq .switch-tabs-container {
  width: 220px;
  display: inline-block;
  margin: 0 auto;
}
/* line 978, ../sass/screen.scss */
#faq .switch-tabs-container .btn {
  display: inline-block;
  width: 100%;
  margin-bottom: 27px;
  padding: 20px 37px;
}
/* line 985, ../sass/screen.scss */
#faq .tabs {
  display: inline-block;
  text-align: left;
  width: 680px;
  margin: 0 auto;
	max-width: 100%;
}

/* line 1000, ../sass/screen.scss */
#faq ul.accordion {
  width: 680px;
	max-width: 100%;
}
/* line 992, ../sass/screen.scss */
#faq ul.accordion,
#faq ul.privacy,
#faq ul.terms {
  padding-left: 35px;
}
/* line 996, ../sass/screen.scss */
#faq ul.accordion.active,
#faq ul.privacy.active,
#faq ul.terms.active {
  display: inline-block;
}
/* line 1001, ../sass/screen.scss */
#faq ul.accordion li {
  border-bottom: 1px solid #D9D9D9;
}
/* line 1003, ../sass/screen.scss */
#faq ul.accordion li .question {
  color: #405EAA;
  padding: 20px 25px 20px 0;
  font-size: 17px;
  position: relative;
  line-height: 27px;
  word-break: break-word;
}
/* line 1010, ../sass/screen.scss */
#faq ul.accordion li .question:after {
  content: "";
  display: block;
  background: url("../arrows/faq_03.png");
  width: 14px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 1022, ../sass/screen.scss */
#faq ul.accordion li .answer {
  color: #393939;
  padding: 13px 0 23px;
  line-height: 22px;
  display: none;
  word-break: break-word;
}
/* line 1036, ../sass/screen.scss */
#faq ul.accordion li.active .question:after {
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
/* line 1040, ../sass/screen.scss */
#faq ul.accordion li.active .answer {
  display: block;
}
/* line 1046, ../sass/screen.scss */
#faq ul.terms,
#faq ul.privacy {
  line-height: 23px;
  color: #393939;
}
/* line 1050, ../sass/screen.scss */
#faq ul.terms h3,
#faq ul.privacy h3 {
  font-size: 16px;
  color: #405EAA;
  padding-bottom: 20px;
}
/* line 1055, ../sass/screen.scss */
#faq ul.terms ul,
#faq ul.privacy ul {
  list-style-type: disc;
  margin-left: 23px;
  padding: 15px 0 25px;
}
/* line 1059, ../sass/screen.scss */
#faq ul.terms ul li,
#faq ul.privacy ul li {
  padding-left: 20px;
}
/* line 1065, ../sass/screen.scss */
#faq ul.privacy p {
  padding-bottom: 30px;
}
/* line 1068, ../sass/screen.scss */
#faq ul.privacy a {
  color: #405EAA;
}

/* line 1076, ../sass/screen.scss */
#developers h2 {
  color: #405EAA;
  padding-bottom: 20px;
  font-weight: 800;
}
/* line 1080, ../sass/screen.scss */
#developers h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1085, ../sass/screen.scss */
#developers p {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 20px;
  color: #393939;
}
/* line 1092, ../sass/screen.scss */
#developers .container {
  width: 840px;
}
/* line 1095, ../sass/screen.scss */
#developers .mockup {
  width: 285px;
  margin: 0 auto;
  display: inline-block;
  padding-top: 110px;
  margin-bottom: 70px;
}
/* line 1101, ../sass/screen.scss */
#developers .mockup img {
  height: 560px;
}
/* line 1105, ../sass/screen.scss */
#developers .description {
  width: 490px;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  padding-top: 110px;
  padding-bottom: 68px;
  margin-bottom: 70px;
  position: relative;
  min-height: 660px;
}
/* line 1116, ../sass/screen.scss */
#developers .description h3 {
  font-weight: 800;
  font-size: 24px;
}
/* line 1120, ../sass/screen.scss */
#developers .description p {
  font-size: 18px;
  padding-top: 30px;
  line-height: 28px;
}
/* line 1125, ../sass/screen.scss */
#developers .description .instructions {
  color: #405EAA;
  padding: 0 0 0 30px;
  margin-top: 60px;
  margin-bottom: 30px;
  margin-left: 5px;
  position: relative;
}
/* line 1133, ../sass/screen.scss */
#developers .description .instructions:after {
  content: "";
  width: 2px;
  height: calc(100% - 11px);
  background: #405EAA;
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
}
/* line 1144, ../sass/screen.scss */
#developers .description .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 18px 0;
  width: 223px;
}

/* line 1156, ../sass/screen.scss */
#careers {
  text-align: center;
  background: url("../img/images/careers_02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 792px;
}
/* line 1163, ../sass/screen.scss */
#careers h2 {
  color: #fff;
  padding-bottom: 15px;
}
/* line 1166, ../sass/screen.scss */
#careers h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1170, ../sass/screen.scss */
#careers h2 span {
  font-weight: 300;
  color: #EF3383;
}
/* line 1175, ../sass/screen.scss */
#careers .hashtag {
  padding-top: 15px;
  color: #fff;
}
/* line 1179, ../sass/screen.scss */
#careers p {
  color: #fff;
  font-size: 21px;
  font-weight: 300;
  width: 470px;
  max-width: 100%;
  line-height: 27px;
  margin: 190px auto 100px auto;
}
/* line 1188, ../sass/screen.scss */
#careers .btn {
  color: #fff;
  padding: 18px 0;
  width: 223px;
}

/* line 1196, ../sass/screen.scss */
#contact {
  padding-bottom: 0;
}
/* line 1199, ../sass/screen.scss */
#contact .container {
  width: 885px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background-image: url("../img/images/contact-map_01.png");
  background-repeat: no-repeat;
  background-position: 30px 488px;
  background-size: 592px 315px;
  padding-bottom: 100px;
}
/* line 1210, ../sass/screen.scss */
#contact h2 {
  color: #405EAA;
}
/* line 1212, ../sass/screen.scss */
#contact h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1217, ../sass/screen.scss */
#contact > p {
  font-size: 23px;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-top: 37px;
  color: #393939;
}
/* line 1224, ../sass/screen.scss */
#contact .success-msg {
  font-size: 18px;
  text-align: center;
  padding-top: 110px;
  height: 822px;
  width: 395px;
}
/* line 1231, ../sass/screen.scss */
#contact .address,
#contact form {
  width: 395px;
  max-width: 100%;
}
/* line 1236, ../sass/screen.scss */
#contact .address {
  text-align: left;
  padding-top: 108px;
  padding-left: 5px;
}
/* line 1240, ../sass/screen.scss */
#contact .address h3 {
  color: #4456A2;
  font-size: 23px;
}
/* line 1244, ../sass/screen.scss */
#contact .address p {
  padding-top: 35px;
  line-height: 27px;
  font-size: 17px;
  color: #393939;
}
/* line 1251, ../sass/screen.scss */
#contact form {
  padding-top: 110px;
}
/* line 1253, ../sass/screen.scss */

#contact form > * {
  display: block;
  float: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 14px;
  color: #393939;
}


/* line 1262, ../sass/screen.scss */
#contact form label {
  margin: -20px 0 0 0;
  height: 20px;
  padding: 4px 0 0 0;
  height: 20px;
  font-size: 13px;
  color: #FE0000;
}
/* line 1270, ../sass/screen.scss */
#contact form select,
#contact form input,
#contact form textarea {
  border: 1px solid #DCDCDC;
}
/* line 1274, ../sass/screen.scss */
#contact form select:focus,
#contact form input:focus,
#contact form textarea:focus {
  border: 1px solid #405EAA;
  outline: none;
}
/* line 1278, ../sass/screen.scss */
#contact form select::-webkit-input-placeholder,
#contact form input::-webkit-input-placeholder,
#contact form textarea::-webkit-input-placeholder {
  color: #393939;
}
/* line 1281, ../sass/screen.scss */
#contact form select::-moz-placeholder,
#contact form input::-moz-placeholder,
#contact form textarea::-moz-placeholder {
  color: #393939;
}
/* line 1284, ../sass/screen.scss */
#contact form select:-ms-input-placeholder,
#contact form input:-ms-input-placeholder,
#contact form textarea:-ms-input-placeholder {
  color: #393939;
}
/* line 1287, ../sass/screen.scss */
#contact form select:-moz-placeholder,
#contact form input:-moz-placeholder,
#contact form textarea:-moz-placeholder {
  color: #393939;
}
/* line 1291, ../sass/screen.scss */
#contact form select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 35px;
  background: #fff;
  background-image: url("../arrows/contact-select-arrow_03.png");
  background-repeat: no-repeat;
  background-position: 362px 19px;
}
/* line 1301, ../sass/screen.scss */
#contact form select::-ms-expand {
  display: none;
}
/* line 1304, ../sass/screen.scss */
#contact form select:focus::-ms-value {
  background-color: transparent;
  color: #393939;
}
/* line 1309, ../sass/screen.scss */
#contact form textarea.error,
#contact form select.error,
#contact form input.error {
  border: 1px solid #FE0000 !important;
}
/* line 1314, ../sass/screen.scss */
#contact form input[type="submit"] {
  color: #fff;
  background: #EC1470;
  border: none;
  text-transform: uppercase;
  width: 145px;
  font-size: 17px;
  padding: 18px;
  cursor: pointer;
}
/* line 1323, ../sass/screen.scss */
#contact form input[type="submit"]:active {
  background: #ee2c7e;
}
/* line 1328, ../sass/screen.scss */
#contact iframe {
  display: none;
}
/* line 1331, ../sass/screen.scss */
#contact textarea {
  resize: none;
  font-family: 'Open Sans';
  height: 208px;
  overflow: auto;
  border: 1px solid #DCDCDC;
}


/* line 1341, ../sass/screen.scss */
#about-us {
  padding: 0;
}
/* line 1343, ../sass/screen.scss */
#about-us .about-us-parallax {
  width: 100%;
  max-width: 100%;
  background: url("../img/images/about-us-parallax_03.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  background-attachment: fixed;
  margin-top: 0;
}
/* line 1355, ../sass/screen.scss */
#about-us > img {
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 0;
  margin-top: -100px;
}
/* line 1362, ../sass/screen.scss */
#about-us .about-us {
  padding: 83px 10px 100px;
  text-align: center;
  position: relative;
  background: #fff;
  z-index: 1;
}
/* line 1368, ../sass/screen.scss */
#about-us .about-us:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 30px;
  background: url("../img/images/about-scroll_05.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: -75px;
  left: 50%;
  margin-left: -15px;
}
/* line 1381, ../sass/screen.scss */
#about-us .about-us h2 {
  padding-bottom: 19px;
}
/* line 1383, ../sass/screen.scss */
#about-us .about-us h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1387, ../sass/screen.scss */
#about-us .about-us h2 span {
  font-weight: 300;
  color: #EF3383;
}
/* line 1392, ../sass/screen.scss */
#about-us .about-us p {
  width: 495px;
  max-width: 100%;
  font-size: 18px;
  margin: 0 auto;
  line-height: 27px;
  padding-top: 90px;
  color: #393939;
}
/* line 1402, ../sass/screen.scss */
#about-us .about-us-photos {
  background: #F3F3F3;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px;
  z-index: 1;
  position: relative;
}
/* line 1409, ../sass/screen.scss */
#about-us .about-us-photos .container {
  width: 1000px;
  max-width: 100%;
  padding-bottom: 68px;
}
/* line 1414, ../sass/screen.scss */
#about-us .about-us-photos .person {
  width: 300px;
  padding: 15px;
}
/* line 1418, ../sass/screen.scss */
#about-us .about-us-photos .person img {
  height: 260px;
  display: block;
  margin: 0 auto;
  padding-left: 34px;
}
/* line 1424, ../sass/screen.scss */
#about-us .about-us-photos .person .desc {
  text-align: center;
  padding-top: 18px;
}
/* line 1427, ../sass/screen.scss */
#about-us .about-us-photos .person .desc p {
  color: #0E0E0E;
}
/* line 1429, ../sass/screen.scss */
#about-us .about-us-photos .person .desc p:first-child {
  font-size: 16px;
}
/* line 1432, ../sass/screen.scss */
#about-us .about-us-photos .person .desc p:last-child {
  line-height: 30px;
  text-transform: uppercase;
}
/* line 1440, ../sass/screen.scss */
#about-us .btn {
  padding: 18px 0;
  width: 223px;
}
/* line 1444, ../sass/screen.scss */
#about-us .game-play {
  width: 100%;
  max-width: 100%;
  position: relative;
}
/* line 1448, ../sass/screen.scss */
#about-us .game-play img {
  max-width: 100%;
  width: 100%;
}
/* line 1452, ../sass/screen.scss */
#about-us .game-play .game-play-btn {
  color: #fff;
  width: 80px;
  height: 20px;
  padding-top: 75px;
  text-align: center;
  background-image: url("../img/images/game-play_03.png");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
/* line 1467, ../sass/screen.scss */
#about-us .press {
  padding: 83px 10px 0;
  text-align: center;
  background: url("../img/images/about-us-press_02.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 630px;
  position: relative;
  padding-bottom: 50px;
}
/* line 1477, ../sass/screen.scss */
#about-us .press h2 {
  padding-bottom: 19px;
  color: #4855A1;
}
/* line 1480, ../sass/screen.scss */
#about-us .press h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1485, ../sass/screen.scss */
#about-us .press ul.news-flash {
  padding-top: 95px;
  width: 900px;
  max-width: 100%;
}
/* line 1489, ../sass/screen.scss */
#about-us .press ul.news-flash > li {
  width: 900px;
  max-width: 100%;
}
/* line 1492, ../sass/screen.scss */
#about-us .press ul.news-flash > li > ul {
  width: 900px;
  max-width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
/* line 1499, ../sass/screen.scss */
#about-us .press ul.news-flash > li > ul li {
  width: 270px;
  max-width: 100%;
  display: inline-block;
}
/* line 1507, ../sass/screen.scss */
#about-us .press ul.news-flash .description {
  color: #4F4F4F;
  line-height: 20px;
  padding: 40px 0;
}
/* line 1513, ../sass/screen.scss */
#about-us .press .slide-squares {
  padding-top: 10px;
}
/* line 1515, ../sass/screen.scss */
#about-us .press .slide-squares li {
  border: 3px solid #4855A1;
}
/* line 1517, ../sass/screen.scss */
#about-us .press .slide-squares li.chosen {
  background: #4855A1;
}

/* line 1528, ../sass/screen.scss */
#single-game h2:after {
  display: none;
}
/* line 1532, ../sass/screen.scss */
#single-game > img {
  width: 100%;
  max-width: 100%;
}
/* line 1536, ../sass/screen.scss */
#single-game .single-game {
  position: relative;
  padding: 125px 10px 50px;
}
/* line 1539, ../sass/screen.scss */
#single-game .single-game .container {
  width: 985px;
}
/* line 1542, ../sass/screen.scss */
#single-game .single-game img {
  width: 100%;
  max-width: 100%;
}
/* line 1546, ../sass/screen.scss */
#single-game .single-game .stores {
  max-width: 100%;
  width: 150px;
  max-width: 100%;
}
/* line 1550, ../sass/screen.scss */
#single-game .single-game .stores img {
  width: 150px;
  padding-bottom: 10px;
}
/* line 1553, ../sass/screen.scss */
#single-game .single-game .stores > img {
  padding-bottom: 30px;
}
/* line 1558, ../sass/screen.scss */
#single-game .single-game .description {
  width: 505px;
  padding-right: 20px;
  padding-left: 25px;
  max-width: 100%;
  font-size: 18px;
    line-height: 25px;
}
/* line 1564, ../sass/screen.scss */
#single-game .single-game .description h2 {
  padding-bottom: 50px;
  color: #000;
  line-height: 50px;
}
/* line 1568, ../sass/screen.scss */
#single-game .single-game .description p {
  line-height: 25px;
  padding-bottom: 20px;
}
/* line 1572, ../sass/screen.scss */
#single-game .single-game .description .get-all {
  padding-top: 44px;
  color: #4557A6;
}
/* line 1576, ../sass/screen.scss */
#single-game .single-game .description a {
  padding-right: 20px;
}
/* line 1579, ../sass/screen.scss */
#single-game .single-game .description img {
  width: auto;
}
/* line 1583, ../sass/screen.scss */
#single-game .single-game .details {
  width: 245px;
  max-width: 100%;
  padding-top: 5px;
  font-size: 18px;
}
/* line 1588, ../sass/screen.scss */
#single-game .single-game .details h3 {
  text-transform: uppercase;
}
/* line 1591, ../sass/screen.scss */
#single-game .single-game .details .headline {
  text-transform: uppercase;
  color: #E50465;
  padding-top: 20px;
  padding-bottom: 5px;
}
/* line 1597, ../sass/screen.scss */
#single-game .single-game .details .link {
  text-decoration: underline;
}
/* line 1602, ../sass/screen.scss */
#single-game .screens {
  background: url("../img/images/game-screen-bkg_02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
  min-height: 330px;
  height: 600px;
  padding: 90px 0 0;
}

#single-game .screens .arrow {
	border: 3px solid #fff;
		height: 64px;
	width: 64px;
	padding-top: 19px;
	position: absolute;
	z-index: 1;
	top: 50%;
	  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-game .screens .arrow img {
	margin: 0 auto;
	display: block;
		position: absolute;
	top: 50%;
	left: 50%;
	  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#single-game .screens .left {
	left: 0;
	border-left: none;
}

#single-game .screens .right {
	right: 0;
	border-right: none;
}

/* line 1612, ../sass/screen.scss */
#single-game .screens .screens-panel {
/*
  min-width: 15000px;
  -moz-transition: ease-out 0.5s;
  -o-transition: ease-out 0.5s;
  -webkit-transition: ease-out 0.5s;
  transition: ease-out 0.5s;
*/
}
/* line 1615, ../sass/screen.scss */
#single-game .screens .screens-panel .screen {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  height: 380px;
  display: inline-block;
  float: left;
  max-width: 100%;
    position: relative;
}
#single-game .screens .screens-panel .screen.horizontal-align img{
    position: absolute;
    left: 20px;
    top: 50%; 
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);   
}

#single-game .screens .screens-panel .screen:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
/* line 1624, ../sass/screen.scss */
#single-game .screens .screens-panel .screen img {
  display: block;
/*  margin: 0 auto;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
*/
/*
	max-width: 100%;
	max-height: 100%;
*/
}
/* line 1635, ../sass/screen.scss */
#single-game .screens .slide-squares {
  position: absolute;
  bottom: 25px;
  left: 50%;
  min-width: 140px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	min-width: 350px;
}
/* line 1642, ../sass/screen.scss */
#single-game .screens .slide-squares li {
  border: 3px solid #fff;
}
/* line 1644, ../sass/screen.scss */
#single-game .screens .slide-squares li.chosen {
  background: #fff;
}
/* line 1650, ../sass/screen.scss */
#single-game .press {
  text-align: center;
  padding: 83px 10px 0;
}
/* line 1653, ../sass/screen.scss */
#single-game .press .container {
  width: 1000px;
}
/* line 1656, ../sass/screen.scss */
#single-game .press h2 {
  padding-bottom: 20px;
}
/* line 1660, ../sass/screen.scss */
#single-game .press .characters {
  width: 500px;
  max-width: 500px;
  max-height: 430px;
  height: 430px;
  position: relative;
}
/* line 1666, ../sass/screen.scss */
#single-game .press .characters img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

#single-game .press .characters.center img {
top: 50%;
left: 50%;
	  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#single-game .press .characters.bottom img {
  bottom: 0;
  right: 50px;
}

/* line 1679, ../sass/screen.scss */
#single-game .press .news-flash {
  width: 500px;
  max-width: 100%;
	padding: 0;
}
/* line 1684, ../sass/screen.scss */
#single-game .press .news-flash li a {
  text-transform: uppercase;
  color: #E50465;
}
/* line 1689, ../sass/screen.scss */
#single-game .press .news-flash li .description {
  color: #000;
  padding: 40px 0;
  line-height: 24px;
  font-size: 16px;
}
/* line 1695, ../sass/screen.scss */
#single-game .press .news-flash li a {
  float: right;
  font-size: 18px;
  padding-left: 24px;
  position: relative;
}
/* line 1700, ../sass/screen.scss */
#single-game .press .news-flash li a:after {
  content: "";
  width: 18px;
  height: 12px;
  position: absolute;
  right: -25px;
  top: 3px;
  background: url("../arrows/right-arrow-pink.png");
  background-repeat: no-repeat;
  background-position: center;
}
/* line 1712, ../sass/screen.scss */
#single-game .press .news-flash li .author {
  color: #4A54A0;
  display: inline-block;
  padding-bottom: 10px;
}
/* line 1721, ../sass/screen.scss */
#single-game .press .slide-squares {
  position: absolute;
  min-width: 100px;
  height: 50px;
  max-width: 100%;
  right: -45px;
  bottom: 65px;
}
/* line 1728, ../sass/screen.scss */
#single-game .press .slide-squares li {
  border: 3px solid #4855A1;
    margin-top: 10px;
}
/* line 1730, ../sass/screen.scss */
#single-game .press .slide-squares li.chosen {
  background: #4855A1;
}
/* line 1736, ../sass/screen.scss */
#single-game .links-to-stores {
  padding: 50px 0;
}
/* line 1738, ../sass/screen.scss */
#single-game .links-to-stores p {
  text-align: center;
  text-transform: uppercase;
  color: #E50465;
  padding-bottom: 30px;
}
/* line 1744, ../sass/screen.scss */
#single-game .links-to-stores hr {
  border: 1px solid #DFDFDF;
  height: 1px;
  border-bottom: none;
}
/* line 1749, ../sass/screen.scss */
#single-game .links-to-stores .btns {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 1752, ../sass/screen.scss */
#single-game .links-to-stores .btns a {
  width: auto;
  margin: 0 5px 50px;
}
/* line 1757, ../sass/screen.scss */
#single-game .links-to-stores > a {
  margin: 50px auto 0;
  display: block;
  width: 314px;
  max-width: 100%;
}
/* line 1762, ../sass/screen.scss */
#single-game .links-to-stores > a img {
  width: auto;
}

/* line 1774, ../sass/screen.scss */
#single-post .back {
  padding-top: 82px;
  width: 235px;
}
/* line 1778, ../sass/screen.scss */
#single-post .back,
#single-post .post-content {
  padding-bottom: 60px;
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}
/* line 1785, ../sass/screen.scss */
#single-post .post-content {
  text-align: left;
  width: 770px;
  padding-left: 60px;
  padding-top: 80px;
}
/* line 1790, ../sass/screen.scss */
#single-post .post-content h2 {
  font-size: 30px;
  color: #405EAA;
  text-transform: none;
}

#single-post h2 {
	padding-bottom: 20px;
	color: #405EAA;
}

#single-post .hashtag {
	color: #7E8DE6;
}

#single-post strong {
font-weight: 700;
}

/* line 1794, ../sass/screen.scss */
#single-post .post-content h2:after {
  display: none;
}
/* line 1798, ../sass/screen.scss */
#single-post .post-content p {
  font-size: 18px;
  color: #393939;
  padding: 20px 0;
  line-height: 23px;
}
/* line 1804, ../sass/screen.scss */
#single-post .post-content h3 {
  font-size: 23px;
  color: #405EAA;
  padding: 20px 0;
}
/* line 1809, ../sass/screen.scss */
#single-post .post-content img {
  padding: 40px 0 20px;
  max-width: 100%;
  width: 100%;
}
/* line 1815, ../sass/screen.scss */
#single-post .btn {
  padding: 17px 79px 17px 84px;
}
/* line 1817, ../sass/screen.scss */
#single-post .btn img {
  position: absolute;
  top: 20px;
  left: 20px;
}

/* line 1826, ../sass/screen.scss */
#support {
  min-height: calc(100% - 496px);
}
/* line 1828, ../sass/screen.scss */
#support h2 {
  color: #405EAA;
  padding-bottom: 20px;
}
/* line 1831, ../sass/screen.scss */
#support h2:after {
  top: -17px;
  margin-left: -3px;
}
/* line 1836, ../sass/screen.scss */
#support .switch-tabs-container {
  max-width: 100%;
  margin: 0 auto;
  margin: 60px 0;
}
/* line 1840, ../sass/screen.scss */
#support .switch-tabs-container .btn {
  margin: 15px;
  padding: 20px 37px;
}
/* line 1843, ../sass/screen.scss */
#support .switch-tabs-container .btn:hover {
  border-color: #E50566;
}

#support strong {
font-weight: 700;
}

/* line 1850, ../sass/screen.scss */
.game-play {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  cursor: pointer;
}
/* line 1859, ../sass/screen.scss */
.game-play .game-play-click {
  height: 20px;
  width: 100px;
  z-index: 11;
  color: #fff;
  padding-top: 80px;
  text-align: center;
  background-image: url("../img/images/game-play_03.png");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
/* line 1876, ../sass/screen.scss */
.game-play.show-gameplay img {
  display: none;
}
/* line 1879, ../sass/screen.scss */
.game-play.show-gameplay .game-play-click {
  display: none;
}
/* line 1883, ../sass/screen.scss */
.game-play img {
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
}
/* line 1890, ../sass/screen.scss */
.game-play iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

@media (min-width: 1021px){
    .hide-if-desktop {
    display: none;
}
}

@media (min-width: 641px) and (max-width: 1020px) {
  /* line 1902, ../sass/screen.scss */
  .hide-if-mobile {
	display: none !important;
  }

  /* line 1905, ../sass/screen.scss */
  .bars {
	display: inline-block;
	position: fixed;
	right: 30px;
	top: 30px;
	background: #fff;
	    padding: 13px;
  }
  /* line 1912, ../sass/screen.scss */
  .bars img {
	width: 30px;
	height: auto;
  }
    .carousel .arrow.left, .carousel .arrow.right {
        background: none;
    }
  /* line 1918, ../sass/screen.scss */
  h2:after {
	display: none;
  }

  /* line 1923, ../sass/screen.scss */
  footer .copy {
	font-size: 18px;
	position: static;
	text-align: center;
	padding-bottom: 20px;
  }
  /* line 1928, ../sass/screen.scss */
  footer .copy span {
	display: block;
	padding-bottom: 5px;
  }
  /* line 1933, ../sass/screen.scss */
  footer .social-feed {
	position: static;
	text-align: center;
  }
  /* line 1936, ../sass/screen.scss */
  footer .social-feed img {
	height: 25px;
	width: auto !important;
  }

  /* line 1942, ../sass/screen.scss */
  ul.footer {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	width: auto;
	padding: 30px 10px 10px !important;
  }
  /* line 1947, ../sass/screen.scss */
  ul.footer > li {
	width: 100% !important;
	text-align: center;
	min-height: 35px;
	height: auto !important;
	padding: 20px 0;
	font-size: 23px;
  }
  /* line 1955, ../sass/screen.scss */
  ul.footer > li span {
	font-size: 23px !important;
  }
  /* line 1957, ../sass/screen.scss */
  ul.footer > li span:after {
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  /* line 1962, ../sass/screen.scss */
  ul.footer > li ul {
	padding-top: 25px !important;
	margin: 0 auto;
  }
  /* line 1965, ../sass/screen.scss */
  ul.footer > li ul li {
	line-height: normal !important;
	font-size: 18px !important;
  }

  /* line 1972, ../sass/screen.scss */
  ul.menu.mobile {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	padding-top: 80px;
  background: rgba(255, 255, 255, 0.9);
  overflow: auto;
  }
  /* line 1981, ../sass/screen.scss */
  ul.menu.mobile li {
	display: block;
	text-align: center;
	margin: 0;
	line-height: 50px;
  }

  /* line 1988, ../sass/screen.scss */
  ul.menu {
	display: none;
  }

  /* line 2001, ../sass/screen.scss */
  #about-us .press ul.news-flash ul {
	-webkit-flex-direction: column;
	flex-direction: column;
  }
  /* line 2003, ../sass/screen.scss */
  #about-us .press ul.news-flash ul li {
	margin: 0 auto;
  }

  /* line 2010, ../sass/screen.scss */
  #contact .container {
	background-position: center;
  }

  /* line 2013, ../sass/screen.scss */
  #games hr {
	display: none;
  }

  /* line 2018, ../sass/screen.scss */
  #single-game .single-game .stores {
	order: 2;
  }
  /* line 2021, ../sass/screen.scss */
  #single-game .single-game .description {
	order: 1;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
  }
  /* line 2027, ../sass/screen.scss */
  #single-game .single-game .details {
	order: 3;
	text-align: center;
  }
  /* line 2033, ../sass/screen.scss */
  #single-game .press .characters {
	order: 2;
      margin-top: 50px;
  }
  /* line 2035, ../sass/screen.scss */
  #single-game .press .characters .slide-squares {
	top: -40px;
	left: 50%;
	right: auto;
	bottom: auto;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  /* line 2043, ../sass/screen.scss */
  #single-game .press .news-flash {
	order: 1;
  }
  /* line 2046, ../sass/screen.scss */
  #single-game .press .news-flash a:after {
	top: auto !important;
	right: auto !important;
	left: auto;
	bottom: auto;
	padding: 5px 0 0 15px;
  }

  /* line 2058, ../sass/screen.scss */
  #single-post .back {
	padding: 60px 0;
  }
  /* line 2061, ../sass/screen.scss */
  #single-post .post-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
  }

  /* line 2068, ../sass/screen.scss */
  #faq ul.accordion,
  #faq ul.privacy,
  #faq ul.terms {
	padding-left: 0;
  }

  /* line 2075, ../sass/screen.scss */
  .game-play .game-play-btn {
	font-size: 23px;
	width: 120px !important;
	height: 60px !important;
	padding-top: 75px;
  }
}
@media (max-width: 640px) {
  /* line 2085, ../sass/screen.scss */
  .hide-if-mobile {
	display: none !important;
  }

  /* line 2088, ../sass/screen.scss */
  .fade-in {
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }

  /* line 2092, ../sass/screen.scss */
  .bars {
	display: inline-block;
	position: fixed;
	right: 20px;
	top: 23px;
	background: #fff;
	padding: 13px;
  }
  /* line 2099, ../sass/screen.scss */
  .bars img {
	width: 30px;
	height: auto;
  }
    .carousel .arrow.left, .carousel .arrow.right {
        background: none;
    }
  /* line 2104, ../sass/screen.scss */
  .full {
	padding-left: 10px;
	padding-right: 10px;
  }

  /* line 2109, ../sass/screen.scss */
  h2:after {
	display: none;
  }

  /* line 2119, ../sass/screen.scss */
  footer {
	background: #1D1F21 !important;
  }
  /* line 2121, ../sass/screen.scss */
  footer .copy {
	font-size: 18px;
	position: static;
	text-align: center;
	padding-bottom: 20px;
  }
  /* line 2126, ../sass/screen.scss */
  footer .copy span {
	padding-bottom: 5px;
	display: block;
  }
  /* line 2131, ../sass/screen.scss */
  footer .social-feed {
	position: static;
	text-align: center;
  }
  /* line 2134, ../sass/screen.scss */
  footer .social-feed img {
	height: 25px;
	width: auto !important;
  }

  /* line 2140, ../sass/screen.scss */
  .tiles,
  .tile {
	padding: 20px 0;
	width: 200px !important;
  }
  /* line 2144, ../sass/screen.scss */
  .tiles:after,
  .tile:after {
	top: 20px !important;
  }

  /* line 2148, ../sass/screen.scss */
  .copy,
  .social-feed {
	position: static !important;
	max-width: 100%;
	text-align: center;
  }
  /* line 2153, ../sass/screen.scss */
  .copy img,
  .social-feed img {
	margin: 0 10px !important;
  }

  /* line 2157, ../sass/screen.scss */
  .social-feed {
	padding-top: 20px;
  }

  /* line 2160, ../sass/screen.scss */
  ul.footer {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	width: auto;
	padding: 30px 10px 10px !important;
  }
  /* line 2165, ../sass/screen.scss */
  ul.footer > li {
	width: 100% !important;
	text-align: center;
	min-height: 35px;
	height: auto !important;
	padding: 20px 0;
  }
  /* line 2172, ../sass/screen.scss */
  ul.footer > li span {
	font-size: 23px !important;
  }
  /* line 2174, ../sass/screen.scss */
  ul.footer > li span:after {
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  /* line 2179, ../sass/screen.scss */
  ul.footer > li ul {
	padding-top: 25px !important;
	margin: 0 auto;
  }
  /* line 2182, ../sass/screen.scss */
  ul.footer > li ul li {
	line-height: normal !important;
	font-size: 18px !important;
  }

  /* line 2189, ../sass/screen.scss */
  ul.menu.mobile {
		position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	padding-top: 80px;
  background: rgba(255, 255, 255, 0.9);
  overflow: auto;
  }
  /* line 2198, ../sass/screen.scss */
  ul.menu.mobile li {
	display: block;
	text-align: center;
	margin: 0;
	line-height: 50px;
  }

  /* line 2205, ../sass/screen.scss */
  ul.menu {
	display: none;
  }

  /* line 2208, ../sass/screen.scss */
  ul.news-flash,
  ul.news-flash li {
	text-align: center;
	padding: 20px 0;
  }

  /* line 2213, ../sass/screen.scss */
  ul.news-flash,
  ul.news-flash li {
	text-align: center;
	padding: 20px 0;
  }

  /* line 2219, ../sass/screen.scss */
  #about-us .about-us-parallax {
	background: url("../img/images/about-us-parallax_03-mobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	background-attachment: fixed;
  }
  /* line 2228, ../sass/screen.scss */
  #about-us .press ul.news-flash ul {
	-webkit-flex-direction: column;
	flex-direction: column;
  }
  /* line 2230, ../sass/screen.scss */
  #about-us .press ul.news-flash ul li {
	margin: 0 auto;
  }

  /* line 2237, ../sass/screen.scss */
  #contact .container {
	background-position: center;
  }

  /* line 2241, ../sass/screen.scss */
  #single-game h2 {
	font-size: 35px;
  }
  /* line 2245, ../sass/screen.scss */
  #single-game .single-game .stores {
	order: 2;
  }
  /* line 2248, ../sass/screen.scss */
  #single-game .single-game .description {
	order: 1;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
  }
  /* line 2254, ../sass/screen.scss */
  #single-game .single-game .details {
	order: 3;
	text-align: center;
  }
  /* line 2260, ../sass/screen.scss */
  #single-game .press .characters {
	order: 2;
      margin-top: 50px;
  }
  /* line 2262, ../sass/screen.scss */
  #single-game .press .characters .slide-squares {
	top: -30px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: auto;
	right: auto;
  }
  /* line 2270, ../sass/screen.scss */
  #single-game .press .news-flash {
	order: 1;
  }
  /* line 2272, ../sass/screen.scss */
  #single-game .press .news-flash a {
	display: block;
	float: none !important;
	padding: 20px;
  }
  /* line 2276, ../sass/screen.scss */
  #single-game .press .news-flash a:after {
	top: auto !important;
	right: auto !important;
	left: auto;
	bottom: auto;
	padding: 5px 0 0 15px;
  }

  /* line 2287, ../sass/screen.scss */
  #games hr {
	display: none;
  }

  /* line 2291, ../sass/screen.scss */
  #single-post .back {
	padding: 60px 0;
  }
  /* line 2294, ../sass/screen.scss */
  #single-post .post-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
  }

  /* line 2301, ../sass/screen.scss */
  .game-play .game-play-btn {
	font-size: 23px;
	width: 120px !important;
	height: 60px !important;
	padding-top: 75px;
  }

  /* line 2314, ../sass/screen.scss */
  #faq ul.accordion,
  #faq ul.privacy,
  #faq ul.terms {
	padding-left: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 2328, ../sass/screen.scss */
  .logo {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 110px;
	height: 75px;
	display: inline-block;
	background: url("../img/images/logodm.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
}



/* OD TEGO MIEJSCA */

.blue-link {
  color: #4456A2;
}

.blue-link:hover {
  color: #e40265;
}

/* HEADINGI */
.heading--style1 {
  padding-bottom: 20px;
  font-size: 48px;
  text-transform: uppercase;
  color: #4e60a8;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.heading--style2 {
  padding-bottom: 20px;
  font-size: 36px;
  color: #4e60a8;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.heading--style3 {
  padding-bottom: 20px;
  font-size: 24px;
  color: #4456A2;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.heading--style4 {
  padding-bottom: 20px;
  font-size: 24px;
  color: #4456A2;
  text-transform: uppercase;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

/* OBRAZKI */
/* domyślnie obrazki nie mają skalowania więc to zostawiam jako domyślne zachowanie */

/* domyślna wielkość, chyba ze szerokosc mniejsza */
.image--fluid {
  max-width: 100%;
  height: auto;
}

/* zawsze na całą szerokość */
.image--max {
  width: 100%;
  height: auto;
}


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

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

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

/* TABELKA */

.table-fluid {
  width: 100%;
}

.table-fluid td, .table-fluid th {
  padding: 10px;
}

.table-fluid td:first-of-type, .table-fluid th:first-of-type {
  padding-left: 20px;
}

.table-fluid td:last-of-type, .table-fluid th:last-of-type {
  padding-right: 20px;
}

.table-fluid th  {
  font-weight: bold;
  text-transform: uppercase;
}

.table-fluid tbody tr:nth-child(odd) {
  background: #fcfcfc;
}

.table-fluid tbody tr:nth-child(even) {
  background: #f0f0f0;
}

@media (max-width: 640px) { /* TABELKA MOBILE */
  .table-fluid thead {
    display: none;
  }

  .table-fluid, .table-fluid tbody, .table-fluid td, .table-fluid th, .table-fluid tr {
    display: block;
  }

  .table-fluid td:first-of-type, .table-fluid th:first-of-type {
    padding-left: 10px;
  }
  
  .table-fluid td:last-of-type, .table-fluid th:last-of-type {
    padding-right: 10px;
  }

  .table-fluid td {
    border-bottom: 1px solid #dddddd;
  }

  .table-fluid tr:last-of-type td:last-of-type {
    border-bottom: 0;
  }

  .table-fluid td:before {
    content: attr(data-title);
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
  }
}

/* BOXY - prosty grid na 12 kolumn z paddingami */

.row {
  margin: 0 -10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  padding: 0 10px;
  flex-grow: 0;
  flex-shrink: 0;
}

.col-1 { 
  width: 8.333%;
}

.col-2 { 
  width: 16.667%;
}

.col-3 { 
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 { 
  width: 41.667%;
}

.col-6 { 
  width: 50%; 
}

.col-7 { 
  width: 58.333%;
}

.col-8 { 
  width: 66.667%;
}

.col-9 { 
  width: 75%;
}

.col-10 { 
  width: 83.333%;
}

.col-11 { 
  width: 91.533%;
}

.col-12 { 
  width: 100%;
}

@media (max-width: 640px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding: 0;
    width: 100%;
  }
}