@charset "UTF-8";
@font-face {
  font-family: 'Raleway Black';
  src: url('../fonts/Raleway-Black.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Raleway-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/Raleway-Black.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Raleway-Black.svg#22dc7f090e7db300b0c09439abad7199') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Raleway Bold';
  src: url('../fonts/Raleway-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Raleway-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Raleway-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Raleway-Bold.svg#4442fe0194c8fbca9fd44d69c555e3ea') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Raleway Regular';
  src: url('../fonts/Raleway-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Raleway-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Raleway-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Raleway-Regular.svg#f53cbacd8b0fdfdba3b5d3fcc369dc1c') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Merriweather Bold';
  src: url('../fonts/merriweather-bold-webfont.woff2') format('woff2'), url('../fonts/merriweather-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bariol';
  src: url('../fonts/hinted-BariolBold-Italic.woff2') format('woff2'), url('../fonts/hinted-BariolBold-Italic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'BauLF';
  src: url('../fonts/hinted-BauLF-Bold.woff2') format('woff2'), url('../fonts/hinted-BauLF-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'BauLF';
  src: url('../fonts/hinted-BauLF-Medium.woff2') format('woff2'), url('../fonts/hinted-BauLF-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body.i18n-fr .i18n .fr {
  opacity: 1;
}
body.i18n-fr .i18n .en {
  opacity: 0;
  display: none !important;
}
body.i18n-en .i18n .fr {
  opacity: 0;
  display: none !important;
}
body.i18n-en .i18n .en {
  opacity: 1;
}
.flipping-i18n {
  -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
}
.flipping-i18n.flip-out {
  backface-visibility: hidden;
  z-index: 2;
  /* for firefox 31 */
  transform: rotateX(90deg);
}
.fading-i18n {
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
  opacity: 1;
}
.fading-i18n.fade-out {
  opacity: 0 !important;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: #272726;
}
html,
body {
  -webkit-font-smoothing: antialiased;
  color: #FFF;
  padding: 0;
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  width: 1920px;
  height: 1080px;
  font-family: 'Raleway Regular';
  position: absolute;
}
.nw {
  white-space: nowrap;
}
.disable-mouse {
  pointer-events: none;
}
.center {
  text-align: center;
}
.highlight {
  color: #ffe25a;
}
#guide {
  position: absolute;
  left: 55px;
  top: 31px;
  width: 1810px;
  height: 1018px;
  border: 1px #FF11FF solid;
  pointer-events: none;
  z-index: 100;
}
.guide {
  position: fixed;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  z-index: 99;
}
.box-close {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  background-color: #ffe25a;
  padding: 10px 20px;
  font-family: 'Raleway Black';
  font-size: 30px;
}
.box-close span {
  pointer-events: none;
  position: relative;
  display: inline-block;
  -webkit-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.box-close:active span {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.round-btn .inner-wrapper {
  display: inline-block;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Raleway Black';
  background-color: #ffe25a;
  color: #191919;
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.round-btn span {
  display: inline-block;
  margin-top: 12px;
  font-size: 30px;
  pointer-events: none;
}
.round-btn.large .inner-wrapper {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.round-btn.large .inner-wrapper span {
  margin-top: 21px;
  font-size: 40px;
}
.round-btn.xlarge .inner-wrapper {
  width: 160px;
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.round-btn.xlarge .inner-wrapper span {
  margin-top: 58px;
  font-size: 36px;
}
.round-btn.xxlarge .inner-wrapper {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.round-btn.xxlarge .inner-wrapper span {
  margin-top: 55px;
  font-size: 76px;
}
.round-btn:active .inner-wrapper {
  background-color: #fff;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.round-btn.red .inner-wrapper {
  border: none;
  background-color: #a02f2a;
}
.round-btn.red .inner-wrapper span {
  color: #272726;
}
.round-btn.red:active .inner-wrapper {
  background-color: #c83b35;
}
.round-btn.blue .inner-wrapper {
  border: none;
  background-color: #2f5995;
}
.round-btn.blue .inner-wrapper span {
  color: #272726;
}
.round-btn.blue:active .inner-wrapper {
  background-color: #3b70bc;
}
.round-btn.hide {
  opacity: 0;
  pointer-events: none;
}
.def {
  font-family: 'Merriweather Bold';
  text-decoration: none;
  border-bottom: 2px solid #ffe25a;
  font-size: 18px;
}
#watermark {
  display: inline-block;
  position: absolute;
  background: transparent url("../images/watermark.png") no-repeat center center;
  background-size: cover;
  width: 341.5px;
  height: 67.5px;
  right: 65px;
  bottom: 40px;
  z-index: 1;
  pointer-events: none;
}
#triggers {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -125px;
  margin-top: -85px;
  text-transform: uppercase;
}
#triggers .trigger {
  font-family: 'Raleway Black';
  font-size: 16px;
  background-color: #191919;
  border: solid #FFFFFF 1px;
  padding: 15px 50px;
  margin: 20px;
  -webkit-transition: background-color, 0.2s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background-color, 0.2s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: background-color, 0.2s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background-color, 0.2s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color, 0.2s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  letter-spacing: 1px;
  cursor: pointer;
  text-align: center;
}
#triggers .trigger:hover {
  background-color: #ffffff;
  color: #191919;
}
#screensaver {
  position: absolute;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
#screensaver .part {
  display: inline-block;
  position: absolute;
}
#screensaver .part .animation {
  width: 100%;
  height: 114%;
}
#screensaver .part.variant-1 {
  -webkit-transform: rotate(0deg) translate(-10px, 10px) scale(0.5);
  -moz-transform: rotate(0deg) translate(-10px, 10px) scale(0.5);
  -ms-transform: rotate(0deg) translate(-10px, 10px) scale(0.5);
  -o-transform: rotate(0deg) translate(-10px, 10px) scale(0.5);
  transform: rotate(0deg) translate(-10px, 10px) scale(0.5);
}
#screensaver .part.variant-1 .animation {
  -webkit-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-1 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part.variant-2 {
  -webkit-transform: rotate(0deg) translate(8px, -7px) scale(0.5);
  -moz-transform: rotate(0deg) translate(8px, -7px) scale(0.5);
  -ms-transform: rotate(0deg) translate(8px, -7px) scale(0.5);
  -o-transform: rotate(0deg) translate(8px, -7px) scale(0.5);
  transform: rotate(0deg) translate(8px, -7px) scale(0.5);
}
#screensaver .part.variant-2 .animation {
  -webkit-animation: pulse-variant-2 3000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-2 3000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-2 3000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-2 3000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-2 3000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-2 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part.variant-3 {
  -webkit-transform: rotate(0deg) translate(20px, -20px) scale(0.5);
  -moz-transform: rotate(0deg) translate(20px, -20px) scale(0.5);
  -ms-transform: rotate(0deg) translate(20px, -20px) scale(0.5);
  -o-transform: rotate(0deg) translate(20px, -20px) scale(0.5);
  transform: rotate(0deg) translate(20px, -20px) scale(0.5);
}
#screensaver .part.variant-3 .animation {
  -webkit-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-3 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part.variant-4 {
  -webkit-transform: rotate(0deg) translate(10px, 10px) scale(0.5);
  -moz-transform: rotate(0deg) translate(10px, 10px) scale(0.5);
  -ms-transform: rotate(0deg) translate(10px, 10px) scale(0.5);
  -o-transform: rotate(0deg) translate(10px, 10px) scale(0.5);
  transform: rotate(0deg) translate(10px, 10px) scale(0.5);
}
#screensaver .part.variant-4 .animation {
  -webkit-animation: pulse-variant-4 4000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-4 4000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-4 4000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-4 4000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-4 4000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-4 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part.variant-5 {
  -webkit-transform: rotate(0deg) translate(15px, 7px) scale(0.5);
  -moz-transform: rotate(0deg) translate(15px, 7px) scale(0.5);
  -ms-transform: rotate(0deg) translate(15px, 7px) scale(0.5);
  -o-transform: rotate(0deg) translate(15px, 7px) scale(0.5);
  transform: rotate(0deg) translate(15px, 7px) scale(0.5);
}
#screensaver .part.variant-5 .animation {
  -webkit-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-5 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part.variant-6 {
  -webkit-transform: rotate(0deg) translate(12px, -3px) scale(0.5);
  -moz-transform: rotate(0deg) translate(12px, -3px) scale(0.5);
  -ms-transform: rotate(0deg) translate(12px, -3px) scale(0.5);
  -o-transform: rotate(0deg) translate(12px, -3px) scale(0.5);
  transform: rotate(0deg) translate(12px, -3px) scale(0.5);
}
#screensaver .part.variant-6 .animation {
  -webkit-animation: pulse-variant-6 3800ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-6 3800ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-6 3800ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-6 3800ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-6 3800ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part.variant-6 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part1 {
  width: 86px;
  height: 114px;
}
#screensaver .part1 .animation {
  background: transparent url("../images/screensaver/part1.png") no-repeat center center;
  background-size: contain;
}
#screensaver .part1.variant-1 {
  -webkit-transform: rotate(60deg) translate(-10px, 20px) scale(0.5);
  -moz-transform: rotate(60deg) translate(-10px, 20px) scale(0.5);
  -ms-transform: rotate(60deg) translate(-10px, 20px) scale(0.5);
  -o-transform: rotate(60deg) translate(-10px, 20px) scale(0.5);
  transform: rotate(60deg) translate(-10px, 20px) scale(0.5);
}
#screensaver .part1.variant-1 .animation {
  -webkit-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-1 5000ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part1.variant-1 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part1.variant-3 {
  -webkit-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -moz-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -ms-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -o-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  transform: rotate(60deg) translate(8px, -7px) scale(0.5);
}
#screensaver .part1.variant-3 .animation {
  -webkit-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-3 5500ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part1.variant-3 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part1.variant-5 {
  -webkit-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -moz-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -ms-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  -o-transform: rotate(60deg) translate(8px, -7px) scale(0.5);
  transform: rotate(60deg) translate(8px, -7px) scale(0.5);
}
#screensaver .part1.variant-5 .animation {
  -webkit-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: pulse-variant-5 3300ms infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#screensaver .part1.variant-5 .animation.paused {
  animation-play-state: paused;
}
#screensaver .part2 {
  width: 70px;
  height: 70px;
}
#screensaver .part2 .animation {
  background: transparent url("../images/screensaver/part2.png") no-repeat center center;
  background-size: contain;
}
#screensaver .part3 {
  width: 54px;
  height: 32px;
}
#screensaver .part3 .animation {
  background: transparent url("../images/screensaver/part3.png") no-repeat center center;
  background-size: contain;
}
#screensaver .part4 {
  width: 28px;
  height: 28px;
}
#screensaver .part4 .animation {
  background: transparent url("../images/screensaver/part4.png") no-repeat center center;
  background-size: contain;
}
#screensaver .part5 {
  width: 18px;
  height: 18px;
}
#screensaver .part5 .animation {
  background: transparent url("../images/screensaver/part5.png") no-repeat center center;
  background-size: contain;
}
@keyframes pulse-variant-1 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.15) rotate(6deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse-variant-2 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.095) rotate(-14deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse-variant-3 {
  0% {
    transform: scale(1.1) rotate(0deg);
  }
  50% {
    transform: scale(0.96) rotate(12deg);
  }
  100% {
    transform: scale(1.1) rotate(0deg);
  }
}
@keyframes pulse-variant-4 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(0.92) rotate(6deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse-variant-5 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.18) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse-variant-5 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.12) rotate(8deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
#game {
  position: absolute;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
}
#game #intro-game-title {
  display: inline-block;
  position: absolute;
  margin: 0px 100px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
