@charset "UTF-8";
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* Sizes */
/* Constants */
:root {
  --header-height: calc(((100vw / 10) * 4) / (180 / 60)); }
  @media (min-width: 720px) {
    :root {
      --header-height: calc(((100vw / 18) * 4) / (180 / 60)); } }
  @media (min-width: 1140px) {
    :root {
      --header-height: calc(((100vw / 26) * 4) / (180 / 60)); } }
  @media (min-width: 1380px) {
    :root {
      --header-height: calc(((1380px / 26) * 4) / (180 / 60)); } }

/* Grids */
/* Gutters */
body:before {
  z-index: 10001;
  content: '10 Mobile, 0px ~ 719px';
  display: none;
  position: fixed;
  pointer-events: none;
  bottom: 0;
  right: 10px;
  opacity: .3;
  background-color: #1F3F8F;
  padding: 10px;
  border-radius: 5px 0 0 0;
  color: #ffffff; }
  @media (min-width: 720px) {
    body:before {
      content: '18 Tablet, 720px ~ 1139px'; } }
  @media (min-width: 1140px) {
    body:before {
      content: '26 Desktop, 1140px ~ 1380px'; } }

body:after {
  content: '';
  display: none;
  width: 100%;
  max-width: 1380px;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22red%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2210%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2210%25%22%20fill%3D%22%23d90000%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2220%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2220%25%22%20fill%3D%22red%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2230%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2230%25%22%20fill%3D%22%23d90000%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2240%25%22%20fill%3D%22red%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23d90000%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2260%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2260%25%22%20fill%3D%22red%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2270%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2270%25%22%20fill%3D%22%23d90000%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2280%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2280%25%22%20fill%3D%22red%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2290%25%22%20fill%3D%22%23d90000%22%20width%3D%2210%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
  opacity: 0.4;
  z-index: 10000; }
  @media (min-width: 720px) {
    body:after {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%225%2E55556%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%225%2E55556%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2211%2E11111%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2211%2E11111%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2216%2E66667%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2216%2E66667%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2222%2E22222%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2222%2E22222%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2227%2E77778%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2227%2E77778%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2233%2E33333%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2233%2E33333%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2238%2E88889%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2238%2E88889%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2244%2E44444%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2244%2E44444%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2255%2E55556%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2255%2E55556%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2261%2E11111%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2261%2E11111%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2266%2E66667%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2266%2E66667%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2272%2E22222%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2272%2E22222%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2277%2E77778%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2277%2E77778%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2283%2E33333%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2283%2E33333%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2288%2E88889%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2288%2E88889%25%22%20fill%3D%22red%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2294%2E44444%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2294%2E44444%25%22%20fill%3D%22%23d90000%22%20width%3D%225%2E55556%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E"); } }
  @media (min-width: 1140px) {
    body:after {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%223%2E84615%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%223%2E84615%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E69231%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%227%2E69231%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2211%2E53846%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2211%2E53846%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E38462%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2215%2E38462%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2219%2E23077%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2219%2E23077%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2223%2E07692%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2223%2E07692%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%2E92308%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2226%2E92308%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2230%2E76923%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2230%2E76923%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E61538%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2234%2E61538%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2238%2E46154%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2238%2E46154%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E30769%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2242%2E30769%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2246%2E15385%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2246%2E15385%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2250%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2253%2E84615%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2253%2E84615%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E69231%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2257%2E69231%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2261%2E53846%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2261%2E53846%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E38462%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2265%2E38462%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2269%2E23077%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2269%2E23077%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2273%2E07692%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2273%2E07692%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%2E92308%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2276%2E92308%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2280%2E76923%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2280%2E76923%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E61538%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2284%2E61538%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2288%2E46154%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2288%2E46154%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E30769%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2292%2E30769%25%22%20fill%3D%22red%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2296%2E15385%25%22%20fill%3D%22%23ff4040%22%20width%3D%220%25%22%20height%3D%22100%25%22%2F%3E%3Crect%20x%3D%2296%2E15385%25%22%20fill%3D%22%23d90000%22%20width%3D%223%2E84615%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E"); } }

body[grid="visible"]:after, body[grid="visible"]:before {
  display: block; }

@font-face {
  font-family: 'tablet-gothic-compressed', sans-serif;
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'tablet-gothic-compressed', sans-serif;
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'tablet-gothic-compressed', sans-serif;
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'tablet-gothic-compressed', sans-serif;
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'stevie-sans', sans-serif;
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'stevie-sans', sans-serif;
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'stevie-sans', sans-serif;
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'stevie-sans', sans-serif;
  font-weight: 500;
  font-style: normal; }

@-webkit-keyframes popIn {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(50%, -50%) scale(0.5);
            transform: translate(50%, -50%) scale(0.5); }
  33% {
    opacity: .33;
    visibility: visible;
    -webkit-transform: translate(50%, -50%) scale(0.88);
            transform: translate(50%, -50%) scale(0.88); }
  66% {
    opacity: .66;
    -webkit-transform: translate(50%, -50%) scale(1.11);
            transform: translate(50%, -50%) scale(1.11); }
  100% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1); } }

@keyframes popIn {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(50%, -50%) scale(0.5);
            transform: translate(50%, -50%) scale(0.5); }
  33% {
    opacity: .33;
    visibility: visible;
    -webkit-transform: translate(50%, -50%) scale(0.88);
            transform: translate(50%, -50%) scale(0.88); }
  66% {
    opacity: .66;
    -webkit-transform: translate(50%, -50%) scale(1.11);
            transform: translate(50%, -50%) scale(1.11); }
  100% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1); } }

@-webkit-keyframes popOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1); }
  33% {
    opacity: .66;
    -webkit-transform: translate(50%, -50%) scale(1.11);
            transform: translate(50%, -50%) scale(1.11); }
  66% {
    opacity: .33;
    visibility: visible;
    -webkit-transform: translate(50%, -50%) scale(0.88);
            transform: translate(50%, -50%) scale(0.88); }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(50%, -50%) scale(0.5);
            transform: translate(50%, -50%) scale(0.5); } }

@keyframes popOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1); }
  33% {
    opacity: .66;
    -webkit-transform: translate(50%, -50%) scale(1.11);
            transform: translate(50%, -50%) scale(1.11); }
  66% {
    opacity: .33;
    visibility: visible;
    -webkit-transform: translate(50%, -50%) scale(0.88);
            transform: translate(50%, -50%) scale(0.88); }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(50%, -50%) scale(0.5);
            transform: translate(50%, -50%) scale(0.5); } }

