article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio, canvas, progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/* Typography */

.Header {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 111;

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;

}
.Header .Header-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #111;/* transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);  */
  color:#fff;
}
.Header.unfix {
  top: -50px;
}
.Header.removebg .Header-bg {
  opacity: 0;
}
.Header .social-media {
  display: none;
}
.Header.not-fixed {
  overflow: auto;
}

.Header.removebg {
  height: 100%;
}

.Header.removebg .Header-bg {
  transition: none !important;
  -webkit-animation-name: fade-in-only;
  animation-name: fade-in-only;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background-color: #000;
  opacity:0.8;
}

.Header.removebg .social-media {
  display: none;
}


@media (min-width: 1024px), (min-width: 1440px) {
	.Header {
		height: 70px;
	}
	.Header .social-media {
    position: absolute;
    top: auto;
    left: 0;
    line-height: 68px;
    display: block;
    padding-left: 30px;
  }
	.Header .social-media a {
    padding: 0 5px;
    transition: opacity 200ms ease-out;
  }
	.Header .social-media a:first-child {
    padding-left: 10px;
  }
	.Header .social-media a.notactive{
    opacity: 0.6;
  }
	.Header .social-media a.active {
    opacity: 1;
  }
	.Header .social-media a svg {
    width: 20px;
    height: 20px;
  }
	.Header .social-media a svg path {
    fill : #fff;
  }
	.Header.unfix {
    top: -70px;
  }
}
/* ===============================================
Hamburger Button
=================================================*/


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


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


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


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

.Navbar-hamburger-button {
	position: absolute;
	display: block;
	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;
}

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

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

.Navbar-hamburger-button .Navbar-hamburger .Navbar-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}
*/

/* ===============================================
Logo found within the Navbar
=================================================*/

.Navbar-logo {
	position: fixed;
	z-index: 10000;
	margin: 0 auto 20px;
	top: 0;
	display: block;
	left: 50%;
	margin-left: -57px;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	transition: all 250ms ease-out;
}

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

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

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

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

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

  .Navbar-logo {
    margin-left: -110px;
  }

  .Navbar-logo img.lazyloaded {
    width: 220px;
    height: auto;
  }
	}

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

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

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

		img {
			opacity: 0;

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

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

.Navbar {
	position: fixed;
	text-align: left;
	z-index: 2000;
	left: -100%;
	width: 100%;
	display: block;

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

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

.Navbar .Navbar-primarynav > .Navbar-item:first-child {
  border-top: 1px solid #3b3b3b;
}


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

	.Navbar-holder, .Navbar-scroller, .Navbar-backdrop {
		width: 375px;
	}

	.Navbar-holder .Navbar-backdrop, .Navbar-scroller .Navbar-backdrop, .Navbar-backdrop .Navbar-backdrop {
    width: 375px !important;
  }

}

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

	.Navbar-holder, .Navbar-scroller, .Navbar-backdrop {
		width: 375px;
	}

	.Navbar-holder .Navbar-backdrop, .Navbar-scroller .Navbar-backdrop, .Navbar-backdrop .Navbar-backdrop {
    width: 375px !important;
  }

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

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

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

.Navbar-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;
}

.Navbar-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) {

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

}

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


	.Navbar-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;
		}
	}

}
*/

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

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

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

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

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

/* ===============================================
Primary Navigation
=================================================*/
.Navbar-primarynav {
	position: relative;
	
	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;
			}
		}

		.Navbar-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;
		}

	}
	*/
}
.Navbar-primarynav a {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  padding: 27px 0;
  display: block;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}
.Navbar-primarynav a.active {
  color: #ff9c00;
}
.Navbar-primarynav a.Navbar-dropdown-main {
  padding: 0;
}

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

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

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

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

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

.Navbar-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;

		.Navbar-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;
		}

	}
	*/

}

.Navbar-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;
}

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

.Navbar-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;
}

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

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

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

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

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

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