#game #intro-game-title h1 {
  display: block;
  font-family: 'Raleway Black';
  font-size: 90px;
  margin: 0;
}
#game #intro-game-title .language-bar {
  display: block;
  margin-top: 40px;
}
#game #intro-game-title .language-bar .round-btn {
  display: inline-block;
  margin: 20px 20px 20px 0px;
}
#game .home .inner-wrapper {
  background: #ffe25a url("../images/help.png") no-repeat 0px 0px;
  background-size: 60px 60px;
}
#game .home:active .inner-wrapper {
  background: #fff url("../images/help.png") no-repeat 0px 0px;
  background-size: 60px 60px;
}
#game .screen {
  position: absolute;
  left: 0;
  width: 1920px;
  height: 1080px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#game .screen.active {
  visibility: visible;
  pointer-events: all;
}
#game .screen#title-screen {
  opacity: 1;
}
body.i18n-fr .language-switcher.round-btn .inner-wrapper {
  background-color: #a02f2a;
}
body.i18n-en .language-switcher.round-btn .inner-wrapper {
  background-color: #2f5995;
}
#game .modal .overlay,
.modal .overlay {
  background-color: rgba(109, 110, 112, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: 150;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game .modal .box,
.modal .box {
  color: #191919;
  background-color: white;
  left: 480px;
  left: 410px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1100px;
  z-index: 160;
  padding: 40px 160px 40px 100px;
  box-sizing: border-box;
  -webkit-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game .modal .box .box-close,
.modal .box .box-close {
  padding: 25px 45px;
  font-size: 55px;
}
#game .modal .box h2,
.modal .box h2 {
  font-family: 'Raleway Black';
  text-transform: uppercase;
  font-size: 50px;
  letter-spacing: -2px;
  margin-top: 0px;
}
#game .modal .box h3,
.modal .box h3 {
  font-size: 24px;
}
#game .modal .box p,
.modal .box p {
  font-family: 'Raleway Regular';
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  word-wrap: break-word;
}
#game .modal .box p.href,
.modal .box p.href {
  color: #6d6e70;
  font-size: 18px;
  margin-top: 10px;
  border-left: #6d6e70 5px solid;
  padding-left: 20px;
}
#game .modal.hide .box,
.modal.hide .box {
  opacity: 0;
  -webkit-transform: translate(-50%, -44%);
  -moz-transform: translate(-50%, -44%);
  -ms-transform: translate(-50%, -44%);
  -o-transform: translate(-50%, -44%);
  transform: translate(-50%, -44%);
}
#game .modal.hide .overlay,
.modal.hide .overlay {
  opacity: 0;
}
#game .modal.hidden,
.modal.hidden {
  display: none;
}
body .screen {
  -webkit-transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body.modal-opened .screen > * {
  filter: blur(8px);
}
body.modal-opened.modal-opened-noblur .screen > * {
  filter: none;
}
.perso {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.perso.type-scientist {
  background: transparent url('../images/persos/scientist.png');
  width: 580px;
  height: 582px;
}
.perso.type-industry {
  background: transparent url('../images/persos/industry.png');
  width: 575px;
  height: 565px;
}
.perso.type-critic {
  background: transparent url('../images/persos/critic.png');
  width: 575px;
  height: 554px;
}
.perso.type-critic2 {
  background: transparent url('../images/persos/critic2.png');
  width: 575px;
  height: 554px;
}
.perso.type-critic2 .mounth {
  bottom: 245px;
}
.perso.type-farmer {
  background: transparent url('../images/persos/farmer3.png');
  width: 575px;
  height: 584px;
}
.perso.type-farmer .mounth {
  bottom: 270px;
}
.perso.type-farmer1 {
  background: transparent url('../images/persos/farmer1.png');
  width: 581px;
  height: 561px;
}
.perso.type-farmer2 {
  background: transparent url('../images/persos/farmer2.png');
  width: 575px;
  height: 584px;
}
.perso.type-government {
  background: transparent url('../images/persos/government.png');
  width: 581px;
  height: 559px;
}
.perso.type-supplier {
  background: transparent url('../images/persos/supplier2.png');
  width: 575px;
  height: 584px;
}
.perso.type-employee {
  background: transparent url('../images/persos/employee.png');
  width: 575px;
  height: 584px;
}
.perso .mounth {
  background: transparent url('../images/persos/mounths.png');
  background-position: 0px 0px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 272px;
  margin-left: -37.5px;
  margin-top: -37.5px;
  width: 75px;
  height: 75px;
}
.perso .mounth.mounth-1 {
  background-position: 0px -75px;
}
.perso .mounth.mounth-2 {
  background-position: 0px -150px;
}
.perso .mounth.mounth-3 {
  background-position: 0px -225px;
}
.perso .mounth.mounth-4 {
  background-position: 0px -300px;
}
.perso .mounth.mounth-5 {
  background-position: 0px -375px;
}
.perso .mounth.mounth-6 {
  background-position: 0px -450px;
}
#game #main.gmos #main-game-title {
  position: absolute;
  left: 60px;
  top: 40px;
  border-left: 20px #ffe25a solid;
  box-sizing: border-box;
  font-family: 'Raleway Black';
  font-size: 26px;
  line-height: 66px;
}
#game #main.gmos #main-game-title h1 {
  margin: 0px 10px;
}
#game #main.gmos #main-game-title h1 span.highlight {
  color: #ffe25a;
}
#game #main.gmos #intro-screen > .inner-wrapper {
  margin: 200px 225px;
}
#game #main.gmos #intro-screen p,
#game #main.gmos #intro-screen ul li {
  font-family: 'Raleway Black';
  font-size: 51px;
}
#game #main.gmos #intro-screen ul,
#game #main.gmos #intro-screen li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#game #main.gmos #intro-screen .def {
  font-size: 48px;
}
#game #main.gmos #intro-screen li {
  margin-bottom: 10px;
}
#game #main.gmos #intro-screen li span {
  display: inline-block;
  color: #ffe25a;
  -webkit-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.gmos #intro-screen li:active span {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
