/* Collect all for competitions pages
/* *************************************************** */
/* Include PAF COMMON VARIABLES */
/*
*	 UTILITIES
*	 _paf-utilities.scss
***************************************************/
/****************************************************
 *                                                  *
 *   Paf Brand                                      *
 *                                                  *
 ****************************************************/
/*
*	UTILITIES
*	_VARIABLES.scss
***************************************************/
/* 01
************************************** UNITS */
/* 02
************************************** TYPOGRAPHY */
/* 03
************************************** LOCALES */
/* 04
************************************** SHADOWS */
/* 05
************************************** Layout elements */
/****************************************************
 *                                                  *
 *   Functions                                      *
 *                                                  *
 ****************************************************/
/*
*	UTILITIES
*	_mixins.scss
*
***************************************************/
/* 01
************************************** BORDER-RADIUS */
/*

	Use:
	@include border-radius(.5rem);

*/
/*

	Use:
	@include border-radius-top-left(.5rem);

*/
/*

	Use:
	@include border-radius-top-right(.5rem);

*/
/*

	Use:
	@include border-radius-bottom-right(.5rem);

*/
/*

	Use:
	@include border-radius-bottom-left(.5rem);

*/
/* 02
************************************** SHADOWS */
/*

	Use:
	@include box-shadow; // Default box-shadow.
	@include box-shadow(1px 1px 0px rgba(0,0,0,.5)); // Custom box-shadow.
	@include box-shadow(inset 1px 1px 0px rgba(0,0,0,.5)); // Custom inset box-shadow.
	@include box-shadow(1px 1px 0px rgba(0,0,0,.5), inset 1px 1px 0px rgba(0,0,0,.5)); // Custom box-shadows.

*/
/*

	Use:
	@include text-shadow; // Default text-shadow.
	@include text-shadow(inset); // Default inset text-shadow.
	@include text-shadow(1px 1px 0px rgba(0,0,0,.5)); // Custom text-shadow.
	@include text-shadow(inset 1px 1px 0px rgba(0,0,0,.5)); // Custom inset text-shadow.
	@include text-shadow(1px 1px 0px rgba(0,0,0,.5), inset 1px 1px 0px rgba(0,0,0,.5)); // Custom text-shadows.

*/
/* 03
************************************** GRADIENTS */
/*

	Use:
	@include linear-gradient(rgba(255,0,0,.3), rgba(0,0,255,.7), -15deg, 25%, 75%);

*/
/*

	Use:
	@include radial-gradient(rgba(255,0,0,.3), rgba(0,0,255,.7), 0% 0%, 100% 100%);

*/
/* 04
************************************** TRANSFORM */
/*

	Use:
	@include transform(translateX(-2rem) rotateZ(15deg));

*/
/*

	Use:
	@include transform-origin(5% 10%);

*/
/*

	Use:
	@include transform-style(preserve-3d);

*/
/* 05
************************************** TRANSITIONS & ANIMATIONS */
/*

	Use:
	@include transition(all .2s ease-in-out .2s);

*/
/*

	Use:
	@include animation(keyframes-name 1s ease-in-out alternate infinite);

*/
/*

	Use:
	@include animation-name(animation-name);

*/
/*

	Use:
	@include animation-duration(2s);

*/
/*

	Use:
	@include animation-timing-function(linear);

*/
/*

	Use:
	@include animation-iteration-count(1);

*/
/*

	Use:
	@include animation-direction(normal);

*/
/*

	Use:
	@include animation-delay(1s);

*/
/*

	Use:
	@include animation-play-state(running);

*/
/*

	Use:
	@include animation-fill-mode(forwards);

*/
/*

	Use:
	@include keyframes(keyframes-name){
		0% {
			property: value;
		}
		100% {
			property: value;
		}
	}

*/
/* 06
************************************** FLEXBOX */
/*

	Use:
	@include display-flex;

*/
/*

	Use:
	@include display-inline-flex;

*/
/*

	Use:
	@include flex(1);

*/
/*

	Use:
	@include flex-grow(1);

*/
/*

	Use:
	@include flex-shrink(1);

*/
/*

	Use:
	@include flex-basis(1);

*/
/*

	Use:
	@include flex-flow(column nowrap);

*/
/*

	Use:
	@include flex-direction(column);

*/
/*

	Use:
	@include flex-wrap(wrap);

*/
/*

	Use:
	@include justify-content(center);

*/
/*

	Use:
	@include align-content(center);

*/
/*

	Use:
	@include align-items(center);

*/
/*

	Use:
	@include align-self(center);

*/
/*

	Use:
	@include order(1);

*/
/* 07
************************************** COLUMNS */
/*

	Use:
	@include columns(2, $unit-lg);

	Set number of columns only:
	@include column-count(3);

	Set gaps only:
	@include column-gap($unit-lx);

*/
/* 08
************************************** MASKS */
/*

	Use:
	@include mask(url(../img/masks/ticket-right.svg) 45);

*/
/*

	Use:
	@include mask-image(url(../img/masks/ticket-right.svg));

*/
/*

	Use:
	@include mask-size(cover);

*/
/*

	Use:
	@include mask-position(top right);

*/
/*

	Use:
	@include mask-repeat(no-repeat);

*/
/*

	Use:
	@include mask-origin(border-box);

*/
/* 09
************************************** OTHERS */
/*

	Use:
	@include filter(blur(50%) grayscale(50%));

*/
/*

	Use:
	@include opacity(.5);

*/
/*

	Use:
	@include box-sizing(border-box);

*/
/*

	Use:
	@include font-smoothing(antialiased);

*/
/*

	Use:
	@include user-select(none);

*/
/*

	Use:
	@include appearance(menulist-button);

*/
/*

	Use:
	@include backface-visibility(hidden);

*/
/*

	Use:
	@include background-size(cover);

*/
/*

	Use:
	@include break-word;

*/
/* 10
************************************** TYPOGRAPHY */
/*

	Use:
	@include font-icon;

	Use and show the symbol for "a".
	@include font-icon("a");

*/
/*

	Use:
	@include font-copy;

*/
/*

	Use:
	@include font-headline;

*/
/*

	Use:
	@include font-label;

*/
/*

	Use:
	@include font-digits;

*/
/*

	Use:
	@include font-tagline;

*/
/*

	Use:
	@include copy-[breakpoint];

*/
/*

	Use:
	@include copy-large-[breakpoint];

*/
/*

	Use:
	@include headline-large-[breakpoint];

*/
/*

	Use:
	@include headline-medium-[breakpoint];

*/
/*

	Use:
	@include headline-small-[breakpoint];

*/
/*

	Use:
	@include quote-[breakpoint];

*/
/*

	Use:
	@include box-title-[breakpoint];

*/
/*

	Use:
	@include box-title-large-[breakpoint];

*/
/* 11
************************************** TYPOGRAPHY */
/* 03
************************************** SITE BLOCKS */
/*
************************************** STRIPES */
/* UTITILIES
* _breakpoints.scss
****************************************************/
/* 320px */
/* 480px */
/* 768px */
/* 1024px */
/* 1280px */
/* 1252 */
/* 1366px */
/* 1680px */
/* 1568px */
/* 1920px */
/* 1152px */
/* 494px */
/* 494px */
/* 494px */
/* UTITILIES
* _breakpoints.scss
****************************************************/
/* 320px */
/* 480px */
/* 768px */
/* 1024px */
/* 1280px */
/* 1252 */
/* 1366px */
/* 1680px */
/* 1568px */
/* 1920px */
/* 1152px */
/* 494px */
/* 494px */
/* 494px */
/* Include POKER ITEMS */
/* Competitions-tags-directive */
/*  These tag is based on the 04_molecules _expiring-banner & _club-paf-banner */
body.competitions-page .mo-competitions-tags,
body.competitions-article .mo-competitions-tags {
  text-align: center;
}

