text:
aq .FAQ-faq-item .FAQ-question .FAQ-svg-container-plus, .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-minus {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #e6e6e6;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 7px;
  transition: all 250ms ease-out;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-plus svg, .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-minus svg {
  display: inline-block;
  height: 14px;
  width: 14px;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-plus svg path, .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-minus svg path {
  fill: #ffffff;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question .FAQ-svg-container-minus {
  display: none;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer {
  height: 0;
  position: relative;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content {
  position: absolute;
  box-sizing: border-box;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content p {
  margin-top: 10px;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content:after {
  content: '';
  display: block;
  height: 25px;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content strong {
  font-weight: bolder;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content img {
  width: 80%;
  margin: 9px 0;
  border-radius: @contentBorderRadius;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer p:last-child {
  margin-bottom: 0;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item:hover .svg-container {
  background-color: #000000;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item.is-open {
  opacity: 1;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item.is-open h4 {
  color: #ff9c00;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item.is-open .FAQ-svg-container-plus {
  display: none;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item.is-open .FAQ-svg-container-minus {
  display: block;
  background-color: #ff9c00;
}
.FAQ .FAQ-content .FAQ-faq .FAQ-faq-item.notactive .FAQ-question {
  opacity: 0.5;
}
@media (min-width: 600px) {

  .FAQ h1 {
    font-size: 27px;
    line-height: 1;
  }

  .FAQ .FAQ-content {
    padding: 50px 60px;
  }

  .FAQ .FAQ-content .FAQ-icon {
    height: 90px;
  }

  .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content img {
    width: 40%;
    margin: 10px 20px 10px 0;
  }
	}
@media (min-width: 1024px), (min-width: 1440px) {

  .FAQ {
    max-width: 860px;
    margin: 0 auto;
    padding-top: 70px !important;
  }

  .FAQ h1 {
    font-size: 36px;
    margin-bottom: 30px;
  }

  .FAQ .FAQ-content {
    padding: 0;
  }

  .FAQ .FAQ-content h4 {
    font-size: 18px;
    font-family: 'roboto_slabbold';
  }

  .FAQ .FAQ-content p:first-child {
    margin-top: 0;
  }

  .FAQ .FAQ-content p, .FAQ .FAQ-content li, .FAQ .FAQ-content a {
    font-size: 18px;
  }

  .FAQ .FAQ-content .FAQ-icon {
    height: 100px;
  }

  .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question {
    padding: 25px 0;
  }

  .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-question h4 {
    margin: 0;
  }

  .FAQ .FAQ-content .FAQ-faq .FAQ-faq-item .FAQ-answer .FAQ-answer-content img {
    width: 40%;
    margin: 10px 20px 10px 0;
  }
	}
.article {
	padding-top: 50px;
	position: relative;
	min-height: 1200px;
	transition: all linear 150ms;
}
.article.multiLanguage-menu-up {
  padding-top: 100px;
}
.article h3 {
  font-size: 18px;
  font-family: 'roboto_slabbold';
  margin-bottom: 5px;
  text-shadow: none;
  line-height: 1;
}
.article h3.category-general {
  color: #b51ede;
}
.article h3.category-release-notes {
  color: #60c645;
}
.article h3.category-news {
  color: #4549a8;
}
.article h3.category-community  {
  color: #dc563f;
}
.article h4 {
  color: #858585;
  font-size: 13px;
  font-family: 'roboto_slabregular';
  margin: 0;
}
.article h1 {
  font-size: 27px;
  line-height: 1.3;
  letter-spacing: -1px;
  margin: 12px 0 20px;
  color: #414243;
  text-shadow: none;
}
.article .date-divider {
  display: none;
}
.article strong {
  font-family: 'roboto_slabbold';
}
.article .wrapper {
  padding: 48px 25px 0;
  max-width: 865px;
  margin: 0 auto;/*
		p:first-of-type{
			margin-top: 0;
		} */
}
.article .wrapper .blog-content h1, .article .wrapper .blog-content h2, .article .wrapper .blog-content h3, .article .wrapper .blog-content h4, .article .wrapper .blog-content h5 {
  color: #363636;
  text-shadow: none;
  display: block;
  font-family: 'roboto_slabbold';
  font-weight: normal;
  margin: 0;
  line-height: 1.3;
}
.article .wrapper .blog-content h1{
  font-size: 28px;
}
.article .wrapper .blog-content h2 {
  font-size: 22px;
}
.article .wrapper .blog-content h3 {
  font-size: 18px;
}
.article .wrapper .blog-content h4 {
  font-size: 16px;
}
.article .wrapper .blog-content h5 {
  font-size: 12px;
  font-family: 'roboto_slabregular';
  color: #858585;
}
.article .wrapper .blog-content a {
  text-decoration: underline;
}
.article .wrapper .blog-content a:hover {
  text-decoration: none;
}
/* This is a bit hack-ish. But forces wrongly formated CMS articles to look nicer... */
.article .wrapper .blog-content div {
  color: #858585;
  font-family: 'roboto_slabregular';
  font-size: 16px;
  line-height: 1.4;
}
.article .wrapper a {
  color: #ffab18;
  text-decoration: none;
}
.article .wrapper a:hover {
  text-decoration: none;
}
.article .wrapper p, .article .wrapper iframe, .article .wrapper blockquote {
  font-family: 'roboto_slabregular';
  margin: 16px auto;
}
.article .wrapper iframe {
  max-width: 100%;
  width:calc(100vw - 50px);
  height: 50vw;
}
.article .wrapper blockquote {
  font-size: 24px;
  color: #414243;
  line-height: 1.3;
  text-align: center;
}
.article .wrapper p, .article .wrapper li {
  font-size: 16px;
  color: #858585;
  line-height: 1.4;
}
.article .wrapper img {
  max-width: 100%;
  border-radius: 5px;
  display: block;
  margin: 30px auto;
}
.article .wrapper li {
  margin: 5px;
  font-family: 'roboto_slabregular';
}
.article .wrapper ul {
  margin-bottom: 40px;
  margin-left: 1em;
  padding-left: 0;
}
.article .share {
  padding-top: 20px;
  padding-bottom: 35px;
  font-size: 12px;
  color: #858585;
  font-family: 'roboto_slabbold';
}
.article .share .share-item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
}
.article .links {
  display: block;
  margin-top: 40px;
  padding-top: 15px;
  padding-bottom: 40px;
  border-top: solid 5px #f1f1f1;
  font-size: 0;
}
.article .links a {
  display: inline-block;
  font-family: 'roboto_slabbold';
  text-decoration: none;
  width: 50%;
  color: #858585;
  font-size: 16px;
  transition: color 250ms;
}
.article .links a:hover {
  color: #656565;
}
.article .links a:hover .icon {
  background-color: #fb9a00;
}
/*the previous entry is on the right side */
.article .links .prev {
  text-align: right;
}
.article .links .mobile-only {
  display: inline-block;
}
.article .links .icon {
  position: relative;
  background-color: #ffab18;
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 30px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 33px;
  transition: background-color 250ms ease-out;
}
.article .links .icon svg {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.article .links .icon svg path {
  fill: #ffffff;
}
.article .links .icon.icon-prev {
  margin-left: 10px;
}
.article .links .icon.icon-prev svg {
  margin-top: -2px;
  margin-left: 2px;
}
.article .links .icon.icon-next {
  margin-right: 10px;
}
.article .links .icon.icon-next svg {
  margin-top: -2px;
  margin-right: 2px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.article .sidebar {
  display: block;
  background-color: #f1f1f1;
  text-align: center;
  padding: 45px 25px;
}
.article .sidebar h4 {
  display: block;
}
.article .sidebar .sidebar-title {
  font-family: 'roboto_slabbold';
}
.article .sidebar h3 {
  font-family: 'supercell-magicregular',Arial,sans-serif;
  color: #363636;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1;
  text-align: left;
}
.article .sidebar .home-news-primary-item-holder {
  display: block;
  margin: 0 auto;
  padding: 7.5px 0;
  text-align: left;
  width: 100%;
  max-width: 330px;
}
.article .sidebar .home-news-primary-item-holder.is-first {
  padding-top: 0;
}
@media (min-width: 600px) {

  .article .wrapper {
    padding-bottom: 35px;
  }

  .article .wrapper iframe {
    width: 600px;
    height: 295px;
  }

  .article .wrapper blockquote {
    width: 75%;
    margin: 0 auto;
  }
	}
@media (min-width: 1024px), (min-width: 1440px) {

  .article {
    padding-top: 70px;
  }

  .article h3, .article h4 {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin: 0;
  }

  .article h3 {
    font-size: 16px;
  }

  .article .date-divider {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 18px;
    background-color: #e5e5e5;
    margin: 0 5px;
  }

  .article .wrapper {
    max-width: 720px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 65px;
    padding-bottom: 90px;
  }

  .article .wrapper h1 {
    margin-bottom: 30px;
  }

  .article .wrapper .blog-content h1 {
    font-size: 28px;
  }

  .article .wrapper .blog-content h2 {
    font-size: 22px;
  }

  .article .wrapper .blog-content h3 {
    font-size: 18px;
  }

  .article .wrapper .blog-content h4 {
    font-size: 16px;
  }

  .article .wrapper .blog-content h5 {
    font-size: 12px;
  }

  .article .wrapper iframe {
    width: 720px;
    height: 407px;
  }

  .article .wrapper .screenshots {
    margin: 30px auto;
    font-size: 0;
    text-align: left;
  }

  .article .wrapper .screenshots img {
    display: inline-block;
    width: 345px;
    margin: 0 15px;
  }

  .article .wrapper .screenshots img:nth-child(odd) {
    margin-left: 0;
  }

  .article .wrapper .screenshots img:nth-child(even) {
    margin-right: 0;
  }

  .article .links span {
    display: inline;
  }
	}
@media (min-width: 600px), (min-width: 1024px), (min-width: 1440px) {

  .article .sidebar .home-news-primary-item-holder.not-first .home-news-primary-item-content-category {
    background-color: transparent;
  }
			}
@media (max-width: 599px){

  .article .sidebar {
    text-align: center;
    width: 100%;
  }
		}
@media (min-width: 600px) and (max-width: 1199px){

  .article .sidebar {
    text-align: left;
    font-size: 0;
  }

  .article .sidebar .sidebar-wrapper {
    max-width: 720px;
    margin: 0 auto;
  }

  .article .sidebar h3 {
    display: block;
  }

  .article .sidebar .home-news-primary-item-holder {
    width: 50%;
    max-width: inherit;
    display: inline-block;
    vertical-align: top;
    padding: 7.5px  15px !important;
  }

  .article .sidebar .home-news-primary-item-holder .home-news-primary-item-content-category {
    background-color: transparent;
  }

  .article .sidebar .home-news-primary-item-holder:nth-child(odd) {
    padding-right: 0 !important;
  }

  .article .sidebar .home-news-primary-item-holder:nth-child(even) {
    padding-left: 0 !important;
  }
		}
@media (min-width: 1200px) {

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item {
    overflow: hidden;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture {
    width: 100%;
    display: block;
    border-radius: 5px 5px 0 0;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture:before {
    padding-top: 60%;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content {
    position: relative;
    display: block;
    width: 100%;
    background-color: #ffffff;
    padding-top: 75px;
    padding-bottom: 25px;
    border-radius: 5px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 13px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-category-bar {
    display: none;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-content-category {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: block;
    padding: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-content-category h4 {
    line-height: 50px;
    font-size: 15px;
    margin: 0;
    color: #ffffff !important;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-date {
    position: relative;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture {
    overflow: inherit;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture img {
    width: 101%;
    transition: all 250ms ease-out;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture:before {
    padding-top: 62.5%;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item picture:hover img {
    width: 105%;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content h3 a {
    font-size: 20px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-date {
    bottom: inherit;
    margin-bottom: 5px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt {
    font-family: 'roboto_slabregular';
    display: none;
    color: #858585;
    font-size: 16px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt p {
    margin: 15px 0;
    font-size: 16px;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt a {
    font-size: 16px;
    font-family: 'roboto_slabbold';
    text-decoration: underline;
  }

  .article .sidebar .home-news-primary-item-holder.is-first .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt a:hover {
    text-decoration: none;
  }
		}

@media (min-width: 1200px) {
	.article {
		padding-right: 375px;
	}

	.sidebar {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 375px;
	}

	.sidebar .sidebar-title {
    font-family: 'roboto_slabbold';
    margin-top: 93px;
    text-align: left;
    margin-left: 0;
    display: block;
    font-size: 16px;
    color: #363636;
  }
}
.page-404 {
	padding-top: 50px;
	background-color: #427ae3;
	color: #ffffff;
	min-height: 480px;
	text-align: center;
	overflow-x:hidden;

}
.page-404 h1 {
  margin-top: 40px;
  font-family: 'supercell-magicregular',Arial,sans-serif;
  font-size: 24px;
  margin-bottom: 0px;
}
.page-404 p {
  font-family: 'roboto_slabregular';
  font-size: 14px;
  margin-top: 5px;
}
.page-404 img{
  width: 150%;
  margin-top: -20%;
  margin-left: -25%;
  height: auto;
}
.page-404 .page-404__content {
  position: relative;
  z-index: 10;
}
@media (min-width: 600px) {

  .page-404 h1 {
    font-size: 36px;
  }
	}
@media (min-width: 1024px), (min-width: 1440px) {

  .page-404 .page-404__inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
    max-width: 1280px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
  }

  .page-404 .page-404__content {
    position: relative;
    z-index: 10;
    width: 50%;
    display: inline-block;
    text-align: left;
    padding-left: 10%;
  }

  .page-404 h1 {
    font-size: 48px;
  }

  .page-404 p {
    font-size: 22px;
  }

  .page-404 .page-404__image {
    width: 50%;
    margin: 0;
    display: inline-block;
  }

  .page-404 .page-404__image img {
    margin-top: 0;
  }
	}
.blog h1, .community-videos h1 {
  color: #000;
  font-size: 18px;
  text-shadow: none;
  margin-bottom: 10px;
}
.blog .section-categories, .community-videos .section-categories {
  padding-top: 100px;
  padding-bottom: 20px;
}
.blog .section-categories a, .community-videos .section-categories a {
  font-size: 15px;
  display: inline-block;
  font-family: 'roboto_slabbold';
  color: #858585;
  text-decoration: none;
  margin: 0 25px 0 0;
}
.blog .section-categories a:hover, .blog .section-categories a.active, .community-videos .section-categories a:hover, .community-videos .section-categories a.active {
  color: #ffab18;
}
@media (min-width: 600px) {

  .blog h1, .community-videos h1 {
    font-size: 24px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }

  .blog .section-categories, .community-videos .section-categories {
    padding-bottom: 20px;
  }

  .blog .section-categories-filter, .community-videos .section-categories-filter {
    display: inline-block;
    float: right;
    line-height: 62px;
    vertical-align: middle;
    text-align: right;
  }

  .blog .section-categories-filter a:last-child, .community-videos .section-categories-filter a:last-child {
    margin-right: 0;
  }
	}
@media (min-width: 1024px), (min-width: 1440px) {

  .blog h1, .community-videos h1 {
    font-size: 32px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }

  .blog .section-categories, .community-videos .section-categories {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .blog .section-categories-filter, .community-videos .section-categories-filter {
    display: inline-block;
    float: right;
    line-height: 62px;
    vertical-align: middle;
    text-align: right;
  }

  .blog .section-categories-filter a:last-child, .community-videos .section-categories-filter a:last-child {
    margin-right: 0;
  }
	}

.section-pagination {
	text-align: center;
	padding-top: 35px;
}

.section-pagination a {
  font-size: 15px;
  display: inline-block;
  font-family: 'roboto_slabbold';
  color: #858585;
  text-decoration: none;
  margin: 0 25px 0 0;
  transition: color 250ms;
}

.section-pagination a:hover, .section-pagination a.active {
  color: #ffab18;
}

.section-pagination a:hover .icon, .section-pagination a.active .icon {
  background-color:#fb9a00;
}

.section-pagination .icon {
  position: relative;
  background-color: #ffab18;
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 30px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 33px;
  transition: background-color 250ms ease-out;
}

.section-pagination .icon svg {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

.section-pagination .icon svg path {
  fill: #ffffff;
}

.section-pagination .icon.icon-next svg {
  margin-top: -2px;
  margin-left: 2px;
}

.section-pagination .icon.icon-prev svg {
  margin-top: -2px;
  margin-right: 2px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 1024px), (min-width: 1440px) {

  .section-pagination {
    padding-top: 40px;
    padding-bottom: 40px;
  }
	}
.community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content {
  padding: 20px;
}
.community-videos .home-community-content-item .youtube-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58px;
  height: 41px;
  z-index: 100;
  margin-left: -29px;
  margin-top: -20px;
  -webkit-transform: scale(1) translate3d(0,0,0);
          transform: scale(1) translate3d(0,0,0);
}
.community-videos .home-community-content-item .youtube-play img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 100;
}
@media (min-width: 600px) {

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content {
    padding: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 16px;
  }

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-date {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 15px;
  }
	}
@media (min-width: 1024px), (min-width: 1440px){

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content {
    padding: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 22px;
  }

  .community-videos .section-homepage-news-primary .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-date {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 15px;
  }
	}
/* ===============================================
Hamburger Button
=================================================*/

.Languagebar-FixedElements {
	position: fixed;
	width: 100%;
}

.Languagebar-language-button {
	position: relative;
	top: 27px;
	right: -199px;
	color: white;
	z-index:10000;
}

.Languagebar-language-button a{
  cursor:pointer;
  padding:10px;
}

.Languagebar-holder {
	position: relative;
	width: 100%;
}

.Languagebar-hamburger-button {
	visibility:hidden;
	position: absolute;
	width: 56px;
	height: 60px;
	top: 0;
	left: inherit;
	right: 0;
	padding: 18px;
	z-index: 10000;
	transition: all 430ms ease-out;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	cursor: pointer;
}

.Languagebar-hamburger-button.not-fixed {
  top: 0;
}

.Languagebar-hamburger-button .Languagebar-hamburger {
  position: relative;
  width: 20px;
  height: 15px;
}

.Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  background-color: #fff;
  border-radius: 6px;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line1 {
  top: 0;
}

.Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line2 {
  top: 6px;
}

.Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line3 {
  top: 6px;
}

.Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line4 {
  top: 12px;
}

.unfix .Languagebar-hamburger-button {
  top: -60px;
}

@media (min-width: 1024px), (min-width: 1440px) {

  .Languagebar-hamburger-button {
    padding: 25px;
    width: 78px;
    height: 70px;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger {
    width: 28px;
    height: 20px;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line {
    height: 4px;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line1 {
    top: 0;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line2 {
    top: 8px;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line3 {
    top: 8px;
  }

  .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line4 {
    top: 16px;
  }
	}

.Languagebar-holder {
	position: absolute;
	right: 0;
}
.Languagebar-backdrop {
	right: -100%;
	left: inherit !important;
}
.Languagebar-hamburger-button {
	left: inherit;
}

/*
@media (--tablet-max) {
	.Languagebar-holder {
		position: absolute;
		right: 0;
	}
	.Languagebar-backdrop {
		right: -100%;
		left: inherit !important;
	}
	.Languagebar-hamburger-button {
		left: inherit;
		right: 0;
	}
}

@media (--desktop), (--desktop-xl) {

	.Languagebar-hamburger-button, .Languagebar-hamburger-wrapper {
		display: none;
	}

}
*/

/* ===============================================
Logo found within the Languagebar
=================================================*/

.Languagebar-logo {

	position: fixed;
	z-index: 10000;
	top: 15px;
	display: block;
	left: 150px;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	transition: all 250ms ease-out;
}

.Languagebar-logo img {
  transition: opacity 250ms ease-out;
  width: 0;
  height: 0;
  border:0;
  outline: 0;
}

.Languagebar-logo img.lazyloaded {
  width: 115px;
  height: auto;
}

.unfix .Languagebar-logo {
  top: -60px;
}

.Languagebar-logo.Languagebar-logo-inside{
  position: relative;
  display: block;
  top: -4px;
  margin-left: 0;
}

@media (min-width: 1024px), (min-width: 1440px) {

  .Languagebar-logo {
    margin-left: -93px;
  }

  .Languagebar-logo img.lazyloaded {
    width: 185px;
    height: auto;
  }
	}

.Languagebar-logo {
	transition: none;
}
/*
@media (--tablet), (--tablet-max) {
	.Languagebar-logo {
		transition: none;
	}
}

@media (--desktop), (--desktop-xl) {

	.Languagebar-logo {
		position: absolute;
		margin-left: 0;
		top: 7px;
		left: 30px;
		margin: 0;
		&.Languagebar-logo-inside{
			display: none;
		}
		&.Languagebar-logo-outside {
			z-index: 10001;
		}

		img {
			opacity: 0;

			&.lazyloading {
				opacity: 0;
			}
			&.lazyloaded {
				width: 100px;
				opacity: 1;
			}
		}
	}

}
*/
/* ===============================================
Languagebar, not to be confused with Header
=================================================*/

.Languagebar {
	position: fixed;
	text-align: left;
	left: -100%;
	width: 100%;
	display: block;

	font-family: 'roboto_slabregular';
	-webkit-transform: translate3D(0,0,0);
	        transform: translate3D(0,0,0);
}

.Languagebar .Languagebar-primarynav > .Languagebar-item {
  border-bottom: 1px solid #3b3b3b;
}

.Languagebar-content {
  padding: 17px 0 17px 0;
}

@media (min-width: 1024px), (min-width: 1440px) {
	.Languagebar-content {
	  padding: 22px 0 22px 0;
	}

	.Languagebar-background {
    padding-top: 25px !important;
	}
}

.Languagebar-mobile {
	display:block;
	position: absolute;
	font-family: 'roboto_slabregular';

	left:10px;
	top:14px;
}

.Languagebar-mobile select {
  top:13px;
  left:8px;
  z-index:1;
  position: initial;
  overflow: hidden;
  background: transparent;
  border: 0px solid #ccc;
  color:white;
  font-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.Languagebar-mobile .Languagebar-arrow{
  position: relative;
  float: right;
  width:9px;/* IE 9 */
  -webkit-transform: rotate(90deg);/* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.Languagebar-mobile .Languagebar-arrow svg {
  fill :white;
}

@media (min-width: 600px) and (max-width: 1023px) {

  .Languagebar-mobile {
    display: none;
  }
	}

@media (min-width: 1024px), (min-width: 1440px) {

  .Languagebar-mobile {
    display: none;
  }
	}

@media (min-width: 600px) and (max-width: 1023px) {

	.Languagebar-holder, .Languagebar-scroller, .Languagebar-backdrop {
		display:block;
		width: 300px;
	}

	.Languagebar-holder .Languagebar-backdrop, .Languagebar-scroller .Languagebar-backdrop, .Languagebar-backdrop .Languagebar-backdrop {
    width: 300px !important;
  }

}

@media (min-width: 1024px), (min-width: 1440px) {

	.Languagebar-holder, .Languagebar-scroller, .Languagebar-backdrop {
		display:block;
		width: 300px;
	}

	.Languagebar-holder .Languagebar-backdrop, .Languagebar-scroller .Languagebar-backdrop, .Languagebar-backdrop .Languagebar-backdrop {
    width: 300px !important;
  }

	/*
	.Languagebar {
		position: absolute;
		top: 0;
		left: 0;
		height: 70px;
	}
	.Languagebar-primarynav {
		> .Languagebar-item {
			border: 0 !important;
		}
	}
	*/
}

/* ===============================================
Navigation background (Expanded)
=================================================*/

.Languagebar-backdrop {
	background: rgba(41,41,41,1);
    height: 100%;
    left: -100%;
    position: fixed;
    top: 0;
    width: 100%;
}

.Languagebar-backdrop.animate-out {
  left: inherit;
  right: 0;
  -webkit-animation-name: sneak-out-right;
  animation-name: sneak-out-right;
  -webkit-animation-duration: 370ms;
  animation-duration: 370ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.Languagebar-background {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	padding-bottom: 50px;
	padding-top: 50px;
}

@media (min-width: 1024px), (min-width: 1440px) {

	.Languagebar-background {
		padding-top: 70px;
	}

}

/*
@media (--desktop), (--desktop-xl) {

	.Languagebar-background {
		padding: 0;
		background: #488bf5;
		height: 70px;
		overflow: inherit;
		text-align: center;
		transition: all 250ms ease-in-out;
		display: block;

		.Header--dropdown-active & {
			height: 140px;
		}

		&:hover, &.has-scrolled {
			background: #488bf5;
		}
	}

}
*/

/* ===============================================
Languagebar Items
- These are used to do the hover effects
=================================================*/
.Languagebar-item {
	transition: opacity 200ms ease-out;
}
.Languagebar-item.notactive {
  opacity: 0.5;
}

/* ===============================================
Languagebar Wrapper
=================================================*/
.Languagebar-wrapper {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
}

/* ===============================================
Languagebar Overlay
=================================================*/
.Languagebar-overlay {
	position: fixed;
	display: none;
	z-index: 1;
	height: 60px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #292929;
}

.Languagebar-primarynav, .Languagebar-secondarynav {
	padding: 0 43px;

	/*
	@media (--desktop), (--desktop-xl) {
		padding: 0;
		display: block;
		transform: translate3d(0,0,0);
	}
	*/
}

/* ===============================================
Primary Navigation
=================================================*/
.Languagebar-primarynav {
	position: relative;
	font-family: 'supercell-magicregular',Arial,sans-serif;
	color: #fff;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;

	/*
	@media (--desktop), (--desktop-xl) {

		display: inline-block;
		text-align: center;
		font-size: 11px;
		line-height: 11px;
		width: auto;
		opacity: 1;
		transform: translate3d(0,0,0);
		transition: color 500ms ease-in-out;

		> a {
			display: inline-block;
			line-height: 70px;
			padding: 0 30px 0 0;
			&:last-child {
				padding-right: 0;
			}
		}

		.Languagebar-dropdown-main {
			svg {
				opacity: 0;
				transition: opacity 150ms ease-out;
			}

			&.show-arrow {
				svg {
					opacity: 1;
				}
			}
		}

		.Header--dropdown-active & {
			border-bottom: 1px solid rgba(255,255,255,0.15);
		}
		.Header--dropdown-active.no-border & {
			border:0;
		}

		&.state-start {
			opacity: 0;
		}
	}

	@media (--desktop-xl) {

		> a {
			padding: 0 44px 0 0;
		}

	}
	*/
}
.Languagebar-primarynav a {
  position: relative;
  font-family: 'roboto_slabregular';
  font-size: 15px;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 0;
  display: block;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  transition: opacity 0.2s ease-out;
}
.Languagebar-primarynav a.active {
  color: white;
}
.Languagebar-primarynav a.notactive {
  opacity:0.5;
}
.Languagebar-primarynav a.Languagebar-dropdown-main {
  padding: 0;
}
.Languagebar-primarynav a.selected {
  color: #757575;
}

/* ===============================================
Secondary Navigation
=================================================*/

.Languagebar-secondarynav {
	margin: 28px 0 28px;

	/*
	@media (--desktop), (--desktop-xl) {
		display: none;
	}
	*/
}

.Languagebar-secondarynav a {
  font-size: 16px;
  padding: 12px 0;
  text-decoration: none;
  color: #767779;
  display: block;
}

/* ===============================================
Navigation Dropdowns
=================================================*/

.Languagebar-dropdown {
	padding: 25px 0;
	position: relative;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;

	/*
	@media (--desktop), (--desktop-xl) {
		display: inline-block;
		vertical-align: top;
		line-height: 70px;
		padding: 0 30px 0 0;
		cursor: pointer;

		.Languagebar-dropdown-main {
			padding: 0;
		}

		.icon-arrow {
			display: inline-block;
			path {
				fill: $colorWhite;
			}
		}

		&:first-child {
			padding-left: 0;
		}

		ul {
			position: absolute;
			top: 70px;
			display: block;
			width: 999px;
			left: 0;
			height: 0;
			margin: 0;
			transition: height 350ms ease-in-out;
			max-height: inherit;

			li {
				display: inline-block;
				float:left;
				text-align: left;
				margin: 0;
				line-height: 70px;

				&:first-child, &:last-child {
					margin: 0;
				}

				a {
					padding: 0 44px 0 0;
					font-size: 11px;
					width: 100%;
				}

				&:last-child {
					a {
						padding-right: 0;
					}
				}
			}
		}

		&.open {
			ul {
				height:70px;
			}
		}
	}
	@media (--desktop-xl) {

		padding: 0 44px 0 0;

		> a {
			padding: 0 44px 0 0;
		}

	}
	*/

}

.Languagebar-dropdown .icon-arrow {
  position: relative;
  width: 12px;
  height: 24px;
  line-height: 70px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: opacity 150ms ease-out;
  display: none;
}

.Languagebar-dropdown .icon-arrow path {
  fill: #767779;
}

.Languagebar-dropdown ul {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  max-height: inherit;
}

.Languagebar-dropdown ul li {
  margin: 0;
  padding: 0;
}

.Languagebar-dropdown ul li a {
  padding: 10px 0;
  display: block;
  font-size: 14px;
}

.Languagebar-dropdown ul li:first-child {
  margin-top: 10px;
}

.Languagebar-dropdown ul li:last-child {
  margin-bottom: -10px;
}

/* ===============================================
	Open State for Navigation Dropdowns
	=================================================*/

.Languagebar-dropdown.open .icon-arrow path {
  fill: #ffffff;
}

/* ===============================================
Download button for mobile
=================================================*/
a.Languagebar-language {
	display: block;
	position:absolute;
	top:15px;
	left:10px;
	right: auto;
	white-space: nowrap;

	cursor:pointer;

	font-family: 'roboto_slabregular';
	font-size: 15px;
	color: white;

}
a.Languagebar-language > span {
  display: inline-block;
  vertical-align: middle;
}
a.Languagebar-language .Languagebar-arrow-left {
  position: relative;
  display: inline-block;
  float: none;
  left: -5px;
  vertical-align: middle;
  width: 9px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
a.Languagebar-language .Languagebar-arrow-left svg {
  fill: white;
}
a.Languagebar-language .Languagebar-arrow-right {
  display: none;
  position: relative;
  left: 7px;
  vertical-align: middle;
  width: 9px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
a.Languagebar-language .Languagebar-arrow-right svg {
  fill: white;
}
@media (max-width: 599px), (max-width: 599px) {

  a.Languagebar-language {
    top: 15px;
    left: 20px;
    right: auto;
  }

  a.Languagebar-language .Languagebar-arrow-left {
    display: none;
  }

  a.Languagebar-language .Languagebar-arrow-right {
    display: inline-block;
  }
	}
@media (min-width: 600px), (min-width: 1023px) {

  a.Languagebar-language {
    top: 15px;
    left: auto;
    right: 60px;
  }

  a.Languagebar-language .Languagebar-arrow-left {
    display: inline-block;
  }
	}
@media (min-width: 1024px), (min-width: 1440px) {

  a.Languagebar-language {
    top: 24px;
    left: auto;
    right: 80px;
  }
	}

.Languagebar-logo-outside {
	display:none;
}

.Languagebar-logo-outside.is-android {
  margin-left: -35px;
  top: 10px;
}

.Languagebar-logo-outside.is-android img {
  width: 70px;
}
/* ===============================================
Active State for Languagebar
=================================================*/

.Languagebar--active .Languagebar-scroller {
  position: absolute;
  overflow-x:hidden;
  overflow-y: auto;
  width: 100%;
  min-height: 1000px;
  min-height: 100vh;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  z-index: 1000;
}

.Languagebar--active .Languagebar-scroller.has-touch-scroll {
  overflow-y: scroll;/* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.Languagebar--active .Languagebar-scroller.has-touch-scroll::-webkit-scrollbar {
  width: 0;
  height: 8px;
}

/* Track */

.Languagebar--active .Languagebar-scroller.has-touch-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  border:0;
}

/* Handle */

.Languagebar--active .Languagebar-scroller.has-touch-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0);
  -webkit-box-shadow: none;
}

.Languagebar--active .Languagebar-scroller.has-touch-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0);
}

.Languagebar--active .Languagebar-backdrop {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
  -webkit-animation-duration: 430ms;
  animation-duration: 430ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: sneak-in-right;
  animation-name: sneak-in-right;
  -webkit-animation-duration: 430ms;
  animation-duration: 430ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.Languagebar--active .Languagebar {
  position: relative;
  left: 0;
  padding-top: 60px;
  -webkit-animation-name: sneak-in-text-right;
  animation-name: sneak-in-text-right;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.Languagebar--active .Languagebar-logo.Languagebar-logo-outside{
  position: absolute;
  color: #488bf4;
}

.Languagebar--active .Languagebar-primarynav, .Languagebar--active .Languagebar-secondarynav {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
  -webkit-animation-duration: 430ms;
  animation-duration: 430ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: sneak-in-right;
  animation-name: sneak-in-right;
  -webkit-animation-duration: 430ms;
  animation-duration: 430ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
}

.Languagebar--active .Languagebar-overlay {
  display: none;
}

.Languagebar--active .Languagebar-dropdown .icon-arrow path {
  fill: #ffffff;
}

.Languagebar--active .Languagebar-dropdown ul {
  max-height:699px;
}

/* ===============================================
	Morphs Hamburger button to Close Button
	=================================================*/

.Languagebar--active .Languagebar-hamburger-button {
  position: absolute;
  z-index:1000;
  -webkit-transform: translate3D(0,8px,0);
          transform: translate3D(0,8px,0);
}

.Languagebar--active .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line1 {
  top: 8px;
  width: 0;
  left: 50%;
}

.Languagebar--active .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line a{
  top: 8px;
  width: 0;
  left: 50%;
}

.Languagebar--active .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line2 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.Languagebar--active .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.Languagebar--active .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line.Languagebar-hamburger-line4 {
  top: 8px;
  width: 0;
  left: 50%;
}

.Languagebar--active .Languagebar-background {
  padding-top: 6px;
  position: static;
  display: block;
}

.Languagebar--active .Languagebar-logo {
  display:block;
  margin-top: 11px;
  margin-left: -105px;
  font-family: 'roboto_slabregular';
  font-size: 15px;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 0;
  display: block;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.Languagebar--active .Languagebar-logo img{
  width: 100px;
}

.Languagebar--active .Languagebar-logo.Languagebar-logo-outside{
  -webkit-animation-name: sneak-in-text-right;
  animation-name: sneak-in-text-right;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@media (max-width: 599px), (min-width: 600px) {

  .Languagebar--active .Languagebar-logo {
    margin-top: 10px;
    padding: 0px 0;
  }
		}

@media (min-width: 600px), (max-width: 1023px) {

  .Languagebar--active .Languagebar-logo {
    margin-top: 8px;
    padding: 0px 0;
  }
		}

@media (min-width: 1024px), (min-width: 1440px) {

  .Languagebar--active .Languagebar-logo {
    margin-top: 17px;
    padding: 0px 0;
  }
		}
.no-animations .Languagebar-backdrop.animate-out {
  right: -100%;
  -webkit-animation-name: none !important;
          animation-name: none !important;
}
.no-animations .Languagebar-hamburger-button .Languagebar-hamburger .Languagebar-hamburger-line {
  transition:none !important;
}

.no-touch .Languagebar--active .Languagebar-scroller::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */

.no-touch .Languagebar--active .Languagebar-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  border:0;
}

/* Handle */

.no-touch .Languagebar--active .Languagebar-scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: grey;
  -webkit-box-shadow: none;
}

.no-touch .Languagebar--active .Languagebar-scroller::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0);
}
.js-multilanguage .multilanguage-language-selector {
  font-family: 'roboto_slabregular';
  color: #000;
  font-size: 13px;
  text-align: left;
  padding: 0 0 15px;
}
.js-multilanguage .multilanguage-language-selector a, .js-multilanguage .multilanguage-language-selector span {
  color: #ffab18;
  opacity: 0.5;
  font-size: 13px;
  margin: 0 5px;
}
.js-multilanguage .multilanguage-language-selector a:hover, .js-multilanguage .multilanguage-language-selector a.selected, .js-multilanguage .multilanguage-language-selector span:hover, .js-multilanguage .multilanguage-language-selector span.selected {
  color: #ffab18;
  opacity:1;
}
.js-multilanguage .multilanguage-language-selector a.notactive, .js-multilanguage .multilanguage-language-selector span.notactive {
  opacity: 0.5;
}
.js-multilanguage .multilanguage-language-selector a:first-child, .js-multilanguage .multilanguage-language-selector span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.js-multilanguage .multilanguage-content-inner {
  display: none;
  text-align: left;
  font-family: 'roboto_slabregular';
  line-height: 1.5;
}
.js-multilanguage .multilanguage-content-inner.active {
  display: block;
}

.is--in-game .Header, .is--in-game .Footer, .is--in-game .blog .section-pagination, .is--in-game .article .links, .is--in-game .article .sidebar{
	display:none;
}
.is--in-game{
	padding:0;
	margin:0;
	overflow-x:hidden;
}
.is--in-game .blog .section-categories{
  padding-top:20px;
}
.is--in-game .article{
  padding-top:0;
}
.is--in-game .article .wrapper{
  padding-top:25px;
}

html[lang="ja"] .animated-banner {
  display: block;
  height: auto;
  margin: 41px auto 0;
  max-height: 250px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

html[lang="ja"] .animated-banner__item {
  border-radius: 5px;
  display: block;
  height: auto;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 350ms ease-out;
  width: 100%;
  z-index: 0;
}

html[lang="ja"] .animated-banner__item.active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

html[lang="ja"] .animated-banner img {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
}

html[lang="ja"] .home-main-news-item {
  margin-top: 15px
}

html[lang="ja"] .FAQ-svg-container-plus svg{
  display: inline-block;
  height: 14px;
  left: 0 !important;
  position: relative !important;
  top: -1px !important;
  width: 14px;
}

html[lang="ja"] .FAQ-svg-container-minus svg{
  left: 0px !important;
  position: relative !important;
  top: -1px !important;
}

html[lang="ja"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}

html[lang="ja"] .Footer-primarynav {
  width: 70% !important;
}

html[lang="ja"] .article .links .next span, html[lang="ja"] .article .links .prev span {
  font-weight: bolder;
}

html[lang="ja"] .article .links .icon.icon-next svg {
  margin-top: -3px;
}

html[lang="ja"] .article .links .icon.icon-prev svg {
  margin-top: -3px
}

html[lang="ja"] .home {}

html[lang="ja"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
  font-size: 15px;
}

.home html[lang="ja"] .home-news-primary-item-holder, .blog html[lang="ja"] .home-news-primary-item-holder, .community-videos html[lang="ja"] .home-news-primary-item-holder {}

html[lang="ja"] .button-primary .button-primary-arrow {
  line-height: 52px;
}

html[lang="ja"] .section-homepage-main .home-main-news-item-content p a, html[lang="ja"] .home-news-primary-item-holder .home-news-primary-item-excerpt a {
  font-weight: bolder;
  white-space: nowrap;
}

html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6, html[lang="ja"] strong {
  font-weight: bold !important;
}

html[lang="ja"] .blog h1 {
  font-size: 32px;
}

html[lang="ja"] .section-categories-filter {
  font-weight: bolder;
}

html[lang="ja"] .Navbar-primarynav a {
  font-size: 23px;
  font-weight: bolder;
  padding: 22px 0;
}

html[lang="ja"] .Navbar-secondarynav a {
  font-size: 14px;
  padding: 9px 0;
}

html[lang="ja"] .section-pagination a {
  font-family: 'roboto_slabbold', Arial, sans-serif;
}

@media (min-width: 600px) {

  html[lang="ja"] .home-main-news-item {
    margin-top: 20px;
  }
		}

@media (min-width: 1024px) {

  html[lang="ja"] .home-main-news-item {
    margin-top: 29px;
  }
		}

@media (max-width: 599px) {

  html[lang="ja"] .article .links .icon.icon-prev svg {
    margin-top: -4px;
  }
			}

@media (min-width: 600px) {

  html[lang="ja"] .home .section-homepage-community .home-community-content-item h3 {
    font-size: 15px;
  }
		}

@media (min-width: 1024px), (min-width: 1440px) {

  html[lang="ja"] .home .section-homepage-community .home-community-content-item h3 {
    font-size: 15px;
  }
		}

@media (min-width: 600px){

  .home html[lang="ja"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, .blog html[lang="ja"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, .community-videos html[lang="ja"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 15px;
  }
			}
html[lang="ko"] .button-primary-arrow {
  line-height: 52px;
}
html[lang="ko"] .section-homepage-main .home-main-news-item-content p a, html[lang="ko"] .home-news-primary-item-holder .home-news-primary-item-excerpt a {
  white-space: nowrap;
}
html[lang="ko"] h1, html[lang="ko"] h2, html[lang="ko"] h3, html[lang="ko"] h4, html[lang="ko"] h5, html[lang="ko"] h6, html[lang="ko"] strong {
  font-weight: bold !important;
}
html[lang="ko"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}
html[lang="ko"] .article .links .next span, html[lang="ko"] .article .links .prev span {
  font-weight: bolder;
}
html[lang="ko"] .article .links .icon.icon-next svg {
  margin-top: -3px;
}
html[lang="ko"] .article .links .icon.icon-prev svg {
  margin-top: -3px
}
@media (max-width: 599px) {

  html[lang="ko"] .article .links .icon.icon-prev svg {
    margin-top: -4px;
  }
			}
html[lang="ar"] {
	direction: rtl;
}
html[lang="ar"] .sidebar-title, html[lang="ar"] .Navbar-primarynav a, html[lang="ar"] .Navbar-secondarynav a {
  text-align: right;
}
html[lang="ar"] .Navbar-primarynav {
  font-size: 36px;
  font-weight: bolder;
}
html[lang="ar"] .Header .social-media a:first-child {
  padding-left: 5px;
  padding-right: 10px;
}
html[lang="ar"] a.Languagebar-language .Languagebar-arrow-right {
  left: -3px;
}
html[lang="ar"] a.Languagebar-language .Languagebar-arrow-left {
  left: 5px;
}
html[lang="ar"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ar"] strong {
  font-weight: bold !important;
}
html[lang="ar"] .home .home-main-news-item .home-main-news-item-content h2 a, html[lang="ar"] .blog .home-main-news-item .home-main-news-item-content h2 a, html[lang="ar"] .community-videos .home-main-news-item .home-main-news-item-content h2 a {
  font-size: 32px;
  line-height: 1.1;
}
html[lang="ar"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="ar"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="ar"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
  font-size: 18px;
}
html[lang="ar"] .article .wrapper, html[lang="ar"] .article .home-news-primary-item-content {
  text-align: right;
}
html[lang="ar"] .article .links {
  direction: ltr;
  text-align: left;
}
html[lang="ar"] .Footer-primarynav {
  padding-left: 40px;
  padding-right: 0
}
html[lang="ar"] .Footer-wrapper {
  text-align: left;
}
html[lang="ar"] .home-main, html[lang="ar"] .home-news-primary-item-holder {
  direction: ltr;
}
html[lang="ar"] .home-main .home-main-news-item-content-category, html[lang="ar"] .home-main .home-main-news-item-content, html[lang="ar"] .home-main .home-news-primary-item-content, html[lang="ar"] .home-news-primary-item-holder .home-main-news-item-content-category, html[lang="ar"] .home-news-primary-item-holder .home-main-news-item-content, html[lang="ar"] .home-news-primary-item-holder .home-news-primary-item-content {
  direction: rtl;
}
html[lang="ar"] .home-main .home-main-news-item-content-category h3, html[lang="ar"] .home-main .home-main-news-item-content h3, html[lang="ar"] .home-main .home-news-primary-item-content h3, html[lang="ar"] .home-news-primary-item-holder .home-main-news-item-content-category h3, html[lang="ar"] .home-news-primary-item-holder .home-main-news-item-content h3, html[lang="ar"] .home-news-primary-item-holder .home-news-primary-item-content h3 {
  text-align: right;
}
html[lang="ar"] .section-homepage-community {
  direction: ltr;
  padding-left: 10%;
  padding-right: 10%;
}
html[lang="ar"] .section-homepage-community .home-community-content {
  direction: rtl;
}
html[lang="ar"] .section-homepage-community .home-community-content .home-community-content-item {
  padding-left: 16px;
  padding-right: 0;
}
html[lang="ar"] .FAQ-question {
  padding: 25px 40px 25px 0;
}
html[lang="ar"] .FAQ-question h4 {
  font-size: 18px;
  padding-right: 10%;
  width: 100%;
}
html[lang="ar"] .FAQ-svg-container-plus svg{
  display: inline-block;
  height: 14px;
  left: 3px !important;
  position: relative !important;
  top: 0 !important;
  width: 14px;
}
html[lang="ar"] .FAQ-svg-container-minus svg{
  left: 3px !important;
  position: relative !important;
  top: 0 !important;
}
html[lang="ar"] .section-categories {
  text-align: right
}
html[lang="ar"] .blog .section-categories-filter, html[lang="ar"] .community-videos .section-categories-filter {
  float: left;
}
html[lang="ar"] .blog .section-categories-filter a, html[lang="ar"] .community-videos .section-categories-filter a {
  margin: 0 0 0 25px;
}
html[lang="ar"] .blog .section-categories-filter a:last-child, html[lang="ar"] .community-videos .section-categories-filter a:last-child {
  margin: 0;
}
html[lang="ar"] .sidebar-wrapper {
  text-align: right;
}
html[lang="ar"] .sidebar {}
html[lang="ar"] .button-primary {
  font-size: 16px !important;
  font-weight: bolder;
  line-height: 0.8;
  padding: 20px 20px 15px 55px;
}
html[lang="ar"] .button-primary .button-primary-arrow {
  left: 0;
  line-height: 59px;
  right: auto;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
html[lang="ar"] .home .home-news-primary-item-holder, html[lang="ar"] .blog .home-news-primary-item-holder, html[lang="ar"] .community-videos .home-news-primary-item-holder {}
html[lang="ar"] .home .home-news-primary-item-holder, html[lang="ar"] .blog .home-news-primary-item-holder, html[lang="ar"] .community-videos .home-news-primary-item-holder {}
html[lang="ar"] .home .section-homepage-community .home-community-content, html[lang="ar"] .blog .section-homepage-community .home-community-content, html[lang="ar"] .community-videos .section-homepage-community .home-community-content {
  direction: ltr;
  text-align: right;
}
html[lang="ar"] .article .wrapper .screenshots img {}
@media (min-width: 600px) {

  html[lang="ar"] .Footer-primarynav {
    padding: 35px 0;
  }
		}
@media (max-width: 599px) {

  html[lang="ar"] .section-categories {}
		}
@media (max-width: 599px) {

  html[lang="ar"] .blog .section-categories-filter, html[lang="ar"] .community-videos .section-categories-filter {
    float: none;
  }
		}
@media (min-width: 600px) {

  html[lang="ar"] .sidebar .home-news-primary-item-holder:nth-child(odd) {
    padding: 7.5px 15px 7.5px 0 !important;
  }

  html[lang="ar"] .sidebar .home-news-primary-item-holder:nth-child(even) {
    padding: 7.5px 0 7.5px 15px !important;
  }
		}
@media (min-width: 1200px) {

  html[lang="ar"] .sidebar .home-news-primary-item-holder:nth-child(odd), html[lang="ar"] .sidebar .home-news-primary-item-holder:nth-child(even) {
    padding: 7.5px 0 !important;
  }
		}
@media (min-width: 600px) {

  html[lang="ar"] .home .home-news-primary-item-holder:nth-child(even), html[lang="ar"] .blog .home-news-primary-item-holder:nth-child(even), html[lang="ar"] .community-videos .home-news-primary-item-holder:nth-child(even) {
    padding-left: 0;
    padding-right: 8px;
  }
		}
@media (min-width: 1024px) {

  html[lang="ar"] .home .home-news-primary-item-holder:nth-child(3n+1), html[lang="ar"] .blog .home-news-primary-item-holder:nth-child(3n+1), html[lang="ar"] .community-videos .home-news-primary-item-holder:nth-child(3n+1) {
    padding-left: 19px;
    padding-right: 0;
  }
		}
@media (min-width: 600px) {

  html[lang="ar"] .home .home-news-primary-item-holder:nth-child(odd), html[lang="ar"] .blog .home-news-primary-item-holder:nth-child(odd), html[lang="ar"] .community-videos .home-news-primary-item-holder:nth-child(odd) {
    padding-left: 8px;
    padding-right: 0;
  }
		}
@media (min-width: 1024px) {

  html[lang="ar"] .home .home-news-primary-item-holder:nth-child(3n+3), html[lang="ar"] .blog .home-news-primary-item-holder:nth-child(3n+3), html[lang="ar"] .community-videos .home-news-primary-item-holder:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 19px;
  }
		}
@media (min-width: 1024px) {

  html[lang="ar"] .article .wrapper .screenshots img:nth-child(odd) {
    margin-left: 0;
    margin-right: 15px;
  }

  html[lang="ar"] .article .wrapper .screenshots img:nth-child(odd) {
    margin-left: 15px;
    margin-right: 0;
  }
		}
html[lang="ru"] h1, html[lang="ru"] h2, html[lang="ru"] h3, html[lang="ru"] h4, html[lang="ru"] h5, html[lang="ru"] h6, html[lang="ru"] strong {
  font-weight: bold !important;
}
html[lang="ru"] .Navbar-primarynav {
  font-weight: bolder;
}
html[lang="ru"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt p, html[lang="ru"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt p, html[lang="ru"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content .home-news-primary-item-excerpt p {
  font-size: 15px;
}
html[lang="ru"] .home {}
html[lang="ru"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
  font-size: 17px;
  line-height: 1.2;
}
.home html[lang="ru"] .home-news-primary-item-holder, .blog html[lang="ru"] .home-news-primary-item-holder, .community-videos html[lang="ru"] .home-news-primary-item-holder {}
html[lang="ru"] .blog h1 {
  font-size: 42px;
}
html[lang="ru"] .section-categories-filter {
  font-weight: bolder;
}
html[lang="ru"] .article .links .icon.icon-next, html[lang="ru"] .article .links .icon.icon-prev {
  line-height: 31px;
}
html[lang="ru"] .home .home-main-news-item .home-main-news-item-content h2 a, html[lang="ru"] .blog .home-main-news-item .home-main-news-item-content h2 a, html[lang="ru"] .community-videos .home-main-news-item .home-main-news-item-content h2 a {
  font-size: 29px;
  line-height: 1.1;
}
html[lang="ru"] .button-primary {
  font-size: 14px !important;
  font-weight: bolder;
}
html[lang="ru"] .section-homepage-main .home-main-news-item-content p a, html[lang="ru"] .home-news-primary-item-holder .home-news-primary-item-excerpt a {
  font-size: 15px !important;
  font-weight: bolder;
  white-space: nowrap;
}
@media (min-width: 600px) {

  html[lang="ru"] .home .section-homepage-community .home-community-content-item h3 {
    font-size: 17px;
    line-height: 1.2;
  }
		}
@media (min-width: 1024px), (min-width: 1440px) {

  html[lang="ru"] .home .section-homepage-community .home-community-content-item h3 {
    font-size: 17px;
    line-height: 1.2;
  }
		}
@media (min-width: 600px){

  .home html[lang="ru"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, .blog html[lang="ru"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, .community-videos html[lang="ru"] .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 17px;
    line-height: 1.2;
  }
			}
html[lang="tr"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}
html[lang="tr"] .section-homepage-main .home-main-news-item-content p a, html[lang="tr"] .home-news-primary-item-holder .home-news-primary-item-excerpt a {
  white-space: nowrap;
}
html[lang="tr"] h1, html[lang="tr"] h2, html[lang="tr"] h3, html[lang="tr"] h4, html[lang="tr"] h5, html[lang="tr"] h6, html[lang="tr"] strong {
  font-weight: bold !important;
}
html[lang="tr"] .article .links .next span, html[lang="tr"] .article .links .prev span {
  font-weight: bolder;
}
html[lang="zh"] h1, html[lang="zh"] h2, html[lang="zh"] h3, html[lang="zh"] h4, html[lang="zh"] h5, html[lang="zh"] h6, html[lang="zh"] strong, html[lang="zh_cn"] h1, html[lang="zh_cn"] h2, html[lang="zh_cn"] h3, html[lang="zh_cn"] h4, html[lang="zh_cn"] h5, html[lang="zh_cn"] h6, html[lang="zh_cn"] strong {
  font-weight: bolder !important;
}
html[lang="zh"] .Navbar-primarynav, html[lang="zh_cn"] .Navbar-primarynav {
  font-weight: bolder;
}
html[lang="zh"] .Navbar-primarynav .Navbar-item, html[lang="zh_cn"] .Navbar-primarynav .Navbar-item {
  font-size: 24px;
  font-weight: bolder;
}
html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
  font-size: 17px;
  line-height: 1.3em
}
html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3{}
html[lang="zh"] .button-primary, html[lang="zh_cn"] .button-primary {
  font-size: 14px !important;
  font-weight: bolder;
}
html[lang="zh"] .button-primary .button-primary-arrow, html[lang="zh_cn"] .button-primary .button-primary-arrow {
  line-height: 53px;
}
html[lang="zh"] .Languagebar-language, html[lang="zh_cn"] .Languagebar-language {
  line-height: 1.3;
}
html[lang="zh"] .Languagebar-primarynav a[href*="/ru"], html[lang="zh_cn"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}
html[lang="zh"] .blog .section-categories a, html[lang="zh"] .community-videos .section-categories a, html[lang="zh_cn"] .blog .section-categories a, html[lang="zh_cn"] .community-videos .section-categories a {
  font-weight: bolder;
  font-family: 'supercell-magicregular',Arial,sans-serif;
}
@media(max-width:600px){

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    font-size: 17px;
    line-height: 1.1em;
    overflow: hidden;
    height: 3.2em;
  }

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

		}
@media(max-width:395px){

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    overflow: hidden;
    height: 2em;
  }

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

		}
@media(max-width:340px){

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 {
    overflow: hidden;
    height: 1em;
  }

  html[lang="zh"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .home .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .blog .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a, html[lang="zh_cn"] .community-videos .home-news-primary-item-holder .home-news-primary-item .home-news-primary-item-content h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

		}
/* ATTENTION Extra styles in zh.scss */
html[lang="zh_cn"] .Languagebar-primarynav a {
  font-family: 'roboto_slabregular';
}
html[lang="zh_cn"] .Languagebar-primarynav a[href*="/ru"] {
  font-family: Apple SD Gothic Neo, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #000;
  overflow-x: hidden;
}

#app {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x:hidden;
}

strong, b {
  font-weight: normal;
}

.App {
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.disable-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.disable-scroll body {
  overflow: hidden;
}

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

.no-transition {
  transition: none !important;
}

&.not-fixed {
  position: absolute !important;
}

.ScrollDown {
  display:none;
}

.ScrollDown .icon-arrow {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  height: 16px;
  width: 25px;
  margin-left: -8px;
}

@media (min-width: 1024px), (min-width: 1440px) {

  .ScrollDown {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 149px;
    text-align: center;
    background-image: url('../img/arrow_shadow.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 10000;
    display: none;
    opacity: 0;
  }
  }

.lazyloaded {
    background-color: transparent;
}

@keyframes fade-in-only {
    0% {
        opacity: 0.3;
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        opacity: 0.8;
    }
}

@-webkit-keyframes fade-in-only {
    0% {
        opacity: 0.3;
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        opacity: 0.8;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
        animation-timing-function: cubic-bezier(0.3, 0, 0, 1)
    }
    76.92% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        left:-100%;
        opacity: 0
    }
    76.92% {
        left: -5%;
        opacity: 1
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes sneak-in-text {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px, 0px);
        transform: translate(-100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
        animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sneak-in-text {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px, 0px);
        transform: translate(-100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
        animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sneak-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px, 0px);
        transform: translate(-100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sneak-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px, 0px);
        transform: translate(-100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sneak-out {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        -webkit-transform: translate(-100%, 0px);
        transform: translate(-100%, 0px)
    }
}

@-webkit-keyframes sneak-out {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        -webkit-transform: translate(-100%, 0px);
        transform: translate(-100%, 0px)
    }
}

/* FROM THE RIGHT */

@keyframes sneak-in-text-right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100px, 0px);
        transform: translate(100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
        animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sneak-in-text-right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100px, 0px);
        transform: translate(100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
        animation-timing-function: cubic-bezier(0.345, 0.275, 0.000, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sneak-in-right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100px, 0px);
        transform: translate(100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sneak-in-right {
    0% {
        opacity: 0;
        -webkit-transform: translate(100px, 0px);
        transform: translate(100px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    76.92% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sneak-out-right {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        -webkit-transform: translate(100%, 0px);
        transform: translate(100%, 0px)
    }
}

@-webkit-keyframes sneak-out-right {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    }
    100% {
        -webkit-transform: translate(100%, 0px);
        transform: translate(100%, 0px)
    }
}

/* FIXME: fix me! */
.is--android .download--ios, .is--ios .download--android {
	display: none;
}


text:
@article{Bolzan_2019,
 author = {Bolzan, Anderson and Padovez, Fernando EO and Nascimento, Antonio RB and Kaiser, Ingrid S and Lira, Ewerton C and Amaral, Fernando SA and Kanno, Rubens H and Malaquias, Jos{\'{e}} B and Omoto, Celso},
 title = {Selection and characterization of the inheritance of resistance of Spodoptera frugiperda (Lepidoptera: Noctuidae) to chlorantraniliprole and cross-resistance to other diamide insecticides},
 journal = {Pest Management Science},
 publisher = {Wiley},
 year = {2019},
 month = {mar},
 number = {10},
 volume = {75},
 pages = {2682--2689},
 url = {https://doi.org/10.1002%2Fps.5376},
 doi = {10.1002/ps.5376}
}

license: MIT

license_type: permissive

branch_name: refs/heads/master

extension: bib


text:
@Article{pmid8097831,
  Author="McLeod, H. L.  and Miller, D. R.  and Evans, W. E. ",
  Title="{{A}zathioprine-induced myelosuppression in thiopurine methyltransferase deficient heart transplant recipient}",
  Journal="Lancet",
  Year="1993",
  Volume="341",
  Number="8853",
  Pages="1151",
  Month="May"
}

repository: larmcr/px

repo_name: larmcr/px


text:
@article{travers2019readiness,
 author = { Travers, Eoin. and Khalighinejad, Nima and and Schurger, Aaron and Haggard, Patrick},
 journal = {NeuroImage},
 publisher = {Elsevier},
 title = {Do readiness potentials happen all the time?},
 volume = {206},
 year = {2019}
}