#game #main.gmos #intro-screen .perso-line {
  position: absolute;
  bottom: 0px;
  left: 135px;
}
#game #main.gmos #questions-menu {
  position: absolute;
  right: 40px;
  top: 110px;
}
#game #main.gmos #questions-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#game #main.gmos #questions-menu ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#game #main.gmos #questions-menu ul li a {
  display: inline-block;
  padding: 20px 20px;
  font-size: 28px;
  font-family: 'Raleway Black';
  color: #636463;
  -webkit-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.gmos #questions-menu ul li.active a {
  color: #ffe25a;
}
#game #main.gmos #right-menu,
#game #main.gmos #intro-right-menu {
  position: absolute;
  right: 70px;
  top: 40px;
}
#game #main.gmos #right-menu .round-btn,
#game #main.gmos #intro-right-menu .round-btn {
  display: inline-block;
  margin-left: 10px;
}
#game #main.gmos #answers-screen .answers {
  padding: 0;
  margin: 0;
  opacity: 1;
  pointer-events: all;
  position: absolute;
  left: 50px;
  top: 300px;
  height: 780px;
  width: 1820px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.gmos #answers-screen .answers.current .perso {
  pointer-events: auto;
}
#game #main.gmos #answers-screen .answers .slick-list {
  overflow: visible;
}
#game #main.gmos #answers-screen .answers.hide {
  opacity: 0;
  pointer-events: none;
}
#game #main.gmos #answers-screen .answers .answer {
  position: relative;
  display: inline-block;
  opacity: 1;
  pointer-events: all;
  width: 600px;
  height: 780px;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
}
#game #main.gmos #answers-screen .answers .answer.hide {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(0px, 50px);
  -moz-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  -o-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}
#game #main.gmos #answers-screen .perso {
  -webkit-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  bottom: -10px;
}
#game #main.gmos #answers-screen .perso:active {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}
#game #main.gmos #answers-screen .content-box {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 20px;
  margin: 20px;
  display: inline-block;
  background-color: #fffffe;
  color: #191919;
  width: 560px;
  box-sizing: border-box;
  padding-bottom: 85px;
  opacity: 1;
  pointer-events: all;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.gmos #answers-screen .content-box.hide {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(0px, 25px);
  -moz-transform: translate(0px, 25px);
  -ms-transform: translate(0px, 25px);
  -o-transform: translate(0px, 25px);
  transform: translate(0px, 25px);
}
#game #main.gmos #answers-screen .content-box .box-title {
  font-family: 'Raleway Black';
  font-size: 30px;
  margin-bottom: 20px;
  display: none;
}
#game #main.gmos #answers-screen .content-box .box-content {
  margin-right: 80px;
  font-size: 22px;
}
#game #main.gmos #answers-screen .content-box .box-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background-color: #ffefa7;
  font-family: 'Raleway Black';
  font-size: 30px;
}
#game #main.gmos #answers-screen .content-box .box-bottom .box-dialog-arrow {
  position: absolute;
  background: transparent url("../images/gmos/dialog-arrow.png") no-repeat 0px 0px;
  background-size: 60px 82px;
  width: 60px;
  height: 82px;
  left: 50%;
  bottom: -22px;
  margin-left: -30px;
}
#game #main.gmos #answers-screen .content-box .box-bottom .source {
  float: right;
  display: inline-block;
  background-color: #ffe25a;
  padding: 12px 20px 13px;
}
#game #main.gmos #answers-screen .content-box .box-bottom .source span {
  pointer-events: none;
  position: relative;
  display: inline-block;
  -webkit-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.gmos #answers-screen .content-box .box-bottom .source:active span {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
#game #main.farmer #graphics-bank,
#game #main.farmer #animation-paths {
  display: none;
}
#game #main.farmer .right-menu {
  position: absolute;
  right: 75px;
  top: 50px;
}
#game #main.farmer .right-menu .round-btn {
  display: block;
  margin-bottom: 30px;
}
#game #main.farmer .dialog {
  position: absolute;
  padding: 20px;
  display: inline-block;
  background-color: #fffffe;
  color: #191919;
  box-sizing: border-box;
  opacity: 1;
  pointer-events: all;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer .def {
  font-size: 32px;
}
#game #main.farmer .modal .box .box-header,
#game #main.farmer .dialog .dialog-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffefa7;
  height: 60px;
}
#game #main.farmer .modal .box .box-header h3,
#game #main.farmer .dialog .dialog-header h3 {
  font-family: 'Raleway Black';
  font-size: 28px;
  margin: 14px 20px;
}
#game #main.farmer #dialog {
  width: 1350px;
  bottom: 120px;
  padding-bottom: 100px;
  padding-top: 60px;
  opacity: 1;
  -webkit-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
#game #main.farmer #dialog.hide {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
#game #main.farmer #dialog.left {
  left: 222px;
}
#game #main.farmer #dialog.left #perso-title {
  margin-left: 80px;
}
#game #main.farmer #dialog.right {
  right: 220px;
}
#game #main.farmer #dialog.right #perso-title {
  text-align: right;
  margin-right: 80px;
}
#game #main.farmer #dialog.right .dialog-arrow {
  left: auto;
  right: 0px;
}
#game #main.farmer #dialog .box-next {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  background-color: #ffe25a;
  padding: 30px 40px;
  font-family: 'Raleway Black';
  font-size: 45px;
}
#game #main.farmer #dialog .box-next span {
  pointer-events: none;
  position: relative;
  display: inline-block;
  -webkit-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #dialog .box-next:active span {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
#game #main.farmer #dialog .dialog-arrow {
  position: absolute;
  background: transparent url("../images/farmer/dialog-arrow.png") no-repeat 0px 0px;
  background-size: 60px 82px;
  width: 60px;
  height: 82px;
  left: 0;
  top: -22px;
}
#game #main.farmer #dialog .dialog-content {
  font-size: 36px;
  font-family: 'Raleway Black';
  width: calc(100% - 235px);
  padding: 0;
  margin: 40px 0px 0px;
}
#game #main.farmer #persos-screen h1 {
  font-family: 'Raleway Black';
  font-size: 48px;
  position: absolute;
  left: 320px;
  top: 90px;
}
#game #main.farmer #persos-screen .male,
#game #main.farmer #persos-screen .female {
  position: absolute;
  top: 315px;
  text-align: center;
  font-family: 'Raleway Black';
  font-size: 36px;
  -webkit-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer #persos-screen .male img,