body.competitions-page .mo-competitions-tags.expiring-banner::after,
body.competitions-article .mo-competitions-tags.expiring-banner::after {
  height: 12.75rem;
  width: 6.75rem;
  font-size: 1.4rem;
  top: -0.5rem;
  padding-top: 1.5rem;
}

body.competitions-page .mo-competitions-tags.club-paf-banner::after,
body.competitions-article .mo-competitions-tags.club-paf-banner::after {
  height: 12.75rem;
  width: 6.75rem;
  font-size: 5rem;
  top: -0.5rem;
}

@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  body.competitions-page .mo-competitions-tags::after,
  body.competitions-article .mo-competitions-tags::after {
    right: -4rem;
  }
}

@media only screen and (min-width: 64rem) and (max-width: 80rem) {
  body.competitions-page .mo-competitions-tags::after,
  body.competitions-article .mo-competitions-tags::after {
    right: -5rem;
  }
}

@media only screen and (min-width: 80rem) and (max-width: 85.375rem) {
  body.competitions-page .mo-competitions-tags::after,
  body.competitions-article .mo-competitions-tags::after {
    right: -6rem;
  }
}

@media only screen and (min-width: 85.375rem) and (max-width: 105rem) {
  body.competitions-page .mo-competitions-tags::after,
  body.competitions-article .mo-competitions-tags::after {
    right: -8rem;
  }
}

