/* @group FONTS */
@font-face {
  font-family: 'cf_semplicegrbold';
  src: url("../../common/fonts/cf_semplicegr_bold-webfont.eot");
  src: url("../../common/fonts/cf_semplicegr_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/cf_semplicegr_bold-webfont.svg#cf_semplicegrbold") format("svg"), url("../../common/fonts/cf_semplicegr_bold-webfont.woff") format("woff"), url("../../common/fonts/cf_semplicegr_bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cf_semplicegrregular';
  src: url("../../common/fonts/cf_semplicegr-webfont.eot");
  src: url("../../common/fonts/cf_semplicegr-webfont.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/cf_semplicegr-webfont.svg#cf_semplicegrregular") format("svg"), url("../../common/fonts/cf_semplicegr-webfont.woff") format("woff"), url("../../common/fonts/cf_semplicegr-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../../common/fonts/icomoon.eot?-sqjkz");
  src: url("../../common/fonts/icomoon.eot?#iefix-sqjkz") format("embedded-opentype"), url("../../common/fonts/icomoon.svg?-sqjkz#icomoon") format("svg"), url("../../common/fonts/icomoon.woff?-sqjkz") format("woff"), url("../../common/fonts/icomoon.ttf?-sqjkz") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* @group VARIABLES */
/* @group GENERAL STYLING */
/* line 47, ../sass/style.scss */
* {
  padding: 0;
  margin: 0;
}

/* line 52, ../sass/style.scss */
*, *:before, *:after {
  box-sizing: border-box;
}

/* line 56, ../sass/style.scss */
body {
  font-family: 'cf_semplicegrbold';
  background-color: #efefef;
}
/* line 59, ../sass/style.scss */
body #entry-screen {
  padding: 3%;
  height: 100%;
  position: relative;
}
/* line 64, ../sass/style.scss */
body ul, body ol {
  list-style-type: none;
}
/* line 67, ../sass/style.scss */
body a {
  text-decoration: none;
}
/* line 69, ../sass/style.scss */
body a:before {
  transition: opacity 300ms ease-out;
}
/* line 72, ../sass/style.scss */
body a:hover:before {
  opacity: 0.9;
}
/* line 76, ../sass/style.scss */
body h1 {
  background: url(../garnish/logo_EL.png) no-repeat;
  font-size: 0;
  width: 230px;
  height: 220px;
  background-size: 100%;
  float: left;
}
@media screen and (max-width: 1280px) {
  /* line 76, ../sass/style.scss */
  body h1 {
    width: 190px;
    height: 182px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 76, ../sass/style.scss */
  body h1 {
    width: 150px;
    height: 145px;
  }
}
/* line 92, ../sass/style.scss */
body h2 {
  display: none;
}
/* line 95, ../sass/style.scss */
body .games-entry {
  background: #333333;
  margin: 0 auto;
  text-align: center;
  border-radius: 100%;
  width: 56%;
  padding: 3.5% 0.5% 5% 0;
  margin-top: 8%;
  box-shadow: 0px 40px 35px rgba(34, 34, 34, 0.28);
  position: relative;
}
@media screen and (max-width: 1440px) {
  /* line 95, ../sass/style.scss */
  body .games-entry {
    width: 65%;
  }
}
@media screen and (max-width: 1366px) {
  /* line 95, ../sass/style.scss */
  body .games-entry {
    padding: 3.5% 0.8% 3.5% 0;
    margin-top: 14.3%;
    width: 70%;
  }
}
@media screen and (max-width: 1280px) {
  /* line 95, ../sass/style.scss */
  body .games-entry {
    margin-top: 11.3%;
    width: 75%;
  }
}
@media screen and (max-width: 1024px) {
  /* line 95, ../sass/style.scss */
  body .games-entry {
    width: 80%;
  }
}
@media screen and (max-width: 800px) {
  /* line 95, ../sass/style.scss */
  body .games-entry {
    width: 100%;
    margin-top: 16.3%;
  }
}
/* line 125, ../sass/style.scss */
body .games-entry svg {
  width: 100%;
}
/* line 128, ../sass/style.scss */
body .games-entry g[id*="unit-"] {
  cursor: pointer;
  transition: opacity 300ms ease-out;
}
/* line 131, ../sass/style.scss */
body .games-entry g[id*="unit-"]:hover {
  opacity: 0.7;
}
/* line 136, ../sass/style.scss */
body nav {
  float: right;
  padding: 5% 5% 0 0;
  position: relative;
}
/* line 140, ../sass/style.scss */
body nav a {
  color: #A62429;
  font-size: 1.3rem;
}
/* line 143, ../sass/style.scss */
body nav a:before {
  content: "X";
  background: #A62429;
  border-radius: 100%;
  padding: 7px 11px 3px 11px;
  color: #fff;
  font-size: 1rem;
  margin-right: 5px;
}
/* line 155, ../sass/style.scss */
body .games-info li {
  display: none;
  cursor: pointer;
  background: #fff;
  box-shadow: 4px 4px 5px rgba(34, 34, 34, 0.28);
  width: 13%;
  padding: 1.5%;
  text-align: center;
  color: #A62429;
  border-radius: 10px;
}
@media screen and (max-width: 1440px) {
  /* line 155, ../sass/style.scss */
  body .games-info li {
    width: 17%;
  }
}
@media screen and (max-width: 800px) {
  /* line 155, ../sass/style.scss */
  body .games-info li {
    width: 25%;
  }
}
/* line 172, ../sass/style.scss */
body .games-info li.visible {
  display: block;
}
/* line 175, ../sass/style.scss */
body .games-info li:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
/* line 190, ../sass/style.scss */
body .games-info li.match:before {
  bottom: auto;
  top: 100%;
  border-bottom-color: transparent;
  border-top-color: #fff;
}
/* line 197, ../sass/style.scss */
body .games-info li h3 {
  margin-bottom: 15px;
}
/* line 200, ../sass/style.scss */
body .games-info li h4 {
  font-size: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* line 205, ../sass/style.scss */
body .games-info li .description {
  margin-top: 10%;
  line-height: 1.2;
}
@media screen and (max-width: 1366px) {
  /* line 205, ../sass/style.scss */
  body .games-info li .description {
    margin-top: 5%;
  }
}
/* line 213, ../sass/style.scss */
body .games-info li.paint h4 {
  background-image: url(../paint/garnish/logo-small_EL.png);
  height: 6.5vw;
  margin: 0 0.8vh;
}
@media screen and (max-width: 1440px) {
  /* line 213, ../sass/style.scss */
  body .games-info li.paint h4 {
    margin: 0 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  /* line 213, ../sass/style.scss */
  body .games-info li.paint h4 {
    height: 7.5vw;
    margin: 0px 1rem;
  }
}
@media screen and (max-width: 800px) {
  /* line 213, ../sass/style.scss */
  body .games-info li.paint h4 {
    height: 12.5vw;
    margin: 0px 1.2rem;
  }
}
/* line 229, ../sass/style.scss */
body .games-info li.match h4 {
  background-image: url(../match/garnish/logo-small_EL.png);
  height: 6vw;
  margin: 0 2.7vh;
}
@media screen and (max-width: 1440px) {
  /* line 229, ../sass/style.scss */
  body .games-info li.match h4 {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 1280px) {
  /* line 229, ../sass/style.scss */
  body .games-info li.match h4 {
    height: 5.6vw;
    margin: 0 2.9rem;
  }
}
@media screen and (max-width: 1024px) {
  /* line 229, ../sass/style.scss */
  body .games-info li.match h4 {
    height: 4.5rem;
    margin: 0px 2rem;
  }
}
@media screen and (max-width: 800px) {
  /* line 229, ../sass/style.scss */
  body .games-info li.match h4 {
    height: 6.5rem;
  }
}
/* line 248, ../sass/style.scss */
body .games-info li.broken h4 {
  background-image: url(../broken/garnish/logo-small_EL.png);
  height: 6.5vw;
}
@media screen and (max-width: 1440px) {
  /* line 248, ../sass/style.scss */
  body .games-info li.broken h4 {
    margin: 0 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  /* line 248, ../sass/style.scss */
  body .games-info li.broken h4 {
    height: 7.5vw;
    margin: 0px 1rem;
  }
}
@media screen and (max-width: 800px) {
  /* line 248, ../sass/style.scss */
  body .games-info li.broken h4 {
    height: 12.5vw;
    margin: 0px 1.2rem;
  }
}

/* line 268, ../sass/style.scss */
.lang_en h1 {
  background: url(../garnish/logo_EN.png) no-repeat;
  background-size: 100%;
}
/* line 273, ../sass/style.scss */
.lang_en .games-info li.paint h4 {
  background-image: url(../paint/garnish/logo-small_EN.png);
}
/* line 276, ../sass/style.scss */
.lang_en .games-info li.match h4 {
  background-image: url(../match/garnish/logo-small_EN.png);
}
/* line 279, ../sass/style.scss */
.lang_en .games-info li.broken h4 {
  background-image: url(../broken/garnish/logo-small_EN.png);
}