#game #main.farmer #persos-screen .female img {
  margin-bottom: 20px;
}
#game #main.farmer #persos-screen .male:active,
#game #main.farmer #persos-screen .female:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
#game #main.farmer #persos-screen .female {
  left: 355px;
}
#game #main.farmer #persos-screen .male {
  left: 1120px;
}
#game #main.farmer #explanations-screen .explanations-text {
  position: absolute;
  left: 355px;
  top: 75px;
  font-family: 'Raleway Black';
}
#game #main.farmer #explanations-screen .results-wrapper {
  position: absolute;
  left: 355px;
  top: 205px;
}
#game #main.farmer #explanations-screen .round-btn.xlarge {
  position: absolute;
  bottom: 100px;
  left: 880px;
}
#game #main.farmer #explanations-screen span.def {
  font-size: 20px;
}
#game #main.farmer #farmer-data .farmer-data {
  display: inline-block;
  background-color: #FFF;
  height: 137px;
  width: 100px;
  position: absolute;
}
#game #main.farmer #farmer-data #farmer-data-season {
  width: 360px;
  left: 220px;
}
#game #main.farmer #farmer-data #farmer-data-season.summer .spring,
#game #main.farmer #farmer-data #farmer-data-season.summer .autumn,
#game #main.farmer #farmer-data #farmer-data-season.summer .winter {
  opacity: 0;
}
#game #main.farmer #farmer-data #farmer-data-season.spring .summer,
#game #main.farmer #farmer-data #farmer-data-season.spring .autumn,
#game #main.farmer #farmer-data #farmer-data-season.spring .winter {
  opacity: 0;
}
#game #main.farmer #farmer-data #farmer-data-season.autumn .summer,
#game #main.farmer #farmer-data #farmer-data-season.autumn .spring,
#game #main.farmer #farmer-data #farmer-data-season.autumn .winter {
  opacity: 0;
}
#game #main.farmer #farmer-data #farmer-data-season.winter .summer,
#game #main.farmer #farmer-data #farmer-data-season.winter .spring,
#game #main.farmer #farmer-data #farmer-data-season.winter .autumn {
  opacity: 0;
}
#game #main.farmer #farmer-data #farmer-data-season .icon {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 25px;
  left: 25px;
}
#game #main.farmer #farmer-data #farmer-data-season .icon.autumn {
  background: transparent url("../images/farmer/season-autumn.png") no-repeat center center;
  background-size: contain;
}
#game #main.farmer #farmer-data #farmer-data-season .icon.spring {
  background: transparent url("../images/farmer/season-spring.png") no-repeat center center;
  background-size: contain;
}
#game #main.farmer #farmer-data #farmer-data-season .icon.summer {
  background: transparent url("../images/farmer/season-summer.png") no-repeat center center;
  background-size: contain;
}
#game #main.farmer #farmer-data #farmer-data-season .icon.winter {
  background: transparent url("../images/farmer/season-winter.png") no-repeat center center;
  background-size: contain;
}
#game #main.farmer #farmer-data #farmer-data-season .season-legend {
  font-family: 'Raleway Black';
  background-color: transparent;
  width: 60%;
  font-size: 30px;
  bottom: 60px;
  right: 0px;
  text-align: left;
}
#game #main.farmer #farmer-data #farmer-data-yields .icon,
#game #main.farmer #farmer-data #farmer-data-costs .icon,
#game #main.farmer #farmer-data #farmer-data-co2 .icon {
  position: absolute;
  width: 80px;
  height: 90px;
  top: 25px;
  left: 10px;
}
#game #main.farmer #farmer-data #farmer-data-yields .fill,
#game #main.farmer #farmer-data #farmer-data-costs .fill,
#game #main.farmer #farmer-data #farmer-data-co2 .fill {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 137px;
  width: 100px;
  -webkit-transition: height 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: height 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: height 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: height 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: height 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer #farmer-data #farmer-data-yields .arrow,
#game #main.farmer #farmer-data #farmer-data-costs .arrow,
#game #main.farmer #farmer-data #farmer-data-co2 .arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 65px;
  left: 85px;
  z-index: 1;
  overflow: hidden;
  -webkit-transform-origin: 19px 24px;
  -moz-transform-origin: 19px 24px;
  -ms-transform-origin: 19px 24px;
  -o-transform-origin: 19px 24px;
  transform-origin: 19px 24px;
  -webkit-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
#game #main.farmer #farmer-data #farmer-data-yields .arrow .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-costs .arrow .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-co2 .arrow .inner-arrow {
  position: absolute;
  width: 40px;
  height: 35px;
  top: 10px;
  left: 8px;
  background-color: #a02f2a;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#game #main.farmer #farmer-data #farmer-data-yields .arrow.negative .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-costs .arrow.negative .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-co2 .arrow.negative .inner-arrow {
  background-color: #a02f2a;
}
#game #main.farmer #farmer-data #farmer-data-yields .arrow.positive,
#game #main.farmer #farmer-data #farmer-data-costs .arrow.positive,
#game #main.farmer #farmer-data #farmer-data-co2 .arrow.positive {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#game #main.farmer #farmer-data #farmer-data-yields .arrow.positive .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-costs .arrow.positive .inner-arrow,
#game #main.farmer #farmer-data #farmer-data-co2 .arrow.positive .inner-arrow {
  background-color: #008800;
}
#game #main.farmer #farmer-data #farmer-data-yields {
  left: 1243px;
}
#game #main.farmer #farmer-data #farmer-data-yields .icon {
  background: transparent url("../images/farmer/results-yields.png") no-repeat bottom center;
  background-size: 80px 90px;
}
#game #main.farmer #farmer-data #farmer-data-yields .fill {
  background-color: #ffe643;
}
#game #main.farmer #farmer-data #farmer-data-costs {
  left: 1410px;
}
#game #main.farmer #farmer-data #farmer-data-costs .icon {
  background: transparent url("../images/farmer/results-costs.png") no-repeat bottom center;
  background-size: 80px 90px;
}
#game #main.farmer #farmer-data #farmer-data-costs .fill {
  background-color: #196031;
}
#game #main.farmer #farmer-data #farmer-data-co2 {
  left: 1580px;
}
#game #main.farmer #farmer-data #farmer-data-co2 .icon {
  background: transparent url("../images/farmer/results-co2.png") no-repeat bottom center;
  background-size: 80px 90px;
}
#game #main.farmer #farmer-data #farmer-data-co2 .fill {
  background-color: #939598;
}
#game #main.farmer #farmer-data .legend {
  position: absolute;
  background-color: #ffe25a;
  width: 100%;
  height: 22px;
  bottom: -21px;
  z-index: 1;
  color: #000;
  text-align: center;
  font-weight: bold;
  -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer #perso {
  opacity: 1;
  bottom: 300px;
  -webkit-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer #perso.hide {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
#game #main.farmer #perso.left {
  left: -40px;
}
#game #main.farmer #perso.right {
  right: -40px;
}
#game #main.farmer #choices {
  filter: none;
}
#game #main.farmer #choices ul {
  margin: 120px 0px;
  padding: 0;
}
#game #main.farmer #choices ul li {
  margin: 20px 0px;
  list-style: none;
  font-family: 'Raleway Black';
  font-size: 28px;
  -webkit-transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.farmer #choices ul li:active {
  color: #555;
}
#game #main.farmer #results-screen h1 {
  font-family: 'Raleway Black';
  font-size: 48px;
  position: absolute;
  left: 355px;
  top: 45px;
}
#game #main.farmer #results-screen #result-subtitle {
  font-family: 'Raleway Black';
  position: absolute;
  left: 355px;
  top: 110px;
  width: 960px;
}
#game #main.farmer #results-screen .results-wrapper {
  position: absolute;
  left: 355px;
  top: 220px;
}
#game #main.farmer #results-screen .round-btn.xlarge {
  position: absolute;
  bottom: 100px;
  left: 1340px;
}
#game #main.farmer #results-screen .result-perso {
  display: inline-block;
  position: absolute;
  width: 718px;
  height: 387px;
  bottom: -65px;
  left: 470px;
  background: transparent url("../images/farmer/results-perso-women-negative.png") no-repeat 0px 0px;
  background-size: 718px 387px;
}
#game #main.farmer #results-screen .result-perso.male.positive {
  background: transparent url("../images/farmer/results-perso-men-negative.png") no-repeat 0px 0px;
  background-size: 718px 387px;
}
#game #main.farmer #results-screen .result-perso.male.positive {
  background: transparent url("../images/farmer/results-perso-men-positive.png") no-repeat 0px 0px;
  background-size: 718px 387px;
}
#game #main.farmer #results-screen .result-perso.female.positive {
  background: transparent url("../images/farmer/results-perso-women-positive.png") no-repeat 0px 0px;
  background-size: 718px 387px;
}
#game #main.farmer #results-screen .result-perso .text {
  display: inline-block;
  color: #000;
  position: absolute;
  width: 300px;
  height: 187px;
  left: 398px;
  top: 20px;
  font-family: 'Raleway Black';
  font-size: 18px;
  line-height: 21px;
}
#game #main.farmer .result-item {
  display: inline-block;
  position: relative;
  width: 280px;
  height: 360px;
  margin-right: 180px;
  vertical-align: top;
}
#game #main.farmer .result-item .square {
  position: relative;
  background: #FFFFFF;
  height: 325px;
}
#game #main.farmer .result-item .title {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  width: 100%;
  font-size: 24px;
  background: #ffe25a;
  padding: 10px;
  color: #000;
  box-sizing: border-box;
  text-align: center;
}
#game #main.farmer .result-item .icon {
  position: absolute;
  width: 150px;
  height: 170px;
  left: 60px;
  top: 60px;
}
#game #main.farmer .result-item .fill {
  width: 280px;
  height: 0px;
  position: absolute;
  bottom: 49px;
  left: 0px;
}
#game #main.farmer .result-item .arrow {
  position: absolute;
  background: transparent url("../images/farmer/results-arrow.png") no-repeat center center;
  background-size: contain;
  width: 49px;
  height: 49px;
  left: 5px;
  bottom: -25px;
  display: none;
}
#game #main.farmer .result-item.yields .icon {
  background: transparent url("../images/farmer/results-yields.png") no-repeat center bottom;
  background-size: 150px;
}
#game #main.farmer .result-item.costs .icon {
  background: transparent url("../images/farmer/results-costs.png") no-repeat center bottom;
  background-size: 150px;
}
#game #main.farmer .result-item.co2 .icon {
  background: transparent url("../images/farmer/results-co2.png") no-repeat center bottom;
  background-size: 150px;
}
#game #main.farmer .result-item.yields .fill {
  background-color: #ffe643;
}
#game #main.farmer .result-item.costs .fill {
  background-color: #196031;
}
#game #main.farmer .result-item.co2 .fill {
  background-color: #939598;
}
#game #main.farmer .result-item .description {
  font-size: 22px;
  margin-top: 35px;
}
#game #main.farmer .guide {
  background: transparent url("../images/farmer/guide.jpg") no-repeat 0px 0px;
  background-size: 1920px 1080px;
  opacity: 0.6;
  top: 30px;
}
body.male #main #help .female,
body.male #dialog .female,
body.male #last-screen .box-text .female,
body.male #last-screen .box-perso .female {
  display: none;
}
body.female #main #help .male,
body.female #dialog .male,
body.female #last-screen .box-text .male,
body.female #last-screen .box-perso .male {
  display: none;
}
#game #main.farmer #farmer-scene {
  position: absolute;
  overflow: hidden;
  left: 220px;
  top: 136px;
  width: 1460px;
  height: 500px;
  z-index: 0;
}
#game #main.farmer #farmer-scene #farmer-scene-background {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: background 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: background 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #farmer-scene-background .big-mountain {
  height: auto;
  width: 800px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 390px;
  z-index: 0;
}
#game #main.farmer #farmer-scene #farmer-scene-background .big-mountain svg {
  width: 100%;
  height: 100%;
}
#game #main.farmer #farmer-scene #farmer-scene-background .big-mountain svg path {
  -webkit-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #farmer-scene-background .small-mountain {
  height: auto;
  width: 570px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 816px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #farmer-scene-background .small-mountain svg {
  width: 100%;
  height: 100%;
}
#game #main.farmer #farmer-scene #farmer-scene-background .small-mountain svg path {
  -webkit-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #farmer-scene-background .ground {
  z-index: 3;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
}
#game #main.farmer #farmer-scene #farmer-scene-background .sun {
  display: block;
  z-index: 0;
  position: absolute;
  top: 50px;
  right: 120px;
  width: 125px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #farmer-scene-background .sun.small {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