@media only screen and (min-width: 105rem) {
  body.competitions-page .mo-competitions-tags::after,
  body.competitions-article .mo-competitions-tags::after {
    right: -11rem;
  }
}

@media only screen and (min-width: 85.375rem) {
  body.competitions-page .mo-competitions-tags.expiring-banner::after,
  body.competitions-article .mo-competitions-tags.expiring-banner::after {
    height: 15.75rem;
    width: 8.75rem;
    font-size: 1.7rem;
    padding-top: 1.8rem;
  }
  body.competitions-page .mo-competitions-tags.club-paf-banner::after,
  body.competitions-article .mo-competitions-tags.club-paf-banner::after {
    height: 15.75rem;
    width: 8.75rem;
    font-size: 7rem;
    padding-top: 0;
  }
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-tags.expiring-banner::after,
  body.competitions-article .mo-competitions-tags.expiring-banner::after {
    background-color: #F8E08E;
    /* set the banner color for mobile */
    background-image: none;
    display: block;
    height: 1.8em;
    position: relative;
    top: 0;
    width: 150%;
    left: -25%;
    padding-top: 0.45em;
    font-size: 1.5rem;
  }
  body.competitions-page .mo-competitions-tags.club-paf-banner::after,
  body.competitions-article .mo-competitions-tags.club-paf-banner::after {
    content: "Club Paf";
    font-family: "BebasNeue";
    background-color: #0B9CBD;
    /* set the banner color for mobile */
    background-image: none;
    display: block;
    height: 1.8em;
    position: relative;
    top: 0;
    width: 150%;
    left: -25%;
    padding-top: 0.25em;
    font-size: 1.5rem;
  }
}

/* Language specific tweaks */
html[lang="en"] body.competitions-page .mo-competitions-tags.expiring-banner:after,
html[lang="en"] body.competitions-article .mo-competitions-tags.expiring-banner:after {
  font-size: 2rem;
}

