/* ********************
Set root URL for LESS compiling
-------------------- */
/* ********************
Imports
******************** */
/* ********************
Browser Reset
******************** */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
figure,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/* ********************
Float & Align
******************** */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.cb {
  clear: both !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.ac {
  text-align: center !important;
}
/* ********************
Grid
******************** */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ********************
Columns
******************** */
.col-1-1 {
  width: 100%;
}
.col-4-5 {
  width: 80%;
}
.col-3-4 {
  width: 75%;
}
.col-2-3 {
  width: 66.66666%;
}
.col-3-5 {
  width: 60%;
}
.col-1-2 {
  width: 50%;
}
.col-2-5 {
  width: 40%;
}
.col-1-4 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-1-3 {
  width: 33.33333%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-6 {
  width: 16.66%;
}
/* ********************
Mixins
******************** */
/* ****************************************
Flexbox
**************************************** */
.flex-row {
  margin: 0 auto;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* ********************
Columns
******************** */
[class*="flex-col"] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
.flex-col-1-1 {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  max-width: 100%;
}
.flex-col-1-2 {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  max-width: 50%;
}
.flex-col-1-3 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  max-width: 33.33333%;
}
.flex-col-2-3 {
  -webkit-flex-basis: 66.66665999999999%;
  -ms-flex-basis: 66.66665999999999%;
  flex-basis: 66.66665999999999%;
  -ms-flex-preferred-size: 66.66665999999999%;
  max-width: 66.66665999999999%;
}
.flex-col-1-4 {
  -webkit-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  max-width: 25%;
}
.flex-col-3-4 {
  -webkit-flex-basis: 75%;
  -ms-flex-basis: 75%;
  flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  max-width: 75%;
}
.flex-col-1-5 {
  -webkit-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  max-width: 20%;
}
.flex-col-2-5 {
  -webkit-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  max-width: 40%;
}
.flex-col-3-5 {
  -webkit-flex-basis: 60%;
  -ms-flex-basis: 60%;
  flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  max-width: 60%;
}
.flex-col-4-5 {
  -webkit-flex-basis: 80%;
  -ms-flex-basis: 80%;
  flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  max-width: 80%;
}
.flex-col-1-6 {
  -webkit-flex-basis: 16.66666%;
  -ms-flex-basis: 16.66666%;
  flex-basis: 16.66666%;
  -ms-flex-preferred-size: 16.66666%;
  max-width: 16.66666%;
}
.flex-col-1-8 {
  -webkit-flex-basis: 12.5%;
  -ms-flex-basis: 12.5%;
  flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  max-width: 12.5%;
}
.flex-col-1-12 {
  -webkit-flex-basis: 8.33333%;
  -ms-flex-basis: 8.33333%;
  flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  max-width: 8.33333%;
}
.flex-col-5-12 {
  -webkit-flex-basis: 41.66666%;
  -ms-flex-basis: 41.66666%;
  flex-basis: 41.66666%;
  -ms-flex-preferred-size: 41.66666%;
  max-width: 41.66666%;
}
.flex-col-1-10 {
  -webkit-flex-basis: 10%;
  -ms-flex-basis: 10%;
  flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  max-width: 10%;
}
.flex-col-2-10 {
  -webkit-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  max-width: 20%;
}
.flex-col-3-10 {
  -webkit-flex-basis: 30%;
  -ms-flex-basis: 30%;
  flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  max-width: 30%;
}
.flex-col-4-10 {
  -webkit-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  max-width: 40%;
}
.flex-col-5-10 {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  max-width: 50%;
}
.flex-col-6-10 {
  -webkit-flex-basis: 60%;
  -ms-flex-basis: 60%;
  flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  max-width: 60%;
}
.flex-col-7-10 {
  -webkit-flex-basis: 70%;
  -ms-flex-basis: 70%;
  flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  max-width: 70%;
}
.flex-col-8-10 {
  -webkit-flex-basis: 80%;
  -ms-flex-basis: 80%;
  flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  max-width: 80%;
}
.flex-col-9-10 {
  -webkit-flex-basis: 90%;
  -ms-flex-basis: 90%;
  flex-basis: 90%;
  -ms-flex-preferred-size: 90%;
  max-width: 90%;
}
/* ********************
Align
******************** */
.align-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.align-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.align-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.align-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.align-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.align-stretch {
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
/* ********************
Align self
******************** */
.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.align-self-middle {
  -ms-flex-item-align: center;
  align-self: center;
}
.align-self-shrink {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}
.align-self-grow {
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
/* ********************
Flexbox mixins
******************** */
/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}
#swipebox-overlay img {
  border: none !important;
}
#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: 0 0;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(http://images/vendor/swipebox/loader.gif) center center no-repeat;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: .5s;
  transition: .5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}
#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}
#swipebox-close,
#swipebox-next,
#swipebox-prev {
  background-image: url(http://images/vendor/swipebox/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
  display: none;
}
#swipebox-next.disabled,
#swipebox-prev.disabled {
  opacity: .3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring .3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring .3s;
  animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0 10px -8px #656565;
  box-shadow: inset 10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0 10px -8px #656565;
  box-shadow: inset -10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
#swipebox-overlay {
  background: #0d0d0d;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px #000;
  background: #000;
  opacity: .95;
}
#swipebox-top-bar {
  color: #fff !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica,Arial,sans-serif;
}
@font-face {
  font-family: 'D-DIN-Bold';
  src: url('/wp-content/themes/scisports/static/fonts/d-din-bold-webfont.woff2') format('woff2'), url('/wp-content/themes/scisports/static/fonts/d-din-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'D-DIN-Italic';
  src: url('/wp-content/themes/scisports/static/fonts/d-din-italic-webfont.woff2') format('woff2'), url('/wp-content/themes/scisports/static/fonts/d-din-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'D-DIN-Regular';
  src: url('/wp-content/themes/scisports/static/fonts/d-din-webfont.woff2') format('woff2'), url('/wp-content/themes/scisports/static/fonts/d-din-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
#cookie-notice {
  padding: 20px;
}
#cookie-notice .cookie-notice-container {
  display: flex;
  overflow: hidden;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1190px;
  width: 100%;
  padding: 0;
}
@media (max-width: 600px) {
  #cookie-notice .cookie-notice-container {
    flex-flow: row wrap;
  }
}
#cookie-notice #cn-notice-text {
  flex: 0 1 1190px;
  font-size: 14px;
  text-align: left;
}
#cookie-notice #cn-notice-text a {
  font-size: 14px;
  color: inherit;
  text-decoration: underline;
}
#cookie-notice #cn-notice-text a:hover {
  text-decoration: none;
}
#cookie-notice #cn-accept-cookie {
  text-decoration: none;
}
#cookie-notice #cn-accept-cookie,
#cookie-notice #cn-more-info {
  background: transparent;
  color: white;
  padding: 12px 32px;
  font-size: 14px;
  border: 2px solid white;
  line-height: 100%;
  transition: all .2s ease;
  border-radius: 0px;
}
#cookie-notice #cn-accept-cookie:hover,
#cookie-notice #cn-more-info:hover {
  background: #ffffff;
  color: #060606;
}
#cookie-notice #cn-more-info {
  background: none;
  color: inherit;
  text-decoration: underline;
}
#cookie-notice #cn-more-info:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #060606;
}
@media (max-width: 600px) {
  #cookie-notice #cn-notice-text {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
  }
  #cookie-notice #cn-notice-text a {
    font-size: 12px;
  }
  #cookie-notice #cn-accept-cookie {
    margin-left: 0;
  }
}
.cookie-settings-modal {
  position: fixed;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 800px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: white;
  z-index: 0;
  padding: 50px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
}
.cookie-settings-modal .cookie-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  padding: 0;
  background: none;
  cursor: pointer;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cookie-settings-modal .cookie-close::before,