/* ===============================================
Download button for mobile
=================================================*/
.Navbar-download {
	margin-top: 20px;
  width: 300px;
	
	color: #fff;
	text-align: left;
	font-size: 9px;
	line-height: 9px;

	/*
	@media (--desktop), (--desktop-xl) {
		position: absolute;
		right: 30px;
		top: 15px;
		margin: 0;
		opacity: 1;
		font-size: 11px;
		line-height: 11px;

		.Navbar-dropdown {
			text-align: right;
			right: 0;
			top: -15px;
			padding-right: 0;
			transition: opacity 250ms ease-out;

			&.open {
				padding-left: 130px;
			}

			svg {
				opacity: 1;
				transition: opacity 250ms ease-out;
			}

			ul {
				top: 65px;
				right: 0;
			    left: auto;
			    text-align: right;
				li {
					float:none;
					a {
						padding-left: 10px;
						padding-right: 0;
					}
				}
			}

			&.state-start {
				opacity: 0;
				svg {
					opacity: 0;
				}
			}
		}
	}
	*/
}
.Navbar-download img {
  margin-top: 10px;
  width: 125px;
  height: auto;
}


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


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

.Navbar--active .Navbar-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;
}

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

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

/* Track */

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

/* Handle */

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

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

.Navbar--active .Navbar-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;
}

.Navbar--active .Navbar {
  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;
}

.Navbar--active .Navbar-logo.Navbar-logo-outside{
  position: absolute;
}

.Navbar--active .Navbar-primarynav, .Navbar--active .Navbar-secondarynav, .Navbar--active .Navbar-download {
  -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;
}

.Navbar--active .Navbar-download {
  margin-bottom: 50px;
}

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

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

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

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

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

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

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

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

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

.Navbar--active .Navbar-background {
  padding-top: 15px;
  position: static;
  display: block;
}

.Navbar--active .Navbar-logo {
  margin-left: -100px;
}

.Navbar--active .Navbar-logo img{
  width: 200px;
}

.Navbar--active .Navbar-logo.Navbar-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;
}
.no-animations .Navbar-backdrop.animate-out {
  right: -100%;
  -webkit-animation-name: none !important;
          animation-name: none !important;
}
.no-animations .Navbar-hamburger-button .Navbar-hamburger .Navbar-hamburger-line {
  transition:none !important;
}

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

/* Track */

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

/* Handle */

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

.no-touch .Navbar--active .Navbar-scroller::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0);
}
.icon-facebook, .icon-twitter, .icon-instagram, .icon-youtube {
	width: 24px;
	height: 24px;
}
.icon-facebook path, .icon-twitter path, .icon-instagram path, .icon-youtube path {
  fill: #488bf4;
}
.button-primary {
	margin-top: 40px;
	position: relative;
	background-color: #ffab18;
	display: inline-block;
	padding: 15px 55px 15px 20px;
	text-decoration: none;
	font-family: 'supercell-magicregular',Arial,sans-serif !important;
	color: #ffffff !important;
	font-size: 12px !important;
	border-radius: 5px;
	transition: background-color 250ms ease-out;
}
.button-primary .button-primary-arrow {
  display: block;
  background-color: #ff9c00;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  border-radius: 0 5px 5px 0;
  text-align: center;
  line-height: 51px;
  transition: background-color 250ms ease-out;
}
.button-primary .button-primary-arrow svg {
  width: 13px;
  height: 13px;
}
.button-primary .button-primary-arrow svg path {
  fill: #ffffff;
}
.button-primary:hover {
  background-color: #fb9a00;
}
.button-primary:hover .button-primary-arrow {
  background-color: #f88600;
}
.button-secondary {
	position: relative;
	background-color: #ffab18;
	display: inline-block;
	padding: 15px 20px;
	text-decoration: none;
	font-family: 'supercell-magicregular',Arial,sans-serif !important;
	color: #ffffff !important;
	font-size: 12px !important;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);

	border-radius: 5px;
}
.social-media {
	color: #fff;
	text-shadow:none;
}
.social-media a {
  display: inline-block;
  color:#111;
}
.social-media a path{
  fill: #ffffff;
}
.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;
}


* {
  box-sizing: border-box;
}

@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;
}