* {
  box-sizing: border-box; }
  * ::-moz-selection {
    color: #ffffff;
    background: #EF4F9F; }
  * ::selection {
    color: #ffffff;
    background: #EF4F9F; }
  * ::-moz-selection {
    color: #ffffff;
    background: #EF4F9F; }

html {
  margin: 0;
  padding: 0;
  display: block;
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  display: block;
  overflow-x: hidden;
  font-family: 'stevie-sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #494949;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smooth: always; }

@media (min-width: 720px) {
  body {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #494949;
    font-weight: 300; } }

a {
  outline: 0 none; }

img {
  display: block;
  max-width: 100%; }

main {
  display: block; }

svg {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%; }

picture {
  display: block; }

video {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

button::-moz-focus-inner {
  border: 0px solid transparent; }

button:focus::-moz-focus-inner {
  border-color: transparent; }

input,
textarea,
button,
select,
div,
span,
a {
  -webkit-tap-highlight-color: transparent; }

.layout.front .region.header {
  background-color: #1F3F8F; }

.layout.front .region.content .node.page.full > .header {
  height: calc(100vh - var(--header-height)); }
  .layout.front .region.content .node.page.full > .header:after {
    background-color: #1F3F8F; }
  .layout.front .region.content .node.page.full > .header .title {
    margin: 0;
    position: absolute;
    bottom: 260px;
    flex: 0 0 100%;
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 56px;
    line-height: 56px;
    color: #ffffff;
    font-weight: 600; }

@media (min-width: 720px) {
  .layout.front .region.content .node.page.full > .header .title {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 101px;
    line-height: 84px;
    color: #ffffff;
    font-weight: 600;
    align-self: center;
    margin-top: 0;
    flex: 0 1 50%;
    bottom: 360px; } }

@media (min-width: 1140px) {
  .layout.front .region.content .node.page.full > .header .title .title {
    flex: 0 0 66.66667%;
    position: relative;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.layout {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }
  .layout .region:after {
    content: '';
    display: table;
    clear: both; }
  .layout .region.header {
    flex: 0 0 auto;
    position: relative;
    z-index: 3; }
  .layout .region.content {
    flex: 1 1 auto;
    position: relative;
    z-index: 2; }
  .layout .region.footer {
    flex: 0 0 auto;
    position: relative;
    z-index: 1; }
  .layout .region.bottom {
    flex: 0 0 auto;
    position: relative;
    z-index: 0; }

.region.bottom {
  padding: 10px 0;
  background-color: #e3e3e3;
  border-top: 1px solid #ffffff; }
  .region.bottom .inner {
    display: flex;
    flex-wrap: wrap; }
  .region.bottom .menu-credentials {
    flex: 0 0 80%;
    margin: 0 10%; }

@media (min-width: 720px) {
  .region.bottom {
    padding: 20px 0; }
    .region.bottom .menu-credentials {
      flex: 0 0 88.88889%;
      margin: 0 5.55556%; } }

@media (min-width: 1140px) {
  .region.bottom .menu-credentials {
    flex: 0 0 92.30769%;
    margin: 0 3.84615%; } }

.region.footer {
  position: relative;
  background-color: #e3e3e3;
  padding: 40px 0; }
  .region.footer .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
  .region.footer .newsletter-sign-up {
    flex: 0 0 80%;
    margin: 0 10%; }
  .region.footer .menu-footer {
    flex: 0 0 80%;
    margin: 0 10%;
    margin-top: 40px; }
  .region.footer .logo {
    flex: 0 0 40%;
    margin-left: 10%;
    margin-right: 50%;
    margin-top: 20px; }
  .region.footer .build-version {
    font-family: 'stevie-sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #979797;
    font-weight: 300;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0; }

@media (min-width: 720px) {
  .region.footer {
    padding: 40px 0; }
    .region.footer .newsletter-sign-up {
      flex: 0 0 44.44444%;
      margin: 0 5.55556%; }
    .region.footer .menu-footer {
      flex: 0 0 88.88889%;
      margin: 0 5.55556%;
      margin-top: 40px; }
    .region.footer .logo {
      flex: 0 0 22.22222%;
      margin-left: 5.55556%;
      margin-right: 72.22222%;
      margin-top: 40px; } }

@media (min-width: 1140px) {
  .region.footer {
    padding: 60px 0; }
    .region.footer .newsletter-sign-up {
      flex: 0 0 30.76923%;
      margin: 0 3.84615%; }
    .region.footer .menu-footer {
      flex: 0 0 46.15385%;
      margin: 0;
      margin-left: 11.53846%;
      margin-right: 3.84615%; }
    .region.footer .logo {
      flex: 0 0 15.38462%;
      margin-left: 3.84615%;
      margin-right: 80.76923%;
      margin-top: 0; } }

.region.header {
  background-color: #ffffff; }
  .region.header .inner {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .region.header .logo {
    flex: 0 0 40%;
    margin-left: 5%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  .region.header .menu-main {
    position: fixed;
    z-index: 10;
    right: 0;
    top: 0; }
    .region.header .menu-main .menu-toggle {
      height: var(--header-height);
      position: relative;
      z-index: 1; }
    .region.header .menu-main .menu-wrapper {
      position: fixed;
      bottom: 0; }

@media (min-width: 720px) {
  .region.header .logo {
    flex: 0 0 22.22222%;
    margin-left: 2.77778%; } }

@media (min-width: 1140px) {
  .region.header .logo {
    flex: 0 0 15.38462%;
    margin-left: 1.92308%; } }

@media (min-width: 1380px) {
  .region.header .logo {
    margin-left: calc((((100vw - 1380px) / 2) * -1) + (1.92308%)); } }

.region .inner {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto; }

.comic.full {
  display: flex;
  flex-wrap: wrap; }
  .comic.full .comic-summary {
    flex: 0 0 80%;
    margin: 0 10%;
    display: flex;
    flex-wrap: wrap; }
    .comic.full .comic-summary .illustration {
      flex: 0 0 100%;
      border: 10px solid #979797;
      margin-top: -10px;
      align-self: flex-start; }
    .comic.full .comic-summary .intro {
      flex: 0 0 100%;
      margin-top: 20px; }
      .comic.full .comic-summary .intro a {
        color: #2f2f2f; }
      .comic.full .comic-summary .intro .subtitle {
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 32px;
        line-height: 32px;
        color: #2f2f2f;
        font-weight: 600; }
      .comic.full .comic-summary .intro .summary {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 300;
        margin: 0;
        margin-top: 10px; }
  .comic.full .comic-components {
    flex: 0 0 100%; }
    .comic.full .comic-components .tiles {
      display: flex;
      flex-wrap: wrap;
      flex: 0 0 80%;
      margin: 0 10%;
      margin-top: 20px;
      padding-left: 10px;
      padding-top: 10px; }
      .comic.full .comic-components .tiles .tile {
        flex: 0 0 calc(100% + 10px);
        border: 10px solid #2f2f2f;
        margin-left: -10px;
        margin-top: -10px;
        overflow: hidden; }
  .comic.full[data-color="gray-darker"] .comic-summary .illustration {
    border-color: #2f2f2f; }
  .comic.full[data-color="green"] .comic-summary .illustration {
    border-color: #00AF77; }
  .comic.full[data-color="pink"] .comic-summary .illustration {
    border-color: #EF4F9F; }

@media (min-width: 720px) {
  .comic.full .comic-summary {
    flex: 0 0 88.88889%;
    margin: 0 5.55556%; }
    .comic.full .comic-summary .illustration {
      flex: 0 0 50%; }
    .comic.full .comic-summary .intro {
      flex: 0 0 50%;
      margin-top: 0;
      padding: 6.25%; }
      .comic.full .comic-summary .intro .subtitle {
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 43px;
        line-height: 43px;
        color: #2f2f2f;
        font-weight: 600; }
      .comic.full .comic-summary .intro .summary {
        font-family: 'stevie-sans', sans-serif;
        font-size: 24px;
        line-height: 32px;
        color: #2f2f2f;
        font-weight: 300;
        margin-top: 20px; }
  .comic.full .comic-components .tiles {
    flex: 0 0 88.88889%;
    margin: 0 5.55556%;
    margin-top: 40px; }
    .comic.full .comic-components .tiles .tile {
      flex: 0 0 calc(50% + 10px); }
      .comic.full .comic-components .tiles .tile.wide {
        flex: 0 0 calc(100% + 10px); } }

@media (min-width: 1140px) {
  .comic.full .comic-summary {
    flex: 0 0 92.30769%;
    margin: 0 3.84615%; }
    .comic.full .comic-summary .illustration {
      flex: 0 0 33.33333%; }
    .comic.full .comic-summary .intro {
      flex: 0 0 66.66667%;
      padding: 4.16667%; }
  .comic.full .comic-components {
    flex: 0 0 100%; }
    .comic.full .comic-components .tiles {
      flex: 0 0 92.30769%;
      margin: 0 3.84615%;
      margin-top: 60px; }
      .comic.full .comic-components .tiles .tile {
        flex: 0 0 calc(33.33333% + 10px); }
        .comic.full .comic-components .tiles .tile.wide {
          flex: 0 0 calc(66.66667% + 10px); } }

.comic.teaser {
  background-color: #e3e3e3;
  overflow: visible; }
  .comic.teaser[data-color="gray-darker"] {
    background-color: #2f2f2f; }
  .comic.teaser[data-color="green"] {
    background-color: #00AF77; }
  .comic.teaser[data-color="pink"] {
    background-color: #EF4F9F; }
  .comic.teaser.filler {
    display: none; }
  .comic.teaser .comic-header {
    min-height: 220px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; }
    .comic.teaser .comic-header .coming-soon {
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      position: absolute;
      width: 100px;
      top: 30px;
      right: 30px; }
    .comic.teaser .comic-header .title {
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 43px;
      line-height: 43px;
      color: #ffffff;
      font-weight: 600; }

@media (min-width: 720px) {
  .comic.teaser .comic-header .title {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 56px;
    line-height: 56px;
    color: #ffffff;
    font-weight: 600; } }

@media (min-width: 1140px) {
  .comic.teaser .comic-header .coming-soon {
    width: 120px;
    top: 20px;
    right: 20px; } }

.node.page.full {
  display: flex;
  flex-wrap: wrap; }
  .node.page.full > .header {
    flex: 0 0 100%;
    padding: 20px 10%;
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative; }
    .node.page.full > .header:after {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #ffffff;
      position: absolute;
      z-index: -1; }
    .node.page.full > .header .title {
      flex: 0 0 100%;
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 32px;
      line-height: 32px;
      color: #2f2f2f;
      font-weight: 600; }
  .node.page.full > p {
    flex: 0 0 80%;
    margin: 0 10%;
    margin-top: 20px; }
    .node.page.full > p a:not(.button) {
      color: inherit;
      transition: color 0.2s ease-in-out; }
      .node.page.full > p a:not(.button):hover {
        color: #00AF77; }
  .node.page.full > h1,
  .node.page.full > h2,
  .node.page.full > h3,
  .node.page.full > h4,
  .node.page.full > h5,
  .node.page.full > h6 {
    flex: 0 0 80%;
    margin: 0 10%;
    margin-top: 20px;
    margin-bottom: -20px;
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #2f2f2f;
    font-weight: 700; }
  .node.page.full .comics-slider {
    flex: 0 0 100%;
    margin-bottom: -100%;
    height: 0; }
    .node.page.full .comics-slider .owl-carousel {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
  .node.page.full .comic-content {
    flex: 0 0 100%;
    margin-bottom: 40px; }
  .node.page.full .platforms {
    margin-top: 30px;
    margin-bottom: 30px; }
  .node.page.full .block.whoweare {
    flex: 0 0 100%;
    padding: 10%; }
    .node.page.full .block.whoweare:after {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #FFF73F;
      position: absolute;
      z-index: -1; }
  .node.page.full .block.partners {
    width: 100%;
    padding: 10%; }
    .node.page.full .block.partners:after {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: -1; }
  .node.page.full .cta {
    flex: 0 0 100%; }

@media (min-width: 720px) {
  .node.page.full > .header {
    padding: 20px 5.55556%; }
    .node.page.full > .header .title {
      flex: 0 0 100%;
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 43px;
      line-height: 43px;
      color: #2f2f2f;
      font-weight: 600; }
  .node.page.full > p {
    flex: 0 0 88.88889%;
    margin: 0 5.55556%;
    margin-top: 30px; }
  .node.page.full > h1,
  .node.page.full > h2,
  .node.page.full > h3,
  .node.page.full > h4,
  .node.page.full > h5,
  .node.page.full > h6 {
    flex: 0 0 88.88889%;
    margin: 0 5.55556%;
    margin-top: 30px;
    margin-bottom: -30px;
    font-family: 'stevie-sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #2f2f2f;
    font-weight: 700; }
  .node.page.full .comics-slider {
    flex: 0 0 100%; }
  .node.page.full .comic-content {
    margin-bottom: 60px; }
  .node.page.full .platforms {
    margin-top: 90px; }
  .node.page.full .block.whoweare {
    padding: 5.55556%; }
  .node.page.full .block.partners {
    padding: 5.55556%; } }

@media (min-width: 1140px) {
  .node.page.full > .header {
    padding: 20px 3.84615%;
    padding-top: 120px; }
    .node.page.full > .header .title {
      flex: 0 0 66.66667%;
      margin: 0 16.66667%; }
  .node.page.full > p {
    flex: 0 0 61.53846%;
    margin: 0 19.23077%;
    margin-top: 40px; }
  .node.page.full > h1,
  .node.page.full > h2,
  .node.page.full > h3,
  .node.page.full > h4,
  .node.page.full > h5,
  .node.page.full > h6 {
    flex: 0 0 61.53846%;
    margin: 0 19.23077%;
    margin-top: 40px;
    margin-bottom: -40px;
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #2f2f2f;
    font-weight: 700; }
  .node.page.full .comics-slider {
    flex: 0 0 100%; }
  .node.page.full .comic-content {
    margin-bottom: 80px; }
  .node.page.full .block.whoweare {
    padding: 20px 11.53846%; }
  .node.page.full .block.partners {
    padding: 20px 11.53846%; } }

@media (min-width: 1380px) {
  .node.page.full > .header:after {
    left: calc(((100vw - 1380px) / 2) * -1); }
  .node.page.full .block.whoweare:after, .node.page.full .block.partners:after {
    left: calc(((100vw - 1380px) / 2) * -1); } }

.button {
  color: #000000;
  text-decoration: none;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: transparent;
  display: inline-block;
  padding: 10px;
  position: relative;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  .button .svg.arrow {
    display: inline-block;
    fill: none;
    height: 20px;
    width: auto;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    align-self: center;
    margin-left: 10px; }
    .button .svg.arrow .stroke {
      stroke: #000000;
      transition: stroke 0.2s ease-in-out; }
  .button:hover {
    background-color: #1F3F8F;
    color: #ffffff; }
    .button:hover .svg.arrow .stroke {
      stroke: #ffffff; }
  .button.yellow {
    border-color: #FFF73F;
    color: #ffffff; }
    .button.yellow .svg.arrow .stroke {
      stroke: #ffffff; }
    .button.yellow:hover {
      background-color: #FFF73F;
      color: #2f2f2f; }
      .button.yellow:hover .svg.arrow .stroke {
        stroke: #2f2f2f !important; }

@media (min-width: 720px) {
  .button {
    min-height: 48px;
    padding-left: 20px;
    padding-right: 20px; }
    .button .svg.arrow {
      margin-left: 5px; } }

.event-calender {
  width: 100%;
  flex: 0 0 auto; }
  .event-calender iframe {
    width: 100%;
    height: 1000px;
    margin-bottom: 50px;
    margin-top: 50px;
    border: 0; }

.form .label {
  font-family: 'stevie-sans', sans-serif;
  font-size: 18px;
  line-height: 30px;
  color: #494949;
  font-weight: 300; }

.form [type="email"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: auto;
  min-width: auto;
  min-width: unset;
  max-width: auto;
  max-width: unset;
  border: 0 none;
  border-radius: 10px;
  outline: 0;
  box-shadow: none;
  background-color: #ffffff;
  padding: 15px; }

.form [type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: auto;
  min-width: auto;
  min-width: unset;
  max-width: auto;
  max-width: unset;
  border: 0 none;
  border-radius: 10px;
  outline: 0;
  box-shadow: none;
  background-color: #ffffff;
  padding: 15px; }

.form [type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: auto;
  min-width: auto;
  min-width: unset;
  max-width: auto;
  max-width: unset;
  border: 1px solid #2f2f2f;
  border-radius: 10px;
  outline: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 7.5px 20px;
  cursor: pointer;
  font-family: 'stevie-sans', sans-serif;
  font-size: 24px;
  line-height: 32px;
  color: 400;
  font-weight: #2f2f2f;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
  .form [type="submit"]:hover {
    background-color: #1F3F8F;
    color: #ffffff; }

.menu-list {
  margin: 0;
  padding: 0; }
  .menu-list .menu-item {
    margin: 0;
    padding: 0;
    list-style: none; }
    .menu-list .menu-item .menu-link {
      display: block;
      float: left;
      clear: left; }

.resources {
  width: 100%;
  flex: 0 0 auto; }
  .resources iframe {
    width: 100%;
    height: 1000px;
    margin-bottom: 50px;
    margin-top: 50px;
    border: 0; }

.svg {
  fill: #2f2f2f;
  overflow: visible; }
  .svg.orange path,
  .svg.orange polygon {
    fill: #EF6F00; }
  .svg.green path,
  .svg.green polygon {
    fill: #00AF77; }
  .svg.pink path,
  .svg.pink polygon {
    fill: #EF4F9F; }
  .svg.yellow path,
  .svg.yellow polygon {
    fill: #FFF73F; }
  .svg.white path,
  .svg.white polygon {
    fill: #ffffff; }
  .svg.blue path,
  .svg.blue polygon {
    fill: #1F3F8F; }

.zigzag {
  stroke: #2f2f2f;
  stroke-width: 11px;
  width: 50%;
  margin: auto;
  margin: 20px auto;
  height: 30px; }

@media (min-width: 720px) {
  .zigzag {
    stroke-width: 8px; } }

@media (min-width: 720px) {
  .zigzag {
    margin-top: 60px; } }

.block.cta {
  padding: 0 10%;
  background-color: #00AF77;
  position: relative; }
  .block.cta:after {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: calc(((100vw - 1380px) / 2) * -1);
    top: 0;
    background-color: inherit;
    z-index: -1; }
  .block.cta .block-content {
    display: flex;
    flex-wrap: wrap; }
  .block.cta .svg-wrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .block.cta .svg-wrapper svg {
      position: absolute;
      -webkit-transform: scale(2);
              transform: scale(2);
      height: 100%;
      top: 40%;
      right: -70%; }
  .block.cta .title {
    flex: 0 0 100%;
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 600;
    position: relative;
    margin-top: 40px; }
  .block.cta .button {
    margin-top: 60px;
    margin-bottom: 40px; }

@media (min-width: 720px) {
  .block.cta {
    padding: 0 5.55556%; }
    .block.cta .svg-wrapper svg {
      top: 40%;
      right: -300px; }
    .block.cta .title {
      flex: 0 0 50%;
      margin-right: 50%; } }

@media (min-width: 1140px) {
  .block.cta {
    padding: 0 3.84615%; }
    .block.cta .svg-wrapper .svg {
      right: -25%; }
    .block.cta .title {
      flex: 0 0 50%;
      margin-right: 50%;
      margin-top: 60px;
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 56px;
      line-height: 56px;
      color: #ffffff;
      font-weight: 600; }
    .block.cta .button {
      margin-bottom: 60px; } }

@media (min-width: 1380px) {
  .block.cta .svg-wrapper {
    left: auto;
    right: calc(((100vw - 1380px) / 2) * -1); } }

.block.logo .logo-link {
  display: block; }

.block.menu-credentials .menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .block.menu-credentials .menu-list .menu-item + .menu-item {
    margin-left: 20px; }
  .block.menu-credentials .menu-list .menu-item .no-link,
  .block.menu-credentials .menu-list .menu-item .menu-link {
    font-family: 'stevie-sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #00AF77;
    font-weight: 300;
    padding: 5px 0;
    text-decoration: none; }

.block.menu-footer .block-content {
  display: flex;
  flex-wrap: wrap; }

.block.menu-footer .menu-wrapper {
  flex: 0 0 100%;
  margin-bottom: 20px; }
  .block.menu-footer .menu-wrapper .title {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #494949;
    font-weight: 300;
    margin: 0;
    margin-bottom: 10px; }
  .block.menu-footer .menu-wrapper .menu-list .menu-item .no-link,
  .block.menu-footer .menu-wrapper .menu-list .menu-item .menu-link {
    font-family: 'stevie-sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #494949;
    font-weight: 300;
    text-decoration: none;
    display: block;
    float: left;
    clear: left; }

@media (min-width: 720px) {
  .block.menu-footer .menu-wrapper {
    flex: 0 0 31.25%;
    margin-bottom: 0; }
    .block.menu-footer .menu-wrapper:nth-child(1) {
      flex: 0 0 37.5%; }
    .block.menu-footer .menu-wrapper:nth-child(2) {
      flex: 0 0 25%; }
    .block.menu-footer .menu-wrapper:nth-child(3) {
      flex: 0 0 37.5%; } }

@media (min-width: 1140px) {
  .block.menu-footer .menu-wrapper {
    flex: 0 0 33.33333%; }
    .block.menu-footer .menu-wrapper:nth-child(1) {
      flex: 0 0 41.66667%; }
    .block.menu-footer .menu-wrapper:nth-child(2) {
      flex: 0 0 25%; }
    .block.menu-footer .menu-wrapper:nth-child(3) {
      flex: 0 0 33.33333%; } }

.block.menu-main .menu-toggle {
  background-color: #2f2f2f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .block.menu-main .menu-toggle .text {
    padding: 0 20px;
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase; }
  .block.menu-main .menu-toggle .when-closed {
    display: block; }
  .block.menu-main .menu-toggle .when-opened {
    display: none; }

.block.menu-main .menu-wrapper {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #2f2f2f;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
  .block.menu-main .menu-wrapper .menu-list {
    flex: 0 0 100%;
    padding: 0 10%; }
    .block.menu-main .menu-wrapper .menu-list .menu-item {
      text-align: center; }
      .block.menu-main .menu-wrapper .menu-list .menu-item + .menu-item {
        margin-top: 20px; }
      .block.menu-main .menu-wrapper .menu-list .menu-item .menu-link {
        float: none;
        clear: none;
        display: inline-block;
        width: auto;
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 32px;
        line-height: 32px;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        padding: 5px 20px; }
        .block.menu-main .menu-wrapper .menu-list .menu-item .menu-link:hover {
          text-decoration: underline; }
        .block.menu-main .menu-wrapper .menu-list .menu-item .menu-link.active {
          text-decoration: underline; }
        .block.menu-main .menu-wrapper .menu-list .menu-item .menu-link.special {
          background-color: #ffffff;
          color: #2f2f2f;
          padding: 10px 10px;
          padding-top: 6.66667px; }

[data-active-item="menu-main"] {
  overflow: hidden; }
  [data-active-item="menu-main"] .block.menu-main .menu-toggle .when-closed {
    display: none; }
  [data-active-item="menu-main"] .block.menu-main .menu-toggle .when-opened {
    display: block; }
  [data-active-item="menu-main"] .block.menu-main .menu-wrapper {
    opacity: 1;
    visibility: visible; }

.block.newsletter-sign-up #mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .label {
    flex: 0 0 100%;
    margin-bottom: 5px; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .email {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .verification {
    margin-top: 10px;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .clear {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 6.25%;
    text-align: right; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .button {
    margin-top: 10px; }

@media (min-width: 720px) {
  .block.newsletter-sign-up #mc_embed_signup_scroll .email {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .verification {
    margin-top: 10px;
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .clear {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 6.25%; } }

@media (min-width: 1140px) {
  .block.newsletter-sign-up #mc_embed_signup_scroll .label {
    margin-bottom: 10px; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .email {
    flex: 0 0 75%;
    max-width: 75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .verification {
    margin-top: 10px;
    flex: 0 0 75%;
    max-width: 75%; }
  .block.newsletter-sign-up #mc_embed_signup_scroll .clear {
    flex: 0 0 18.75%;
    max-width: 18.75%;
    margin-left: 6.25%; } }

.block.partners {
  background-color: #1F3F8F;
  position: relative; }
  .block.partners:after {
    background-color: #1F3F8F; }
  .block.partners .content-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%; }
    .block.partners .content-wrapper .title {
      flex: 1 0 100%;
      font-family: 'stevie-sans', sans-serif;
      font-size: 24px;
      line-height: 32px;
      color: #e3e3e3;
      font-weight: 500;
      font-size: 18px;
      text-align: center; }
    .block.partners .content-wrapper .partner-wrapper {
      flex: 0 0 75%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .block.partners .content-wrapper .partner-wrapper .svg {
        width: 250px;
        margin: auto 10px;
        fill: #e3e3e3;
        max-height: 80px; }

@media (max-width: 719px) {
  .block.partners a {
    margin-top: 20px; } }

@media (min-width: 720px) {
  .block.partners {
    padding: 30px; }
    .block.partners .content-wrapper {
      margin-top: 10px; }
      .block.partners .content-wrapper .title {
        font-size: 24px; }
      .block.partners .content-wrapper .partner-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
        flex: 0 0 75%;
        justify-content: space-around; } }

@media (max-width: 719px) {
  .block.platforms .block-content .platform-list .platform .label {
    margin-bottom: 5px; }
  .block.platforms .block-content .platform-list .platform .button {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    display: flex;
    width: 50px;
    height: 50px;
    font-size: 0; }
    .block.platforms .block-content .platform-list .platform .button .svg.arrow {
      position: absolute;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); } }

.block.platforms {
  margin: 0 auto;
  width: 100%; }
  .block.platforms .block-content {
    flex: 0 0 100%; }
    .block.platforms .block-content .platform-list {
      display: flex;
      flex-wrap: wrap; }
      .block.platforms .block-content .platform-list.single .platform .label {
        flex: 0 0 calc(100% - 20%); }
      .block.platforms .block-content .platform-list .title {
        width: 80%;
        margin: 0 auto;
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 500; }
      .block.platforms .block-content .platform-list .platform {
        color: #ffffff;
        width: 100%;
        padding: 20px 10%;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        position: relative; }
        .block.platforms .block-content .platform-list .platform .button {
          position: absolute;
          right: 20px;
          bottom: 20px;
          margin-top: 15px; }
        .block.platforms .block-content .platform-list .platform .medium {
          font-family: 'stevie-sans', sans-serif;
          font-size: 21px;
          color: #ffffff;
          font-weight: 500;
          flex: 1 0 100%; }
        .block.platforms .block-content .platform-list .platform .label {
          font-family: 'tablet-gothic-compressed', sans-serif;
          font-size: 32px;
          line-height: 32px;
          color: #ffffff;
          font-weight: 600;
          flex: 1 0 auto;
          align-self: flex-start; }
        .block.platforms .block-content .platform-list .platform.blue {
          background-color: #1F3F8F; }
        .block.platforms .block-content .platform-list .platform.green {
          background-color: #00AF77; }
        .block.platforms .block-content .platform-list .platform.pink {
          background-color: #EF4F9F; }
        .block.platforms .block-content .platform-list .platform.orange {
          background-color: #EF6F00; }

@media (min-width: 720px) {
  .block.platforms {
    width: 88.88889%; }
    .block.platforms .block-content {
      display: flex;
      flex-wrap: wrap; }
      .block.platforms .block-content .platform-list {
        display: block;
        flex: 0 1 50%; }
        .block.platforms .block-content .platform-list.single {
          padding: 0 6.25%;
          flex: 0 1 100%; }
          .block.platforms .block-content .platform-list.single .platform {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important; }
        .block.platforms .block-content .platform-list:first-child .platform {
          width: calc(100% - 10px); }
        .block.platforms .block-content .platform-list:last-child .title {
          padding-left: 10px; }
        .block.platforms .block-content .platform-list:last-child .platform {
          width: calc(100% - 10px);
          margin-left: 10px; }
        .block.platforms .block-content .platform-list .title {
          width: 100%; }
        .block.platforms .block-content .platform-list .platform {
          padding: 20px; }
          .block.platforms .block-content .platform-list .platform .medium {
            font-family: 'stevie-sans', sans-serif;
            font-size: 18px;
            line-height: 30px;
            color: #ffffff;
            font-weight: 500; }
          .block.platforms .block-content .platform-list .platform .label {
            flex: 1 0 calc(100% - 100px);
            font-size: 4vw; } }

@media (min-width: 1140px) {
  .block.platforms {
    width: 76.92308%; }
    .block.platforms .block-content .platform-list.single {
      padding: 0 10%; }
    .block.platforms .block-content .platform-list .platform .label {
      font-size: 2.5vw; } }

@media (min-width: 1380px) {
  .block.platforms .block-content .platform-list .platform .label {
    font-size: 56px;
    margin-bottom: 20px; } }

.block.quote .quote-wrapper {
  max-width: 100vw;
  padding: 40px 10vw;
  width: 100vw; }
  .block.quote .quote-wrapper .quote {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #2f2f2f;
    font-weight: 600;
    margin: 0;
    position: relative; }
    .block.quote .quote-wrapper .quote:before {
      content: '“';
      display: inline-block;
      margin-left: -14px; }
    .block.quote .quote-wrapper .quote:after {
      content: '”';
      display: inline-block;
      margin-left: 0; }
  .block.quote .quote-wrapper .author {
    margin: 0;
    margin-top: 20px; }

.block.quote .owl-stage {
  display: flex; }

.block.quote .owl-item {
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden; }
  .block.quote .owl-item.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out 0.2s; }

@media (min-width: 720px) {
  .block.quote .quote-wrapper {
    padding: 80px 11.11111vw; } }

@media (min-width: 1140px) {
  .block.quote .quote-wrapper {
    padding: 80px 30.76923vw; } }

@media (min-width: 1380px) {
  .block.quote .quote-wrapper {
    padding: 80px 424.61538px;
    max-width: 1380px; } }

.block.whoweare {
  width: 100%;
  position: relative;
  background-color: #FFF73F;
  color: #2f2f2f;
  margin-top: -20px; }
  .block.whoweare .block-content .author {
    margin: 60px 0; }
    .block.whoweare .block-content .author .avatar {
      border: 1px solid #2f2f2f;
      border-radius: 10px;
      margin-bottom: 20px;
      height: 150px;
      width: 100px;
      padding-left: 10px;
      padding-right: 10px; }
    .block.whoweare .block-content .author .name {
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 43px;
      line-height: 43px;
      color: #2f2f2f;
      font-weight: 600; }
    .block.whoweare .block-content .author .social-wrapper {
      display: flex; }
      .block.whoweare .block-content .author .social-wrapper .social-link {
        flex: 0 1 auto;
        display: block;
        text-decoration: none;
        color: #2f2f2f;
        margin-right: 30px; }
        .block.whoweare .block-content .author .social-wrapper .social-link .svg {
          margin-right: 5px;
          width: 25px;
          vertical-align: bottom;
          display: inline-block; }

@media (min-width: 720px) {
  .block.whoweare .block-content {
    display: flex;
    flex-wrap: wrap; }
    .block.whoweare .block-content .author {
      flex: 0 1 50%; }
      .block.whoweare .block-content .author:first-child {
        padding-right: 10px; }
      .block.whoweare .block-content .author:last-child {
        padding-left: 10px; } }

@media (min-width: 1140px) {
  .block.whoweare .block-content {
    display: flex;
    flex-wrap: wrap; }
    .block.whoweare .block-content .author {
      flex: 0 1 45%; }
      .block.whoweare .block-content .author:last-child {
        padding-left: 5%; } }

.comic-content .comic.full {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; }
  .comic-content .comic.full.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: opacity 0.4s ease-in-out 0.4s, visibility 0.4s ease-in-out 0.4s; }

.comics-slider {
  position: relative; }
  .comics-slider .owl-stage-outer {
    overflow: visible; }
    .comics-slider .owl-stage-outer .owl-stage .owl-item {
      position: relative; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(1) {
        z-index: -1; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(2) {
        z-index: -2; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(3) {
        z-index: -3; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(4) {
        z-index: -4; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(5) {
        z-index: -5; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(6) {
        z-index: -6; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(7) {
        z-index: -7; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(8) {
        z-index: -8; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(9) {
        z-index: -9; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(10) {
        z-index: -10; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(11) {
        z-index: -11; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(12) {
        z-index: -12; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(13) {
        z-index: -13; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(14) {
        z-index: -14; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(15) {
        z-index: -15; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(16) {
        z-index: -16; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(17) {
        z-index: -17; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(18) {
        z-index: -18; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(19) {
        z-index: -19; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(20) {
        z-index: -20; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(21) {
        z-index: -21; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(22) {
        z-index: -22; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(23) {
        z-index: -23; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(24) {
        z-index: -24; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(25) {
        z-index: -25; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(26) {
        z-index: -26; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(27) {
        z-index: -27; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(28) {
        z-index: -28; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(29) {
        z-index: -29; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(30) {
        z-index: -30; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(31) {
        z-index: -31; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(32) {
        z-index: -32; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(33) {
        z-index: -33; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(34) {
        z-index: -34; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(35) {
        z-index: -35; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(36) {
        z-index: -36; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(37) {
        z-index: -37; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(38) {
        z-index: -38; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(39) {
        z-index: -39; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(40) {
        z-index: -40; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(41) {
        z-index: -41; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(42) {
        z-index: -42; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(43) {
        z-index: -43; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(44) {
        z-index: -44; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(45) {
        z-index: -45; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(46) {
        z-index: -46; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(47) {
        z-index: -47; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(48) {
        z-index: -48; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(49) {
        z-index: -49; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item:nth-child(50) {
        z-index: -50; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item .comic.teaser {
        cursor: pointer; }
        .comics-slider .owl-stage-outer .owl-stage .owl-item .comic.teaser:after {
          position: absolute;
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.8);
          top: 0;
          left: 0;
          opacity: 1;
          visibility: visible;
          transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
        .comics-slider .owl-stage-outer .owl-stage .owl-item .comic.teaser .coming-soon {
          -webkit-animation: popOut 0.2s ease-in-out forwards;
                  animation: popOut 0.2s ease-in-out forwards; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item.active .comic.teaser:after {
        opacity: 0;
        visibility: hidden; }
      .comics-slider .owl-stage-outer .owl-stage .owl-item.active .comic.teaser .coming-soon {
        -webkit-animation: popIn 0.4s ease-in-out forwards;
                animation: popIn 0.4s ease-in-out forwards; }
  .comics-slider .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    pointer-events: none; }
    .comics-slider .owl-nav .owl-prev,
    .comics-slider .owl-nav .owl-next {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      display: block;
      width: calc(100% / 10);
      height: 100%;
      outline: 0 none !important;
      border: 0 none !important;
      pointer-events: auto;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
      .comics-slider .owl-nav .owl-prev.disabled,
      .comics-slider .owl-nav .owl-next.disabled {
        opacity: 0;
        visibility: hidden; }
      .comics-slider .owl-nav .owl-prev span,
      .comics-slider .owl-nav .owl-next span {
        display: block;
        font-size: 0;
        position: relative; }
        .comics-slider .owl-nav .owl-prev span:before, .comics-slider .owl-nav .owl-prev span:after,
        .comics-slider .owl-nav .owl-next span:before,
        .comics-slider .owl-nav .owl-next span:after {
          content: '';
          display: block;
          width: 10px;
          height: 30px;
          background-color: #2f2f2f;
          position: absolute;
          top: 89%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(-30deg);
                  transform: translate(-50%, -50%) rotate(-30deg); }
        .comics-slider .owl-nav .owl-prev span:after,
        .comics-slider .owl-nav .owl-next span:after {
          top: 11%;
          -webkit-transform: translate(-50%, -50%) rotate(30deg);
                  transform: translate(-50%, -50%) rotate(30deg); }
    .comics-slider .owl-nav .owl-next {
      left: auto;
      right: 0; }
      .comics-slider .owl-nav .owl-next span:before, .comics-slider .owl-nav .owl-next span:after {
        -webkit-transform: translate(-50%, -50%) rotate(30deg);
                transform: translate(-50%, -50%) rotate(30deg); }
      .comics-slider .owl-nav .owl-next span:after {
        -webkit-transform: translate(-50%, -50%) rotate(-30deg);
                transform: translate(-50%, -50%) rotate(-30deg); }

@media (min-width: 720px) {
  .comics-slider .owl-nav .owl-prev,
  .comics-slider .owl-nav .owl-next {
    width: calc(100% / 18); }
    .comics-slider .owl-nav .owl-prev span:before, .comics-slider .owl-nav .owl-prev span:after,
    .comics-slider .owl-nav .owl-next span:before,
    .comics-slider .owl-nav .owl-next span:after {
      top: 88%; }
    .comics-slider .owl-nav .owl-prev span:after,
    .comics-slider .owl-nav .owl-next span:after {
      top: 12%; } }

@media (min-width: 1140px) {
  .comics-slider .owl-nav .owl-prev,
  .comics-slider .owl-nav .owl-next {
    width: calc(100% / 26); } }

@media (min-width: 1380px) {
  .comics-slider .owl-nav {
    width: 1380px; } }

.tile.blog {
  display: flex;
  flex-wrap: wrap; }
  .tile.blog .tile-content {
    position: relative;
    padding: 10px; }
    .tile.blog .tile-content .blog-wrapper {
      z-index: 3;
      color: #ffffff;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      justify-content: flex-start;
      height: 100%; }
      .tile.blog .tile-content .blog-wrapper .label {
        font-family: 'stevie-sans', sans-serif;
        font-size: 16px;
        line-height: 27px;
        color: #ffffff;
        font-weight: 600; }
      .tile.blog .tile-content .blog-wrapper .title {
        margin-bottom: 10px;
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 8vw;
        color: #ffffff;
        font-weight: 600;
        line-height: 0.9; }
    .tile.blog .tile-content .svg.cloud {
      stroke-width: 40px;
      top: 0;
      left: 0;
      position: absolute;
      height: 100%;
      width: 100%;
      padding: 20px;
      stroke: #2f2f2f;
      stroke-width: 40px; }
      .tile.blog .tile-content .svg.cloud * {
        stroke-linejoin: round; }
    .tile.blog .tile-content .button {
      justify-content: center;
      position: absolute;
      bottom: 0; }

@media (min-width: 720px) {
  .tile.blog .tile-content {
    display: flex; }
    .tile.blog .tile-content .blog-wrapper {
      flex: 0 0 50%;
      justify-content: flex-start; }
      .tile.blog .tile-content .blog-wrapper .label {
        font-family: 'stevie-sans', sans-serif;
        font-size: 24px;
        line-height: 32px;
        color: #ffffff;
        font-weight: 500; }
      .tile.blog .tile-content .blog-wrapper .title {
        margin-bottom: 10px;
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 43px;
        line-height: 43px;
        color: #ffffff;
        font-weight: 600; }
    .tile.blog .tile-content .svg.cloud {
      left: auto;
      right: -50%;
      -webkit-transform: translateX(-25%);
              transform: translateX(-25%); } }

.tile.customers {
  display: flex;
  flex-wrap: wrap; }
  .tile.customers .tile-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .tile.customers .customers-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .tile.customers .customers-wrapper .logos-wrapper {
      flex: 0 0 100%;
      display: flex;
      flex-wrap: wrap; }
      .tile.customers .customers-wrapper .logos-wrapper .logo {
        flex: 0 0 50%;
        background-color: #EF4F9F;
        display: flex;
        flex-wrap: wrap; }
        .tile.customers .customers-wrapper .logos-wrapper .logo svg {
          flex: 1 1 auto;
          width: 100%; }
          .tile.customers .customers-wrapper .logos-wrapper .logo svg * {
            fill: #1F3F8F !important; }
        .tile.customers .customers-wrapper .logos-wrapper .logo:first-child, .tile.customers .customers-wrapper .logos-wrapper .logo:last-child {
          background-color: #1F3F8F; }
          .tile.customers .customers-wrapper .logos-wrapper .logo:first-child svg *, .tile.customers .customers-wrapper .logos-wrapper .logo:last-child svg * {
            fill: #EF4F9F !important; }

@media (min-width: 720px) {
  .tile.customers {
    border-width: 0 !important; }
    .tile.customers .tile-content {
      padding-left: 10px;
      padding-top: 10px; }
    .tile.customers .customers-wrapper {
      border: 10px solid #2f2f2f;
      margin: 40px 0;
      flex: 0 0 calc(100% - 20px * 4); } }

@media (min-width: 1140px) {
  .tile.customers {
    border-width: 0 !important; }
    .tile.customers .tile-content {
      padding-left: 10px;
      padding-top: 10px; }
    .tile.customers .customers-wrapper {
      border: 10px solid #2f2f2f;
      margin: 40px 0;
      flex: 0 0 calc(100% - 20px * 4); } }

.tile.diyworkshop {
  padding: 20px;
  padding-top: 0; }
  .tile.diyworkshop .tile-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    height: 100%;
    align-items: center; }
    .tile.diyworkshop .tile-content .svg {
      padding: 20px;
      max-width: 280px;
      max-height: 180px;
      stroke-width: 30px;
      padding: 20px;
      stroke: #2f2f2f; }
      .tile.diyworkshop .tile-content .svg * {
        stroke-linejoin: round; }
    .tile.diyworkshop .tile-content .type {
      font-family: 'tablet-gothic-compressed', sans-serif;
      font-size: 43px;
      line-height: 43px;
      color: #2f2f2f;
      font-weight: 600;
      font-size: 32px; }
    .tile.diyworkshop .tile-content .content-wrapper {
      margin: 10px 0; }
      .tile.diyworkshop .tile-content .content-wrapper a {
        text-decoration: none;
        color: #2f2f2f; }
        .tile.diyworkshop .tile-content .content-wrapper a:hover {
          text-decoration: underline; }
      .tile.diyworkshop .tile-content .content-wrapper .title {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 100; }
    .tile.diyworkshop .tile-content .button {
      justify-content: center;
      position: absolute;
      bottom: 0; }
  .tile.diyworkshop.blue .type {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 100; }
  .tile.diyworkshop.blue .content-wrapper .title {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 100; }
  @media (min-width: 720px) {
    .tile.diyworkshop .tile.diyworkshop .tile-content .content-wrapper .title {
      font-family: 'stevie-sans', sans-serif;
      font-size: 24px;
      line-height: 32px;
      color: #2f2f2f;
      font-weight: 500;
      font-size: 20px;
      font-weight: 100;
      line-height: 32px; } }

.tile.event {
  position: relative;
  padding: 10px;
  display: flex;
  flex-wrap: wrap; }
  .tile.event .tile-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .tile.event .image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover; }
    .tile.event .image:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.4); }
  .tile.event .platform {
    flex: 1 1 auto;
    position: relative;
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500; }
  .tile.event .label {
    flex: 1 1 auto;
    position: relative;
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 5px; }
  .tile.event .title {
    flex: 1 1 100%;
    position: relative;
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 20px; }
  .tile.event .button {
    align-self: flex-start; }

@media (min-width: 720px) {
  .tile.event .platform {
    font-family: 'stevie-sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 500; }
  .tile.event .label {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 56px;
    line-height: 56px;
    color: #ffffff;
    font-weight: 600; }
  .tile.event .title {
    font-family: 'stevie-sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 500; }
  .tile.event .button {
    margin-left: 0; }
    .tile.event .button .text {
      font-family: 'stevie-sans', sans-serif;
      font-size: 18px;
      line-height: 30px;
      color: #ffffff;
      font-weight: 500; } }

.tile.product .product-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; }
  .tile.product .product-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.tile.product .product-information-wrapper {
  padding: 10px; }
  .tile.product .product-information-wrapper .subtitle {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px; }
  .tile.product .product-information-wrapper .title {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 600; }

.tile.rating {
  padding: 20px;
  padding-top: 0; }
  .tile.rating .tile-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    height: 100%;
    align-items: center; }
    .tile.rating .tile-content .svg {
      padding: 20px;
      max-width: 280px;
      max-height: 180px; }
    .tile.rating .tile-content .content-wrapper {
      margin: 10px 0; }
      .tile.rating .tile-content .content-wrapper .rating {
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 43px;
        line-height: 43px;
        color: #2f2f2f;
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 21vw; }
        .tile.rating .tile-content .content-wrapper .rating:after {
          content: '/10';
          font-size: 6vw; }
      .tile.rating .tile-content .content-wrapper .title {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 500; }
      .tile.rating .tile-content .content-wrapper .clarification {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 100;
        font-size: 12px;
        margin: 0; }

@media (min-width: 720px) {
  .tile.rating .tile-content .content-wrapper .rating {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 101px; }
    .tile.rating .tile-content .content-wrapper .rating:after {
      content: '/10';
      font-size: 32px; }
  .tile.rating .tile-content .content-wrapper .title {
    font-family: 'stevie-sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #2f2f2f;
    font-weight: 500; } }

.tile {
  background-color: #2f2f2f;
  min-height: 80vw;
  text-decoration: none; }
  .tile.transparent {
    background-color: transparent; }
  .tile.orange {
    background-color: #EF6F00; }
  .tile.green {
    background-color: #00AF77; }
  .tile.pink {
    background-color: #EF4F9F; }
  .tile.yellow {
    background-color: #FFF73F; }
  .tile.white {
    background-color: #ffffff; }
  .tile.blue {
    background-color: #1F3F8F; }
  .tile.gray {
    background-color: #e3e3e3; }

@media (min-width: 720px) {
  .tile {
    min-height: 44.44444vw; } }

@media (min-width: 1140px) {
  .tile {
    min-height: 30.76923vw; } }

@media (min-width: 1380px) {
  .tile {
    min-height: 424.61538px; } }

.tile.survey {
  padding: 20px;
  padding-top: 0; }
  .tile.survey .tile-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    height: 100%;
    align-items: center; }
    .tile.survey .tile-content .svg {
      padding: 20px;
      max-width: 280px;
      max-height: 180px; }
    .tile.survey .tile-content .content-wrapper {
      margin: 10px 0; }
      .tile.survey .tile-content .content-wrapper .percentage {
        font-family: 'tablet-gothic-compressed', sans-serif;
        font-size: 43px;
        line-height: 43px;
        color: #2f2f2f;
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 21vw; }
        .tile.survey .tile-content .content-wrapper .percentage:after {
          content: '%';
          font-size: 6vw; }
      .tile.survey .tile-content .content-wrapper .title {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 500; }
      .tile.survey .tile-content .content-wrapper .clarification {
        font-family: 'stevie-sans', sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #2f2f2f;
        font-weight: 100;
        font-size: 10pt;
        margin: 0; }

@media (min-width: 720px) {
  .tile.survey .tile-content .content-wrapper .percentage {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #2f2f2f;
    font-weight: 600;
    font-size: 101px; }
    .tile.survey .tile-content .content-wrapper .percentage:after {
      content: '%';
      font-size: 32px; }
  .tile.survey .tile-content .content-wrapper .title {
    font-family: 'stevie-sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #2f2f2f;
    font-weight: 500; } }

.tile.video .video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; }
  .tile.video .video-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.tile.video .video-information-wrapper {
  padding: 10px; }
  .tile.video .video-information-wrapper .subtitle {
    font-family: 'stevie-sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px; }
  .tile.video .video-information-wrapper .title {
    font-family: 'tablet-gothic-compressed', sans-serif;
    font-size: 43px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 600; }