.cookie-settings-modal .cookie-close::after {
  position: absolute;
  width: 34px;
  height: 3px;
  left: 0;
  top: 19px;
  content: "";
  background: black;
}
.cookie-settings-modal .cookie-close::before {
  transform: rotate(-45deg);
}
.cookie-settings-modal .cookie-close::after {
  transform: rotate(45deg);
}
.cookie-settings-modal .cookie-settings-scroll-inner form ul {
  margin-bottom: 0px;
}
.cookie-settings-modal form {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.cookie-settings-modal ul {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.cookie-settings-modal ul li {
  padding-left: 0;
  margin-bottom: 15px;
}
.cookie-settings-modal ul li::after,
.cookie-settings-modal ul li::before {
  display: none;
}
.cookie-settings-modal ul li:last-child {
  margin-bottom: 0;
}
.cookie-settings-modal ul li label {
  cursor: pointer;
}
.cookie-settings-modal ul li.analytic {
  position: relative;
}
.cookie-settings-modal ul li.analytic:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDBFNjc2IiBkPSJNMjAuMjg1IDJsLTExLjI4NSAxMS41NjctNS4yODYtNS4wMTEtMy43MTQgMy43MTYgOSA4LjcyOCAxNS0xNS4yODV6Ii8+PC9zdmc+') top left / 16px no-repeat;
  content: "";
}
.cookie-settings-modal ul li.analytic strong {
  padding-left: 22px;
}
.cookie-settings-modal ul li p {
  margin: 8px 0 0;
  padding-left: 22px;
}
.cookie-settings-modal h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: bold !important;
}
.cookie-settings-modal p {
  margin-bottom: 16px;
}
.cookie-settings-modal .button {
  line-height: 100%;
  padding: 13px 30px;
  background: #f37300;
  color: white;
  border: 0;
  cursor: pointer;
  margin: 32px 0 0;
  text-decoration: none;
  font-size: 14px;
  transition: all .2s ease;
  border-radius: 0px;
}
.cookie-settings-modal .button:hover {
  background: #ffffff;
}
.cookie-settings-modal.show {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 640px), screen and (max-height: 768px) {
  .cookie-settings-modal {
    padding: 20px;
    left: 0;
    top: 2%;
    transform: translateX(0%) translateY(0%);
    max-height: calc(100vh - 4%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .cookie-settings-modal .cookie-settings-scroll-inner {
    margin-bottom: 80px;
  }
  .cookie-settings-modal .cookie-close {
    top: 5px;
    right: 5px;
  }
  .cookie-settings-modal ul {
    padding: 10px;
  }
  .cookie-settings-modal.show {
    left: 0;
    top: 2%;
    transform: translateX(0%) translateY(0%);
    z-index: 100001 !important;
  }
  .cookie-settings-modal.editor h3 {
    margin-bottom: 10px;
  }
  .cookie-settings-modal.editor p {
    margin-bottom: 10px;
  }
}
/* ********************
HTML / Body
******************** */
html {
  font-size: 62.5%;
}
body {
  font-family: 'D-DIN-Regular';
  font-size: 1.6rem;
  color: rgba(6, 6, 6, 0.7);
  background-color: #e6ebee;
  -ms-overflow-style: none;
}
body:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 35, 66, 0.9);
  pointer-events: none;
  transition: 0.2s ease-in-out;
  opacity: 0;
  content: '';
  z-index: 1001;
}
body.nav-open {
  overflow: hidden;
}
body.open-popup {
  overflow: hidden;
}
body.open-popup:before {
  opacity: 1;
}
.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
/* ********************					
Grid									
******************** */
.grid {
  position: relative;
  width: 100%;
  max-width: 144.4rem;
  margin: 0 auto;
}
.grid--flex {
  display: flex;
  flex-wrap: wrap;
}
.grid--narrow {
  max-width: 120.2rem;
}
.grid--small {
  max-width: 96rem;
}
.grid--smaller {
  max-width: 84rem;
}
.grid--nano {
  max-width: 69rem;
}
/* ********************					
Backgrounds									
******************** */
body.home {
  background-color: white;
}
body.category {
  background-color: white;
}
/* ********************					
Main									
******************** */
.main {
  overflow: hidden;
  width: 100%;
}
/* ********************					
Header									
******************** */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 9.8rem;
}
.header:after {
  position: absolute;
  background-image: linear-gradient(#012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
  top: 0;
  left: 0;
  height: 14.4rem;
  width: 100%;
  content: '';
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.header .grid {
  /* .relative;  */
  padding: 0 1.6rem;
}
.header__inner {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.3);
  padding: 2.4rem 0;
}
.header__nav {
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
}
@media only screen and (min-width: 1023px) {
  .header__nav {
    display: flex !important;
  }
}
.header__nav > ul {
  display: flex;
}
.header__nav > ul > li {
  padding: 0.8rem;
  position: relative;
}
.header__nav > ul > li > a {
  text-decoration: none;
  color: white;
  font-size: 1.8rem;
  position: relative;
  z-index: 10;
}
.header__nav > ul > li > a:after {
  color: #f37300;
  margin-left: .4rem;
}
body.desktop .header__nav > ul > li > a:hover {
  color: #f37300;
}
.header__nav > ul > li > ul {
  position: absolute;
  z-index: 9;
  background-color: #012342;
  width: 20rem;
  top: 100%;
  padding: 0.8rem;
  display: none;
  margin-top: .4rem;
}
.header__nav > ul > li > ul:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #012342 transparent;
  content: '';
  position: absolute;
  top: -.8rem;
  left: 1.6rem;
}
.header__nav > ul > li > ul:before {
  position: absolute;
  width: 100%;
  height: 2.4rem;
  top: -2.4rem;
  left: 0;
  content: '';
}
.header__nav > ul > li > ul > li {
  padding: 0.8rem;
  position: relative;
}
.header__nav > ul > li > ul > li > a {
  text-decoration: none;
  color: white !important;
  font-size: 1.6rem;
}
body.desktop .header__nav > ul > li > ul > li > a:hover {
  color: #f37300 !important;
}
.header__nav > ul > li > ul > li > ul > li {
  margin-top: .8rem;
  padding-left: 1.6rem;
}
.header__nav > ul > li > ul > li > ul > li > a {
  color: white !important;
  text-decoration: none;
}
.header__nav > ul > li:hover > ul {
  display: block;
}
.header__top {
  border-bottom: 0.1rem solid transparent;
  transition: background-color 0.2s ease-in-out;
}
.header__right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header__right .menu {
  display: flex;
  align-items: center;
  /*
			@media only screen and (min-width: 767px) {
				position: relative;
				margin-left: 2.4rem;
				top: 1rem;
				&:before {
					position: absolute;
					top: -2.4rem;
					left: 0;
					width: 100%;
					content: 'Platform';
					display: block;
					color: white;
					padding: 0 2.4rem;
					font-size: 1.6rem;
					color: gray;
				}
				&:after {
					content: '';
					width: .2rem;
					height: ~'calc(100% + 4.8rem)';
					margin-top: -3.4rem;
					top: 0;
					left: 0;
					position: absolute;
					background-color: fade(white,30%);
				}
			}
*/
}
.header__right .menu li:not(.top-button) a {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-size: 1.6rem;
  /* text-transform: lowercase; */
  transition: color 0.3s ease-in-out;
}
.header__right .menu li:not(.top-button) a:after {
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #f37300;
  content: '';
  bottom: -0.6rem;
  left: 0;
  max-width: 0;
  transition: max-width 0.25s ease-in-out;
}
body.desktop .header__right .menu li:not(.top-button) a:hover {
  color: #f37300;
}
body.desktop .header__right .menu li:not(.top-button) a:hover:after {
  max-width: 100%;
}
.header__right .top-button {
  margin: 0 2.4rem;
}
.header__right .top-button a {
  display: flex;
  font-family: 'D-DIN-Bold';
  text-align: center !important;
  align-items: center;
  justify-content: center;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  height: 4.8rem;
  border-width: 0.2rem;
  border-style: solid;
  border-color: #f37300;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
body.desktop .header__right .top-button a:hover {
  background-color: #f37300;
  color: white;
}
.header__bottom {
  display: flex;
  padding: 2.4rem 0;
  transition: all 0.3s ease-in-out;
}
.header__bottom .grid {
  display: flex;
  flex-direction: row;
}
.header__bottom .page-title {
  font-family: 'D-DIN-Bold';
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.2s ease-in-out;
}
body.nav-open .header__bottom .page-title {
  opacity: 0;
  visibility: hidden;
}
body.nav-open .header__bottom {
  opacity: 0;
  visibility: hidden;
}
.header--scrolled:after {
  opacity: 0;
}
.header--scrolled .header__top {
  background-color: white;
  border-bottom-color: #dfdfdf;
}
.header--scrolled .header__top .nav-trigger {
  color: rgba(6, 6, 6, 0.35);
}
.header--scrolled .header__top .nav-trigger span {
  margin-left: 1.6rem;
}
.header--scrolled .header__top .nav-trigger path {
  fill: #012342;
}
.header--scrolled .header__top .nav-trigger circle {
  stroke: #012342;
}
.header--scrolled .header__nav > ul > li a {
  color: #012342;
}
.header--scrolled .header__right .top-button a {
  color: #f37300;
}
.header--scrolled .header__right li:not(.top-button) a {
  color: #012342;
}
.header--scrolled .header__right .search-trigger svg path {
  fill: #012342;
}
.header--scrolled .header__right .menu:before {
  color: gray;
}
.header--scrolled .header__right .menu:after {
  background-color: #e6ebee;
}
.header--scrolled .header__bottom {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.breadcrumbs-wrapper {
  margin-left: auto;
  transition: all 0.2s 1.6s ease-in-out;
}
body.nav-open .breadcrumbs-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.breadcrumbs-wrapper span {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.breadcrumbs-wrapper a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
body.desktop .breadcrumbs-wrapper a:hover {
  color: white;
}
.post-nav {
  display: flex;
  align-items: center;
}
.post-nav__arrow {
  width: 0.8rem;
}
.post-nav__arrow + .post-nav__grid {
  margin-left: 1.6rem;
}
.post-nav__grid {
  margin: 0 1.6rem 0 0;
}
.post-nav__grid svg path {
  opacity: .4;
}
.post-nav svg path {
  transition: 0.2s ease-in-out;
}
body.desktop .post-nav a:hover svg path {
  fill: #f37300;
  opacity: 1;
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Header									
******************** */
  .header__nav {
    position: fixed;
    top: 5.4rem;
    left: 0;
    width: 100%;
    height: calc(100% - 5.4rem);
    background: #012342;
    justify-content: flex-start;
    display: none;
  }
  .header__nav > ul {
    flex-direction: column;
    margin: 6.4rem 0;
    width: 100%;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .header__nav > ul > li {
    padding: 1.6rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .header__nav > ul > li > a {
    color: white !important;
    font-size: 2.4rem;
    display: block;
  }
  .header__nav > ul > li > ul {
    position: relative;
    top: 0;
    margin-top: 0;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -.8rem;
  }
  .header__nav > ul > li > ul:after {
    display: none;
  }
  .header__nav > ul > li > ul:before {
    display: none;
  }
  .header__nav > ul > li > ul > li {
    width: 50%;
  }
  .header__nav > ul > li > ul > li > a {
    color: rgba(255, 255, 255, 0.75) !important;
  }
  .header__right .top-button {
    margin: 0 1.6rem;
  }
  .header__right .top-button a {
    padding: 0 1.6rem;
    font-size: 1.4rem;
  }
  .header__bottom {
    padding: 1.6rem 0;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Header									
******************** */
  .header .grid {
    padding: 0;
  }
  .header__inner {
    padding: 1.8rem 1.6rem;
    border-bottom-width: 0.1rem;
  }
  .header__right {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 5.4rem;
    width: 100%;
    padding: 1.6rem;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body.nav-open .header__right {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .header__right .menu {
    flex-grow: 1;
  }
  .header__right .menu li:first-child {
    flex-grow: 1;
  }
  .header__right .menu li:not(.top-button) a {
    color: white !important;
  }
  .header__right .top-button {
    margin: 0 1.6rem;
  }
  .header__right .top-button a {
    height: 3.2rem;
    padding: 0 0.8rem;
    color: white !important;
  }
  .header__right .search-trigger svg path {
    fill: white !important;
  }
  .header__bottom .page-title {
    display: none;
  }
  .post-nav {
    display: none;
  }
  .breadcrumbs-wrapper {
    display: none;
  }
}
/* ********************					
Site Navigation									
******************** */
.site-nav {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900;
  transform: translateY(-100%);
}
.site-nav__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #012342;
}
.site-nav__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.site-nav__menu-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  flex-grow: 1;
  padding-top: 9.6rem;
}
.site-nav__image {
  position: absolute;
  bottom: 28rem;
  right: 4rem;
  width: 76rem;
  height: 60rem;
}
.site-nav__image img {
  display: block;
  width: 76rem;
  height: 60rem;
}
.site-nav__nav {
  position: relative;
  z-index: 10;
}
.site-nav__nav > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.site-nav__nav > ul > li {
  padding: 0 1.6rem;
  width: 25%;
}
.site-nav__nav > ul > li > a {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.6rem;
  text-transform: lowercase;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}
.site-nav__nav > ul > li > ul {
  margin-top: 2.4rem;
}
.site-nav__nav > ul > li > ul > li {
  padding: 0.5rem 0;
}
.site-nav__nav > ul > li > ul > li > a {
  font-family: 'D-DIN-Bold';
  position: relative;
  color: white;
  font-size: 3.2rem;
  line-height: 4.2rem;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  text-decoration: none;
}
.site-nav__nav > ul > li > ul > li > a:before {
  font-family: 'D-DIN-Regular';
  position: absolute;
  right: -1.6rem;
  top: -1.6rem;
  color: #f37300;
  font-size: 2.2rem;
  opacity: 0;
  transition: 0.2s ease-in-out;
}
body.nav-open .site-nav__nav > ul > li > ul > li > a:before {
  opacity: 1;
  transition: 0.3s 1.6s ease-in-out;
}
.site-nav__nav > ul > li > ul > li > ul {
  margin: 0.4rem 0 1.6rem;
}
.site-nav__nav > ul > li > ul > li > ul > li > a {
  font-family: 'D-DIN-Bold';
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  text-decoration: none;
}
.site-nav__nav > ul > li > ul > li.menu-item--external a {
  position: relative;
}
.site-nav__nav > ul > li > ul > li.menu-item--external a:after {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 50%;
  margin-top: -0.9rem;
  right: -2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-external--white.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  content: '';
  opacity: 0;
  transition: opacity .2s;
}
body.nav-open .site-nav__nav > ul > li > ul > li.menu-item--external a:after {
  opacity: .4;
  transition: opacity 0.4s 1.6s ease-in-out;
}
.site-nav__just-in {
  position: relative;
  display: flex;
  z-index: 1;
  height: 28rem;
}
.site-nav__just-in .grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 6.4rem;
}
.site-nav__just-in .items {
  display: flex;
  align-items: center;
  width: 100%;
  flex-grow: 1;
}
.site-nav__just-in .items:before {
  position: absolute;
  background-image: linear-gradient(#01274b 0%, rgba(1, 39, 75, 0.738) 19%, rgba(1, 39, 75, 0.541) 34%, rgba(1, 39, 75, 0.382) 47%, rgba(1, 39, 75, 0.278) 56.5%, rgba(1, 39, 75, 0.194) 65%, rgba(1, 39, 75, 0.126) 73%, rgba(1, 39, 75, 0.075) 80.2%, rgba(1, 39, 75, 0.042) 86.09999999999999%, rgba(1, 39, 75, 0.021) 91%, rgba(1, 39, 75, 0.008) 95.2%, rgba(1, 39, 75, 0.002) 98.2%, rgba(1, 39, 75, 0) 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 6.4rem;
  content: '';
  z-index: 2;
  pointer-events: none;
}
.site-nav__just-in .items:after {
  position: absolute;
  background-image: linear-gradient(to top, #01274b 0%, rgba(1, 39, 75, 0.738) 19%, rgba(1, 39, 75, 0.541) 34%, rgba(1, 39, 75, 0.382) 47%, rgba(1, 39, 75, 0.278) 56.5%, rgba(1, 39, 75, 0.194) 65%, rgba(1, 39, 75, 0.126) 73%, rgba(1, 39, 75, 0.075) 80.2%, rgba(1, 39, 75, 0.042) 86.09999999999999%, rgba(1, 39, 75, 0.021) 91%, rgba(1, 39, 75, 0.008) 95.2%, rgba(1, 39, 75, 0.002) 98.2%, rgba(1, 39, 75, 0) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6.4rem;
  content: '';
  z-index: 2;
  pointer-events: none;
}
.site-nav__just-in .items .swiper-wrapper {
  height: 8rem;
}
.site-nav__bottom-background {
  position: absolute;
  z-index: -1;
  height: 28rem;
  width: 100%;
  background-color: #01274A;
}
.site-nav__heading {
  font-family: 'D-DIN-Bold';
  color: white;
  font-size: 2.2rem;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  padding: 0 1.6rem;
}
.site-nav__heading span {
  position: relative;
}
.site-nav__heading span:after {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: -0.2rem;
  right: -1.2rem;
  border-radius: 50%;
  background-color: #f37300;
  content: '';
}
.site-nav__bottom {
  height: 6.4rem;
  padding: 0 1.6rem;
}
.site-nav__bottom-button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.site-nav__bottom-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0.8rem;
}
.site-nav__bottom-button a span {
  font-family: 'D-DIN-Italic';
  text-decoration: none;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.3);
  margin-right: 0.8rem;
  transition: color 0.2s ease-in-out;
}
.site-nav__bottom-button a svg {
  transition: all 0.3s ease-in-out;
}
body.desktop .site-nav__bottom-button a:hover span {
  color: white;
}
body.desktop .site-nav__bottom-button a:hover svg {
  opacity: 0;
  margin-right: -2.2rem;
}
@media all and (-ms-high-contrast: none) {
  .site-nav__just-in .items:before,
  .site-nav__just-in .items:after {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .site-nav__image {
    bottom: 24rem;
  }
  .site-nav__nav > ul {
    justify-content: space-between;
  }
  .site-nav__nav > ul > li {
    width: auto;
  }
  .site-nav__nav > ul > li > ul {
    margin-top: 1.6rem;
  }
  .site-nav__nav > ul > li > ul > li > a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.3rem;
  }
  .site-nav__nav > ul > li > ul > li > ul > li > a {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .site-nav__just-in {
    height: 24rem;
  }
  .site-nav__just-in .grid {
    padding-top: 4rem;
  }
}
@media only screen and (max-width: 800px) {
  .site-nav__nav > ul > li {
    width: 50%;
    margin-bottom: 3.2rem;
  }
  .site-nav__nav > ul > li:nth-child(3),
  .site-nav__nav > ul > li:nth-child(4) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .site-nav__menu-wrapper {
    padding-top: 14.4rem;
  }
  .site-nav__nav > ul > li {
    margin-bottom: 2.4rem;
  }
  .site-nav__nav > ul > li > a {
    font-size: 1.2rem;
  }
  .site-nav__nav > ul > li > ul {
    margin-top: 0.8rem;
  }
  .site-nav__nav > ul > li > ul > li > a {
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: 0.2rem;
  }
  .site-nav__nav > ul > li > ul > li > a:before {
    font-size: 1.2rem;
    top: -0.8rem;
    right: -0.8rem;
  }
  .site-nav__nav > ul > li > ul > li > ul {
    margin-bottom: 0;
  }
  .site-nav__nav > ul > li > ul > li > ul > li > a {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .site-nav__just-in {
    height: 12rem;
  }
  .site-nav__just-in .grid {
    padding-top: 2.4rem;
  }
  .site-nav__just-in .items:before,
  .site-nav__just-in .items:after {
    height: 0.8rem;
  }
  .site-nav__just-in .items .swiper-wrapper {
    height: 5.6rem;
  }
  .site-nav__just-in .item {
    padding: 0 !important;
  }
  .site-nav__just-in .item__inner {
    display: block;
    height: 5.6rem !important;
    padding: 0 !important;
  }
  .site-nav__just-in .item__content {
    font-size: 1.2rem !important;
    padding: 0;
  }
  .site-nav__just-in .item__date {
    display: block;
    font-size: 1rem !important;
  }
  .site-nav__just-in .item__day {
    font-size: 1rem !important;
    margin-right: 0.4rem;
  }
  .site-nav__just-in .item__label {
    display: none;
  }
  .site-nav__just-in .item__left {
    width: 100%;
    height: auto !important;
  }
  .site-nav__just-in .item.item--dark {
    border-top: none !important;
  }
  .site-nav__heading {
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
  }
  .site-nav__heading span:after {
    width: 0.4rem;
    height: 0.4rem;
    right: -0.8rem;
  }
  .site-nav__bottom {
    display: none;
  }
  .site-nav__image {
    display: none;
  }
}
/* ********************					
Search Trigger									
******************** */
.search-trigger svg path {
  transition: fill 0.3s ease-in-out;
}
/* ********************					
Nav Trigger									
******************** */
.nav-trigger {
  font-family: 'D-DIN-Bold';
  position: absolute;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  left: 50%;
  top: 50%;
  margin-top: -9px;
  margin-left: -3.5rem;
  text-transform: uppercase;
}
.nav-trigger__icon {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 1.8rem;
}
.nav-trigger__hamburger,
.nav-trigger__close {
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.nav-trigger__hamburger {
  top: 0;
  left: 0;
}
.nav-trigger__close {
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2.4rem);
}
body.nav-open .nav-trigger .nav-trigger__hamburger {
  opacity: 0;
  visibility: hidden;
  transform: translateY(2.4rem);
}
body.nav-open .nav-trigger .nav-trigger__close {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-trigger span {
  margin-left: 1.6rem;
}
.nav-trigger--new {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .nav-trigger--new {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .nav-trigger {
    right: 1.6rem;
    left: auto;
    margin-left: 0;
    color: white;
  }
  .nav-trigger span {
    margin-left: 0.8rem !important;
    font-size: 1.6rem;
  }
}
/* ********************					
Logo									
******************** */
.logo {
  height: 2.2rem;
}
.logo svg {
  width: 17rem;
  height: 2.2rem;
}
.logo svg * {
  transition: fill 0.2s ease-in-out;
}
.logo .letters-orange {
  fill: white;
}
.logo .letters-blue {
  fill: white;
}
.header--scrolled .logo .letters-orange {
  fill: #f37300;
}
.header--scrolled .logo .letters-blue {
  fill: #012342;
}
@media only screen and (max-width: 767px) {
  .logo {
    height: 1.69rem;
    margin-top: 0.1rem;
  }
  .logo svg {
    width: 12.8rem;
    height: 1.69rem;
  }
}
/* ********************					
Page Top									
******************** */
.page-top {
  position: relative;
  min-height: 80rem;
  height: calc(100vh - 2.4rem);
  background-color: #060606;
}
body.single-post .page-top {
  max-height: 72rem;
}
body.error404 .page-top {
  min-height: 64rem;
  height: 64rem;
}
body.error404 .page-top .hero-slide__content {
  padding-top: 8.8rem;
}
body.search-no-results .page-top,
body.search-results .page-top {
  min-height: 56rem;
  height: 56rem;
}
body.search-no-results .page-top .hero-slide__content,
body.search-results .page-top .hero-slide__content {
  padding-top: 8.8rem;
}
@media only screen and (max-width: 768px) {
  .page-top {
    height: auto !important;
    min-height: 0 !important;
  }
  .page-top + .section:not(.section--page-intro) {
    margin-top: 4rem;
    padding-top: 0;
  }
}
/* ********************					
Hero Slider									
******************** */
.hero-slider {
  height: 100%;
}
.hero-slide {
  height: 100%;
}
.hero-slide .grid {
  display: flex;
  align-items: center;
  z-index: 2;
  height: 100%;
}
body.page-template-page-contact .hero-slide .grid {
  padding-bottom: 16rem;
}
body.page-template-page-in-the-media .hero-slide .grid {
  padding-bottom: 4rem;
}
.hero-slide__details {
  display: flex;
  width: 100%;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.hero-slide__details > div + div {
  margin-left: 4rem;
}
.hero-slide__details .item__date {
  padding-bottom: 0.4rem;
}
.hero-slide__details .item__date span:not(.item__day) {
  position: relative;
}
.hero-slide__details .item__date span:not(.item__day):before {
  position: absolute;
  top: -2rem;
  content: 'date';
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: lowercase;
}
.hero-slide__content {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  padding-top: 4rem;
}
.hero-slide__content h3 {
  color: white;
  font-size: 3.6rem;
  margin-bottom: 1.6rem;
  line-height: 4.6rem;
}
.hero-slide__content h4 {
  color: #f37300;
  font-size: 2.2rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
}
.hero-slide__content p {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 3.2rem;
  /*  max-width: 48rem; */
}
.hero-slide__content .buttons-wrapper {
  display: flex;
  margin-top: 4rem;
}
.hero-slide__content .buttons-wrapper .button {
  margin-right: 2.4rem;
}
body.post-type-archive-case .hero-slide__content {
  padding-bottom: 6.4rem;
}
body.page-template-page-service .hero-slide__content {
  padding-bottom: 12.8rem;
}
.hero-slide__title {
  font-family: 'D-DIN-Bold';
  color: white;
  font-size: 6rem;
  line-height: 6.6rem;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  margin-bottom: 1.6rem;
}
.hero-slide__title b {
  color: #f37300;
}
.hero-slide__title img {
  display: block;
  max-width: 28rem;
  margin: 2.4rem 0 3.2rem;
}
.hero-slide__title--hide-text {
  font-size: 0 !important;
  line-height: 0 !important;
}
.hero-slide h1:not(.hero-slide__title-small) {
  font-family: 'D-DIN-Bold';
  color: white;
  font-size: 6rem;
  line-height: 6.6rem;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  margin-bottom: 1.6rem;
}
.hero-slide h1:not(.hero-slide__title-small) b {
  color: #f37300;
}
.hero-slide__title-small {
  color: white;
  font-size: 3.6rem;
  margin-bottom: 1.6rem;
  line-height: 4.6rem;
}
.hero-slide__center {
  width: 100%;
  max-width: 69rem;
  padding: 0 1.6rem;
  margin: 0 auto;
}
.hero-slide__left {
  width: 40%;
  max-width: 56rem;
  min-width: 42rem;
  padding: 0 1.6rem;
}
.hero-slide__left--wide {
  width: 50%;
  max-width: 72rem;
}
.hero-slide__left--wide p {
  max-width: 64rem;
}
.hero-slide__right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  margin-left: auto;
  padding: 0 1.6rem;
}
.hero-slide__right img {
  display: block;
  max-height: 56rem;
  max-width: 76rem;
}
.hero-slide__right--column {
  flex-flow: column;
}
.hero-slide__right--right img {
  margin-left: auto;
}
.hero-slide__right--left img {
  margin-right: auto;
}
.hero-slide__right .gform_wrapper {
  background-color: #012342;
  padding: 2.4rem;
  margin-bottom: -17.6rem;
}
.hero-slide__api-title {
  font-family: 'D-DIN-Bold';
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 30px;
  margin-top: 40px;
}
.hero-slide__api-text {
  color: white;
  opacity: 0.4;
  line-height: 22px;
}
.hero-slide__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #060606;
}
.hero-slide__background img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 75%;
  opacity: .8;
}
body.single-post .hero-slide__background img {
  opacity: .2;
}
@media all and (-ms-high-contrast: none) {
  .hero-slide__background img {
    position: absolute;
    width: auto;
    height: auto;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 200rem;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}
.hero-slide__background--darker img {
  opacity: .4;
}
body.single-post .hero-slide__background {
  background-color: #012342;
}
body.category .hero-slide__background:before {
  /* .blue-left; .absolute; content: ''; width: 75%; height: 100%; z-index: 1; */
}
.hero-slide__particles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 1;
}
.hero-slide .client {
  padding-bottom: 0.4rem;
}
.hero-slide .client__image {
  margin-top: -0.4rem;
}
.hero-slide .client__image img {
  /* margin-top: 0.4rem; */
}
.hero-slide .logo-slider {
  position: absolute;
  bottom: 8rem;
  left: 0;
  width: 100%;
  padding-top: 5.6rem;
  z-index: 3;
}
.hero-slide .logo-slider:before {
  display: block;
  position: relative;
  font-family: 'D-DIN-Bold';
  width: 100%;
  max-width: 141.2rem;
  margin: 0 auto;
  content: 'A selection of our clients';
  color: white;
  font-size: 2.2rem;
  top: -5.6rem;
}
@media only screen and (max-width: 1400px) {
  .hero-slide .logo-slider:before {
    padding-left: 1.6rem;
  }
}
@media only screen and (max-width: 1280px) {
  /* ********************					
Hero Slider									
******************** */
  .hero-slide__content h4 {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .hero-slide__content p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .hero-slide h1:not(.hero-slide__title-small) {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  .hero-slide__title {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  .hero-slide__right img {
    max-width: 52rem;
  }
}
@media only screen and (max-width: 1180px) {
  /* ********************					
Hero Slider									
******************** */
  .hero-slide__right img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Hero Slider									
******************** */
  .hero-slide .grid {
    overflow: hidden;
  }
  .hero-slide h1:not(.hero-slide__title-small) {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  .hero-slide__title {
    font-size: 4rem;
    line-height: 4.4rem;
  }
  .hero-slide__left {
    /* width: 100%; */
  }
  .hero-slide__right {
    justify-content: flex-start;
  }
  .hero-slide__right img {
    max-width: 64rem;
  }
  .hero-slide__api-title,
  .hero-slide__api-text {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  /* ********************					
Hero Slider									
******************** */
  .hero-slider {
    overflow: visible;
    height: auto;
  }
  .hero-slider .swiper-wrapper {
    height: auto;
  }
  .hero-slide {
    height: auto;
    overflow: hidden;
    /*
	&__right							{ .absolute; width: auto; height: 40rem; left: ~'calc(100% - 11.2rem)'; padding-left: 0; top: 50%; transform: translateY(-50%);
		img								{ max-height: 40rem; margin-top: 0.8rem; }
	}
*/
  }
  .hero-slide .grid {
    height: auto;
  }
  body.page-template-page-contact .hero-slide .grid {
    padding-bottom: 16rem;
  }
  .hero-slide__content {
    display: block;
    padding: 17.6rem 0 8rem !important;
  }
  body.post-type-archive-case .hero-slide__content {
    padding: 17.6rem 0 12rem !important;
  }
  .hero-slide__content .buttons-wrapper .button {
    margin-right: 1.6rem;
  }
  .hero-slide__details {
    border-bottom: none;
    padding-bottom: 0.8rem;
  }
  .hero-slide__details > div + div {
    margin-left: 1.6rem;
  }
  .hero-slide__details .item__date {
    padding-bottom: 0.4rem;
  }
  .hero-slide__details .item__date .item__day {
    font-size: 2rem;
    margin-right: 0.4rem;
  }
  .hero-slide__details .item__date span:not(.item__day) {
    position: relative;
    font-size: 1.2rem;
  }
  .hero-slide__details .item__date span:not(.item__day):before {
    position: relative;
    display: block;
    top: 0;
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }
  .hero-slide__details .client__details {
    /*  .none; */
  }
  .hero-slide__title {
    font-size: 3.2rem;
    letter-spacing: 0.2rem;
    line-height: 3.8rem;
  }
  .hero-slide__title img {
    max-width: 16rem;
    margin: 1.6rem 0 2.4rem;
  }
  .hero-slide__title-small {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .hero-slide__left {
    position: relative;
    min-width: 100%;
    z-index: 1;
    padding-right: 8.8rem;
  }
  .hero-slide__right {
    width: 100%;
    margin-top: 2.4rem;
    justify-content: center;
  }
  .hero-slide__right img {
    max-width: 46rem;
    max-height: none;
    height: auto;
    width: 100%;
  }
  .hero-slide__particles {
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  .hero-slide .logo-slider {
    position: relative;
    /* bottom: auto; */
    margin: -4rem 0 4.8rem;
    padding-top: 3.2rem;
  }
  .hero-slide .logo-slider:before {
    padding: 0 1.6rem;
    font-size: 1.6rem;
    top: -3.2rem;
  }
  .hero-slide .buttons-wrapper {
    width: calc(100% + 6.4rem);
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Hero Slider									
******************** */
  .hero-slide__content {
    padding: 14.4rem 0 8rem !important;
  }
  body.post-type-archive-case .hero-slide__content {
    padding: 14.6rem 0 12rem !important;
  }
}
/* ********************					
Offices Top								
******************** */
.offices-top {
  position: absolute;
  left: 0;
  bottom: 12rem;
  width: 100%;
  z-index: 2;
}
.offices {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 48rem;
}
.office {
  padding: 0 1.6rem;
}
.office:before {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--white-orange.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.2rem;
  margin-bottom: 1.6rem;
  content: '';
}
.office h4 {
  font-family: 'D-DIN-Bold';
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  color: white;
}
.office ul li {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: rgba(255, 255, 255, 0.7);
}
.office ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 768px) {
  /* ********************					
Offices Top								
******************** */
  .offices-top {
    bottom: 8rem;
  }
  .office h4 {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .office ul li {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
/* ********************					
Section									
******************** */
.section {
  position: relative;
  z-index: 1;
  padding: 12.8rem 0;
}
.section--gray {
  background-color: #e6ebee;
}
.section--gray + .section--gray {
  padding-top: 6.4rem;
}
.section--white {
  background-color: white;
}
.section--no-padding-bottom {
  padding-bottom: 0;
}
.section--no-padding-top {
  padding-top: 0;
}
.section--border-top {
  border-top: 0.1rem solid rgba(6, 6, 6, 0.1);
}
.section__intro {
  text-align: center !important;
  margin: 0 auto 9.6rem;
  max-width: 72rem;
  padding: 0 1.6rem;
}
.section__intro p {
  font-size: 1.8rem;
  line-height: 3rem;
}
.section__intro .button-wrapper {
  margin-top: 5.6rem;
}
.section__intro--less-margin {
  margin: 0 auto 8rem;
}
.section__intro--left {
  text-align: left !important;
  margin: 0;
}
.section__title {
  font-family: 'D-DIN-Bold';
  font-size: 3.6rem;
  text-transform: uppercase;
  color: #060606;
  letter-spacing: 0.4rem;
  padding-left: 0.4rem;
  margin-bottom: 1.6rem;
}
.section__title span {
  position: relative;
}
.section__title span .post-counter {
  font-family: 'D-DIN-Regular';
  position: absolute;
  margin-left: 0.4rem;
  top: -0.4rem;
  color: #f37300;
  font-size: 2.2rem;
}
.section__sub-title {
  font-family: 'D-DIN-Bold';
  max-width: 144.4rem;
  margin: 0 auto;
  padding: 0 1.6rem 5.6rem;
  font-size: 2.2rem;
  color: #f37300;
}
@media only screen and (max-width: 767px) {
  .section__title {
    font-size: 2.8rem;
    letter-spacing: 0.3rem;
  }
  .section__sub-title {
    padding: 0 1.6rem 3.2rem;
  }
  .section__intro {
    margin-bottom: 4rem;
  }
  .section__intro--left {
    margin-bottom: 3.2rem;
  }
  .section__intro--less-margin {
    margin-bottom: 0;
  }
  .section__intro .button-wrapper {
    margin-top: 2.4rem;
  }
}
/* ********************					
Services									
******************** */
body.home .section--services {
  margin-top: -9.6rem;
  padding: 0;
}
body.page-template-page-services .section--services {
  margin-top: -9.6rem;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  body.home .section--services {
    margin-top: -4rem !important;
    padding-top: 6.4rem;
  }
  body.page-template-page-services .section--services {
    margin-top: -4rem !important;
    padding-top: 6.4rem;
  }
  body.page-template-page-services .section--services .tile--insight {
    margin-top: 0;
  }
}
/* ********************					
Tiles									
******************** */
.tiles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.tile {
  padding: 1.6rem;
  display: flex;
  /* ************
		Client
		************ */
  /* ************
		Slider Nav
		************ */
  /* ************
		CTA
		************ */
  /* ************
		CTA Bottom
		************ */
  /* ************
		Light
		************ */
  /* ************
		Service
		************ */
  /* ************
		Page
		************ */
  /* ************
		Article
		************ */
  /* ************
		Highlighted
		************ */
  /* ************
		Insight
		************ */
  /* ************
		BallJames
		************ */
  /* ************
		Datascouting
		************ */
}
.tile__top {
  position: relative;
  z-index: 10;
}
.tile__inner {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  text-decoration: none;
  padding: 4.8rem;
  transform-style: preserve-3d;
}
.tile__content {
  position: relative;
  z-index: 10;
}
.tile__label {
  position: absolute;
  display: flex;
  align-items: center;
  color: white;
  font-size: 1.4rem;
  height: 3.2rem;
  border-radius: 1.6rem;
  border: 0.1rem solid white;
  padding: 0 1.4rem;
}
.tile__title {
  font-family: 'D-DIN-Bold';
  font-size: 3.2rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  margin-bottom: 0.8rem;
  line-height: 3.8rem;
}
.tile__title--medium {
  text-transform: none;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0;
}
.tile__title--small {
  text-transform: none;
  font-size: 2.2rem;
  line-height: 3rem;
}
.tile__sub-title {
  color: white;
  text-transform: uppercase;
  line-height: 2rem;
}
.tile__sub-title--orange {
  color: #f37300;
}
.tile__sub-title--black {
  color: #060606;
}
.tile__sub-title + .tile__title {
  margin-top: 4rem;
}
.tile__sub-title + .tile__service-logo {
  margin-top: 10.4rem;
}
.tile__service-logo {
  margin-bottom: 2.4rem;
}
.tile__excerpt {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 3rem;
}
.tile__bottom {
  display: flex;
  position: relative;
  z-index: 2;
  width: 100%;
  align-items: center;
  padding: 0 4rem;
  font-size: 1.6rem;
  background-color: white;
  min-height: 6.4rem;
  border-radius: 0 0 1rem 1rem;
}
.tile__bottom--external {
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-external--blue.svg');
  background-position: center right 4rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
}
.tile__bottom p {
  color: rgba(6, 6, 6, 0.6);
}
.tile__read-more {
  display: flex;
  font-family: 'D-DIN-Bold';
  align-items: center;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 2.4rem;
  text-transform: uppercase;
  margin-top: 6.4rem;
  transition: color 0.3s ease-in-out;
}
.tile__read-more svg {
  margin-left: 0.8rem;
  opacity: .4;
  transition: 0.3s ease-in-out;
}
.tile__visual {
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: -5.6rem;
  pointer-events: none;
}
.tile__visual img {
  display: block;
  max-height: 52rem;
}
.tile__thumbnail {
  position: absolute;
  width: 10.4rem;
  height: 10.4rem;
  border-radius: 50%;
  overflow: hidden;
  right: -3.2rem;
  top: 50%;
  margin-top: -5.2rem;
  z-index: 2;
}
.tile__thumbnail img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tile__thumbnail--club {
  overflow: visible;
  border-radius: 0;
}
.tile__thumbnail--club img {
  object-fit: contain;
}
.tile__particles {
  position: absolute;
  width: calc(100% + 16rem);
  height: calc(100% + 16rem);
  top: -8rem;
  left: -8rem;
  overflow: hidden;
  z-index: 2;
}
.tile__particles:before {
  position: absolute;
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.09999999999999%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
  opacity: .5;
}
.tile__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #060606;
  border-radius: 1rem;
  z-index: 1;
}
.tile__background img {
  position: relative;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tile__background--bottom img {
  object-position: 50% 75%;
}
.tile__button-wrapper {
  display: inline-block;
  margin-top: 4rem;
}
.tile--client {
  padding-right: 5.6rem;
}
.tile--client .tile__top {
  transform: translateZ(40px) scale(0.96);
}
.tile--client .tile__excerpt {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, opacity 0.2s ease-in-out;
}
.tile--client .tile__background img {
  opacity: .4;
  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tile--client .tile__content {
  margin-top: auto;
  transform: translateZ(40px) scale(0.96);
}
.tile--client .tile__visual {
  margin-top: auto;
  transform: translateZ(40px) scale(0.96);
}
.tile--client .tile__inner {
  height: 60.8rem;
  padding-right: 20rem;
  will-change: transform;
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}
body.desktop .tile--client .tile__inner:hover .tile__excerpt {
  max-height: 12rem;
  opacity: 1;
  transition: max-height 0.5s ease-in-out, opacity 0.3s 0.2s ease-in-out;
}
body.desktop .tile--client .tile__inner:hover .tile__background img {
  opacity: 1;
}
body.desktop .tile--client .tile__inner:hover .button {
  border-color: #e46c00;
  background-color: #e46c00;
  color: white;
}
.tile--slide-nav .tile__inner {
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  padding-right: 9.6rem;
}
.tile--slide-nav .tile__content {
  padding-left: 4rem;
}
.tile--slide-nav .item__date {
  text-align: center !important;
  display: block;
  flex-direction: column;
  min-width: 6.4rem;
  padding-bottom: 0;
}
.tile--slide-nav .item__date span {
  display: block;
}
.tile--slide-nav .item__day {
  font-size: 4.8rem;
  margin-right: 0;
}
.tile--cta .tile__inner {
  padding: 5.6rem;
}
.tile--cta .tile__title {
  margin-bottom: 0.8rem;
}
.tile--cta .tile__content {
  margin-bottom: 4rem;
}
.tile--cta .tile__button-wrapper {
  display: flex;
  position: relative;
  z-index: 2;
  margin-top: auto;
}
.tile--cta-bottom {
  padding-top: 0;
  padding-bottom: 0;
}
.tile--cta-bottom .tile__inner {
  flex-direction: row;
  padding: 6.4rem;
  flex-grow: 1;
}
.tile--cta-bottom .tile__content {
  flex-grow: 1;
}
.tile--cta-bottom .tile__button-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  z-index: 2;
  margin-top: 0;
  margin-left: auto;
  margin-top: auto;
}
.tile--light .tile__title {
  color: #060606;
}
.tile--light .tile__excerpt {
  color: rgba(6, 6, 6, 0.7);
}
.tile--light .tile__background {
  background-color: #d7dfe4;
}
.tile--light .tile__background:after {
  position: absolute;
  width: 13.8rem;
  height: 13.8rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--white.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13.8rem;
  bottom: 4rem;
  right: -5.6rem;
  content: '';
}
.tile--service .tile__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  transform: translateZ(40px) scale(0.96);
}
.tile--service .tile__excerpt {
  max-width: 24rem;
  margin-bottom: 4rem;
}
.tile--service .tile__service-logo {
  margin-right: auto;
}
.tile--service .tile__inner {
  will-change: transform;
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}
body.desktop .tile--service .tile__inner:hover .tile__read-more {
  color: white;
}
body.desktop .tile--service .tile__inner:hover .tile__read-more svg {
  transform: translateX(0.4rem);
  opacity: 1;
}
body.desktop .tile--service .tile__inner:hover .button {
  border-color: #e46c00;
  background-color: #e46c00;
  color: white;
}
.tile--service .tile__button-wrapper {
  margin-top: auto;
  margin-right: auto;
}
.tile--page {
  max-width: 33.333333%;
}
.tile--page .tile__inner {
  padding: 0;
  /* min-height: 37rem; */
}
.tile--page .tile__content {
  display: flex;
  padding: 4rem;
  width: 100%;
  height: 100%;
  height: 24rem;
}
.tile--page .tile__title {
  margin-top: auto;
  margin-bottom: 0;
}
.tile--page .tile__bottom {
  /* margin-top: auto; */
  flex-grow: 1;
  align-items: flex-start;
}
.tile--page .tile__background {
  background-color: #012342;
  padding-left: 0;
  border-radius: 1rem 1rem 0 0;
  height: calc(100% - 2.4rem);
}
.tile--page .tile__background:before {
  position: absolute;
  background-image: linear-gradient(to right, #012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
  left: 0;
  width: 75%;
  height: 100%;
  z-index: 2;
  content: '';
}
.tile--page .tile__excerpt {
  padding: 1.6rem 0;
}
.tile--article {
  display: flex;
}
.tile--article .tile__inner {
  flex-grow: 1;
  height: auto;
}
.tile--article .tile__content {
  position: relative;
  max-width: 100% !important;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
  background-color: white;
  height: auto;
}
.tile--article .tile__content:after {
  position: absolute;
  bottom: 3.2rem;
  right: -4.8rem;
  width: 11rem;
  height: 11.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--black.svg');
  background-position: center center;
  opacity: .7;
  content: '';
  background-repeat: no-repeat;
  background-size: 11rem;
}
.tile--article .tile__logo img {
  display: block;
  width: auto;
  height: auto;
  max-height: 3.2rem;
  margin-bottom: 4.8rem;
  max-width: calc(100% - 12rem);
}
.tile--article .tile__date {
  display: flex;
  position: absolute;
  right: 4rem;
  z-index: 2;
  align-items: flex-end;
  text-transform: uppercase;
  color: rgba(6, 6, 6, 0.3);
  padding-bottom: 0.7rem;
}
.tile--article .tile__day {
  font-family: 'D-DIN-Bold';
  font-size: 2.6rem;
  margin-right: 0.8rem;
  color: #060606;
}
.tile--article .tile__text {
  font-family: 'D-DIN-Italic';
  color: rgba(6, 6, 6, 0.7);
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-right: 3.2rem;
  margin-top: auto;
}
.tile--article .tile__bottom {
  background-color: #F1F3F4;
}
body.items-loading .tile--article {
  opacity: .4;
}
.tile--article:first-child,
.tile--article:nth-child(3n+3),
.tile--article:nth-child(3n+4) {
  margin-top: 3.2rem;
  margin-bottom: -3.2rem;
}
.tile--highlighted .tile__inner:before {
  display: block;
  min-height: 4rem;
  max-height: 4rem;
  border-radius: 1rem 1rem 0 0;
  background-color: #19426A;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-stars.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 5rem;
  content: '';
}
.tile--highlighted .tile__content {
  border-radius: 0;
}
.tile--insight .tile__background {
  background-color: #012342;
  padding-left: 6.4rem;
}
.tile--insight .tile__background:before {
  position: absolute;
  background-image: linear-gradient(to right, #012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
  left: 6.4rem;
  width: 125%;
  height: 100%;
  z-index: 2;
  content: '';
}
@media all and (-ms-high-contrast: none) {
  .tile--insight .tile__background img {
    position: absolute;
    width: auto;
    left: 6.4rem;
  }
}
.tile--balljames .tile__background {
  background-color: #00a06a;
  padding-left: 6.4rem;
}
.tile--balljames .tile__background:before {
  position: absolute;
  background-image: linear-gradient(to right, #009e69 0%, rgba(0, 158, 105, 0.738) 19%, rgba(0, 158, 105, 0.541) 34%, rgba(0, 158, 105, 0.382) 47%, rgba(0, 158, 105, 0.278) 56.5%, rgba(0, 158, 105, 0.194) 65%, rgba(0, 158, 105, 0.126) 73%, rgba(0, 158, 105, 0.075) 80.2%, rgba(0, 158, 105, 0.042) 86.09999999999999%, rgba(0, 158, 105, 0.021) 91%, rgba(0, 158, 105, 0.008) 95.2%, rgba(0, 158, 105, 0.002) 98.2%, rgba(0, 158, 105, 0) 100%);
  left: 6.4rem;
  width: 125%;
  height: 100%;
  z-index: 2;
  content: '';
}
@media all and (-ms-high-contrast: none) {
  .tile--balljames .tile__background img {
    position: absolute;
    width: auto;
    left: 6.4rem;
  }
}
.tile--datascouting .tile__background {
  background-color: #012342;
  padding-left: 6.4rem;
}
.tile--datascouting .tile__background:before {
  position: absolute;
  background-image: linear-gradient(to right, #012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
  left: 6.4rem;
  width: 125%;
  height: 100%;
  z-index: 2;
  content: '';
}
@media all and (-ms-high-contrast: none) {
  .tile--datascouting .tile__background img {
    position: absolute;
    width: auto;
    left: 6.4rem;
  }
}
@media only screen and (max-width: 1200px) {
  .tile--article:nth-child(3n+3),
  .tile--article:nth-child(3n+4) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tile--article:nth-child(odd) {
    margin-top: -3.2rem;
    margin-bottom: 3.2rem;
  }
}
@media only screen and (max-width: 1023px) {
  .tile--service {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 800px) {
  .tile--article {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .tile--article .tile__date {
    position: relative;
    padding-left: 4rem;
    margin-bottom: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .tiles {
    display: block;
    padding: 0 0.8rem;
  }
  .tile {
    padding: 0.8rem;
    /* ************
		Client
		************ */
    /* ************
		Page
		************ */
    /* ************
		Service
		************ */
    /* ************
		CTA Bottom
		************ */
    /* ************
		CTA Bottom
		************ */
    /* ************
		BallJames
		************ */
  }
  .tile__content {
    padding-right: 3.2rem;
  }
  .tile__title {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 0;
  }
  .tile__particles {
    width: calc(100% + 3.2rem);
    height: calc(100% + 3.2rem);
    top: -1.6rem;
    left: -1.6rem;
  }
  .tile__sub-title + .tile__title {
    margin-top: 4rem;
  }
  .tile__service-logo {
    height: auto;
    max-height: 2.3rem;
    max-width: calc(100% + 3.2rem);
  }
  .tile--client .tile__inner {
    height: 48rem;
    padding: 3.2rem;
    overflow: hidden;
  }
  .tile--client .tile__excerpt {
    opacity: 1;
    max-height: inherit;
  }
  .tile--client .tile__visual {
    right: -8.8rem;
  }
  .tile--client .tile__visual img {
    max-height: 44rem;
  }
  .tile--client .button {
    background-color: #f37300;
    border-color: #f37300;
  }
  .tile--page {
    max-width: 100%;
    min-width: 100% !important;
  }
  .tile--page .tile__inner {
    padding: 0 !important;
  }
  .tile--page .tile__content {
    height: 22rem;
  }
  .page-template-page-jobs .tile--page .tile__content {
    height: 22rem;
  }
  .tile--service {
    max-width: 100%;
  }
  .tile--service .tile__inner {
    padding: 3.2rem;
    height: auto;
  }
  .tile--service .tile__read-more {
    margin-top: 4rem;
  }
  .tile--service .button {
    border-color: #f37300;
    background-color: #f37300;
    color: white;
  }
  .tile--cta .tile__inner {
    height: auto;
  }
  .tile--cta-bottom .tile__inner {
    flex-direction: column;
    height: auto;
  }
  .tile--cta-bottom .tile__button-wrapper {
    margin: 3.2rem 0 0 0;
    width: 100%;
  }
  .tile--cta-bottom .tile__button-wrapper .button {
    width: 100%;
  }
  .tile--balljames .tile__service-logo {
    max-height: 4.6rem;
  }
}
/* ********************					
Client									
******************** */
.section--client-slider {
  position: relative;
}
.section--client-slider:after {
  position: absolute;
  width: 100%;
  height: 24rem;
  left: 0;
  bottom: 0;
  background-color: white;
  content: '';
}
.section--client-slider .slider-nav {
  position: absolute;
  top: -14.8rem;
  right: 1.6rem;
}
.client-slider-wrapper {
  width: 87.5%;
}
.client-slider {
  overflow: visible;
}
.client-slider .swiper-wrapper {
  height: auto;
}
.client-slider .swiper-slide {
  height: auto;
}
.client-slider .swiper-slide:nth-child(odd) .tile {
  padding-top: 5.6rem;
}
body.post-type-archive-case .client-slider {
  margin-top: 7.2rem;
}
.client {
  display: flex;
  align-items: center;
}
.client__image {
  width: 4.4rem;
  min-width: 4.4rem;
  height: 4.4rem;
  margin-right: 1.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.client__image--logo {
  overflow: visible;
  border-radius: 0;
  background-color: transparent !important;
}
.client__image--logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.client__image--player img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.client__details > div + div {
  margin-top: 0.4rem;
}
.client__details--dark .client__title {
  color: #060606;
}
.client__label {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: lowercase;
}
.client__title {
  font-family: 'D-DIN-Bold';
  font-size: 1.6rem;
  color: white;
  text-transform: uppercase;
}
.client__title + .client__label {
  text-transform: none;
}
.client--dark .client__image {
  background-color: #e6ebee;
}
.client--dark .client__label {
  color: rgba(6, 6, 6, 0.7);
}
.client--dark .client__title {
  color: #060606;
}
@media only screen and (max-width: 767px) {
  .client__image {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    margin-right: 0.8rem;
  }
  .client__details > div + div {
    margin-top: 0.2rem;
  }
  .client__label {
    font-size: 1.2rem;
  }
  .client__title {
    font-size: 1.2rem;
  }
  .section--client-slider {
    padding-bottom: 2.44rem;
  }
  .section--client-slider .slider-nav {
    display: none;
  }
  .client-slider-wrapper {
    width: 100%;
    padding-right: 3.2rem;
    padding-left: 0.8rem;
  }
}
/* ********************					
Recources									
******************** */
body.page-template-page-resources .section--news {
  padding-top: 6.4rem;
}
/* ********************					
Items									
******************** */
.items {
  padding: 0 1.6rem;
}
body.items-loading .items .item {
  opacity: .4;
}
.items + .button-wrapper {
  margin-top: 6.4rem;
}
.no-results {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 12rem;
  background-color: rgba(6, 6, 6, 0.05);
}
@keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.item {
  position: relative;
  border-top: 0.1rem solid rgba(6, 6, 6, 0.1);
  transition: border-color 0.2s ease-in-out;
}
.item:after {
  position: absolute;
  width: calc(100% + 3.2rem);
  height: 12rem;
  background-color: white;
  right: 0;
  /* top: -1.4rem; */
  top: 0;
  opacity: 0;
  content: '';
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item__inner {
  display: flex;
  position: relative;
  text-decoration: none;
  align-items: center;
  flex-direction: row;
  height: 12rem;
  color: #060606;
  z-index: 1;
}
.item__left {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 23.3rem;
  width: 23.3rem;
  height: 100%;
  padding-left: 8.8rem;
}
.item__left--no-padding {
  width: 16rem;
  padding-left: 0;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-chevron-right--black.svg');
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.item__icon {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.4rem;
  align-items: center;
  justify-content: center;
  background-size: 2.4rem;
  background-position: center center;
  background-repeat: no-repeat;
  width: 4.8rem;
  height: 4.8rem;
  background-color: #d1dae0;
  border-radius: 50%;
  transition: opacity 0.2s ease-in-out;
}
.item__icon--updates {
  display: flex;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-updates.png');
  background-size: 2.2rem;
}
.item__icon--football {
  display: flex;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-football.png');
}
.item__icon--press-release {
  display: flex;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-press-release.png');
  background-size: 1.9rem;
}
.item__icon--intelligence {
  display: flex;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-in-th-field.png');
  background-size: 2.6rem;
  background-position: top 0.9rem center;
}
.item__date {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: flex-end;
  text-transform: uppercase;
  color: rgba(6, 6, 6, 0.3);
  padding-bottom: 0.7rem;
  transition: opacity 0.2s ease-in-out;
}
.item__date--light {
  color: white;
}
.item__date--light .item__day {
  color: white;
}
.item__day {
  font-family: 'D-DIN-Bold';
  font-size: 2.6rem;
  margin-right: 0.8rem;
  color: #060606;
}
.item__thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  height: 12rem;
  width: 21.3rem;
  max-width: 0;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 5;
  overflow: hidden;
}
.item__thumbnail img {
  /* height: 14.8rem; width: 26.5rem; */
  height: 12rem;
  width: 21.3rem;
}
.item__content {
  flex-grow: 1;
  padding: 0 5.6rem 0;
  font-size: 2rem;
}
.item__title {
  max-width: 72rem;
  line-height: 1.3;
}
.item__label {
  display: flex;
  align-items: center;
  background-color: white;
  height: 3.2rem;
  padding: 0 1.6rem;
  border-radius: 1.6rem;
  font-size: 1.4rem;
  transition: background-color 0.4s ease-in-out;
  white-space: nowrap;
}
.item--small {
  height: 8rem;
}
.item--small .item__inner {
  height: 8rem;
}
.item--small .item__left {
  padding-left: 0;
  min-width: 16rem;
  width: 16rem;
}
.item--small .item__date,
.item--small .item__icon {
  opacity: 1 !important;
}
.item--dark .item__date {
  color: rgba(255, 255, 255, 0.4);
}
.item--dark .item__date .item__day {
  color: white;
}
.item--dark .item__date span:not(.item__day) {
  padding-bottom: 0.1rem;
}
.item--dark .item__title {
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.3s ease-in-out;
}
.item--dark .item__label {
  background-color: #021C34 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.item--dark:after {
  display: none;
}
.item--dark:hover .item__title {
  color: white;
}
.item:first-child {
  border-top: none;
}
.item:hover {
  border-top-color: transparent;
}
.item:hover:after {
  opacity: 1;
  right: -3.2rem;
}
.item:hover + .item {
  border-top-color: transparent;
}
.item:hover .item__thumbnail {
  max-width: 26.5rem;
  left: -3.2rem;
}
.item:hover .item__label {
  background-color: #e6ebee;
}
.item:hover .item__date,
.item:hover .item__icon {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Items									
******************** */
  .items .item {
    border-top: 0.1rem solid rgba(6, 6, 6, 0.1) !important;
    padding: 2.4rem 0;
  }
  .items .item:first-child {
    border-top: none !important;
  }
  .items .item__inner {
    display: block;
    height: auto;
    padding: 0;
  }
  .items .item__content {
    font-size: 1.8rem;
    padding: 0;
  }
  .items .item__date {
    display: block;
    font-size: 1.4rem;
    opacity: 1 !important;
  }
  .items .item__day {
    font-size: 1.2rem;
    margin-right: 0.4rem;
  }
  .items .item__left {
    padding-left: 0;
    width: 100%;
    height: auto;
  }
  .items .item__label {
    display: none;
  }
  .items .item__icon {
    display: none;
  }
  .items .item__thumbnail {
    display: none;
  }
  .items .item:after {
    display: none;
  }
}
/* ********************					
Employees									
******************** */
.employees {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10.4rem;
}
.employee {
  display: flex;
  -webkit-flex-basis: 33.33333%;
  -ms-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  max-width: 33.33333%;
  padding: 1.6rem;
}
.employee__inner {
  position: relative;
  flex-grow: 1;
  padding: 4rem;
  background-color: #e6ebee;
  max-width: 100%;
}
.employee__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 8.8rem;
}
.employee__thumbnail {
  min-width: 8.8rem;
  min-height: 8.8rem;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 3.2rem;
}
.employee__thumbnail img {
  display: block;
  position: relative;
  left: 50%;
  height: 8.8rem;
  transform: translateX(-50%);
}
.employee__name {
  font-family: 'D-DIN-Bold';
  color: #060606;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  text-transform: uppercase;
}
.employee__function {
  color: #f37300;
}
.employee__number {
  position: absolute;
  font-family: 'D-DIN-Bold';
  text-align: right !important;
  width: 16rem;
  top: 0.9rem;
  right: -1.8rem;
  color: #DDE2E5;
  font-size: 14.4rem;
}
.employee__quote {
  font-family: 'D-DIN-Italic';
  font-size: 1.6rem;
  color: rgba(6, 6, 6, 0.5);
  margin-top: 3.2rem;
  line-height: 2.4rem;
}
.employee__quote a {
  font-family: 'D-DIN-Regular';
  text-decoration: none;
  color: #f37300;
}
.employee--small {
  display: flex;
  flex-grow: 1;
  padding: 0;
  margin: 4rem 0 -5.6rem;
  min-width: calc(100% + 5.6rem);
}
.employee--small .employee__inner {
  position: relative;
  height: auto;
  background-color: #F1F3F4;
  flex-grow: 1;
  overflow: hidden;
}
.employee--small .employee__inner:after {
  position: absolute;
  top: 50%;
  margin-top: -4.6rem;
  right: -4rem;
  width: 9.2rem;
  height: 9.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--black.svg');
  background-position: center center;
  opacity: .5;
  content: '';
  background-repeat: no-repeat;
  background-size: 9.2rem;
}
.employee--small .employee__top {
  padding-right: 0;
}
.employee--small .employee__thumbnail {
  height: 6.4rem;
  width: 6.4rem;
  min-width: 6.4rem;
  min-height: 6.4rem;
}
.employee--small .employee__thumbnail img {
  height: 6.4rem;
}
.employee--small .employee__function {
  color: rgba(6, 6, 6, 0.7);
}
.employee:first-child,
.employee:nth-child(3n+3),
.employee:nth-child(3n+4) {
  margin-top: -3.2rem;
  margin-bottom: 3.2rem;
}
body.items-loading .employee {
  opacity: .4;
}
@media only screen and (max-width: 1200px) {
  /* ********************					
Employees									
******************** */
  .employee {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
  }
  .employee:nth-child(3n+3),
  .employee:nth-child(3n+4) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .employee:nth-child(odd) {
    margin-top: -3.2rem;
    margin-bottom: 3.2rem;
  }
}
@media only screen and (max-width: 880px) {
  /* ********************					
Employees									
******************** */
  .employee:not(.employee--small) {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
  .employee__inner {
    padding: 2.3rem;
  }
  .employee__top {
    padding-right: 4.8rem;
  }
  .employee__thumbnail {
    min-width: 6.4rem;
    min-height: 6.4rem;
    width: 6.4rem;
    height: 6.4rem;
    margin-right: 1.6rem;
  }
  .employee__thumbnail img {
    height: 6.4rem;
  }
  .employee__quote {
    margin-top: 1.6rem;
  }
  .employee__number {
    font-size: 8rem;
    right: -0.9rem;
    top: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Employees									
******************** */
  .employees {
    margin-top: 0.8rem;
  }
  .employee--small {
    margin: 4rem 0 -4rem -4rem;
    min-width: calc(100% + 8rem);
  }
  .employee--small .employee__inner {
    padding: 4rem;
  }
}
/* ********************					
Filter									
******************** */
.post-filter-wrapper--team {
  margin-left: auto;
  padding-right: 0.8rem;
}
.post-filter-wrapper--team .post-filter {
  margin-top: 5.6rem;
}
.post-filter {
  display: flex;
  justify-content: center;
  margin: 8rem auto 0;
}
.post-filter select {
  width: 24rem;
  margin: 0 0.8rem;
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Filter									
******************** */
  .post-filter-wrapper--team {
    width: 100%;
    padding: 0 0.8rem;
  }
  .post-filter-wrapper--team .post-filter select {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Filter									
******************** */
  .post-filter-wrapper--team .post-filter {
    margin-top: 0;
  }
  .post-filter {
    margin: 3.2rem auto 0;
  }
}
/* ********************					
Hero Slider Nav									
******************** */
.hero-nav-slider-wrapper {
  width: 87.5%;
  margin-top: -9.6rem;
  padding-left: 1.6rem;
  display: flex;
  flex-direction: column;
}
.hero-nav-slider {
  overflow: visible;
  margin-left: -1.6rem;
  width: 100%;
}
.hero-nav-slider .swiper-wrapper {
  height: auto;
}
.hero-nav-slider .swiper-slide {
  display: flex;
  height: auto;
  flex-grow: 1;
}
.hero-nav-slider .swiper-slide .tile {
  width: 100%;
}
.hero-nav-slider .swiper-slide .tile__inner {
  /* height: 100%; */
}
.hero-nav-slider .swiper-slide .tile__background img {
  opacity: .4;
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .tile__excerpt {
  color: rgba(6, 6, 6, 0.4);
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .tile__thumbnail {
  filter: grayscale(1);
  opacity: .2;
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .tile__background {
  background-color: #e6ebee;
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .tile__background img {
  opacity: 0;
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .item__date {
  color: rgba(6, 6, 6, 0.4);
}
.hero-nav-slider .swiper-slide:not(.swiper-slide-active) .item__day {
  color: #060606;
}
@media only screen and (max-width: 768px) {
  /* ********************					
Hero Slider Nav									
******************** */
  .hero-nav-slider-wrapper {
    display: none;
  }
}
/* ********************					
Slider Nav									
******************** */
.grid--slider-nav {
  /* .relative;  */
  z-index: 10;
}
.slider-nav {
  display: flex;
}
.slider-nav__arrow {
  cursor: pointer;
  padding: 0.4rem;
  /*
		svg								{ transition: transform .2s .2s ease-in-out; }
		&--right						{
			body.desktop &:hover svg	{ transform: translateX(0.8rem); transition: transform .2s ease-in-out; }		
		}
		&--left						{
			body.desktop &:hover svg	{ transform: translateX(-0.8rem); transition: transform .2s ease-in-out; }		
		}
*/
}
.slider-nav__arrow.swiper-button-disabled {
  cursor: default;
  opacity: .2;
}
.slider-nav--hero {
  position: absolute;
  left: 1.6rem;
  top: -12.8rem;
}
@media only screen and (max-width: 768px) {
  /* ********************					
Slider Nav									
******************** */
  .slider-nav--hero {
    top: -5.6rem;
  }
}
/* ********************					
Logo Slider									
******************** */
.logo-slider .swiper-slide {
  display: flex;
  height: 8rem;
}
.logo-slider .swiper-slide > div {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  cursor: default;
}
.logo-slider .swiper-slide > div img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media all and (-ms-high-contrast: none) {
  .logo-slider .swiper-slide > div img {
    width: auto;
    height: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .logo-slider .swiper-slide {
    height: 4rem;
  }
}
/* ********************					
Box									
******************** */
.box {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 5.6rem;
  background-color: white;
}
.box__row {
  display: flex;
  flex-direction: row;
}
.box__row + .box__row {
  margin-top: 2.8rem;
}
.box__col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.box__col:first-child {
  padding-right: 3.2rem;
}
.box__col:first-child + .box__col {
  padding-left: 3.2rem;
}
.box__col + .box__col {
  margin-top: 6.1rem;
}
.box__right {
  position: relative;
  z-index: 1;
  width: 22.5rem;
}
.box__right h4 {
  font-family: 'D-DIN-Bold';
  color: #f37300;
  font-size: 2.2rem;
  margin-bottom: 2.4rem;
  letter-spacing: 0.1rem;
}
.box__right .button--download span {
  width: 100%;
  align-items: center;
  justify-content: center;
}
body.show-player-report-form .box__right .button--download {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s 0.2s ease-in-out;
}
.box__right .gform_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.box__right .gform_wrapper .gfield {
  padding: 0;
}
.box__right .gform_wrapper .gfield_description {
  color: rgba(6, 6, 6, 0.7);
  width: calc(100% + 10.4rem);
}
body.show-player-report-form .box__right .gform_wrapper {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s 0.2s ease-in-out;
}
.box__right .gform_body {
  position: absolute;
  left: -32rem;
  width: 32rem;
}
.box__right .gform_body input[type='email'] {
  border-right: none;
}
.box__right .gform_body input[type='email'][aria-invalid="true"] {
  background-color: rgba(255, 0, 0, 0.1);
}
.box__right .gform_footer {
  width: 10.4rem;
  padding-top: 0 !important;
}
.box__right .validation_error {
  display: none !important;
}
.box--player-report {
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 22.4rem;
  margin: 6.4rem 0;
}
.box--player-report:after {
  position: absolute;
  width: 11.4rem;
  height: 19.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--black.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 19.2rem;
  top: 50%;
  margin-top: -9.6rem;
  right: 0;
  content: '';
}
.box--player-report .box__visual {
  position: absolute;
  height: calc(100% + 12.8rem);
  max-height: calc(100% + 12.8rem);
  /* max-width: 19.2rem; margin-top: -1.6rem; */
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease-in-out /* cubic-bezier(0.645, 0.045, 0.355, 1) */;
}
.box--player-report .box__visual img {
  object-fit: contain;
  /* width: 100%; */
  height: 100%;
  max-height: 35rem;
}
body.show-player-report-form .box--player-report .box__visual {
  opacity: 0;
  transform: translateX(-125%);
}
.box--open .box__right .button--download {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s 0.2s ease-in-out;
}
.box--open .box__right .gform_wrapper {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s 0.2s ease-in-out;
}
.box--open .box__visual {
  opacity: 0;
  transform: translateX(-125%);
}
@media only screen and (max-width: 767px) {
  .box {
    padding: 4rem;
  }
  .box__row {
    display: block;
  }
  .box__col {
    width: 100%;
    padding: 0 !important;
  }
  .box__col:first-child + .box__col {
    margin-top: 3rem !important;
  }
  .box--player-report {
    flex-direction: column !important;
    margin: 0 -1.6rem;
    width: auto;
  }
  .box--player-report .box__right {
    display: flex;
    text-align: center !important;
    flex-direction: column;
    width: 100%;
  }
  .box--player-report .box__right .client {
    justify-content: center;
  }
  .box--player-report .box__right .client__image {
    min-height: 4.4rem;
    min-width: 4.4rem;
    width: 4.4rem;
  }
  .box--player-report .box__right .client__title {
    font-size: 1.6rem;
  }
  .box--player-report .box__right .button--download {
    width: 100%;
    padding-right: 10.4rem;
  }
  .box--player-report .box__right .button--download:before {
    display: none;
  }
  .box--player-report .box__right .button--download span {
    position: absolute;
    right: 0;
    top: 0;
    width: 8.8rem;
  }
  .box--player-report .box__right .gform_wrapper {
    position: relative;
    margin: -0.8rem 0 -4.8rem;
  }
  .box--player-report .box__right .gform_wrapper form {
    display: flex;
  }
  body.show-player-report-form .box--player-report .box__right .gform_wrapper {
    margin: 2.4rem 0 -4.8rem;
  }
  .box--player-report .box__right .gform_body {
    position: relative;
    left: auto;
    width: 100%;
  }
  .box--player-report .box__visual {
    display: none;
  }
}
/* ********************					
Pricing									
******************** */
.section--pricing {
  position: relative;
  z-index: 10;
  padding-top: 0;
  margin-top: -16rem;
  padding-bottom: 0;
}
.pricing {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.pricing-table {
  width: 25%;
  padding: 0 1.2rem;
  display: flex;
}
.pricing-table__inner {
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  background-color: white;
  transition: 0.2s ease-in-out;
  will-change: transform;
}
body.desktop .pricing-table__inner:hover {
  transform: scale(1.025);
  box-shadow: 0 0.8rem 0.8rem 0 rgba(6, 6, 6, 0.05);
}
.pricing-table__header {
  text-align: center !important;
  position: relative;
  background-color: #012342;
  padding: 2rem 2rem 2.4rem;
}
.pricing-table__header:after {
  position: absolute;
  bottom: -1rem;
  right: -4rem;
  width: 9.2rem;
  height: 9.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/sciball--white.svg');
  background-position: center center;
  opacity: .5;
  content: '';
  background-repeat: no-repeat;
  background-size: 9.2rem;
}
.pricing-table__label {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
}
.pricing-table__title {
  font-family: 'D-DIN-Bold';
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-top: 1rem;
  font-size: 2.4rem;
  color: white;
}
.pricing-table__price-wrapper {
  text-align: center !important;
  padding: 3.2rem 2rem;
}
.pricing-table__price {
  font-family: 'D-DIN-Bold';
  position: relative;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  font-size: 4rem;
  color: #060606;
}
.pricing-table__price:after {
  position: absolute;
  width: 15rem;
  height: 0.1rem;
  background-color: rgba(6, 6, 6, 0.1);
  content: '';
  left: 50%;
  margin-left: -7.5rem;
  bottom: 0;
}
.pricing-table__price span {
  position: relative;
}
.pricing-table__price span:before {
  position: absolute;
  font-family: 'D-DIN-Regular';
  font-size: 2rem;
  color: rgba(6, 6, 6, 0.4);
  content: '€';
  left: -1.8rem;
  top: 0.6rem;
}
.pricing-table__label {
  font-size: 1.8rem;
}
.pricing-table__list {
  flex-grow: 1;
  padding: 2.8rem 3.2rem 3.2rem;
  background-color: #dde4e8;
}
.pricing-table__list p {
  font-family: 'D-DIN-Italic';
  font-size: 1.4rem;
  line-height: 3.2rem;
  color: rgba(6, 6, 6, 0.5);
}
.pricing-table__list p span {
  color: #060606;
}
.pricing-table__list ul li {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: rgba(6, 6, 6, 0.5);
  padding-left: 2.4rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-check--black.svg');
  background-position: left top 1.1rem;
  background-size: 1.2rem;
  background-repeat: no-repeat;
}
.pricing-table__button-wrapper {
  padding: 2.4rem;
}
.pricing-form-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0 1.6rem;
  margin: 0 auto;
  max-width: 91rem;
  width: 100%;
}
.pricing-form-wrapper .tile {
  display: flex;
  padding: 0;
}
.pricing-form-wrapper .tile__inner {
  width: 100%;
}
.pricing-form-wrapper .tile__background {
  border-radius: 1rem 0 0 1rem;
}
.pricing-form-wrapper .form-wrapper {
  background-color: white;
  border-radius: 0 1rem 1rem 0;
  padding: 4.6rem 4.8rem;
}
@media only screen and (max-width: 900px) {
  /* ********************					
Pricing									
******************** */
  .pricing-table {
    min-width: 30rem;
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Pricing									
******************** */
  .section--pricing {
    margin-top: -4rem !important;
    padding-bottom: 0.8rem !important;
  }
  .pricing {
    display: block;
  }
  .pricing-table {
    min-width: 100%;
    margin-bottom: 3.2rem;
  }
  .pricing-table:last-child {
    margin-bottom: 0;
  }
  .pricing-table__inner {
    height: auto;
  }
  .pricing-table__button-wrapper .button {
    color: white;
    border-color: #f37300;
    background-color: #f37300;
  }
  .pricing-form-wrapper {
    display: block;
    padding-top: 3.2rem;
  }
  .pricing-form-wrapper .tile__inner {
    padding: 3.2rem;
    height: auto;
  }
  .pricing-form-wrapper .tile__background {
    border-radius: 1rem 1rem 0 0;
  }
  .pricing-form-wrapper .form-wrapper {
    border-radius: 0 0 1rem 1rem;
    max-width: 100%;
    padding: 3.2rem;
  }
}
/* ********************					
Forms									
******************** */
.gform_wrapper .gform_title {
  font-family: 'D-DIN-Bold';
  color: #060606;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 3.6rem;
}
.gform_wrapper .gform_title:before {
  display: none;
}
.gform_wrapper .gform_description {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 1.6rem;
}
.gform_wrapper .gfield_description {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: red;
}
.gform_wrapper .gfield_description:empty {
  margin-top: 0;
}
.gform_wrapper .gform_fields {
  margin-bottom: 0;
}
.gform_wrapper .gfield {
  position: relative;
  padding: 1rem 0;
  line-height: 1;
  margin-bottom: 0;
}
.gform_wrapper .gfield.gform_hidden {
  padding: 0;
}
.gform_wrapper .gfield:before {
  display: none;
}
.gform_wrapper .gfield .gfield_label {
  position: absolute;
  font-size: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  top: 1.4rem;
  right: 0.4rem;
}
.gform_wrapper .gfield .gfield_label .gfield_required {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  color: #f37300;
  font-size: 2rem;
  font-weight: 500;
}
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="password"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield textarea {
  width: 100%;
  border-color: #E3E7EA;
  background-color: #F1F3F4;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.gform_wrapper .gfield textarea {
  border-width: 0.2rem;
  resize: none;
  height: 12.8rem;
  padding: 1.6rem;
}
.gform_wrapper .gfield select {
  width: 100%;
  border-color: #E3E7EA;
  background-color: #F1F3F4;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.gform_wrapper .gform_footer {
  padding-top: 1rem;
}
.gform_wrapper .gform_button {
  display: flex;
  font-family: 'D-DIN-Bold';
  text-align: center !important;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  height: 4.8rem;
  border-width: 0.2rem;
  border-style: solid;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border-color: #f37300;
  background-color: #f37300;
  border-radius: 0;
  background-position: center center !important;
}
.gform_wrapper .gform_ajax_spinner {
  display: none;
}
.gform_wrapper .gform_validation_container {
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.gform_wrapper .gfield_visibility_hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.validation_error {
  border: 0.1rem solid red;
  color: red;
  padding: 1.2rem 1.6rem;
  line-height: 2rem;
  font-size: 1.4rem;
  background-color: rgba(255, 0, 0, 0.1);
  margin-bottom: 0.8rem;
}
/* ********************					
Contact									
******************** */
.section--contact-form {
  position: relative;
  margin-top: -8.8rem;
  z-index: 10;
  padding-top: 0;
}
.contact-form {
  max-width: 48rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}
.contact-form__inner {
  padding: 4.6rem 4.8rem;
  background-color: white;
}
.contact-form .select--large {
  padding-bottom: 3.4rem;
}
.contact-form .select--large .gfield_label {
  top: 4.8rem;
  right: 2.4rem;
}
.contact-form select {
  font-family: 'D-DIN-Bold';
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-select--gray.svg');
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: center right 4.8rem;
  width: calc(100% + 9.6rem) !important;
  margin-left: -4.8rem;
  border: none !important;
  height: 8rem;
  padding-left: 4.8rem;
}
.contact-form .editor {
  margin-bottom: 4.8rem;
}
.section--maps {
  padding-top: 0;
}
.tabs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 48rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}
.tab {
  font-family: 'D-DIN-Bold';
  font-size: 1.8rem;
  padding-bottom: 1.6rem;
  margin-bottom: 4.8rem;
}
.tab a {
  color: rgba(6, 6, 6, 0.2);
  text-decoration: none;
}
.tab--active {
  border-bottom: 0.3rem solid #f37300;
}
.tab--active a {
  color: #060606;
}
.tab-content {
  display: none;
}
.tab-content--active {
  display: block;
}
.map {
  height: 50rem;
}
@media only screen and (max-width: 768px) {
  /* ********************					
Contact									
******************** */
  .section--contact-form {
    margin-top: -4rem !important;
    padding-bottom: 4rem;
  }
  .contact-form__inner {
    padding: 3.2rem;
    overflow: hidden;
  }
  .contact-form .editor {
    margin-bottom: 3.2rem;
  }
  .section--maps {
    padding-bottom: 0;
  }
  .tab {
    font-size: 1.6rem;
  }
}
/* ********************					
Awards									
******************** */
.awards {
  padding: 0 1.6rem;
}
.awards-list {
  display: flex;
  flex-direction: row;
  margin: 8rem -1.6rem 0;
}
.award {
  width: 33.333333%;
  padding: 0 1.6rem;
}
.award a {
  display: block;
  width: 10rem;
  height: 10rem;
}
.award__icon {
  width: 10rem;
  height: 10rem;
  padding: 3rem;
  background-image: url('/wp-content/themes/scisports/static/images/award-icon-wrapper.svg');
  background-size: 10rem;
  background-repeat: no-repeat;
  background-position: center center;
}
.award__icon img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.award__text {
  margin-top: 1.6rem;
  line-height: 2.8rem;
  margin-right: 2.4rem;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Awards									
******************** */
  .awards .section__title {
    text-align: center !important;
  }
  .awards-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 4.8rem -1.6rem -2.4rem;
  }
  .award {
    text-align: center !important;
    width: 32rem;
  }
  .award + .award {
    margin-top: 4rem;
  }
  .award a {
    margin: auto;
  }
  .award__icon {
    margin: auto;
  }
  .award__text {
    margin-right: 0;
  }
}
/* ********************
Pagination
******************** */
.navigation.pagination {
  width: 100%;
  margin: 8rem auto 0;
  padding: 0 1.6rem;
}
.navigation.pagination .screen-reader-text {
  display: none;
}
.navigation.pagination .nav-links {
  text-align: center !important;
}
.navigation.pagination .nav-links a.page-numbers {
  display: inline-block;
  text-align: center !important;
  font-family: 'D-DIN-Bold';
  font-size: 1.6rem;
  height: 4.8rem;
  width: 4.8rem;
  line-height: 4.6rem;
  margin: 0 0.4rem;
  text-decoration: none;
  text-transform: uppercase;
  border: 0.2rem solid rgba(6, 6, 6, 0.6);
  color: rgba(6, 6, 6, 0.6);
  transition: all 0.3s ease-in-out;
}
.navigation.pagination .nav-links a.page-numbers div {
  display: none;
}
.navigation.pagination .nav-links a.page-numbers.next {
  float: right;
  color: white;
  color: rgba(6, 6, 6, 0.6);
}
.navigation.pagination .nav-links a.page-numbers.prev {
  float: left;
  color: white;
  color: rgba(6, 6, 6, 0.6);
}
.navigation.pagination .nav-links a.page-numbers.next,
.navigation.pagination .nav-links a.page-numbers.prev {
  width: 12rem;
  margin: 0;
  border: 0.2rem solid rgba(6, 6, 6, 0.6);
  line-height: 4.6rem;
}
body.desktop .navigation.pagination .nav-links a.page-numbers:hover {
  color: white;
  background-color: #f37300;
  border-color: #f37300;
}
.navigation.pagination .nav-links span {
  display: inline-block;
  text-align: center !important;
  cursor: default;
  font-size: 16px;
  height: 4.8rem;
  width: 4.8rem;
  line-height: 4.6rem;
  margin: 0 0.4rem;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
}
.navigation.pagination .nav-links span div {
  display: none;
}
.navigation.pagination .nav-links span.dots {
  color: #060606;
}
.navigation.pagination .nav-links span.current {
  color: rgba(6, 6, 6, 0.2);
  border: 0.2rem solid rgba(6, 6, 6, 0.2);
}
@media only screen and (max-width: 767px) {
  /* ********************
Pagination
******************** */
  .navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
  }
  .navigation.pagination .nav-links a.page-numbers {
    display: flex;
    font-family: 'D-DIN-Regular';
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    height: 2.8rem;
    width: 2.8rem;
    line-height: 1;
    border-width: 0.1rem;
    margin: 0 0.4rem;
  }
  .navigation.pagination .nav-links a.page-numbers.next,
  .navigation.pagination .nav-links a.page-numbers.prev {
    width: 2.8rem;
    line-height: 2.6rem;
    font-size: 0;
    border-width: 0.1rem;
    margin: 0 0.4rem;
  }
  .navigation.pagination .nav-links a.page-numbers.prev {
    background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-left--black.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.5rem;
  }
  .navigation.pagination .nav-links a.page-numbers.next {
    background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-right--black.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.5rem;
  }
  .navigation.pagination .nav-links span {
    display: flex;
    font-family: 'D-DIN-Regular';
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    height: 2.8rem;
    width: 2.8rem;
    line-height: 1;
    border-width: 0.1rem !important;
    margin: 0 0.4rem;
  }
}
/* ********************					
Press									
******************** */
.section--press .button-wrapper {
  margin-top: 8.8rem;
}
.press {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.press__logo {
  display: flex;
  padding: 1.6rem;
}
.press__logo > div {
  display: flex;
  width: 21rem;
  height: 8rem;
  padding: 2.4rem;
  align-items: center;
  justify-content: center;
  background-color: white;
}
.press__logo > div img {
  display: block;
  object-fit: contain;
  max-height: 3.2rem;
  width: 100%;
  height: auto;
}
/* ********************					
Post Intro									
******************** */
.section--page-intro {
  position: relative;
  margin-top: -8.8rem;
  z-index: 10;
  padding: 0 !important;
}
body.single-case .section--page-intro,
body.single-post .section--page-intro {
  margin-top: -14.4rem;
}
.section--page-intro + .section {
  padding-top: 8rem;
}
.section--page-intro + .section--flexible {
  padding-top: 12.8rem;
}
.post-intro {
  padding: 0 1.6rem;
}
.post-intro__image img {
  display: block;
  width: 100%;
  height: auto;
}
.post-intro__details-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 6.4rem;
  min-width: 16rem;
}
.post-intro__details {
  margin-bottom: 2.4rem;
}
.post-intro__details > div + div {
  margin-top: 0.4rem;
}
.post-intro__label {
  font-size: 1.6rem;
  color: rgba(6, 6, 6, 0.4);
  margin-bottom: 0.8rem;
  text-transform: lowercase;
}
.post-intro__title {
  font-family: 'D-DIN-Bold';
  font-size: 2.6rem;
  color: #060606;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.post-intro__title + .client__label {
  text-transform: none;
}
.post-content {
  padding: 0 7.2rem;
}
@media only screen and (max-width: 768px) {
  /* ********************					
Post Intro									
******************** */
  .section--page-intro {
    padding-top: 0 !important;
    margin-top: -4rem;
  }
  body.single-case .section--page-intro,
  body.single-post .section--page-intro {
    margin-top: -4rem;
  }
  .section--page-intro + .section--flexible {
    padding-top: 8rem;
  }
  .post-content {
    padding: 0 1.6rem;
  }
}
/* ********************					
Cases									
******************** */
.scroll-wrapper {
  position: relative;
}
.scroll-wrapper + .section--flexible {
  padding-top: 0;
  margin-top: 0;
}
.single-case {
  counter-reset: case-counter;
}
.single-case .main h2 {
  position: relative;
}
.single-case .main h2:before {
  font-family: 'D-DIN-Regular';
  position: absolute;
  color: rgba(6, 6, 6, 0.3);
  left: -2.4rem;
  top: -1.4rem;
  font-size: 1.6rem;
  content: '0' counter(case-counter);
  counter-increment: case-counter;
}
.nav-sidebar {
  position: absolute;
  z-index: 10;
  top: 13.6rem;
  height: 68rem;
  width: 100%;
  pointer-events: none;
}
.nav-sidebar .grid {
  padding: 0 2.4rem;
}
.nav-sidebar__inner {
  display: flex;
  width: 1.6rem;
  flex-direction: column;
  height: 28rem;
  pointer-events: all;
}
.nav-sidebar__block:not(:last-child) .nav-sidebar__line {
  display: block;
}
.nav-sidebar__block:not(:last-child):before {
  display: block;
  position: absolute;
  margin-left: 0.7rem;
  top: 1.7rem;
  width: 0.2rem;
  background-color: #060606;
  height: 24.5rem;
  content: '';
  z-index: 1;
  transition: max-height 0.4s ease-in-out;
  max-height: 0;
}
.nav-sidebar__block--active .nav-sidebar__anchor {
  opacity: 1;
}
.nav-sidebar__block--active + .nav-sidebar__block {
  opacity: 1;
}
.nav-sidebar__line {
  display: none;
  position: relative;
  margin: -0.3rem 0.7rem 0;
  width: 0.2rem;
  height: 24.9rem;
  background-color: #C2C9CC;
  background-image: url('/wp-content/themes/scisports/static/images/dash-line.png');
  background-repeat: repeat-y;
  background-size: 0.4rem, 25.4rem;
  z-index: 2;
}
.nav-sidebar__anchor {
  display: block;
  position: relative;
  z-index: 3;
  opacity: .2;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/pagination-active.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.nav-sidebar__anchor--active {
  opacity: 1;
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Cases									
******************** */
  .nav-sidebar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Cases									
******************** */
  .single-case .main h2:before {
    top: -3rem;
    left: 0;
  }
}
/* ********************					
Player Reports									
******************** */
.section--player-report .grid {
  padding: 0 1.6rem;
}
/* ********************					
CTA Bottom									
******************** */
.section--cta-bottom {
  position: relative;
  padding-top: 0;
  margin-top: 12.8rem;
}
.section--cta-bottom + .section--player-report .box--player-report {
  margin-top: 0;
}
.section--cta-bottom:last-child:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: white;
  content: '';
}
.section--cta-bottom:last-child:after {
  display: block;
  width: 100%;
  height: 8rem;
  background-color: white;
  content: '';
}
.section--cta-bottom .grid {
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  /* ********************					
CTA Bottom									
******************** */
  .section--cta-bottom {
    margin-top: 0;
  }
}
/* ********************					
Flexible Navigation									
******************** */
.nav-flex {
  position: absolute;
  z-index: 10;
  bottom: 6.4rem;
  width: 100%;
}
.nav-flex__grid {
  display: block;
  width: 100%;
  max-width: 120.2rem;
  margin: 0 auto;
}
.nav-flex__inner {
  display: flex;
}
.nav-flex-block {
  flex-grow: 1;
  width: 25%;
  padding: 0 1.6rem;
}
.nav-flex-block__inner {
  display: block;
  position: relative;
  text-decoration: none;
  padding-top: 2.4rem;
  border-top: 0.2rem solid rgba(255, 255, 255, 0.2);
}
.nav-flex-block__inner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: white;
  max-width: 0;
  content: '';
  transition: max-width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body.desktop .nav-flex-block__inner:hover:before {
  max-width: 100%;
}
.nav-flex-block__label {
  max-width: 24rem;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.8rem;
}
.nav-flex-block__title {
  font-family: 'D-DIN-Bold';
  max-width: 24rem;
  font-size: 2rem;
  color: white;
  text-transform: uppercase;
  line-height: 2.6rem;
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Flexible Navigation									
******************** */
  .nav-flex {
    display: none;
  }
}
/* ********************					
Flexible									
******************** */
.section--flexible {
  padding-bottom: 0;
}
.section--flexible + .section--testimonials {
  margin-top: 12.8rem;
}
.page-template-page-landing .section--flexible:first-child {
  padding-top: 20rem;
}
.section--1-column:last-child,
.section--2-column:last-child,
.section--player-report:last-child,
.section--cta-blocks:last-child,
.section--statistics:last-child,
.section--image-slider:last-child {
  padding-bottom: 12.8rem;
}
.section--2-column .editor form {
  background-color: white;
  padding: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .section {
    padding: 6.4rem 0;
  }
  .section--flexible {
    padding-bottom: 0;
  }
  .section--flexible + .section--testimonials {
    margin-top: 6.4rem;
  }
}
.cta-blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.cta-blocks--left {
  justify-content: flex-start;
}
@media only screen and (max-width: 1200px) {
  .cta-blocks--left {
    justify-content: center;
  }
}
.cta-blocks .tile {
  flex-grow: 1;
  width: 50%;
  min-width: 40rem;
}
.cta-blocks .tile__content {
  max-width: 52rem;
}
.section--cta-blocks {
  z-index: 2;
}
.section--cta-blocks + .section--testimonials {
  margin-top: -6.4rem;
  padding-top: 21.6rem;
}
body.page-template-page-jobs .section--cta-blocks {
  padding-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .section--1-column:last-child,
  .section--2-column:last-child,
  .section--player-report:last-child,
  .section--cta-blocks:last-child,
  .section--statistics:last-child,
  .section--image-slider:last-child {
    padding-bottom: 4.8rem;
  }
  .cta-blocks {
    display: block;
    padding: 0 0.8rem;
  }
  .cta-blocks .tile {
    width: 100%;
    min-width: 100%;
  }
  .cta-blocks .tile__inner {
    padding: 4rem;
  }
}
.dual-blocks {
  display: flex;
  flex-direction: row;
}
.dual-blocks .dual-block {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 1.6rem;
}
.dual-blocks .dual-block .editor {
  width: 100%;
  margin-right: 4rem;
}
.dual-blocks .dual-block--image {
  display: flex;
  align-items: center;
}
.dual-blocks .dual-block + .dual-block .editor {
  margin-right: 0;
  margin-left: 4rem;
}
.dual-blocks .dual-block .tile__button-wrapper {
  margin-top: 0;
}
.grid--small .dual-blocks .dual-block + .dual-block .editor {
  margin-right: 4rem;
  margin-left: 0;
}
@media only screen and (max-width: 1023px) {
  .dual-blocks .dual-block .editor {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .dual-blocks {
    flex-direction: column;
  }
  .dual-blocks .dual-block {
    width: 100%;
  }
  .dual-blocks .dual-block .editor {
    /* margin: 0 !important; */
  }
  .section--image-slider + .section--2-column-image-left .dual-blocks,
  .section--2-column-image-right + .section--2-column-image-left .dual-blocks {
    flex-direction: column-reverse;
  }
}
.section--1-column .grid {
  padding: 0 1.6rem;
}
.section--1-column .grid--small {
  padding: 0 7.2rem;
}
.stats {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.8rem 0 6.4rem;
}
.stat {
  display: flex;
  width: 25%;
  min-width: 28rem;
  margin: 4rem 0;
  justify-content: center;
}
.stat__inner {
  position: relative;
  min-height: 24rem;
  padding-top: 3.2rem;
  min-width: 21.6rem;
}
.stat__inner:before {
  position: absolute;
  width: 20rem;
  height: 24rem;
  border-radius: 1rem;
  top: 0;
  z-index: -1;
  left: 1.6rem;
  content: '';
  background-color: #d7dfe4;
}
.stat__number {
  font-family: 'D-DIN-Bold';
  font-size: 6rem;
  letter-spacing: 0.2rem;
  color: #060606;
  height: 6.5rem;
}
.stat__number--plus span {
  position: relative;
}
.stat__number--plus span:before {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  right: -1.3rem;
  top: 0;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-plus--black.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.3rem;
  content: '';
}
.stat__label {
  font-size: 1.6rem;
  color: rgba(6, 6, 6, 0.3);
  margin: 2.4rem 0 0.8rem;
  text-transform: lowercase;
}
.stat__title {
  font-family: 'D-DIN-Bold';
  font-size: 2.4rem;
  color: #f37300;
  text-transform: lowercase;
}
.stat:first-child .stat__inner:after {
  position: absolute;
  width: 8.7rem;
  height: 6.8rem;
  bottom: -3.2rem;
  right: -3.2rem;
  background-image: url('/wp-content/themes/scisports/static/images/arrow-stat-1.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8.7rem;
  content: '';
}
.stat:nth-child(3) .stat__inner:after {
  position: absolute;
  width: 10.2rem;
  height: 10.2rem;
  bottom: -1.6rem;
  right: -1.6rem;
  background-image: url('/wp-content/themes/scisports/static/images/arrow-stat-2.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10.2rem;
  content: '';
}
@media only screen and (max-width: 767px) {
  .section--1-column .grid--small {
    padding: 0 1.6rem;
  }
  .stats {
    margin: 0;
  }
  .stat {
    width: 100%;
  }
  .stat:first-child {
    margin-top: 0;
  }
  .stat:last-child {
    margin-bottom: 0;
  }
}
/* ****************
	Social
	**************** */
.section--social {
  padding-top: 0;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.social-share {
  display: flex;
  width: 100%;
  padding-top: 4.8rem;
  border-top: 0.1rem solid rgba(6, 6, 6, 0.1);
}
.social-share li {
  display: flex;
  align-items: center;
  width: 4.8rem !important;
  height: 4.8rem;
  margin-right: .8rem;
  font-size: 1.6rem;
}
.social-share li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 0.2rem solid rgba(6, 6, 6, 0.1);
}
.social-share li.rrssb-label {
  width: auto !important;
  padding-right: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .section--social {
    padding-bottom: 4.8rem;
  }
  .social-share {
    border-top: none;
    padding-top: 4.8rem;
  }
  .social-share li {
    margin-left: 1.8rem;
    margin-right: 0;
  }
  .social-share li.rrssb-label {
    flex-grow: 1;
    padding-right: 0;
    margin-left: 0;
    font-size: 1.2rem;
  }
}
/* ********************					
In The Media									
******************** */
.page-template-page-in-the-media .section--cta-blocks {
  padding-top: 0;
  margin-top: -16rem;
}
@media only screen and (max-width: 767px) {
  /* ********************					
In The Media									
******************** */
  .page-template-page-in-the-media .hero-slide__right {
    padding: 0;
  }
  .page-template-page-in-the-media .section--cta-blocks {
    margin-top: -4.8rem !important;
  }
}
/* ********************					
Testimonials									
******************** */
.section--testimonials {
  background-color: white;
  padding: 12.8rem 1.6rem;
}
.section--testimonials .grid {
  padding: 0 4.8rem;
}
.testimonial-slider {
  overflow: visible;
  margin-bottom: 3.2rem;
}
.testimonial-slider .swiper-wrapper {
  height: auto;
}
.testimonial-slider .swiper-wrapper .swiper-slide {
  height: auto;
}
.swiper-pagination--testimonial {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  counter-reset: li-counter;
  margin-left: -4.8rem;
}
.swiper-pagination--testimonial .swiper-pagination-bullet {
  position: relative;
  opacity: .2;
  width: 1rem;
  height: 1rem;
  background-color: white;
  background-image: url('/wp-content/themes/scisports/static/images/icons/pagination-active.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.swiper-pagination--testimonial .swiper-pagination-bullet:before {
  position: absolute;
  width: 2.4rem;
  right: -3.2rem;
  margin-top: -0.3rem;
  font-size: 1.6rem;
  content: '0' counter(li-counter);
  counter-increment: li-counter;
  color: #060606;
}
.swiper-pagination--testimonial .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination--testimonial .swiper-pagination-bullet-active + .seporator {
  opacity: 1;
}
.swiper-pagination--testimonial .swiper-pagination-bullet-active + .seporator + .swiper-pagination-bullet {
  opacity: 1;
  background-image: url('/wp-content/themes/scisports/static/images/icons/pagination-next.svg');
}
.swiper-pagination--testimonial .swiper-pagination-bullet-active + .seporator + .swiper-pagination-bullet:after {
  display: block;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -1.2rem;
  margin-left: -0.1rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-down--black.svg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  content: '';
}
.swiper-pagination--testimonial .seporator {
  opacity: 0;
  pointer-events: none;
  margin-left: 0.4rem;
  margin-top: -0.5rem;
  width: 0.2rem;
  flex-grow: 1;
  background-image: linear-gradient(0deg, transparent, transparent 50%, #ffffff 50%, #ffffff 100%), linear-gradient(0deg, #060606, #060606);
  background-size: 100% 0.8rem, 100% 0.8rem;
}
.swiper-pagination--testimonial .seporator:last-child {
  display: none;
}
.testimonials {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 92rem;
  margin: 0 auto;
  padding: 0 4.8rem;
}
.testimonials:before {
  position: absolute;
  width: 4.8rem;
  height: 4rem;
  background-color: white;
  z-index: 10;
  top: 7.2rem;
  left: 2.4rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-quote--black.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  content: '';
}
.testimonials__intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6.4rem;
}
.testimonials__intro h4 {
  font-family: 'D-DIN-Bold';
  color: #f37300;
  font-size: 2.2rem;
}
.testimonial {
  position: relative;
  width: 100%;
  max-width: 102.6rem;
  border: 0.2rem solid #e6ebee;
  padding: 3.2rem 5.6rem 7.2rem;
}
.testimonial blockquote {
  font-family: 'D-DIN-Italic';
  font-size: 3.6rem;
  line-height: 5.6rem;
  color: #060606;
}
.testimonial .client {
  position: absolute;
  bottom: -2.2rem;
  background-color: white;
  padding: 0 1.6rem;
  margin-left: -1.6rem;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Testimonials									
******************** */
  .section--testimonials {
    padding: 6.4rem 1.6rem;
  }
  .section--testimonials .grid {
    padding: 0;
  }
  .testimonial-slider .swiper-wrapper,
  .testimonial-slider .swiper-slide {
    height: auto;
  }
  .testimonials {
    padding: 0;
    display: block;
  }
  .testimonials:before {
    top: 10.8rem;
    right: -1.6rem;
    left: auto;
  }
  .testimonials__intro {
    flex-direction: column;
    margin-bottom: 3.2rem;
  }
  .testimonials__intro h4 {
    text-align: center !important;
    padding: 0 3.2rem;
  }
  .testimonials__intro .slider-nav {
    justify-content: center;
    margin-top: 2.4rem;
  }
  .swiper-pagination--testimonial {
    display: none;
  }
  .testimonial {
    padding: 2.4rem 2.4rem 3.2rem;
  }
  .testimonial blockquote {
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
/* ********************					
Player Cards									
******************** */
.section--player-cards .grid--flex {
  justify-content: center;
}
.section--player-cards .player-cards:before {
  background-color: rgba(255, 0, 0, 0.45);
}
.player-cards {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
.player-cards:before {
  position: absolute;
  font-family: 'D-DIN-Bold';
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  right: 0;
  top: -5.6rem;
  height: 2.8rem;
  border: 0.1rem solid red;
  background-color: rgba(255, 0, 0, 0.25);
  color: white;
  content: 'Live data';
  font-size: 1.4rem;
  text-transform: uppercase;
}
.player-cards:after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: red;
  border-radius: 50%;
  content: '';
  right: -0.3rem;
  top: -5.9rem;
  animation: pulse 1.8s infinite;
}
.player-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 20rem;
  height: 26.7rem;
}
.player-card:nth-child(2) {
  margin: -2.4rem -0.8rem 0;
  z-index: 10;
}
.player-card__top {
  position: relative;
  display: flex;
  justify-content: center;
  height: 13rem;
  z-index: 1;
}
.player-card__player {
  height: 11.2rem !important;
  margin-top: auto;
  width: auto !important;
  margin-right: 5.6rem;
}
.player-card__player-details {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  top: 3.2rem;
  right: 1.8rem;
}
.player-card__position {
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
}
.player-card__sciskill {
  font-family: 'D-DIN-Bold';
  text-transform: uppercase;
  color: white;
  font-size: 1.6rem;
  margin: 0.2rem 0 0.4rem;
}
.player-card__flag {
  border: 0.1rem solid white;
  width: 4rem !important;
}
.player-card__middle {
  position: relative;
  height: 5.2rem;
  padding: 1.1rem 1.8rem;
  z-index: 1;
}
.player-card__first-name {
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
}
.player-card__last-name {
  font-family: 'D-DIN-Bold';
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
}
.player-card__logo {
  position: absolute;
  top: 1rem;
  right: 1.7rem;
  width: 3.2rem;
  height: 3.2rem;
}
.player-card__logo img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.player-card__bottom {
  position: relative;
  padding: 0.8rem 1.2rem;
  flex-grow: 1;
  z-index: 1;
}
.player-card__stat {
  position: relative;
  height: 2.4rem;
  margin-bottom: 0.4rem;
}
.player-card__stat-title {
  text-transform: uppercase;
  color: white;
  font-size: 1.3rem;
  margin-left: 0.7rem;
}
.player-card__stat-number {
  font-family: 'D-DIN-Bold';
  position: absolute;
  right: 0.8rem;
  top: 0;
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
}
.player-card__progress-bar {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  bottom: 0.7rem;
  background-color: #0070A7;
}
.player-card__progress {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  max-width: attr(data-width);
  background-image: linear-gradient(to left, #ff4100, #ffc000);
}
.player-card__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 20rem !important;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.75);
  }
  70% {
    box-shadow: 0 0 0 1rem rgba(255, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@media only screen and (max-width: 768px) {
  /* ********************					
Player Cards									
******************** */
  .hero-slide__right--player-cards {
    margin-top: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Player Cards									
******************** */
  .hero-slide__right--player-cards {
    position: relative;
    margin-top: 2.4rem;
  }
  .hero-slide__right--player-cards:before {
    position: absolute;
    font-family: 'D-DIN-Bold';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    left: 1.6rem;
    top: 0.8rem;
    height: 2.8rem;
    border: 0.1rem solid red;
    background-color: rgba(255, 0, 0, 0.45);
    color: white;
    content: 'Live data';
    font-size: 1.4rem;
    text-transform: uppercase;
    border-radius: 0.4rem;
  }
  .hero-slide__right--player-cards:after {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background-color: red;
    border-radius: 50%;
    content: '';
    left: 9.2rem;
    top: 0.6rem;
    animation: pulse 1.8s infinite;
  }
  .section--player-cards:before {
    position: absolute;
    font-family: 'D-DIN-Bold';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    left: 1.6rem;
    top: 6.4rem;
    height: 2.8rem;
    border: 0.1rem solid red;
    background-color: rgba(255, 0, 0, 0.45);
    color: white;
    content: 'Live data';
    font-size: 1.4rem;
    text-transform: uppercase;
    border-radius: 0.4rem;
  }
  .section--player-cards:after {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background-color: red;
    border-radius: 50%;
    content: '';
    left: 9.2rem;
    top: 6.2rem;
    animation: pulse 1.8s infinite;
  }
  .section--player-cards .player-cards {
    padding-left: 3.2rem;
  }
  .player-cards {
    align-self: baseline;
    flex-wrap: nowrap;
    width: calc(100% + 3.2rem);
    padding: 0 1.6rem;
    margin-left: -1.6rem;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    padding-top: 5.6rem;
  }
  .player-cards:before {
    display: none;
  }
  .player-cards:after {
    display: none;
  }
  .player-cards::-webkit-scrollbar {
    display: none;
  }
  .player-card {
    flex: 0 0 auto;
    margin: 0 1.6rem 0 0;
  }
  .player-card:nth-child(2) {
    margin: 0 1.6rem 0 0;
  }
  .player-card:last-child {
    width: 21.6rem;
    padding-right: 1.6rem;
  }
}
/* ********************					
Image Slider									
******************** */
.section--image-full img {
  display: block;
  width: 100%;
  height: auto;
}
/* ********************					
Image Slider									
******************** */
.section--image-slider .grid {
  display: flex;
  flex-direction: column;
}
.image-slider {
  overflow: visible;
}
.image-slider--half {
  overflow: hidden;
}
.image-slider--half .image-slide {
  padding: 0 !important;
}
.image-slider .swiper-wrapper,
.image-slider .swiper-slide {
  height: auto;
}
.image-slider .image-slide {
  padding: 0 1.6rem;
}
.image-slider .image-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.image-slider .image-slide p {
  font-family: 'D-DIN-Italic';
  position: absolute;
  margin-top: 3.2rem;
  font-size: 1.4rem;
  opacity: 0;
}
.image-slider .image-slide.swiper-slide-active p {
  opacity: 1;
}
.slider-nav--image-slider {
  margin: 3.2rem 0.8rem 0 auto;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Image Slider									
******************** */
  .section--image-slider {
    padding-bottom: 3.2rem;
  }
  .section--image-slider .grid {
    padding: 0 4.8rem 0 0.8rem;
  }
  .image-slider .image-slide {
    padding: 0 0.8rem;
  }
  .image-slider .image-slide p {
    margin-top: 1.6rem;
  }
  .slider-nav--image-slider {
    display: none;
  }
}
/* ********************					
Tags									
******************** */
.tags {
  display: flex;
  align-items: center;
  padding-bottom: 3.2rem;
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.8rem;
}
.tag-list li {
  font-family: 'D-DIN-Bold';
  display: flex;
  align-items: center;
  margin: 0.4rem 0 0.4rem 0.8rem;
  padding: 0 1.6rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  color: rgba(1, 35, 66, 0.8);
  height: 2.4rem;
  background-color: #d7dfe4;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Tags									
******************** */
  .tags {
    display: block;
    padding-bottom: 0;
  }
  .tag-list {
    margin-left: 0;
    margin-top: 0.8rem;
  }
  .tag-list li {
    margin: 0.4rem 0.8rem 0.4rem 0;
  }
}
/* ********************					
Tooltips									
******************** */
.Zebra_Tooltip_Message {
  font-family: 'D-DIN-Italic';
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 1.4rem !important;
  line-height: 2.8rem !important;
  border: 0.1rem solid #D2D5D8;
  /*  background-image: url('@{base-url}/images/icons/icon-external--blue.svg'); background-position: top 1.6rem right 1.6rem; background-size: 1.6rem; */
  background-repeat: no-repeat;
  padding: 2.4rem !important;
  color: rgba(6, 6, 6, 0.7) !important;
}
.Zebra_Tooltip_Arrow {
  height: 2rem !important;
  bottom: -0.9rem !important;
}
.Zebra_Tooltip_Arrow:before {
  position: absolute;
  height: 0;
  width: 0;
  margin-left: -0.2rem;
  margin-top: -0.1rem;
  content: '';
  border-style: solid;
  border-width: 1.2rem;
  border-color: #D2D5D8 transparent transparent transparent;
}
/* ********************					
Footer									
******************** */
.footer {
  background-color: white;
  padding-top: 5.6rem;
  overflow: hidden;
  /* ****************
	Row
	**************** */
  /* ****************
	Column
	**************** */
  /* ****************
	Form
	**************** */
  /* ****************
	Text Styles
	**************** */
  /* ****************
	Social
	**************** */
  /* ****************
	Form
	**************** */
  /* ****************
	Bottom
	**************** */
}
.footer__row {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 3.2rem 0;
}
.footer__row--bottom {
  padding-top: 4.8rem;
}
.footer__column {
  position: relative;
  z-index: 1;
  padding: 0 1.6rem;
}
.footer__column:last-child {
  margin-left: auto;
}
.footer form {
  display: flex;
  position: relative;
  flex-direction: row;
}
.footer form .gfield_required {
  display: none;
}
.footer .gform_wrapper {
  width: 100%;
}
.footer .gform_wrapper .validation_error {
  display: none !important;
}
.footer .gform_heading {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  max-width: 50%;
  flex-grow: 1;
  padding: 0 1.6rem;
}
.footer .gform_heading h3 {
  font-family: 'D-DIN-Bold';
  color: #060606;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 3.6rem;
}
.footer .gform_heading .gform_description {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.footer .gform_body {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  max-width: 50%;
  flex-grow: 1;
  padding: 0 1.6rem;
  margin-top: auto;
}
.footer .gform_fields {
  display: flex;
  margin: 0 -0.8rem;
}
@media only screen and (max-width: 767px) {
  .footer .gform_fields {
    height: auto;
  }
}
.footer .gform_fields li {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  max-width: 100%;
  padding: 0 .8rem;
  height: 4.8rem;
  margin-top: auto;
}
.footer .gform_fields li input[type="text"],
.footer .gform_fields li input[type="email"] {
  background-color: white;
}
.footer .gform_fields li#field_4_9 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
.footer .gform_footer {
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  right: 1.6rem;
  bottom: 0;
  padding: 0;
}
.footer .gform_button {
  width: 4.8rem;
  height: 4.8rem;
  border: none;
  padding: 0;
  font-size: 0;
  background-color: transparent !important;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-left--orange.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.7rem;
}
.footer h5 {
  font-family: 'D-DIN-Bold';
  color: #060606;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 3.6rem;
}
.footer p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.footer p.copy {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.65);
}
.footer p.copy a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.2s ease-in-out;
}
body.desktop .footer p.copy a:hover {
  color: white;
}
.footer ul li {
  font-size: 1.6rem;
  line-height: 3.6rem;
}
.footer ul li a {
  text-decoration: none;
  color: rgba(6, 6, 6, 0.7);
  transition: color 0.2s ease-in-out;
}
body.desktop .footer ul li a:hover {
  color: #f37300;
}
.footer ul li.menu-item--heading {
  font-family: 'D-DIN-Bold';
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.footer ul li.menu-item--heading a {
  color: #060606;
}
.footer ul li.menu-item--small {
  margin-top: 1.6rem;
}
.footer ul li.menu-item--small a {
  color: #f37300;
  font-size: 1.4rem;
  padding-right: 1.6rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-left--orange.svg');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: .7rem;
}
.footer ul li.menu-item--no-link {
  pointer-events: none;
}
.footer__nav ul {
  display: flex;
}
.footer__nav ul li {
  font-size: 1.2rem;
  margin-right: 0.8rem;
  padding-right: 0.8rem;
}
.footer__nav ul li + li {
  position: relative;
}
.footer__nav ul li + li:before {
  position: absolute;
  margin-left: -0.8rem;
  content: '|';
}
.footer__social {
  display: flex;
  justify-content: flex-end;
}
.footer__social li {
  width: 4.8rem;
  height: 4.8rem;
  margin-left: .8rem;
}
.footer__social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 0.2rem solid rgba(6, 6, 6, 0.1);
}
.footer__newsletter-form {
  display: flex;
  height: 100%;
  margin: 0 -0.8rem;
}
.footer__newsletter-form > div {
  padding: 0 .8rem;
  height: 4.8rem;
  margin-top: auto;
}
.footer__bottom {
  background-color: #012342;
  padding-top: 5.6rem;
  margin-top: 5.6rem;
}
.footer__bottom .grid:after {
  position: absolute;
  width: 70rem;
  height: 48.1rem;
  top: -5.6rem;
  right: -69rem;
  background-color: white;
  background-image: url('/wp-content/themes/scisports/static/images/footer-corner.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 31.5rem;
  content: '';
}
.footer__bottom h5 {
  color: white;
}
.footer__bottom ul li {
  color: rgba(255, 255, 255, 0.65);
}
.footer__bottom ul li a {
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.2s ease-in-out;
}
body.desktop .footer__bottom ul li a:hover {
  color: white;
}
.footer__bottom ul li.menu-item--heading a {
  color: white;
}
@media only screen and (max-width: 1280px) {
  /* ********************					
Footer									
******************** */
  .footer {
    /* ****************
	Column
	**************** */
  }
  .footer__column.flex-col-3-10:nth-child(2) {
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    max-width: 20%;
  }
  .footer__column.flex-col-3-10:last-child {
    -webkit-flex-basis: 40%;
    -ms-flex-basis: 40%;
    flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    max-width: 40%;
  }
}
@media only screen and (max-width: 1023px) {
  /* ********************					
Footer									
******************** */
  .footer {
    /* ****************
	Top
	**************** */
    /* ****************
	Bottom
	**************** */
    /* ****************
	Row
	**************** */
    /* ****************
	Column
	**************** */
    /* ****************
	Social
	**************** */
    /* ****************
	Form
	**************** */
  }
  .footer__top .footer__row + .footer__row {
    padding-top: 0;
  }
  .footer__bottom .grid:after {
    display: none;
  }
  .footer__row {
    flex-wrap: wrap;
  }
  .footer__row--bottom .footer__column {
    -webkit-flex-basis: 33.33333% !important;
    -ms-flex-basis: 33.33333% !important;
    flex-basis: 33.33333% !important;
    -ms-flex-preferred-size: 33.33333% !important;
    max-width: 33.33333% !important;
    margin-bottom: 0 !important;
  }
  .footer__column {
    -webkit-flex-basis: 50% !important;
    -ms-flex-basis: 50% !important;
    flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
    max-width: 50% !important;
  }
  .footer__column:first-child,
  .footer__column:nth-child(2) {
    margin-bottom: 3.2rem;
  }
  .footer__column h5 {
    text-align: left !important;
  }
  .footer__social {
    justify-content: flex-start;
  }
  .footer__social li {
    margin-left: 0;
    margin-right: 0.8rem;
  }
  .footer .gform_heading {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
  }
  .footer .gform_body {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************					
Footer									
******************** */
  .footer {
    /* ****************
	Text Styles
	**************** */
    /* ****************
	Top
	**************** */
    /* ****************
	Bottom
	**************** */
    /* ****************
	Row
	**************** */
    /* ****************
	Column
	**************** */
    /* ****************
	Form
	**************** */
  }
  .footer h5 {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .footer p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .footer ul li {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
  .footer ul li.menu-item--heading {
    font-size: 1.6rem;
  }
  .footer__top .footer__row:last-child {
    padding-bottom: 0;
  }
  .footer__bottom .grid:after {
    display: none;
  }
  .footer__row--bottom {
    background-color: #011e38;
  }
  .footer__row--bottom .footer__column {
    -webkit-flex-basis: 100% !important;
    -ms-flex-basis: 100% !important;
    flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    max-width: 100% !important;
  }
  .footer__row--bottom .footer__column p {
    text-align: left !important;
    line-height: 3.6rem;
  }
  .footer__column {
    -webkit-flex-basis: 50% !important;
    -ms-flex-basis: 50% !important;
    flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
    max-width: 50% !important;
    margin-bottom: 3.2rem;
  }
  .footer__column:last-child {
    margin-bottom: 0.8rem;
  }
  .footer form {
    display: block;
  }
  .footer .gform_heading {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    max-width: 100%;
    margin-bottom: 2.4rem;
  }
  .footer .gform_heading .gform_description {
    font-size: 1.4rem;
  }
  .footer .gform_body {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    max-width: 100%;
  }
}
/* ********************
Search
******************** */
.search-overlay-wrapper {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 35, 66, 0.95);
  z-index: 1000;
}
.search-overlay-wrapper .search-overlay-inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: table;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay {
  display: table-cell;
  vertical-align: middle;
  padding: 0 1.6rem;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid {
  width: 100%;
  max-width: 102.4rem;
  margin: 0 auto;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form {
  position: relative;
  top: 50%;
  margin-bottom: 7rem;
  -webkit-transform: translateY(2.5rem);
  -moz-transform: translateY(2.5rem);
  -ms-transform: translateY(2.5rem);
  -o-transform: translateY(2.5rem);
  transform: translateY(2.5rem);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"] {
  display: block;
  width: 100%;
  font-size: 2.4rem;
  padding: 1.6rem;
  height: 8rem;
  background: none;
  color: white;
  -webkit-appearance: none;
  border: none;
  border: 0.1rem solid rgba(255, 255, 255, 0.3);
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper {
  position: absolute;
  width: 6.4rem;
  height: 6.5rem;
  padding: 1.8rem 2rem 2.2rem;
  bottom: 0.5rem;
  right: 0;
  cursor: pointer;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper input[type="submit"] {
  position: absolute;
  width: 6.4rem;
  height: 6.4rem;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
  z-index: 10;
  cursor: pointer;
}
.search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper svg {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  fill: white;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: fill 0.2s ease-in-out;
  -moz-transition: fill 0.2s ease-in-out;
  -ms-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}
body.desktop .search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper:hover svg {
  fill: #f37300;
}
body.open-search-form .search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.search-overlay-wrapper .search-close {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 6.4rem;
  height: 6.4rem;
  padding: 2.2rem 2rem;
  z-index: 1;
  transition: 0.2s ease-in-out;
}
.search-overlay-wrapper .search-close svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  fill: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.desktop .search-overlay-wrapper .search-close:hover {
  background-color: #f37300;
}
@media only screen and (max-width: 767px) {
  /* ********************
Search
******************** */
  .search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form input[type="text"] {
    height: 4rem;
    font-size: 1.6rem;
  }
  .search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    padding: 0;
    bottom: 0.1rem;
  }
  .search-overlay-wrapper .search-overlay-inner .search-overlay .grid .search-form .search-submit-wrapper svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .search-overlay-wrapper .search-close svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}
/* ********************					
Partners									
******************** */
.partners {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
.partners .partner {
  display: flex;
  width: 50%;
  padding: 1.6rem 0;
}
.partners .partner:nth-child(odd) a {
  margin-left: auto;
}
.partners .partner img {
  display: block;
  height: 3.2rem;
}
@media only screen and (max-width: 767px) {
  /* ********************					
Partners									
******************** */
  .partners .partner {
    width: 100%;
    padding: 1.2rem 0;
  }
  .partners .partner:nth-child(odd) a {
    margin-left: 0;
  }
  .partners .partner img {
    height: 2.4rem;
  }
}
/* ********************					
Side Panel									
******************** */
.side-panel {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
}
.side-panel__trigger {
  cursor: pointer;
  width: 205px;
  background-color: #f37300;
  height: 50px;
  display: flex;
  flex-direction: row;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: bottom;
  top: 52px;
  left: -52px;
  animation: slide-in 0.6s 1.2s forwards;
}
.side-panel__trigger:after {
  /* background-image: url('@{base-url}/images/icons/icon-school-white.svg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3rem;
  width: 50px;
  height: 50px;
  content: '';
  background-color: #E45C06;
  margin-left: auto;
  transform: rotate(90deg);
}
.side-panel__trigger span {
  font-family: 'D-DIN-Bold';
  text-align: center !important;
  flex-grow: 1;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  display: flex;
  color: white;
}
.side-panel__modal {
  pointer-events: all;
  position: absolute;
  width: 52rem;
  padding: 4rem;
  background-color: #012342;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateX(100%) translateY(-50%);
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.side-panel__modal .editor {
  margin-bottom: 2.4rem;
}
.side-panel__modal .editor p,
.side-panel__modal .editor ul li,
.side-panel__modal .editor ol li {
  color: rgba(255, 255, 255, 0.7);
}
.side-panel__modal #hide-side-panel {
  text-align: center !important;
  font-size: 1.4rem;
  text-decoration: underline;
  margin-top: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
body.desktop .side-panel__modal #hide-side-panel:hover {
  color: white;
}
.side-panel__subtitle {
  color: #f37300;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
.side-panel__title {
  font-family: 'D-DIN-Bold';
  color: white;
  text-transform: uppercase;
  font-size: 2.4rem;
  margin-bottom: 0.8rem;
  line-height: 3.4rem;
}
.side-panel__background {
  display: none;
  pointer-events: all;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 35, 66, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
.show-side-panel .side-panel .side-panel__modal {
  transform: translateX(0) translateY(-50%);
}
.nav-open .side-panel {
  opacity: 0;
  visibility: hidden;
}
@keyframes slide-in {
  0% {
    left: -52px;
  }
  100% {
    left: -102px;
  }
}
@media only screen and (max-height: 730px) {
  /* ********************					
Side Panel									
******************** */
  .side-panel__modal {
    top: 16rem;
    transform: translateX(100%);
  }
  .show-side-panel .side-panel .side-panel__modal {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 640px) {
  /* ********************					
Side Panel									
******************** */
  .side-panel__trigger {
    height: 4rem;
    width: 16rem;
    left: -4rem;
    top: 4rem;
  }
  .side-panel__trigger:after {
    width: 4rem;
    height: 4rem;
    background-size: 2.2rem;
  }
  .side-panel__trigger span {
    font-size: 1.4rem;
  }
  .side-panel__modal {
    width: 32rem;
    padding: 3.2rem;
    top: 50%;
    transform: translateX(100%) translateY(-50%);
  }
  .side-panel__modal .editor p,
  .side-panel__modal .editor ul li,
  .side-panel__modal .editor ol li {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .side-panel__subtitle {
    font-size: 1.6rem;
  }
  .side-panel__title {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .show-side-panel .side-panel .side-panel__modal {
    transform: translateX(0) translateY(-50%);
  }
  @keyframes slide-in {
    0% {
      left: -4rem;
    }
    100% {
      left: -8rem;
    }
  }
}
/* ********************					
Buttons									
******************** */
.button-wrapper {
  display: inline-block;
}
.button-wrapper.flex {
  justify-content: center;
}
.button-wrapper.flex .button {
  margin: 0 0.8rem;
}
.button {
  position: relative;
  display: flex;
  font-family: 'D-DIN-Bold';
  text-align: center !important;
  font-size: 0;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 0 2.4rem;
  height: 4.8rem;
  border-width: 0.2rem;
  border-style: solid;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.button:not(.button--download):before {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-title);
  font-size: 1.6rem;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.button:not(.button--download):after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-title);
  font-size: 1.6rem;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.button--orange-outline {
  border-color: #f37300;
  color: #f37300;
}
.button--orange-text {
  color: #f37300;
}
.button--orange-background {
  background-color: #f37300;
  border-color: #f37300;
  color: white;
}
.button--black-outline {
  border-color: #060606;
}
.button--black-text {
  color: black;
}
.button--transparent-outline {
  border-color: rgba(255, 255, 255, 0.4);
}
.button--white-background {
  border-color: white;
  background-color: white;
  color: #060606;
}
.button--white-text {
  color: white;
}
.button--naked {
  font-family: 'D-DIN-Regular';
  background-color: transparent !important;
  text-transform: none;
  border: none;
  height: auto;
  color: #f37300 !important;
  font-size: 1.4rem;
  padding: 0 2.2rem 0 0;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-arrow-left--orange.svg');
  background-position: right 0.8rem center;
  background-repeat: no-repeat;
  background-size: .7rem;
}
.button--naked:before,
.button--naked:after {
  display: none !important;
}
.button--download {
  position: relative;
  padding-right: 0;
  overflow: visible;
  font-size: 1.6rem;
}
.button--download:before {
  position: absolute;
  width: 5rem;
  height: 1.2rem;
  left: -4.6rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-download-arrow--black.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 5rem;
  content: '';
  transform: translate(0) !important;
}
.button--download span {
  font-family: 'D-DIN-Regular';
  display: flex;
  margin-left: 2.4rem;
  align-items: center;
  font-size: 1.2rem;
  height: 100%;
  padding: 0 1.6rem 0.1rem;
  color: white;
  background-color: #060606;
}
body.desktop .button--download:hover {
  background-color: #060606 !important;
  border-color: #060606 !important;
}
.button--play {
  position: relative;
  padding-right: 0;
  color: white;
}
.button--play span {
  display: block;
  min-width: 4.6rem;
  height: 4.8rem;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-play--white.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-color: #f37300;
  content: '';
  transform: translate(0) !important;
  margin-left: 2.4rem;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.button--play:after {
  width: calc(100% - 4.8rem) !important;
}
body.desktop .button--play:hover span {
  background-color: #e46c00;
}
.button--twitter {
  transition: all 0.2s ease-in-out !important;
}
.button--twitter svg path {
  transition: fill 0.2s ease-in-out;
}
body.desktop .button--twitter:hover {
  border-color: #00aced;
  background-color: #00aced;
}
body.desktop .button--twitter:hover svg path {
  fill: white;
}
.button--facebook {
  transition: all 0.2s ease-in-out !important;
}
.button--facebook svg path {
  transition: fill 0.2s ease-in-out;
}
body.desktop .button--facebook:hover {
  border-color: #3b5998;
  background-color: #3b5998;
}
body.desktop .button--facebook:hover svg path {
  fill: white;
}
.button--instagram {
  position: relative;
  transition: all 0.2s ease-in-out !important;
}
.button--instagram:before {
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  top: -0.2rem;
  left: -0.2rem;
  content: '';
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.button--instagram svg {
  position: relative;
  z-index: 2;
}
.button--instagram svg path {
  transition: fill 0.2s ease-in-out;
}
body.desktop .button--instagram:hover:before {
  opacity: 1;
}
body.desktop .button--instagram:hover svg path {
  fill: white;
}
.button--linkedin {
  transition: all 0.2s ease-in-out !important;
}
.button--linkedin svg path {
  transition: fill 0.2s ease-in-out;
}
body.desktop .button--linkedin:hover {
  border-color: #007bb5;
  background-color: #007bb5;
}
body.desktop .button--linkedin:hover svg path {
  fill: white;
}
.button--email {
  transition: all 0.2s ease-in-out !important;
}
.button--email svg path {
  transition: fill 0.2s ease-in-out;
}
body.desktop .button--email:hover {
  border-color: #012342;
  background-color: #012342;
}
body.desktop .button--email:hover svg path {
  fill: white;
}
body.desktop .button:hover {
  border-color: #e46c00;
  background-color: #e46c00;
  color: white;
  background-position: right center;
}
body.desktop .button:hover:before {
  transform: translateY(100%);
}
body.desktop .button:hover:after {
  transform: translateY(0);
}
/* ********************
Modal
******************** */
.modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.modal__inner {
  position: absolute;
  /* .flex; align-items: center; justify-content: center; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 7.2rem 1.6rem;
  pointer-events: none;
}
.modal__background {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 2.4rem);
  height: 100%;
}
.modal__background-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: fade(@blue,40%); */
}
.modal .modal-close {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 6.4rem;
  height: 6.4rem;
  padding: 2.2rem 2rem;
  z-index: 1;
  transition: 0.2s ease-in-out;
}
.modal .modal-close svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  fill: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.desktop .modal .modal-close:hover {
  background-color: #f37300;
}
.modal .pricing-form-wrapper {
  pointer-events: all;
  margin-bottom: 7.2rem;
}
.modal--insight .sales-force-form input,
.modal--insight .sales-force-form select {
  width: 100%;
  font-size: 1.6rem;
}
.modal--insight .sales-force-form input[type="text"],
.modal--insight .sales-force-form input[type="email"],
.modal--insight .sales-force-form select {
  border-color: #e3e7ea;
  background-color: #f1f3f4;
  -webkit-appearance: none;
}
.modal--insight .sales-force-form input[type="submit"] {
  cursor: pointer;
}
.modal--insight .sales-force-form .input-wrapper {
  position: relative;
  padding: 1rem 0;
}
.modal--insight .sales-force-form .input-wrapper--required:before {
  content: "*";
  display: block;
  position: absolute;
  top: 1.25rem;
  right: 0.5rem;
  font-size: 2rem;
  color: #f37300;
}
.modal .modal__close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 6.4rem;
  height: 6.4rem;
  padding: 2.2rem 2rem;
  z-index: 1;
  transition: 0.2s ease-in-out;
}
.modal .modal__close svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  fill: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .modal.popup_centered .modal-close {
    display: none;
  }
  .modal.popup_centered .modal__inner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal.popup_centered .modal__inner > div {
    box-shadow: 0 0 10rem #012342;
    border-radius: 1rem;
    overflow: hidden;
    max-width: 93rem;
    padding: 0;
    margin-bottom: 0;
  }
  .modal.popup_centered .modal__inner .tile--service {
    position: relative;
  }
  .modal.popup_centered .modal__inner .tile__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    padding-right: 5.6rem;
  }
}
.modal.popup_bottom {
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .modal.popup_bottom .pricing-form-wrapper {
    pointer-events: none;
  }
  .modal.popup_bottom > .modal-close,
  .modal.popup_bottom .modal__background-popup {
    display: none;
  }
  .modal.popup_bottom .modal__inner {
    padding: 0;
    display: flex;
  }
  .modal.popup_bottom .modal__inner > div {
    align-self: flex-end;
    max-width: 100%;
    margin-bottom: 0;
    padding: .8rem;
    justify-content: flex-start;
    position: relative;
  }
  .modal.popup_bottom .modal__inner > div:before {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    transform: rotate(180deg);
    z-index: -1;
    background-image: linear-gradient(#01274b 0%, rgba(1, 39, 75, 0.738) 19%, rgba(1, 39, 75, 0.541) 34%, rgba(1, 39, 75, 0.382) 47%, rgba(1, 39, 75, 0.278) 56.5%, rgba(1, 39, 75, 0.194) 65%, rgba(1, 39, 75, 0.126) 73%, rgba(1, 39, 75, 0.075) 80.2%, rgba(1, 39, 75, 0.042) 86.09999999999999%, rgba(1, 39, 75, 0.021) 91%, rgba(1, 39, 75, 0.008) 95.2%, rgba(1, 39, 75, 0.002) 98.2%, rgba(1, 39, 75, 0) 100%);
  }
  .modal.popup_bottom .modal__inner > div .tile {
    max-width: 20rem;
    position: relative;
    pointer-events: all;
  }
  .modal.popup_bottom .modal__inner > div .tile__background {
    background-color: white;
    padding: 1.6rem 0 1.6rem 1.6rem !important;
    position: relative;
  }
  .modal.popup_bottom .modal__inner > div .tile__background:before {
    display: none;
  }
  .modal.popup_bottom .modal__inner > div .tile__background img {
    height: auto;
    objec-fit: none;
  }
  .modal.popup_bottom .modal__inner > div .modal__close {
    right: -392px;
  }
  .modal.popup_bottom .modal__inner > div svg polygon {
    fill: #012342;
  }
  .modal.popup_bottom .modal__inner > div .tile__excerpt {
    max-width: 100%;
  }
  .modal.popup_bottom .modal__inner > div .tile__inner {
    padding: 0;
  }
  .modal.popup_bottom .modal__inner > div .tile__title {
    line-height: 1.3;
    font-size: 2.4rem;
  }
  .modal.popup_bottom .modal__inner > div .button {
    margin-top: 2.4rem;
  }
  .modal.popup_bottom .modal__inner > div .form-wrapper {
    padding: 2.4rem;
    max-width: 40rem;
    pointer-events: all;
  }
  .modal.popup_bottom .modal__inner > div .form-wrapper h1,
  .modal.popup_bottom .modal__inner > div .form-wrapper h2,
  .modal.popup_bottom .modal__inner > div .form-wrapper h3,
  .modal.popup_bottom .modal__inner > div .form-wrapper h4,
  .modal.popup_bottom .modal__inner > div .form-wrapper h5,
  .modal.popup_bottom .modal__inner > div .form-wrapper h6 {
    margin-bottom: .4rem;
  }
  .modal.popup_bottom .modal__inner > div .form-wrapper p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .modal.popup_bottom .modal__inner > div .form-wrapper form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .modal.popup_left .modal-close {
    display: none;
  }
  .modal.popup_left .modal__inner {
    padding-left: 0;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper {
    padding-left: 0;
    margin: 0;
    flex-direction: column;
    position: relative;
    top: 50%;
    padding-right: 0;
    transform: translateY(-50%);
    box-shadow: 0 0 10rem #012342;
    border-radius: 0 1rem 1rem 0;
    overflow: hidden;
    max-width: 45.5rem;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper > div {
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper .tile__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper .tile__inner {
    padding: 3.2rem 5.6rem 8rem 3.2rem;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper .tile__background {
    border-radius: 0 1rem 0 0;
  }
  .modal.popup_left .modal__inner .pricing-form-wrapper .form-wrapper {
    border-radius: 0 0 1rem 0;
    padding: 3.2rem;
  }
}
@media only screen and (max-height: 640px) and (orientation: landscape) {
  .pricing-form-wrapper .form-wrapper {
    padding: 2.4rem;
  }
  .pricing-form-wrapper .tile__inner {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    padding-left: 2.4rem;
  }
  .gform_wrapper .gfield {
    padding: .4rem 0;
  }
  .popup_left .gform_wrapper .gform_fields {
    display: flex;
    flex-wrap: wrap;
  }
  .popup_left .gform_wrapper .gfield {
    width: 50%;
  }
  .popup_left .gform_wrapper .gfield:nth-child(odd) {
    padding-right: .4rem;
  }
  .popup_left .gform_wrapper .gfield:nth-child(even) {
    padding-left: .4rem;
  }
  .popup_left .modal__inner .pricing-form-wrapper .tile__inner {
    padding-left: 2.4rem !important;
  }
  .popup_left .pricing-form-wrapper .form-wrapper {
    padding: 2.4rem !important;
  }
  .popup_left .pricing-form-wrapper .tile__inner {
    padding-bottom: 2.4rem !important;
  }
  .popup_left .pricing-form-wrapper .tile__sub-title + .tile__title {
    margin-top: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  /* ********************
Modal
******************** */
  .modal {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    /*
	&.popup_centered					{ 
		.modal__inner				{ top: auto; bottom: 0; position: absolute;
			> div					{ align-self: flex-end; max-width: 100%; margin-bottom: 0; padding: 0;
					form				{ 
						.gform_body	{ flex-basis: 50%; padding-right: 0.8rem; }
						.gform_footer{ flex-basis: 50%; padding-left: 0.8rem; }
					}
				}
			}
		}
	}
*/
  }
  .modal__inner {
    position: relative;
    pointer-events: all;
    padding: 0;
    overflow: hidden;
    height: auto;
  }
  .modal .modal-close {
    position: absolute;
    z-index: 10;
  }
  .modal .modal-close svg {
    width: 1.2rem;
    height: 1.2rem;
  }
  .modal .pricing-form-wrapper {
    padding: 1.6rem;
  }
  .modal .pricing-form-wrapper .tile__inner {
    min-height: 18rem;
  }
  .modal .pricing-form-wrapper .tile__inner .button {
    margin-top: 2.4rem;
  }
}
/* ********************
Form
******************** */
form select,
form textarea,
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='number'] {
  width: 100%;
  font-size: 1.6rem;
  height: 4.8rem;
  border: 0.2rem solid rgba(6, 6, 6, 0.1);
  padding: 0 1.6rem;
  border-radius: 0;
}
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form input[type='text']::-webkit-input-placeholder,
form input[type='email']::-webkit-input-placeholder,
form input[type='password']::-webkit-input-placeholder,
form input[type='number']::-webkit-input-placeholder {
  color: rgba(6, 6, 6, 0.3);
}
form select:-moz-placeholder,
form textarea:-moz-placeholder,
form input[type='text']:-moz-placeholder,
form input[type='email']:-moz-placeholder,
form input[type='password']:-moz-placeholder,
form input[type='number']:-moz-placeholder {
  color: rgba(6, 6, 6, 0.3);
}
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form input[type='text']::-moz-placeholder,
form input[type='email']::-moz-placeholder,
form input[type='password']::-moz-placeholder,
form input[type='number']::-moz-placeholder {
  color: rgba(6, 6, 6, 0.3);
}
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form input[type='text']:-ms-input-placeholder,
form input[type='email']:-ms-input-placeholder,
form input[type='password']:-ms-input-placeholder,
form input[type='number']:-ms-input-placeholder {
  color: rgba(6, 6, 6, 0.3);
}
form select {
  background-color: white;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-select--gray.svg');
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: center right 1.6rem;
  color: rgba(6, 6, 6, 0.3);
}
form select.blur {
  color: #060606;
}
form select.theme-dark {
  background-color: #002E5A;
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.2);
  background-image: url('/wp-content/themes/scisports/static/images/icons/icon-select--white.svg');
}
form select.theme-dark.blur {
  color: white;
}
select::-ms-expand {
  display: none;
}
/* ********************
Editor
******************** */
.editor {
  /* ---------------
	Heading
	--------------- */
  /* ---------------
	Paragraph
	--------------- */
  /* ---------------
	Unordered list
	--------------- */
  /* ---------------
	Ordered list
	--------------- */
  /* ---------------
	Image
	--------------- */
  /* ---------------
	Blockqoute
	--------------- */
  /* ---------------
	Post Editor
	--------------- */
}
.editor h2 {
  font-family: 'D-DIN-Bold';
  font-size: 2.7rem;
  line-height: 3.7rem;
  color: #060606;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.editor h3 {
  font-family: 'D-DIN-Bold';
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: #060606;
  margin-bottom: 2rem;
}
.editor h4 {
  font-family: 'D-DIN-Bold';
  font-size: 2rem;
  line-height: 3rem;
  color: #060606;
  margin-bottom: 2.4rem;
}
.editor h5 {
  font-family: 'D-DIN-Bold';
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #060606;
  margin-bottom: 2rem;
}
.editor h6 {
  font-family: 'D-DIN-Bold';
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #060606;
  margin-bottom: 1.8rem;
}
.editor p {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 3rem;
  padding: 0 !important;
}
.editor p a {
  color: #f37300;
}
.editor p + h1 {
  margin-top: 5.6rem;
}
.editor p + h2 {
  margin-top: 5.6rem;
}
.editor p + h3 {
  margin-top: 5.6rem;
}
.editor p + h4 {
  margin-top: 5.6rem;
}
.editor ul {
  margin-bottom: 3rem;
}
.editor ul li {
  position: relative;
  padding-left: 2rem;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 0.8rem;
}
.editor ul li:before {
  position: absolute;
  left: 0;
  content: '•';
  color: #f37300;
}
.editor ul li a {
  color: #f37300;
}
.editor ul + h1 {
  margin-top: 5.6rem;
}
.editor ul + h2 {
  margin-top: 5.6rem;
}
.editor ul + h3 {
  margin-top: 5.6rem;
}
.editor ul + h4 {
  margin-top: 5.6rem;
}
.editor ol {
  counter-reset: li-counter;
  margin-bottom: 3rem;
}
.editor ol li {
  position: relative;
  padding-left: 2rem;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 0.8rem;
}
.editor ol li a {
  color: #f37300;
}
.editor ol li:before {
  position: absolute;
  color: #f37300;
  left: 0;
  content: counter(li-counter) '.';
  counter-increment: li-counter;
}
.editor ol + h1 {
  margin-top: 5.6rem;
}
.editor ol + h2 {
  margin-top: 5.6rem;
}
.editor ol + h3 {
  margin-top: 5.6rem;
}
.editor ol + h4 {
  margin-top: 5.6rem;
}
.editor img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}
.editor > *:last-child {
  margin-bottom: 0;
}
.editor--post-editor {
  counter-reset: heading-counter;
  /*
		em						{ .block; .relative; font-size: 16px;
			&.blue-line			{ padding-left: 35px;
				&:before		{ .absolute; content:""; left: 0px; height: 100%; width: 2px; background: #002E5A; }
			}
		}
*/
  /* -----------
		Image
		----------- */
}
.editor--post-editor h3 {
  position: relative;
  color: #f37300;
}
.editor--post-editor h3:before {
  font-family: 'D-DIN-Regular';
  position: absolute;
  left: -2rem;
  top: -1.4rem;
  font-size: 1.6rem;
  content: '0' counter(heading-counter);
  counter-increment: heading-counter;
}
.editor--post-editor img {
  display: block;
  max-width: calc(100% + 11.2rem);
  width: calc(100% + 11.2rem);
  margin: 5.6rem 0 5.6rem -5.6rem;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .editor {
    /* ---------------
	Post Editor
	--------------- */
  }
  .editor--post-editor {
    /* -----------
		Image
		----------- */
  }
  .editor--post-editor h3:before {
    left: 0;
    top: -2.2rem;
  }
  .editor--post-editor img {
    display: block;
    max-width: calc(100% + 3.2rem);
    width: calc(100% + 3.2rem);
    margin: 5.6rem 0 5.6rem -1.6rem;
    height: auto;
  }
}
body .iframe-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25% !important;
  overflow: hidden;
}
body .iframe-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* ********************
SwiperBox
******************** */
#swipebox-overlay {
  background: rgba(6, 6, 6, 0.85);
}
#swipebox-container .slide {
  padding: 30px 0;
}
#swipebox-container #swipebox-bottom-bar {
  background-color: transparent;
}
#swipebox-next,
#swipebox-prev {
  background-repeat: no-repeat;
  background-size: 1.4rem;
  height: 5rem;
  width: 5rem;
  background-position: center center;
}
#swipebox-next {
  background-image: url('/wp-content/themes/scisports/static/images/icons/arrow-right--white.svg') !important;
}
#swipebox-prev {
  background-image: url('/wp-content/themes/scisports/static/images/icons/arrow-left--white.svg') !important;
}
#swipebox-close {
  background-repeat: no-repeat;
  background-size: 1.4rem;
  height: 5rem;
  width: 5rem;
  background-position: center center;
  background-image: url('/wp-content/themes/scisports/static/images/icons/close--white.svg') !important;
}
/* ********************
Gradients
******************** */
.shadow-top {
  background-image: linear-gradient(#012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
}
.shadow-blue-top {
  background-image: linear-gradient(#01274b 0%, rgba(1, 39, 75, 0.738) 19%, rgba(1, 39, 75, 0.541) 34%, rgba(1, 39, 75, 0.382) 47%, rgba(1, 39, 75, 0.278) 56.5%, rgba(1, 39, 75, 0.194) 65%, rgba(1, 39, 75, 0.126) 73%, rgba(1, 39, 75, 0.075) 80.2%, rgba(1, 39, 75, 0.042) 86.09999999999999%, rgba(1, 39, 75, 0.021) 91%, rgba(1, 39, 75, 0.008) 95.2%, rgba(1, 39, 75, 0.002) 98.2%, rgba(1, 39, 75, 0) 100%);
}
.shadow-blue-bottom {
  background-image: linear-gradient(to top, #01274b 0%, rgba(1, 39, 75, 0.738) 19%, rgba(1, 39, 75, 0.541) 34%, rgba(1, 39, 75, 0.382) 47%, rgba(1, 39, 75, 0.278) 56.5%, rgba(1, 39, 75, 0.194) 65%, rgba(1, 39, 75, 0.126) 73%, rgba(1, 39, 75, 0.075) 80.2%, rgba(1, 39, 75, 0.042) 86.09999999999999%, rgba(1, 39, 75, 0.021) 91%, rgba(1, 39, 75, 0.008) 95.2%, rgba(1, 39, 75, 0.002) 98.2%, rgba(1, 39, 75, 0) 100%);
}
.blue-left {
  background-image: linear-gradient(to right, #012241 0%, rgba(1, 34, 65, 0.738) 19%, rgba(1, 34, 65, 0.541) 34%, rgba(1, 34, 65, 0.382) 47%, rgba(1, 34, 65, 0.278) 56.5%, rgba(1, 34, 65, 0.194) 65%, rgba(1, 34, 65, 0.126) 73%, rgba(1, 34, 65, 0.075) 80.2%, rgba(1, 34, 65, 0.042) 86.09999999999999%, rgba(1, 34, 65, 0.021) 91%, rgba(1, 34, 65, 0.008) 95.2%, rgba(1, 34, 65, 0.002) 98.2%, rgba(1, 34, 65, 0) 100%);
}
.green-left {
  background-image: linear-gradient(to right, #009e69 0%, rgba(0, 158, 105, 0.738) 19%, rgba(0, 158, 105, 0.541) 34%, rgba(0, 158, 105, 0.382) 47%, rgba(0, 158, 105, 0.278) 56.5%, rgba(0, 158, 105, 0.194) 65%, rgba(0, 158, 105, 0.126) 73%, rgba(0, 158, 105, 0.075) 80.2%, rgba(0, 158, 105, 0.042) 86.09999999999999%, rgba(0, 158, 105, 0.021) 91%, rgba(0, 158, 105, 0.008) 95.2%, rgba(0, 158, 105, 0.002) 98.2%, rgba(0, 158, 105, 0) 100%);
}
.black-left {
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.09999999999999%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
}
/* ********************
Theme Colors
******************** */
/* ********************
Text colors
******************** */
/* ********************
Social Media Colors
******************** */
/* ********************
Fonts
******************** */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
.D-DIN-Bold {
  font-family: 'D-DIN-Bold';
}
.D-DIN-Italic {
  font-family: 'D-DIN-Italic';
}
.D-DIN-Regular {
  font-family: 'D-DIN-Regular';
}
/* ********************
General
******************** */
.flex {
  display: flex;
}
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.hidden {
  overflow: hidden;
}
.object-fit-cover {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.cookiebar-offset {
  display: none;
}
#cookie-notice + .cookiebar-offset {
  display: block;
}
@media only screen and (min-width: 640px) {
  #cookie-notice {
    padding-left: 12.8rem;
    padding-right: 12.8rem;
  }
}
@media only screen and (max-width: 640px) {
  #cookie-notice {
    z-index: 999999999;
  }
}