#game #main.farmer #farmer-scene #farmer-scene-background .sun.big {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#game #main.farmer #farmer-scene #animations-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
#game #main.farmer #farmer-scene #animations-container .ground {
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}
#game #main.farmer #farmer-scene #animations-container .animation {
  position: absolute;
  font-size: 0;
  line-height: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.birds-v {
  top: 40px;
  width: 140px;
  display: block;
}
#game #main.farmer #farmer-scene #animations-container .animation.falling-leaves {
  width: 30px;
  display: block;
  z-index: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.falling-leaves.leaf-orange svg path {
  fill: #F7941E;
}
#game #main.farmer #farmer-scene #animations-container .animation.falling-leaves.leaf-dark-orange svg path {
  fill: #F15A29;
}
#game #main.farmer #farmer-scene #animations-container .animation.falling-leaves.leaf-red svg path {
  fill: #BE1E2D;
}
#game #main.farmer #farmer-scene #animations-container .animation.snow {
  width: 30px;
  display: block;
  z-index: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.harvested-crop,
#game #main.farmer #farmer-scene #animations-container .animation.crop-1 {
  bottom: 50px;
  width: 55px;
  display: block;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.harvested-crop svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.harvested-crop svg path {
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-small {
  bottom: 50px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-small.weed-type-1 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-small.weed-type-2 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-small.weed-type-3 {
  width: 24px;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-medium {
  bottom: 50px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-medium.weed-type-1 {
  width: 82.46px;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-medium.weed-type-2 {
  width: 106.4px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.weed-medium.weed-type-3 {
  width: 109.06px;
}
#game #main.farmer #farmer-scene #animations-container .animation.bees {
  width: 32px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.butterflies {
  width: 34px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.butterflies.pink svg path:nth-child(5),
#game #main.farmer #farmer-scene #animations-container .animation.butterflies.pink svg path:nth-child(6) {
  fill: #A02384;
}
#game #main.farmer #farmer-scene #animations-container .animation.fumes {
  width: 60px;
  display: block;
  z-index: 2;
  bottom: 80px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-6a-6c.truck {
  bottom: 40px;
  width: 410px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-6a-6c.crop {
  bottom: 50px;
  width: 55px;
  display: block;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-6a-6c.crop svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-6a-6c.crop svg path {
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-6a-6c.soil {
  bottom: 38px;
  width: 150px;
  display: block;
  z-index: 3;
  margin-left: -55px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7a-7c.truck {
  bottom: 40px;
  width: 410px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7a-7c.soil {
  bottom: 38px;
  width: 150px;
  display: block;
  z-index: 3;
  margin-left: -55px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7a-7c.truck-2 {
  bottom: 40px;
  width: 260px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7b.truck {
  bottom: 40px;
  width: 260px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7b.crop {
  bottom: 50px;
  width: 55px;
  display: block;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7b.crop svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7b.crop svg path {
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-7b.soil {
  bottom: 38px;
  width: 150px;
  display: block;
  z-index: 3;
  margin-left: -55px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.truck {
  bottom: 40px;
  width: 320px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.crop {
  bottom: 50px;
  width: 55px;
  display: block;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.crop svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.crop svg path {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.crop.die svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.crop.die svg path {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed.weed-type-1 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed.weed-type-2 {
  width: 12px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed.weed-type-3 {
  width: 24px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed svg polygon {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9a.weed.die svg polygon {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola.canola-type-1 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola.canola-type-2 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola.canola-type-2 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.canola.canola-type-3 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.weed.weed-type-1 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.weed.weed-type-2 {
  width: 12px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9b.weed.weed-type-3 {
  width: 24px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.truck {
  bottom: 40px;
  width: 320px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.crop {
  bottom: 50px;
  width: 55px;
  display: block;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.crop svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.crop svg path {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.crop.die svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.crop.die svg path {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed.weed-type-1 {
  width: 82.46px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed.weed-type-2 {
  width: 106.4px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed.weed-type-3 {
  width: 109.06px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed svg polygon {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9c.weed.die svg polygon {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-1 svg .flower:nth-of-type(2),
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-1 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-2 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-2 svg .flower:nth-of-type(2) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-2 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-3 svg .flower:nth-of-type(1),
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-3 svg .flower:nth-of-type(2),
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.canola.canola-type-3 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.weed.weed-type-1 {
  width: 82.46px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.weed.weed-type-2 {
  width: 106.4px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-9d.weed.weed-type-3 {
  width: 109.06px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.truck {
  bottom: 40px;
  width: 320px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed.weed-type-1 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed.weed-type-2 {
  width: 12px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed.weed-type-3 {
  width: 24px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed svg polygon {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9e.weed.die svg polygon {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.truck {
  bottom: 40px;
  width: 320px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed.weed-type-1 {
  width: 82.46px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed.weed-type-2 {
  width: 106.4px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed.weed-type-3 {
  width: 109.06px;
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed svg polygon {
  opacity: 1;
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, fill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.tractor-9g.weed.die svg polygon {
  opacity: 0;
  fill: #7d7137;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola svg path {
  -webkit-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.canola-type-1 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.canola-type-2 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.canola-type-2 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.canola-type-3 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.die svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.canola.die svg path {
  fill: #9b8836;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed.weed-type-1 {
  width: 12px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed.weed-type-2 {
  width: 12px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed.weed-type-3 {
  width: 24px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed svg polygon {
  -webkit-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.weed.die svg polygon {
  fill: #9b8836;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.truck-swather {
  bottom: 40px;
  width: 312px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.truck-combine {
  bottom: 40px;
  width: 468px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.swathed-crop {
  bottom: 44px;
  display: block;
  z-index: 1;
  opacity: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.swathed-crop.swathed-crop-type-1 {
  width: 78px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.swathed-crop.swathed-crop-type-2 {
  width: 110px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.swathed-crop.swathed-crop-type-3 {
  width: 85px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10b.swathed-crop.swathed-crop-type-4 {
  width: 107px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola svg path {
  -webkit-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-1 svg .flower:nth-of-type(2),
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-1 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-2 svg .flower:nth-of-type(1) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-2 svg .flower:nth-of-type(2) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-2 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-3 svg .flower:nth-of-type(1),
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-3 svg .flower:nth-of-type(2),
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.canola-type-3 svg .flower:nth-of-type(3) {
  display: none;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.die svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.canola.die svg path {
  fill: #9b8836;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed {
  bottom: 48px;
  display: block;
  z-index: 1;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed.weed-type-1 {
  width: 82.46px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed.weed-type-2 {
  width: 106.4px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed.weed-type-3 {
  width: 109.06px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed svg polygon {
  -webkit-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.weed.die svg polygon {
  fill: #9b8836;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.truck-swather {
  bottom: 40px;
  width: 312px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.truck-combine {
  bottom: 40px;
  width: 468px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.swathed-crop {
  bottom: 32px;
  display: block;
  z-index: 1;
  opacity: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.swathed-crop.swathed-crop-type-1 {
  width: 262px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.swathed-crop.swathed-crop-type-2 {
  width: 267px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.swathed-crop.swathed-crop-type-3 {
  width: 294px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10d.swathed-crop.swathed-crop-type-4 {
  width: 301px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola {
  bottom: 50px;
  width: 55px;
  height: 75px;
  display: block;
  z-index: 2;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola svg {
  position: absolute;
  bottom: -54px;
  left: -48px;
  width: auto;
  height: auto;
  overflow: visible;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola svg path {
  -webkit-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: fill 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola svg .flower {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola.die svg rect,
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.canola.die svg path {
  fill: #9b8836;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.truck-swather {
  bottom: 40px;
  width: 312px;
  display: block;
  z-index: 10;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.truck-combine {
  bottom: 40px;
  width: 468px;
  display: block;
  z-index: 4;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.swathed-crop {
  bottom: 39px;
  display: block;
  z-index: 1;
  opacity: 0;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.swathed-crop.swathed-crop-type-1 {
  width: 163px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.swathed-crop.swathed-crop-type-2 {
  width: 264px;
  z-index: 2;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.swathed-crop.swathed-crop-type-3 {
  width: 259px;
}
#game #main.farmer #farmer-scene #animations-container .animation.screen-10e.swathed-crop.swathed-crop-type-4 {
  width: 193px;
}
#game #main.farmer #farmer-scene .winter-ground {
  opacity: 0;
  z-index: 104;
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#game #main.farmer #farmer-scene .winter-ground svg {
  width: 100%;
}
#game #main.farmer #farmer-scene.autumn #farmer-scene-background {
  background: url(../images/farmer/background-autumn.svg) center center no-repeat;
  background-size: cover;
}
#game #main.farmer #farmer-scene.autumn #farmer-scene-background .big-mountain svg path {
  fill: #F15A29;
}
#game #main.farmer #farmer-scene.autumn #farmer-scene-background .small-mountain svg path {
  fill: #F15A29;
}
#game #main.farmer #farmer-scene.spring #farmer-scene-background {
  background: url(../images/farmer/background-spring.svg) center center no-repeat;
  background-size: cover;
}
#game #main.farmer #farmer-scene.spring #farmer-scene-background .big-mountain svg path {
  fill: #6D6E71;
}
#game #main.farmer #farmer-scene.spring #farmer-scene-background .small-mountain svg path {
  fill: #6D6E71;
}
#game #main.farmer #farmer-scene.winter #farmer-scene-background {
  background: url(../images/farmer/background-winter.svg) center center no-repeat;
  background-size: cover;
}
#game #main.farmer #farmer-scene.winter #farmer-scene-background .big-mountain svg path {
  fill: #fff;
}
#game #main.farmer #farmer-scene.winter #farmer-scene-background .small-mountain svg path {
  fill: #fff;
}
#game #main.farmer #farmer-scene.winter .winter-ground {
  opacity: 1;
}
#last-screen .box-perso img {
  position: absolute;
  top: 40px;
  width: 200px;
  height: auto;
}
#last-screen .box {
  color: #191919;
  background-color: white;
  left: 480px;
  left: 410px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1100px;
  z-index: 160;
  padding: 40px 160px 40px 100px;
  box-sizing: border-box;
  -webkit-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#last-screen .box .box-close {
  padding: 25px 45px;
  font-size: 45px;
  top: auto;
  bottom: 0px;
  right: 0px;
}
#last-screen .box .box-text {
  margin-left: 250px;
  margin-right: 100px;
}
#last-screen .box .box-text p {
  font-family: 'Raleway Regular';
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  word-wrap: break-word;
  margin-top: 0;
}
#last-screen .floating-word {
  position: absolute;
  color: #ffe25a;
  font-size: 50px;
  font-family: 'Raleway Black';
}
#last-screen .floating-word:nth-child(1) {
  top: 80px;
  left: 200px;
  -webkit-animation: floating-variant-4 6.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-4 6.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-4 6.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-4 6.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-4 6.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(2) {
  top: 400px;
  left: 80px;
  -webkit-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(3) {
  top: 910px;
  left: 160px;
  -webkit-animation: floating-variant-3 4.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-3 4.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-3 4.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-3 4.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-3 4.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(4) {
  top: 798px;
  left: 450px;
  -webkit-animation: floating-variant-5 5.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-5 5.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-5 5.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-5 5.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-5 5.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(5) {
  top: 830px;
  left: 920px;
  -webkit-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-1 7.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(6) {
  top: 930px;
  left: 1290px;
  -webkit-animation: floating-variant-2 5.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-2 5.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-2 5.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-2 5.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-2 5.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(7) {
  top: 110px;
  left: 1270px;
  -webkit-animation: floating-variant-3 6.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-3 6.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-3 6.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-3 6.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-3 6.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(8) {
  top: 500px;
  left: 1589px;
  -webkit-animation: floating-variant-4 8.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-4 8.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-4 8.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-4 8.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-4 8.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#last-screen .floating-word:nth-child(9) {
  top: 180px;
  left: 620px;
  -webkit-animation: floating-variant-5 9.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: floating-variant-5 9.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-animation: floating-variant-5 9.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-animation: floating-variant-5 9.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: floating-variant-5 9.4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes floating-variant-1 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.15) rotate(1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes floating-variant-2 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.095) rotate(-1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes floating-variant-3 {
  0% {
    transform: scale(1.1) rotate(0deg);
  }
  50% {
    transform: scale(0.96) rotate(2deg);
  }
  100% {
    transform: scale(1.1) rotate(0deg);
  }
}
@keyframes floating-variant-4 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(0.92) rotate(1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes floating-variant-5 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.18) rotate(-1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse-variant-5 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.12) rotate(2deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
#game #main.friendfoe #graphics-bank,
#game #main.friendfoe #animation-paths {
  display: none;
}
#game #main.friendfoe #screensaver .part .animation {
  animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}
#game #main.friendfoe .home .inner-wrapper {
  background-color: #FFF;
}
#game #main.friendfoe .guide {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 100000;
  opacity: 0.5;
  background: url("../images/guides/Untitled-18.jpg");
}
#game #main.friendfoe .right-menu {
  position: absolute;
  left: 50px;
  top: 80px;
}
#game #main.friendfoe .right-menu .round-btn {
  display: block;
  margin-bottom: 30px;
}
#game #main.friendfoe #contextual-intro .button-wrapper {
  text-align: center;
}
#game #main.friendfoe .box {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  padding: 40px 100px 40px 100px;
  -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
}
#game #main.friendfoe .box p {
  font-family: "BauLF";
  font-weight: normal;
}
#game #main.friendfoe #title-screen .language-setter#language-setter-en {
  position: absolute;
  top: 270px;
  left: 268px;
  width: 520px;
  height: 610px;
}
#game #main.friendfoe #title-screen .language-setter#language-setter-fr {
  position: absolute;
  top: 300px;
  left: 1128px;
  width: 620px;
  height: 610px;
}
#game #main.friendfoe #title-screen .language-setter#language-setter-fr h1 {
  left: 0px;
  top: -40px;
}
#game #main.friendfoe #title-screen .language-setter h1 {
  position: absolute;
  left: 10px;
  top: 10px;
  font-family: 'Bariol';
  font-size: 108px;
  line-height: 100px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}
#game #main.friendfoe #title-screen .language-setter a {
  position: absolute;
  top: 300px;
  left: 180px;
}
#game #main.friendfoe #title-screen .separator {
  position: absolute;
  top: 120px;
  left: 950px;
}
#game #main.friendfoe #persos-screen .title {
  position: absolute;
  left: 725px;
  top: 280px;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}
#game #main.friendfoe #persos-screen .title h1 {
  font-family: 'Bariol';
  font-size: 72px;
  line-height: 58px;
  font-weight: bold;
  font-style: italic;
}
#game #main.friendfoe #persos-screen .male,
#game #main.friendfoe #persos-screen .female {
  position: absolute;
  top: 435px;
  text-align: center;
  font-family: 'Raleway Black';
  font-size: 30px;
  -webkit-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.friendfoe #persos-screen .male img,
#game #main.friendfoe #persos-screen .female img {
  margin-bottom: 20px;
}
#game #main.friendfoe #persos-screen .male:active,
#game #main.friendfoe #persos-screen .female:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
#game #main.friendfoe #persos-screen .female {
  left: 286px;
}
#game #main.friendfoe #persos-screen .male {
  left: 1225px;
}
#game #main.friendfoe #game-screen .landscape-wrapper {
  position: absolute;
  top: 150px;
  left: 150px;
}
#game #main.friendfoe #game-screen .score-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 1200px;
  text-align: right;
  pointer-events: none;
}
#game #main.friendfoe #game-screen .score-wrapper .score {
  display: inline-block;
  margin: 10px;
  width: 55px;
  height: 55px;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  border: 5px white solid;
  background-color: #ffd600;
}
#game #main.friendfoe #game-screen .score-wrapper .score img {
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.friendfoe #game-screen .score-wrapper .score.caught img {
  opacity: 1;
}
#game #main.friendfoe #game-screen .insect.caught {
  opacity: 0;
  pointer-events: none;
}
#game #main.friendfoe #last-screen {
  background-image: linear-gradient(to bottom, rgba(39, 39, 38, 0) 0%, #272726 85%);
}
#game #main.friendfoe #last-screen h1 {
  display: inline-block;
  font-family: 'Bariol';
  font-size: 110px;
  line-height: 100px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}
#game #main.friendfoe #last-screen .separator {
  position: absolute;
  top: 0px;
  left: 950px;
}
#game #main.friendfoe #last-screen .friends-title {
  position: absolute;
  left: 270px;
  top: 165px;
}
#game #main.friendfoe #last-screen .foe-title {
  position: absolute;
  left: 1130px;
  top: 165px;
}
#game #main.friendfoe #last-screen .friends-description,
#game #main.friendfoe #last-screen .foe-description {
  position: absolute;
  width: 700px;
  top: 800px;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
}
#game #main.friendfoe #last-screen .friends-description {
  left: 140px;
}
#game #main.friendfoe #last-screen .foe-description {
  left: 1080px;
}
#game #main.friendfoe #last-screen .button-wrapper {
  position: absolute;
  top: 890px;
  left: 908px;
}
#game #main.friendfoe #last-screen .foe-wrapper,
#game #main.friendfoe #last-screen .friends-wrapper {
  position: absolute;
  top: 400px;
}
#game #main.friendfoe #last-screen .friends-wrapper {
  left: 80px;
}
#game #main.friendfoe #last-screen .foe-wrapper {
  left: 1010px;
}
#game #main.friendfoe #last-screen .last-screen-insect {
  display: inline-block;
  margin: 20px;
  vertical-align: top;
}
#game #main.friendfoe #last-screen .last-screen-insect .insect-image-wrapper,
#game #main.friendfoe #last-screen .last-screen-insect .insect-name-wrapper {
  display: block;
  text-align: center;
}
#game #main.friendfoe #last-screen .last-screen-insect .insect-name-wrapper {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'BauLF';
  width: 230px;
}
#game #main.friendfoe #last-screen .last-screen-insect .insect-image-wrapper {
  display: inline-block;
  border-radius: 50%;
  border: 6px solid #6d6c72;
  box-sizing: border-box;
  overflow: hidden;
  width: 230px;
  height: 230px;
}
#game #main.friendfoe #last-screen .last-screen-insect .insect-image-wrapper img {
  width: 100%;
  height: 100%;
}
#game #main.friendfoe #game-modal .box {
  width: 1270px;
  height: 525px;
  padding: 40px 200px 40px 290px;
}
#game #main.friendfoe #game-modal .box .box-content {
  position: relative;
}
#game #main.friendfoe #game-modal .box .box-content .button-wrapper {
  text-align: center;
}
#game #main.friendfoe #game-modal .box .box-content .title-image {
  position: absolute;
  top: 0px;
  left: 0px;
  left: 50%;
  margin-left: -222px;
}
#game #main.friendfoe #game-modal .box .box-content .title {
  text-align: center;
  margin-left: -80px;
}
#game #main.friendfoe #game-modal .box .box-content .title h2 {
  display: inline-block;
  font-family: 'Bariol';
  font-size: 60px;
  line-height: 50px;
  font-weight: bold;
  font-style: italic;
  margin: 30px 0 60px 0;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
  text-align: left;
  text-transform: none;
}
#game #main.friendfoe #game-modal .box .box-content .title h2.offset-vertical {
  margin-top: 65px;
}
#game #main.friendfoe #game-modal .box .box-content .insect-name p {
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 40px;
}
#game #main.friendfoe #game-modal .box .box-content .insect-image-wrapper {
  display: inline-block;
  border-radius: 50%;
  border: 6px solid #6d6c72;
  box-sizing: border-box;
  overflow: hidden;
  width: 240px;
  height: 240px;
}
#game #main.friendfoe #game-modal .box .box-content .insect-image-wrapper.small {
  width: 200px;
  height: 200px;
}
#game #main.friendfoe #game-modal .box .box-content .insect-image-wrapper img {
  width: 100%;
  height: 100%;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question {
  text-align: center;
  margin-left: -90px;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square {
  display: inline-block;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square .inner-wrapper {
  display: inline-block;
  font-weight: bold;
  font-family: "BauLF";
  font-size: 50px;
  color: #FFF;
  border-radius: 20px;
  padding: 15px 25px;
  width: 250px;
  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square:active .inner-wrapper {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.green {
  margin-right: 80px;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.green .inner-wrapper {
  background-color: #468c36;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.green:active .inner-wrapper {
  background-color: #58b144;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.red {
  margin-left: 80px;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.red .inner-wrapper {
  background-color: #b91a43;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-question .button.square.red:active .inner-wrapper {
  background-color: #e02656;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback {
  text-align: center;
  position: relative;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .title {
  position: absolute;
  top: 0px;
  left: -160px;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .feedback-image-wrapper {
  position: absolute;
  top: -15px;
  left: 60px;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .good-answer-reveal-wrapper {
  position: absolute;
  top: 80px;
  left: 450px;
  text-align: left;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .good-answer-reveal-wrapper .friend,
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .good-answer-reveal-wrapper .foe {
  display: inline-block;
  border-radius: 20px;
  padding: 15px 25px;
  font-family: "BauLF";
  font-size: 40px;
  font-weight: bold;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .good-answer-reveal-wrapper .friend {
  color: #FFF;
  background-color: #468c36;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .good-answer-reveal-wrapper .foe {
  color: #FFF;
  background-color: #b91a43;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .insect-description {
  text-align: left;
}
#game #main.friendfoe #game-modal .box .box-content.box-content-feedback .insect-description p {
  font-size: 28px;
}
#game #main.friendfoe #game-modal #perso {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 268px;
  height: 259px;
  pointer-events: none;
}
#game #main.friendfoe #game-modal #perso img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#game #main.friendfoe #game-modal #perso.male.happy .male.happy {
  display: inline-block;
}
#game #main.friendfoe #game-modal #perso.male.unhappy .male.unhappy {
  display: inline-block;
}
#game #main.friendfoe #game-modal #perso.female.happy .female.happy {
  display: inline-block;
}
#game #main.friendfoe #game-modal #perso.female.unhappy .female.unhappy {
  display: inline-block;
}
#game #main.friendfoe .insect-type-1,
#game #main.friendfoe .insect-type-2,
#game #main.friendfoe .insect-type-3,
#game #main.friendfoe .insect-type-4 {
  position: absolute;
  border-radius: 50%;
}
#game #main.friendfoe .insect-type-1 .parts-active-wrapper,
#game #main.friendfoe .insect-type-2 .parts-active-wrapper,
#game #main.friendfoe .insect-type-3 .parts-active-wrapper,
#game #main.friendfoe .insect-type-4 .parts-active-wrapper {
  transform-origin: 50px 50px;
  -webkit-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#game #main.friendfoe .insect-type-1:active .parts-active-wrapper,
#game #main.friendfoe .insect-type-2:active .parts-active-wrapper,
#game #main.friendfoe .insect-type-3:active .parts-active-wrapper,
#game #main.friendfoe .insect-type-4:active .parts-active-wrapper {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
#game #main.friendfoe .insect-type-1 {
  width: 100px;
  height: 100px;
}
#game #main.friendfoe .insect-type-1 .parts-wrapper {
  transform-origin: 50px 50px;
}
#game #main.friendfoe .insect-type-1 .part1 {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 36px;
  top: 50px;
  background: url("../images/friendfoe/insect-type1-part1.png") no-repeat;
}
#game #main.friendfoe .insect-type-1 .part2 {
  position: absolute;
  width: 38px;
  height: 37px;
  left: 13px;
  top: 35px;
  background: url("../images/friendfoe/insect-type1-part2.png") no-repeat;
  animation: loading 3s linear infinite;
  -webkit-transform-origin: 38px 37px;
  -moz-transform-origin: 38px 37px;
  -ms-transform-origin: 38px 37px;
  -o-transform-origin: 38px 37px;
  transform-origin: 38px 37px;
  animation: rotating-reverse-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-1 .part3 {
  position: absolute;
  width: 38px;
  height: 37px;
  left: 53px;
  top: 35px;
  background: url("../images/friendfoe/insect-type1-part3.png") no-repeat;
  -webkit-transform-origin: 0 37px;
  -moz-transform-origin: 0 37px;
  -ms-transform-origin: 0 37px;
  -o-transform-origin: 0 37px;
  transform-origin: 0 37px;
  animation: rotating-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-2 {
  width: 125px;
  height: 125px;
}
#game #main.friendfoe .insect-type-2 .parts-wrapper {
  transform-origin: 75px 75px;
}
#game #main.friendfoe .insect-type-2 .part1 {
  position: absolute;
  width: 46px;
  height: 45px;
  left: 36px;
  top: 50px;
  background: url("../images/friendfoe/insect-type2-part1.png") no-repeat;
}
#game #main.friendfoe .insect-type-2 .part2 {
  position: absolute;
  width: 63px;
  height: 42px;
  left: 0px;
  top: 30px;
  background: url("../images/friendfoe/insect-type2-part2.png") no-repeat;
  animation: loading 3s linear infinite;
  -webkit-transform-origin: 63px 42px;
  -moz-transform-origin: 63px 42px;
  -ms-transform-origin: 63px 42px;
  -o-transform-origin: 63px 42px;
  transform-origin: 63px 42px;
  animation: rotating-reverse-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-2 .part3 {
  position: absolute;
  width: 63px;
  height: 42px;
  left: 65px;
  top: 30px;
  background: url("../images/friendfoe/insect-type2-part3.png") no-repeat;
  -webkit-transform-origin: 0 42px;
  -moz-transform-origin: 0 42px;
  -ms-transform-origin: 0 42px;
  -o-transform-origin: 0 42px;
  transform-origin: 0 42px;
  animation: rotating-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-3 {
  width: 100px;
  height: 110px;
}
#game #main.friendfoe .insect-type-3 .parts-wrapper {
  transform-origin: 60px 60px;
}
#game #main.friendfoe .insect-type-3 .part1 {
  position: absolute;
  width: 78px;
  height: 55px;
  left: 0px;
  top: 50px;
  background: url("../images/friendfoe/insect-type3-part1.png") no-repeat;
}
#game #main.friendfoe .insect-type-3 .part2 {
  position: absolute;
  width: 63px;
  height: 44px;
  left: 20px;
  top: 23px;
  background: url("../images/friendfoe/insect-type3-part2.png") no-repeat;
  animation: loading 3s linear infinite;
  -webkit-transform-origin: 0px 30px;
  -moz-transform-origin: 0px 30px;
  -ms-transform-origin: 0px 30px;
  -o-transform-origin: 0px 30px;
  transform-origin: 0px 30px;
  animation: rotating-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-3 .part3 {
  position: absolute;
  width: 60px;
  height: 44px;
  left: 30px;
  top: 40px;
  background: url("../images/friendfoe/insect-type3-part3.png") no-repeat;
  -webkit-transform-origin: 0 10px;
  -moz-transform-origin: 0 10px;
  -ms-transform-origin: 0 10px;
  -o-transform-origin: 0 10px;
  transform-origin: 0 10px;
  animation: rotating-1 3s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-4 {
  width: 100px;
  height: 110px;
}
#game #main.friendfoe .insect-type-4 .parts-wrapper {
  transform-origin: 60px 60px;
}
#game #main.friendfoe .insect-type-4 .part1,
#game #main.friendfoe .insect-type-4 .part2,
#game #main.friendfoe .insect-type-4 .part3,
#game #main.friendfoe .insect-type-4 .part4 {
  position: absolute;
  width: 32px;
  height: 37px;
  background: url("../images/friendfoe/insect-type4-part1.png") no-repeat;
}
#game #main.friendfoe .insect-type-4 .part1 {
  left: 0px;
  top: 0px;
  animation: flying-bertha-1 1s 0s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-4 .part2 {
  left: 15px;
  top: 15px;
  animation: flying-bertha-1 1s 0.1s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-4 .part3 {
  left: 30px;
  top: 30px;
  animation: flying-bertha-1 1s 0.2s ease-in-out infinite;
}
#game #main.friendfoe .insect-type-4 .part4 {
  left: 45px;
  top: 45px;
  animation: flying-bertha-1 1s 0.3s ease-in-out infinite;
}
@keyframes rotating-1 {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes rotating-reverse-1 {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes flying-vertical-1 {
  0% {
    transform: translate(0px, 0px) rotate(-2deg);
  }
  50% {
    transform: translate(0px, 50px) rotate(2deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(-2deg);
  }
}
@keyframes flying-vertical-2 {
  0% {
    transform: translate(-10px, 0px);
  }
  50% {
    transform: translate(0px, 30px);
  }
  100% {
    transform: translate(-10px, 0px);
  }
}
@keyframes flying-round-1 {
  0% {
    transform: translate(-20px, 0px);
  }
  25% {
    transform: translate(0px, 20px);
  }
  50% {
    transform: translate(20px, 0px);
  }
  75% {
    transform: translate(0px, -20px);
  }
  100% {
    transform: translate(-20px, 0px);
  }
}
@keyframes flying-horizontal-1 {
  0% {
    transform: translate(-10px, 0px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-10px, 0px);
  }
}
@keyframes flying-horizontal-2 {
  0% {
    transform: translate(-20px, 0px);
  }
  50% {
    transform: translate(20px, 0px);
  }
  100% {
    transform: translate(-20px, 0px);
  }
}
@keyframes flying-bertha-1 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 22px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/slick.eot');
  src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
  -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev:active,
.slick-next:active {
  -webkit-transform: translate(0, -50%) scale(0.9);
  -moz-transform: translate(0, -50%) scale(0.9);
  -ms-transform: translate(0, -50%) scale(0.9);
  -o-transform: translate(0, -50%) scale(0.9);
  transform: translate(0, -50%) scale(0.9);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'Raleway Black';
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 80px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffe25a;
  text-transform: uppercase;
}
.slick-prev {
  left: 30px;
  background: transparent url("../images/gmos/alick-arrow-left-2.png") no-repeat center center;
  background-size: contain;
  width: 55px;
  height: 55px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-next {
  right: 30px;
  background: transparent url("../images/gmos/alick-arrow-right-2.png") no-repeat center center;
  background-size: contain;
  width: 55px;
  height: 55px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
body.i18n-fr .slick-prev:before {
  content: "Précédent";
}
body.i18n-fr .slick-next:before {
  content: "Suivant";
}
body.i18n-en .slick-prev:before {
  content: "Previous";
}
body.i18n-en .slick-next:before {
  content: "Next";
}
/*# sourceMappingURL=styles.css.map */