@media only screen and (max-width: 48rem) {
  html[lang="en"] body.competitions-page .mo-competitions-tags,
  html[lang="en"] body.competitions-article .mo-competitions-tags {
    /* Mobile */
  }
  html[lang="en"] body.competitions-page .mo-competitions-tags.expiring-banner:after,
  html[lang="en"] body.competitions-article .mo-competitions-tags.expiring-banner:after {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 85.375rem) {
  html[lang="en"] body.competitions-page .mo-competitions-tags,
  html[lang="en"] body.competitions-article .mo-competitions-tags {
    /* Largest */
  }
  html[lang="en"] body.competitions-page .mo-competitions-tags.expiring-banner:after,
  html[lang="en"] body.competitions-article .mo-competitions-tags.expiring-banner:after {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 85.375rem) {
  html[lang="sv"] body.competitions-page .mo-competitions-tags,
  html[lang="sv"] body.competitions-article .mo-competitions-tags {
    /* Largest */
  }
  html[lang="sv"] body.competitions-page .mo-competitions-tags.expiring-banner:after,
  html[lang="sv"] body.competitions-article .mo-competitions-tags.expiring-banner:after {
    font-size: 1.9rem;
  }
}

/* Header / Header Large */
body.competitions-page .mo-competitions-details,
body.competitions-article .mo-competitions-details {
  font-size: 0.95em;
  padding: 0.8rem 0;
  text-align: center;
  position: relative;
  width: 100%;
  display: block;
  z-index: 100;
}

body.competitions-page .mo-competitions-details ul,
body.competitions-article .mo-competitions-details ul {
  height: 1.45em;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 100%;
  font-size: 1.3em;
}

body.competitions-page .mo-competitions-details ul li,
body.competitions-article .mo-competitions-details ul li {
  display: inline-block;
  /*font-family: "headlines";*/
  font-size: 0.9em;
  list-style: outside none none;
  width: auto;
  margin: 0 3%;
}

body.competitions-page .mo-competitions-details ul li span,
body.competitions-article .mo-competitions-details ul li span {
  font-size: 1.5em;
  vertical-align: middle;
}

@media only screen and (max-width: 105rem) {
  body.competitions-page .mo-competitions-details ul,
  body.competitions-article .mo-competitions-details ul {
    font-size: 1.1em;
  }
}

@media only screen and (max-width: 85.375rem) {
  body.competitions-page .mo-competitions-details ul,
  body.competitions-article .mo-competitions-details ul {
    width: 90%;
    /* to not go underneath the tags */
  }
}

@media only screen and (max-width: 64rem) {
  body.competitions-page .mo-competitions-details ul,
  body.competitions-article .mo-competitions-details ul {
    width: 80%;
    /* to not go underneath the tags */
    font-size: 1em;
  }
  body.competitions-page .mo-competitions-details ul li,
  body.competitions-article .mo-competitions-details ul li {
    margin: 0 2%;
  }
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-details,
  body.competitions-article .mo-competitions-details {
    display: none;
    /* Hide details for small screens */
  }
}

/* Language specific tweaks */
html[lang="ru"] body.competitions-page .mo-competitions-details ul li,
html[lang="ru"] body.competitions-article .mo-competitions-details ul li {
  /*font-family: "GeoSlab712";*/
}

/* Header / Header Large */
body.competitions-page .mo-competitions-header,
body.competitions-article .mo-competitions-header {
  /* The Large version of the header --> */
  /* The Roundel version of the header --> */
}

body.competitions-page .mo-competitions-header.mo-competitions-header--large,
body.competitions-article .mo-competitions-header.mo-competitions-header--large {
  text-align: center;
  /* Responsive changes */
  /* if img mobile requested, use that for mobile portrait, do not show imgmobile by default */
  /* if no image is requested for header-large */
}

body.competitions-page .mo-competitions-header.mo-competitions-header--large .at-header--super,
body.competitions-article .mo-competitions-header.mo-competitions-header--large .at-header--super {
  border: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 85.375rem) and (max-width: 120rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--large .at-header--super,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large .at-header--super {
    font-size: 4rem;
    line-height: 4rem;
  }
}

body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--imgmobile,
body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--imgmobile {
  display: none;
}

@media only screen and (max-width: 30rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--img,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--img {
    display: none;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--imgmobile,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--has-mobile .competitions-header-large--imgmobile {
    display: block;
  }
}

body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image,
body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image {
  padding: 9rem 4rem 0;
}

@media only screen and (max-width: 85.375rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image {
    padding: 6rem 5rem 0;
  }
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image {
    padding: 3rem 2rem 0;
  }
}

@media only screen and (max-width: 30rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image,
  body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image {
    padding: 2rem 1rem 0;
  }
}

body.competitions-page .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image img,
body.competitions-article .mo-competitions-header.mo-competitions-header--large.mo-competitions-header--large--no-image img {
  display: none;
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel {
  padding: 6rem 0 0;
  /* Responsive changes */
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container {
  /* Container for the steps */
  padding: 0;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  width: 100%;
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container img,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container img {
  max-width: 408px;
  /* the default size of a roundel icon */
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-item,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-item {
  /* One step */
  position: relative;
  margin: 0;
  padding: 0 3rem 4em 0;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  border-spacing: 2px;
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-item:first-child,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-item:first-child {
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .at-header--super,
body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .at-header--super {
  font-size: 4.5rem;
  line-height: 4.5rem;
  border: 0 !important;
  margin-bottom: 0;
}

@media only screen and (max-width: 105rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .at-header--super,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .at-header--super {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}

@media only screen and (max-width: 85.375rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container {
    width: 95%;
    position: relative;
    left: -2.5%;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-item,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-item {
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-item:first-child,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-item:first-child {
    width: 33%;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .at-header--super,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .at-header--super {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
}

@media only screen and (max-width: 64rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container {
    width: 90%;
    position: relative;
    left: -5%;
  }
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel {
    padding-top: 1rem;
    /* Set the entire block higher */
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container {
    width: 100%;
    left: 0;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .at-header--super,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .at-header--super {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}

@media only screen and (max-width: 30rem) {
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container {
    display: block;
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-container img,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-container img {
    max-width: 13rem;
    /* Much smaller image for small mobiles */
  }
  body.competitions-page .mo-competitions-header.mo-competitions-header--roundel .header-item,
  body.competitions-article .mo-competitions-header.mo-competitions-header--roundel .header-item {
    display: block;
    width: 100% !important;
    padding: 0;
    text-align: center;
  }
}

body.competitions-article .mo-competitions-header {
  /* The Large version of the header --> */
}

body.competitions-article .mo-competitions-header.mo-competitions-header--large {
  margin-bottom: 2rem;
}

/* Header / Header Large */
body.competitions-page .mo-competitions-cta {
  text-align: center;
  margin: 2rem auto;
}

body.competitions-page .mo-competitions-cta.mo-competitions-cta__active {
  /* display: none; */
}

body.competitions-page .mo-competitions-cta.mo-competitions-cta__input-email {
  /* display: none; */
}

body.competitions-page .mo-competitions-cta.mo-competitions-cta__expired {
  /* display: none; */
}

body.competitions-page .mo-competitions-cta.mo-competitions-cta__too-early {
  /* display: none; */
}

body.competitions-page .mo-competitions-cta.mo-competitions-cta__unsupported-device {
  /* display: none; */
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-cta {
    margin: 1rem auto;
  }
}

/* Header / Header Large */
/* Mixins  */
/* Styling begins -> */
body.competitions-page {
  /* .mo-competitions-steps */
}

body.competitions-page .mo-competitions-steps {
  padding: 1rem 0;
  overflow: hidden;
  /* Responsive changes */
}

body.competitions-page .mo-competitions-steps h1 {
  font-family: "headlines";
  font-size: 1.3rem;
  line-height: 1em;
}

body.competitions-page .mo-competitions-steps span {
  font-weight: bold;
}

body.competitions-page .mo-competitions-steps .flex-container {
  /* Container for the steps */
  counter-reset: my-counter;
  padding: 0;
  margin: 1rem -6px;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
}

body.competitions-page .mo-competitions-steps .flex-item {
  /* One step */
  position: relative;
  margin: 0 6px;
  padding: 0rem 0.5rem 1rem 3.7rem;
  -webkit-box-flex: 0 1 400px;
  -moz-box-flex: 0 1 400px;
  -webkit-flex: 0 1 400px;
  -ms-flex: 0 1 400px;
  flex: 0 1 400px;
  -ms-flex-preferred-size: 100%;
  /* IE10 ROW specific override of flex-basis */
}

body.competitions-page .mo-competitions-steps .flex-item::before {
  /* The number before the step */
  background-color: #25ad62;
  border-radius: 4rem;
  content: counter(my-counter, decimal);
  counter-increment: my-counter;
  font-family: "taglines";
  font-size: 3.5rem;
  color: white;
  height: 3rem;
  left: 0;
  padding-top: 0.3rem;
  position: absolute;
  text-align: center;
  width: 3rem;
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-steps .flex-container {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  body.competitions-page .mo-competitions-steps .flex-item {
    margin: 1px 0;
    -webkit-box-flex: 0 1 400px;
    -moz-box-flex: 0 1 400px;
    -webkit-flex: 0 1 400px;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
    -ms-flex-preferred-size: 100%;
    /* IE10 ROW specific override of flex-basis */
  }
}

/* body.competitions-page */
/* Language specific tweaks -> */
html[lang="ru"] body.competitions-page .mo-competitions-steps h1 {
  font-family: "GeoSlab712";
}

.mo-competitions-list, .mo-competitions-list--left, .mo-competitions-list--mobile--left, .mo-competitions-list--column, .mo-competitions-list--circle, .mo-competitions-list--full-circle, .mo-competitions-list--symbols {
  counter-reset: steps;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.mo-competitions-list li, .mo-competitions-list--left li, .mo-competitions-list--mobile--left li, .mo-competitions-list--column li, .mo-competitions-list--circle li, .mo-competitions-list--full-circle li, .mo-competitions-list--symbols li {
  margin-bottom: 1rem;
  text-align: center;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.mo-competitions-list li:before, .mo-competitions-list--left li:before, .mo-competitions-list--mobile--left li:before, .mo-competitions-list--column li:before, .mo-competitions-list--circle li:before, .mo-competitions-list--full-circle li:before, .mo-competitions-list--symbols li:before {
  background-color: #f07447;
  color: white;
  border-radius: 50%;
  counter-increment: steps;
  content: counter(steps);
  display: block;
  margin: 0 auto;
  line-height: 1em;
  text-align: center;
  width: 3rem;
  height: 3rem;
  font-family: 'bebasNeue';
  padding-top: 0.5rem;
  font-size: 2rem;
  text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.15);
}

.mo-competitions-list li:first-child:nth-last-child(2), .mo-competitions-list--left li:first-child:nth-last-child(2), .mo-competitions-list--mobile--left li:first-child:nth-last-child(2), .mo-competitions-list--column li:first-child:nth-last-child(2), .mo-competitions-list--circle li:first-child:nth-last-child(2), .mo-competitions-list--full-circle li:first-child:nth-last-child(2), .mo-competitions-list--symbols li:first-child:nth-last-child(2),
.mo-competitions-list li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--left li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--column li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--circle li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--full-circle li:first-child:nth-last-child(2) ~ li,
.mo-competitions-list--symbols li:first-child:nth-last-child(2) ~ li, .mo-competitions-list li:first-child:nth-last-child(4), .mo-competitions-list--left li:first-child:nth-last-child(4), .mo-competitions-list--mobile--left li:first-child:nth-last-child(4), .mo-competitions-list--column li:first-child:nth-last-child(4), .mo-competitions-list--circle li:first-child:nth-last-child(4), .mo-competitions-list--full-circle li:first-child:nth-last-child(4), .mo-competitions-list--symbols li:first-child:nth-last-child(4),
.mo-competitions-list li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--left li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--column li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--circle li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--full-circle li:first-child:nth-last-child(4) ~ li,
.mo-competitions-list--symbols li:first-child:nth-last-child(4) ~ li {
  -webkit-box-flex: 0 0 47%;
  -moz-box-flex: 0 0 47%;
  -webkit-flex: 0 0 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
}

.mo-competitions-list li:first-child:nth-last-child(3), .mo-competitions-list--left li:first-child:nth-last-child(3), .mo-competitions-list--mobile--left li:first-child:nth-last-child(3), .mo-competitions-list--column li:first-child:nth-last-child(3), .mo-competitions-list--circle li:first-child:nth-last-child(3), .mo-competitions-list--full-circle li:first-child:nth-last-child(3), .mo-competitions-list--symbols li:first-child:nth-last-child(3),
.mo-competitions-list li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--left li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--column li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--circle li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--full-circle li:first-child:nth-last-child(3) ~ li,
.mo-competitions-list--symbols li:first-child:nth-last-child(3) ~ li {
  -webkit-box-flex: 0 0 30%;
  -moz-box-flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}

@media only screen and (max-width: 56rem) {
  .mo-competitions-list li:first-child:nth-last-child(3), .mo-competitions-list--left li:first-child:nth-last-child(3), .mo-competitions-list--mobile--left li:first-child:nth-last-child(3), .mo-competitions-list--column li:first-child:nth-last-child(3), .mo-competitions-list--circle li:first-child:nth-last-child(3), .mo-competitions-list--full-circle li:first-child:nth-last-child(3), .mo-competitions-list--symbols li:first-child:nth-last-child(3),
  .mo-competitions-list li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--left li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--column li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--circle li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--full-circle li:first-child:nth-last-child(3) ~ li,
  .mo-competitions-list--symbols li:first-child:nth-last-child(3) ~ li {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (max-width: 48rem) {
  .mo-competitions-list li:first-child:nth-last-child(2), .mo-competitions-list--left li:first-child:nth-last-child(2), .mo-competitions-list--mobile--left li:first-child:nth-last-child(2), .mo-competitions-list--column li:first-child:nth-last-child(2), .mo-competitions-list--circle li:first-child:nth-last-child(2), .mo-competitions-list--full-circle li:first-child:nth-last-child(2), .mo-competitions-list--symbols li:first-child:nth-last-child(2),
  .mo-competitions-list li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--left li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--column li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--circle li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--full-circle li:first-child:nth-last-child(2) ~ li,
  .mo-competitions-list--symbols li:first-child:nth-last-child(2) ~ li, .mo-competitions-list li:first-child:nth-last-child(4), .mo-competitions-list--left li:first-child:nth-last-child(4), .mo-competitions-list--mobile--left li:first-child:nth-last-child(4), .mo-competitions-list--column li:first-child:nth-last-child(4), .mo-competitions-list--circle li:first-child:nth-last-child(4), .mo-competitions-list--full-circle li:first-child:nth-last-child(4), .mo-competitions-list--symbols li:first-child:nth-last-child(4),
  .mo-competitions-list li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--left li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--column li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--circle li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--full-circle li:first-child:nth-last-child(4) ~ li,
  .mo-competitions-list--symbols li:first-child:nth-last-child(4) ~ li {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.mo-competitions-list--left li {
  text-align: left;
}

.mo-competitions-list--left li:before {
  float: left;
}

.mo-competitions-list--left li * {
  margin-left: 4rem;
}

.mo-competitions-list--left li > :first-child {
  margin-top: 0;
}

@media only screen and (max-width: 56rem) {
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3),
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li {
    text-align: left;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3):before,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li:before {
    float: left;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) *,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li * {
    margin-left: 4rem;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) > :first-child,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(3) ~ li > :first-child {
    margin-top: 0;
  }
}

@media only screen and (max-width: 48rem) {
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2),
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li, .mo-competitions-list--mobile--left li:first-child:nth-last-child(4),
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li {
    text-align: left;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2):before,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li:before, .mo-competitions-list--mobile--left li:first-child:nth-last-child(4):before,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li:before {
    float: left;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) *,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li *, .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) *,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li * {
    margin-left: 4rem;
  }
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) > :first-child,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(2) ~ li > :first-child, .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) > :first-child,
  .mo-competitions-list--mobile--left li:first-child:nth-last-child(4) ~ li > :first-child {
    margin-top: 0;
  }
}

.mo-competitions-list--column li {
  -webkit-box-flex: 0 0 100% !important;
  -moz-box-flex: 0 0 100% !important;
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
}

.mo-competitions-list--circle li {
  -webkit-box-flex: 0 0 100% !important;
  -moz-box-flex: 0 0 100% !important;
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
}

.mo-competitions-list--circle li:before {
  font-family: "paf-symbols";
  content: "c";
  background-color: transparent;
  color: #aedd92;
}

.mo-competitions-list--full-circle li {
  -webkit-box-flex: 0 0 100% !important;
  -moz-box-flex: 0 0 100% !important;
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
}

.mo-competitions-list--full-circle li:before {
  border-radius: 50%;
  display: block;
  margin: .5rem auto;
  line-height: 1em;
  text-align: center;
  width: 1rem;
  height: 1rem;
  padding-top: 0.5rem;
  content: '';
  background: #aedd92;
}

.mo-competitions-list--symbols li {
  -webkit-box-flex: 0 0 100% !important;
  -moz-box-flex: 0 0 100% !important;
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
}

.mo-competitions-list--symbols li:before {
  font-family: "paf-symbols";
  content: "q";
  background-color: transparent;
  color: #aedd92;
}

/* Competition Terms and Conditions */
body.competitions-page .mo-competitions-terms,
body.competitions-article .mo-competitions-terms {
  margin: 3rem 0;
}

body.competitions-page .mo-competitions-terms .mo-generic-box__header .mo-generic-box__expand-button,
body.competitions-article .mo-competitions-terms .mo-generic-box__header .mo-generic-box__expand-button {
  color: white;
}

/* UX Boxes based on flexbox model */
/* Flexbox has IE10 issues with wrapping, somebody can fix this? */
/* Mixins  */
/* Styling begins -> */
body.competitions-page {
  /* .mo-competitions-boxes */
}

body.competitions-page .mo-competitions-boxes.flex-container {
  /* Flex Container for the boxes */
  margin: 1rem -6px;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Responsive changes */
}

body.competitions-page .mo-competitions-boxes.flex-container .flex-item {
  /* One step */
  position: relative;
  background-color: white;
  box-shadow: 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.12);
  margin: 0 6px;
  -webkit-box-flex: 1 1 300px;
  -moz-box-flex: 1 1 300px;
  -webkit-flex: 1 1 300px;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  -ms-flex-preferred-size: 100%;
  /* IE10 ROW specific override of flex-basis */
  align-items: stretch;
}

@media only screen and (max-width: 48rem) {
  body.competitions-page .mo-competitions-boxes.flex-container {
    display: block;
  }
  body.competitions-page .mo-competitions-boxes.flex-container .flex-item {
    -webkit-box-flex: 0 1 75rem;
    -moz-box-flex: 0 1 75rem;
    -webkit-flex: 0 1 75rem;
    -ms-flex: 0 1 75rem;
    flex: 0 1 75rem;
    -ms-flex-preferred-size: 100%;
    /* IE10 ROW specific override of flex-basis */
  }
}

body.competitions-page .mo-competitions-boxes.flex-container .mo-generic-box {
  /* Override UX toolbox */
  background-color: transparent;
  box-shadow: 0rem 0rem 0 rgba(0, 0, 0, 0);
}

body.competitions-page .mo-competitions-boxes.flex-container .mo-generic-box .mo-generic-flexbox__header {
  /* Competitions page custom molecule */
  padding: 1.5rem 1rem 0.7rem 1.5rem;
  background-color: #25ad62;
}

body.competitions-page .mo-competitions-boxes.flex-container .mo-generic-box .mo-generic-flexbox__header h1 {
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  color: white;
}

body.competitions-page .mo-competitions-container, body.competitions-page .mo-competitions-container--nocard {
  background: #ffffff;
  padding: 3vw 0 3rem 0;
  z-index: 5;
  position: relative;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.15);
}

body.competitions-page .mo-competitions-container .at-button, body.competitions-page .mo-competitions-container--nocard .at-button,
body.competitions-page .mo-competitions-container .at-button--primary,
body.competitions-page .mo-competitions-container--nocard .at-button--primary,
body.competitions-page .mo-competitions-container .at-button--subsidiary,
body.competitions-page .mo-competitions-container--nocard .at-button--subsidiary {
  min-width: 10.5rem;
}

body.competitions-page .mo-competitions-container .at-header--super, body.competitions-page .mo-competitions-container--nocard .at-header--super {
  margin-bottom: 0.25rem;
}

@media (min-width: 120rem) {
  body.competitions-page .mo-competitions-container, body.competitions-page .mo-competitions-container--nocard {
    padding-top: 2.5rem;
  }
}

body.competitions-page .mo-competitions-container .mo-competitions-details ul, body.competitions-page .mo-competitions-container--nocard .mo-competitions-details ul {
  width: 100%;
  display: block;
}

body.competitions-page .mo-competitions-container--nocard {
  background: none;
  box-shadow: none;
}

body.competitions-page .content__wide {
  width: 92.2%;
  margin: 0 auto;
}

/* body.competitions-page */
/* Competition-article overrides for Toolbox */
body.competitions-article .content__copy {
  width: 100%;
  max-width: 50rem;
}

/*

body.competitions-article .content__copy
*/
/* Common syles for Competition page - Not block specific */
body.competitions-page,
body.competitions-article {
  /* Set default backgrounds for #highlighted */
  /* Design all category backgrounds and add them here */
  /* Just to demo how the blocks should look  --->   */
}

body.competitions-page #div-contentContainer,
body.competitions-article #div-contentContainer {
  background-size: 100% auto;
  background-repeat: repeat-y;
}

body.competitions-page.competitions-page--betting body.competitions-page.competitions-article--betting #div-contentContainer,
body.competitions-article.competitions-page--betting body.competitions-page.competitions-article--betting #div-contentContainer, body.competitions-page.competitions-page--betting
body.competitions-article.competitions-article--betting #div-contentContainer,
body.competitions-article.competitions-page--betting
body.competitions-article.competitions-article--betting #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-betting.svg");
}

body.competitions-page.competitions-page--bingo #div-contentContainer, body.competitions-page.competitions-article--bingo #div-contentContainer,
body.competitions-article.competitions-page--bingo #div-contentContainer,
body.competitions-article.competitions-article--bingo #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-bingo.svg");
}

body.competitions-page.competitions-page--live-casino #div-contentContainer, body.competitions-page.competitions-article--live-casino #div-contentContainer,
body.competitions-article.competitions-page--live-casino #div-contentContainer,
body.competitions-article.competitions-article--live-casino #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-livecasino.svg");
}

body.competitions-page.competitions-page--live-poker #div-contentContainer, body.competitions-page.competitions-article--live-poker #div-contentContainer,
body.competitions-article.competitions-page--live-poker #div-contentContainer,
body.competitions-article.competitions-article--live-poker #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-livepoker.svg");
}

body.competitions-page.competitions-page--lotteries #div-contentContainer, body.competitions-page.competitions-article--lotteries #div-contentContainer,
body.competitions-article.competitions-page--lotteries #div-contentContainer,
body.competitions-article.competitions-article--lotteries #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-lotteries.svg");
}

body.competitions-page.competitions-page--poker #div-contentContainer, body.competitions-page.competitions-article--poker #div-contentContainer,
body.competitions-article.competitions-page--poker #div-contentContainer,
body.competitions-article.competitions-article--poker #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-poker.svg");
}

body.competitions-page.competitions-page--slots #div-contentContainer, body.competitions-page.competitions-article--slots #div-contentContainer,
body.competitions-article.competitions-page--slots #div-contentContainer,
body.competitions-article.competitions-article--slots #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-slots.svg");
}

body.competitions-page.competitions-page--table-games #div-contentContainer, body.competitions-page.competitions-article--table-games #div-contentContainer,
body.competitions-article.competitions-page--table-games #div-contentContainer,
body.competitions-article.competitions-article--table-games #div-contentContainer {
  background-image: url("/static/app_content/site/design/img/backgrounds/category-tablegames.svg");
}

body.competitions-page.competitions-bg--dark .mo-competitions-details *,
body.competitions-page.competitions-bg--dark .article-footer *,
body.competitions-page.competitions-bg--dark .mo-competitions-header h1,
body.competitions-article.competitions-bg--dark .mo-competitions-details *,
body.competitions-article.competitions-bg--dark .article-footer *,
body.competitions-article.competitions-bg--dark .mo-competitions-header h1 {
  color: white;
}

body.competitions-page .content #mainArea .content, body.competitions-page .mo-in-page-tabs__list #mainArea .content,
body.competitions-article .content #mainArea .content,
body.competitions-article .mo-in-page-tabs__list #mainArea .content {
  width: 100%;
}

body.competitions-page #div-contentContainer .mo-generic-box__content em,
body.competitions-article #div-contentContainer .mo-generic-box__content em {
  font-style: normal;
}

body.competitions-page .content,
body.competitions-article .content {
  margin-top: 0;
  /* Override Toolbox */
}

body.competitions-page .mo-winners-area-banner,
body.competitions-article .mo-winners-area-banner {
  background: none;
}

body.competitions-page blockquote,
body.competitions-article blockquote {
  margin: 4rem auto;
  width: 80%;
}

#competition-force-login-container {
  height: 600px;
  position: relative;
  top: 3rem;
}