@charset "UTF-8";
.delay-1 {
  transition-duration: 0.75s;
  transition-delay: 0.1s;
  transition: all 0.75s 0.1s, font-size 0s 0s; }

.delay-2 {
  transition-duration: 0.75s;
  transition-delay: 0.2s;
  transition: all 0.75s 0.2s, font-size 0s 0s; }

.delay-3 {
  transition-duration: 0.75s;
  transition-delay: 0.3s;
  transition: all 0.75s 0.3s, font-size 0s 0s; }

.delay-4 {
  transition-duration: 0.75s;
  transition-delay: 0.4s;
  transition: all 0.75s 0.4s, font-size 0s 0s; }

.delay-5 {
  transition-duration: 0.75s;
  transition-delay: 0.5s;
  transition: all 0.75s 0.5s, font-size 0s 0s; }

.delay-6 {
  transition-duration: 0.75s;
  transition-delay: 0.6s;
  transition: all 0.75s 0.6s, font-size 0s 0s; }

.delay-7 {
  transition-duration: 0.75s;
  transition-delay: 0.7s;
  transition: all 0.75s 0.7s, font-size 0s 0s; }

.serif {
  font-family: "Sentinel";
  font-weight: 400; }

.sans-serif {
  font-family: "Circular Pro"; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  /*letter-spacing: -0.6px;*/ }
  h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: "Sentinel";
    font-weight: 300;
    font-style: italic; }

h1 {
  font-size: 3.4375em;
  line-height: 1em; }
  h1.transform {
    transform: translateY(0.54545em);
    opacity: 0; }

h2 {
  font-size: 2.1875em;
  line-height: 1.2em;
  letter-spacing: -0.01714em; }
  h2.transform {
    transform: translateY(0.85714em);
    opacity: 0; }

h3 {
  font-size: 1.625em;
  line-height: 1.26923em; }
  h3.transform {
    transform: translateY(1.15385em);
    opacity: 0; }

h4 {
  font-size: 1.5625em;
  line-height: 1.28em; }
  h4.transform {
    transform: translateY(1.2em);
    opacity: 0; }

h5 {
  font-size: 1.125em;
  line-height: 1em; }
  h5.transform {
    transform: translateY(1.66667em);
    opacity: 0; }

p {
  font-size: 1.375em;
  line-height: 1.27273em;
  font-family: 'Sentinel';
  margin: 0; }

.transform {
  transform: translateY(1.875em);
  opacity: 0; }

.text-center {
  text-align: center; }

.button {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  text-decoration: none;
  background: #FFAA30;
  line-height: 1.25em;
  padding: 1.125em 1.875em;
  color: #000;
  border-radius: 7.14286em;
  position: relative;
  backface-visibility: hidden;
  overflow: hidden;
  transform: translateZ(0); }
  .button span {
    position: relative;
    z-index: 2;
    transition: 0.5s; }
  .button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all 0.3s, opacity 0.2s;
    transform: scaleY(0);
    transform-origin: bottom; }
  .button:hover:before {
    transform: scaleY(1);
    opacity: 0.25; }
  .button.green {
    background: #2EBD71;
    color: #fff; }
  .button.dark {
    background: #262A3F;
    color: #fff; }
  .button.red {
    background: #E2625E;
    color: #fff; }
  .button.grey {
    background: #F2F2F2;
    color: #000; }
  .button.small {
    font-size: 0.875em;
    font-weight: 700;
    text-decoration: none;
    padding: 0.92857em 1.92857em;
    line-height: 1.28571em; }
  .button:focus {
    outline: none; }
  .button span {
    position: relative;
    z-index: 1; }

.arrow-link {
  font-weight: 700;
  font-size: 0.875em;
  display: inline-block;
  vertical-align: top;
  color: #000;
  text-decoration: none;
  padding-right: 2.14286em;
  position: relative; }
  .arrow-link:after {
    content: "\61";
    font-family: "rollpark" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 55%;
    font-size: 1.42857em;
    transform: translateY(-50%);
    transition: 0.3s; }
  .arrow-link:hover:after {
    transform: translateY(-50%);
    right: -0.25em; }

.tooltip-link {
  color: #2EBD71;
  position: relative; }
  .tooltip-link:after {
    content: "\6f";
    font-family: "rollpark" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    position: absolute;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    margin-top: -7px; }

.tooltip-icon {
  display: inline-block;
  margin: 0 0.25em; }
  .tooltip-icon i {
    font-size: 0.875em; }

.hero {
  padding: 8.5625em 0 3.125em 0;
  position: relative;
  z-index: 3; }
  .hero .page-name {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.25em;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .hero .page-name:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 4px;
      background: #000;
      opacity: 0.4;
      transform: scaleX(0);
      transform-origin: left;
      transition: 0.5s; }
  .hero h1 {
    text-transform: uppercase;
    margin-bottom: 0.45455em;
    margin-top: 0.47273em; }
  .hero h2 {
    color: rgba(0, 0, 0, 0.5);
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 300; }
    .hero h2 strong {
      color: #000;
      font-weight: 300; }
  .hero .row {
    position: relative; }
  .hero.active h1, .hero.active h2, .hero.active h3 {
    transform: none;
    opacity: 1; }
  .hero.active .page-name {
    transform: none;
    opacity: 1; }
    .hero.active .page-name:after {
      transform: scaleX(1);
      transition: 0.5s 0.5s; }

.stat-item {
  display: inline-block;
  vertical-align: top; }
  .stat-item .number {
    font-size: 2.0625em;
    line-height: 1em;
    padding-left: 1.06061em;
    position: relative; }
    .stat-item .number i:before {
      display: block;
      position: absolute;
      left: 0;
      top: 55%;
      transform: translateY(-50%);
      color: #2EBD71;
      font-size: 0.84848em; }
  .stat-item p {
    font-family: inherit;
    line-height: 1.28571em;
    font-size: 0.875em;
    margin: 0;
    margin-top: 0.35714em;
    opacity: 0.4; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s; }

.input-wrapper {
  display: block;
  position: relative; }
  .input-wrapper input, .input-wrapper select, .input-wrapper textarea {
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    font-size: 1.125em;
    line-height: 2.22222em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    display: block;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0; }
    .input-wrapper input:focus, .input-wrapper input.dirty, .input-wrapper select:focus, .input-wrapper select.dirty, .input-wrapper textarea:focus, .input-wrapper textarea.dirty {
      outline: none;
      border-bottom: 1px solid #2EBD71; }
      .input-wrapper input:focus + .text, .input-wrapper input.dirty + .text, .input-wrapper select:focus + .text, .input-wrapper select.dirty + .text, .input-wrapper textarea:focus + .text, .input-wrapper textarea.dirty + .text {
        top: 0.25em;
        transform: translateY(-50%) scale(0.66);
        color: #2EBD71;
        font-weight: 500;
        opacity: 1; }
    .input-wrapper input.has-error, .input-wrapper select.has-error, .input-wrapper textarea.has-error {
      border-bottom: 1px solid #E2625E; }
      .input-wrapper input.has-error:focus + .text, .input-wrapper input.has-error.dirty + .text, .input-wrapper select.has-error:focus + .text, .input-wrapper select.has-error.dirty + .text, .input-wrapper textarea.has-error:focus + .text, .input-wrapper textarea.has-error.dirty + .text {
        color: #E2625E; }
  .input-wrapper select {
    color: rgba(0, 0, 0, 0);
    color: #fff;
    background: url(../img/select-arrows.svg) calc(100% - 0.5em) center no-repeat;
    background-size: 0.5em; }
    .input-wrapper select:focus, .input-wrapper select.dirty {
      opacity: 1;
      color: black; }
  .input-wrapper textarea {
    width: 100%;
    resize: none;
    display: block;
    height: 8em;
    padding-top: 0.5em;
    line-height: 1.2em; }
    .input-wrapper textarea + .text {
      top: 1em; }
  .input-wrapper .text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%) scale(1);
    transform-origin: left top;
    font-size: 1.125em;
    opacity: 0.4;
    transition: 0.5s;
    pointer-events: none; }

/* responsive */
@media screen and (max-width: 1023px) {
  h1 {
    font-size: 2.1875em; }
  h2 {
    font-size: 1.6875em; }
  h3 {
    font-size: 1.375em; }
  h4 {
    font-size: 1.25em; }
  h5 {
    font-size: 0.875em; }
  p {
    font-size: 1.125em;
    line-height: 1.33333em; }
  .button {
    font-size: 0.875em;
    line-height: 1.28571em;
    padding: 1em 1.42857em; }
  .hero {
    padding-top: 6.25em;
    padding-bottom: 1.875em; }
    .hero .page-name {
      font-size: 1em; }
    .hero h1 {
      margin-top: 0.42857em;
      margin-bottom: 0.57143em; } }

@media screen and (max-width: 767px) {
  h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: inherit;
    font-weight: inherit;
    opacity: 1;
    font-style: normal; }
  .hero h2 em, .hero h3 em {
    font-style: italic; }
  .hero img {
    display: none; } }

@font-face {
  font-family: 'Sentinel';
  src: url("../fonts/Sentinel-LightItalic.woff2") format("woff2"), url("../fonts/Sentinel-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Sentinel';
  src: url("../fonts/Sentinel-Light.woff2") format("woff2"), url("../fonts/Sentinel-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Sentinel';
  src: url("../fonts/Sentinel-Book.woff2") format("woff2"), url("../fonts/Sentinel-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Sentinel';
  src: url("../fonts/Sentinel-BookItalic.woff2") format("woff2"), url("../fonts/Sentinel-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Circular Pro';
  src: url("../fonts/CircularPro-Bold.woff2") format("woff2"), url("../fonts/CircularPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Circular Pro';
  src: url("../fonts/CircularPro-Book.woff2") format("woff2"), url("../fonts/CircularPro-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "rollpark";
  src: url("../fonts/rollpark.eot");
  src: url("../fonts/rollpark.eot?#iefix") format("embedded-opentype"), url("../fonts/rollpark.woff") format("woff"), url("../fonts/rollpark.ttf") format("truetype"), url("../fonts/rollpark.svg#rollpark") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "rollpark" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "rollpark" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: "\61"; }

.icon-dollar:before {
  content: "\62"; }

.icon-drop:before {
  content: "\63"; }

.icon-employees:before {
  content: "\64"; }

.icon-experience:before {
  content: "\66"; }

.icon-office:before {
  content: "\67"; }

.icon-reusable:before {
  content: "\68"; }

.icon-time:before {
  content: "\69"; }

.icon-disabled:before {
  content: "\6a"; }

.icon-leed:before {
  content: "\6b"; }

.icon-lock:before {
  content: "\6c"; }

.icon-truck:before {
  content: "\6d"; }

.icon-person:before {
  content: "\6e"; }

.icon-question:before {
  content: "\6f"; }

.icon-efficient:before {
  content: "\70"; }

.icon-tested:before {
  content: "\71"; }

.icon-designed:before {
  content: "\72"; }

.icon-competition:before {
  content: "\73"; }

.icon-lightning:before {
  content: "\74"; }

.icon-sun:before {
  content: "\75"; }

.icon-tensile:before {
  content: "\76"; }

.icon-fire:before {
  content: "\77"; }

.icon-cbr:before {
  content: "\78"; }

.icon-area:before {
  content: "\7a"; }

.icon-select:before {
  content: "\41"; }

.icon-linkedin:before {
  content: "\43"; }

.icon-instagram:before {
  content: "\44"; }

.icon-twitter:before {
  content: "\45"; }

.icon-star:before {
  content: "\46"; }

.icon-short-arrow-left:before {
  content: "\47"; }

.icon-short-arrow-right:before {
  content: "\48"; }

.icon-play:before {
  content: "\49"; }

.icon-pause:before {
  content: "\4a"; }

.icon-car:before {
  content: "\4b"; }

.icon-excavator:before {
  content: "\4c"; }

.icon-clock:before {
  content: "\65"; }

footer {
  background: #fff;
  padding: 1.5625em 0; }
  footer .column:first-of-type {
    position: relative;
    padding-left: 4.375em; }
    footer .column:first-of-type:before {
      content: "";
      width: 3.4375em;
      height: 3.3125em;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -1.6875em;
      background: url("../img/logo.svg");
      opacity: 0.2;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
    footer .column:first-of-type p {
      font-family: "Circular Pro";
      font-size: 1em;
      line-height: 1.25em;
      font-weight: 400;
      margin: 0;
      color: rgba(0, 0, 0, 0.4); }
      footer .column:first-of-type p strong {
        color: #000; }
  footer .column:nth-of-type(2) {
    text-align: center; }
    footer .column:nth-of-type(2) a {
      color: #000;
      text-decoration: none;
      font-size: 2em;
      line-height: 1em;
      font-family: "Sentinel";
      display: inline-block;
      vertical-align: top; }
  footer .column:last-of-type {
    text-align: right; }
    footer .column:last-of-type ul {
      margin: 0;
      padding: 0;
      line-height: 1em;
      margin-bottom: 0.625em; }
      footer .column:last-of-type ul li {
        display: inline-block;
        vertical-align: top;
        line-height: 1em; }
        footer .column:last-of-type ul li:not(:first-of-type) {
          margin-left: 0.3125em; }
      footer .column:last-of-type ul a {
        display: inline-block;
        vertical-align: top;
        opacity: 0.4;
        position: relative;
        text-decoration: none;
        color: #000;
        line-height: 1em; }
        footer .column:last-of-type ul a:before {
          content: "";
          font-family: "rollpark" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center; }
        footer .column:last-of-type ul a[href*="linkedin"]:before {
          content: "\43"; }
        footer .column:last-of-type ul a[href*="instagram"]:before {
          content: "\44"; }
        footer .column:last-of-type ul a[href*="twitter"]:before {
          content: "\45"; }
    footer .column:last-of-type p {
      margin: 0;
      font-size: 0.75em;
      line-height: 1.25em;
      font-family: "Circular Pro";
      opacity: 0.3; }

/* responsive */
@media screen and (max-width: 640px) {
  footer {
    padding: 0.9375em 0; }
    footer .column:first-of-type {
      padding-left: 0; }
      footer .column:first-of-type p {
        font-size: 0.875em;
        line-height: 1.28571em; }
      footer .column:first-of-type:before {
        left: auto;
        right: 0; }
    footer .column:nth-of-type(2) {
      text-align: left;
      padding-top: 1.25em; }
    footer .column:last-of-type {
      text-align: left;
      padding-top: 1.75em; }
      footer .column:last-of-type ul li:not(:first-of-type) {
        margin-left: 1.5625em; } }

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.9375em;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  z-index: 10;
  transform: translateZ(0);
  transition: 0.3s; }
  nav .row {
    position: relative;
    height: 100%; }
  nav .logo {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 7.625em;
    left: 0;
    top: 1.0625em;
    color: inherit; }
    nav .logo:after {
      content: "";
      display: block;
      padding-top: 28%; }
    nav .logo svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: 0.3s; }
    nav .logo svg {
      fill: currentColor;
      fill: #2EBD71; }
  nav .nav-content-wrapper {
    float: right; }
    nav .nav-content-wrapper .menu-items {
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style: none; }
      nav .nav-content-wrapper .menu-items li {
        display: inline-block;
        vertical-align: top;
        line-height: 3.9375em; }
        nav .nav-content-wrapper .menu-items li:not(:last-of-type) {
          margin-right: 1.25em; }
        nav .nav-content-wrapper .menu-items li.current-menu-item a {
          opacity: 1; }
        nav .nav-content-wrapper .menu-items li.current-menu-item .underline {
          top: 0;
          left: 0;
          position: absolute;
          width: 100%;
          height: 4px;
          background: #000;
          transition: 0.5s; }
      nav .nav-content-wrapper .menu-items a {
        display: inline-block;
        position: relative;
        color: inherit;
        font-weight: 700;
        text-decoration: none;
        opacity: 0.4;
        transition: 0.3s; }
        nav .nav-content-wrapper .menu-items a:hover {
          opacity: 1; }
    nav .nav-content-wrapper .items-right {
      display: inline-block;
      vertical-align: top;
      margin-left: 8.5625em;
      padding-top: 0.625em; }
      nav .nav-content-wrapper .items-right a:not(.button) {
        font-size: 0.875em;
        line-height: 3.07143em;
        padding-right: 1.42857em;
        font-weight: 700;
        display: inline-block;
        color: #000;
        opacity: 0.4;
        text-decoration: none;
        transition: 0.3s; }
        nav .nav-content-wrapper .items-right a:not(.button):hover {
          opacity: 1; }
  nav .mobile-logo {
    display: none; }
  nav .button.mobile {
    display: none; }
  nav.scrolled {
    background: #fff;
    color: #000; }
    nav.scrolled .logo svg {
      fill: #2EBD71; }
    nav.scrolled .menu-trigger:not(.active) .line {
      background: #262A3F; }

.menu-trigger {
  width: 20px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 18px;
  display: none;
  z-index: 3; }

.menu-trigger {
  transition: all 0.5s 0s; }
  .menu-trigger .line {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background: #262A3F;
    transition: 0.3s; }
    .menu-trigger .line.line-1 {
      transition: all 0.3s 0.3s, transform 0.3s 0s; }
    .menu-trigger .line.line-2 {
      top: 50%;
      margin-top: -1px;
      left: 0;
      transition: all 0.3s 0.3s; }
    .menu-trigger .line.line-3 {
      bottom: 0;
      top: auto;
      left: 0;
      transition: all 0.3s 0.3s, transform 0.3s 0s; }
  .menu-trigger.active {
    transform: rotate(135deg);
    transition: all 0.5s 0.3s; }
    .menu-trigger.active span {
      background: #fff; }
    .menu-trigger.active .line-1 {
      top: 50%;
      margin-top: -1px;
      transform: rotate(90deg);
      transition: all 0.3s, transform 0.3s 0.3s; }
    .menu-trigger.active .line-2 {
      opacity: 0;
      transition: all 0.3s, opacity 0.3s 0s; }
    .menu-trigger.active .line-3 {
      bottom: 50%;
      margin-bottom: -1px;
      transform: rotate(0deg);
      transition: all 0.3s, transform 0.3s 0.3s; }

/* homepage nav */
.homepage nav:not(.scrolled) {
  color: #fff;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .homepage nav:not(.scrolled) .logo svg {
    fill: #fff; }
  .homepage nav:not(.scrolled) .nav-content-wrapper .menu-items a {
    color: #fff;
    opacity: 1; }
    .homepage nav:not(.scrolled) .nav-content-wrapper .menu-items a:hover {
      opacity: 0.6; }
  .homepage nav:not(.scrolled) .items-right a {
    opacity: 1;
    color: #fff; }
  .homepage nav:not(.scrolled) .items-right .button {
    background: #2EBD71;
    color: #fff; }

.homepage .menu-trigger .line {
  background: #fff; }

.cases nav:not(.scrolled) {
  color: #000; }
  .cases nav:not(.scrolled) .logo svg {
    fill: #fff; }
  .cases nav:not(.scrolled) .nav-content-wrapper .menu-items li:not(.current-menu-item) a {
    opacity: 0.4; }
    .cases nav:not(.scrolled) .nav-content-wrapper .menu-items li:not(.current-menu-item) a:hover {
      opacity: 1; }
  .cases nav:not(.scrolled) .items-right .button {
    background: #262A3F;
    color: #fff; }
  .cases nav:not(.scrolled).open .items-right .button {
    background: #FFAA30;
    color: #000; }

.installation nav:not(.scrolled) {
  color: #000; }
  .installation nav:not(.scrolled) .logo svg {
    fill: #fff; }
  .installation nav:not(.scrolled) .nav-content-wrapper .menu-items li:not(.current-menu-item) a {
    opacity: 0.4; }
    .installation nav:not(.scrolled) .nav-content-wrapper .menu-items li:not(.current-menu-item) a:hover {
      opacity: 1; }
  .installation nav:not(.scrolled) .items-right .button {
    background: #E2625E;
    color: #fff; }
  .installation nav:not(.scrolled).open .items-right .button {
    background: #FFAA30;
    color: #000; }

.specs nav:not(.scrolled) {
  color: #000; }
  .specs nav:not(.scrolled) .logo svg {
    fill: #fff; }
  .specs nav:not(.scrolled) .items-right .button {
    background: #E2625E;
    color: #fff; }
  .specs nav:not(.scrolled).open .items-right .button {
    background: #FFAA30;
    color: #000; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  nav .nav-content-wrapper .menu-items li:not(:last-of-type) {
    margin-right: 0.9375em; }
  nav .nav-content-wrapper .items-right {
    margin-left: 1.25em; } }

@media screen and (max-width: 767px) {
  .homepage nav:not(.scrolled) {
    color: #000; }
    .homepage nav:not(.scrolled) .nav-content-wrapper .menu-items a {
      color: #000;
      opacity: 0.4; }
    .homepage nav:not(.scrolled) .nav-content-wrapper .menu-items li.current-menu-item a {
      opacity: 1; }
    .homepage nav:not(.scrolled) .items-right a {
      color: #000; }
    .homepage nav:not(.scrolled).open .items-right a {
      opacity: 0.4; }
    .homepage nav:not(.scrolled).open .items-right .button {
      background: #FFAA30;
      opacity: 1;
      color: #000; }
  .menu-trigger {
    display: block; }
  nav {
    height: 3.3125em;
    transform: none; }
    nav .logo {
      left: 2.5em;
      width: 6.75em;
      top: 0.875em; }
    nav .nav-content-wrapper {
      position: fixed;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: #2EBD71;
      z-index: 2;
      transition: 0.5s; }
      nav .nav-content-wrapper .menu-items {
        display: block;
        padding: 4.6875em 1.25em 1.25em 1.25em;
        overflow: hidden; }
        nav .nav-content-wrapper .menu-items li {
          display: block;
          line-height: normal;
          opacity: 0;
          transition: 0.3s;
          transform: translateX(-2.5em); }
          nav .nav-content-wrapper .menu-items li:not(:last-of-type) {
            margin-right: 0; }
          nav .nav-content-wrapper .menu-items li a {
            font-size: 3.125em; }
          nav .nav-content-wrapper .menu-items li.current-menu-item .underline {
            display: none; }
      nav .nav-content-wrapper .items-right {
        position: absolute;
        bottom: 1.25em;
        right: 1.25em;
        opacity: 0;
        transform: translateX(-2.5em);
        transition: 0.3s; }
    nav .mobile-logo {
      display: block;
      fill: #fff;
      position: absolute;
      bottom: 1.25em;
      left: 1.25em;
      opacity: 0;
      transform: translateX(-2.5em);
      transition: 0.3s; }
    nav .button.mobile {
      display: block;
      float: right;
      margin-right: -0.83333em;
      font-size: 0.75em;
      line-height: 1.25em;
      padding: 0.75em 1.33333em;
      margin-top: 0.83333em; }
    nav.open .mobile-logo {
      transform: none;
      opacity: 1;
      transition: 0.75s 0.7s; }
    nav.open .items-right {
      transform: none;
      opacity: 1;
      transition: 0.75s 0.5s; }
    nav.open .nav-content-wrapper {
      left: 0; }
      nav.open .nav-content-wrapper .menu-items li {
        transform: none;
        opacity: 1; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(1) {
        transition: 0.5s 0.3s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(2) {
        transition: 0.5s 0.4s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(3) {
        transition: 0.5s 0.5s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(4) {
        transition: 0.5s 0.6s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(5) {
        transition: 0.5s 0.7s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(6) {
        transition: 0.5s 0.8s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(7) {
        transition: 0.5s 0.9s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(8) {
        transition: 0.5s 1s; }
      nav.open .nav-content-wrapper .menu-items li:nth-of-type(9) {
        transition: 0.5s 1.1s; } }

.homepage .hero {
  height: 90vh;
  height: calc(100vh - 7.625em);
  overflow: hidden;
  position: relative;
  background: #000;
  transition: 0.5s; }
  .homepage .hero .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    object-fit: cover; }
  .homepage .hero .text-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding-bottom: 3.125em;
    color: #fff;
    transition: 0.5s;
    will-change: transform; }
  .homepage .hero h1 {
    text-transform: uppercase;
    line-height: 1em;
    padding-bottom: 0.36364em;
    margin-bottom: 0;
    margin-top: 0;
    transition: 0.5s; }
    .homepage .hero h1 em {
      text-transform: none; }
  .homepage .hero p {
    font-family: "Circular Pro";
    transition: 0.5s; }
  .homepage .hero:before {
    content: "";
    position: absolute;
    background: #000;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transition: 0.5s; }
  .homepage .hero:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68%;
    opacity: 0.7;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 1%, #000000 100%);
    transition: 0.5s; }
  .homepage .hero .player-control-button {
    width: 3.125em;
    height: 3.125em;
    box-shadow: inset 0px 0px 0px 2px #2EBD71;
    border-radius: 50%;
    margin-bottom: 1.375em;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transform: translateZ(0); }
    .homepage .hero .player-control-button .icon-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 1.375em; }
      .homepage .hero .player-control-button .icon-wrapper i.icon-play:before {
        position: absolute;
        top: 50%;
        left: 56%;
        transform: translate(-50%, -50%); }
      .homepage .hero .player-control-button .icon-wrapper i.icon-pause:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .homepage .hero .player-control-button .icon-wrapper.pause {
        opacity: 0; }
    .homepage .hero .player-control-button:before {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: #2EBD71;
      transform: scaleY(0);
      transform-origin: bottom;
      transition: 0.5s; }
    .homepage .hero .player-control-button:hover:before {
      transform: scale(1); }
  .homepage .hero .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    /*&:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.3;
        transition: 0.5s;
      }*/ }
    .homepage .hero .background video {
      width: 100%;
      height: 100vh;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      object-fit: cover;
      transition: 0.5s;
      /*&.video-full{
          opacity: 0;
          transform: translate(-50%, -50%) scale(1.2);
        }*/ }
    .homepage .hero .background .video-full {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; }
      .homepage .hero .background .video-full video {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.2); }
  .homepage .hero .close-button {
    position: absolute;
    right: 1.875em;
    top: 1.875em;
    width: 3.125em;
    height: 3.125em;
    border-radius: 50%;
    background: #F2F2F2;
    cursor: pointer;
    opacity: 0;
    transform: translate(1.25em, -1.25em) rotate(30deg);
    transition: 0.3s;
    z-index: 3; }
    .homepage .hero .close-button:before, .homepage .hero .close-button:after {
      content: "";
      position: absolute;
      width: 1.625em;
      top: 50%;
      left: 50%;
      margin-top: -1px;
      margin-left: -0.8125em;
      height: 2px;
      background: #262A3F; }
    .homepage .hero .close-button:before {
      transform: rotate(-45deg); }
    .homepage .hero .close-button:after {
      transform: rotate(45deg); }
  .homepage .hero .changing-text {
    overflow: hidden;
    height: 1.2em;
    display: inline-block;
    vertical-align: top; }
    .homepage .hero .changing-text .changing-text_inner-wrapper {
      transform: translateY(0);
      transition: 0.5s; }
      .homepage .hero .changing-text .changing-text_inner-wrapper span {
        display: block;
        width: 100%; }
        .homepage .hero .changing-text .changing-text_inner-wrapper span span {
          display: inline-block;
          vertical-align: top;
          height: 1.2em;
          position: relative;
          width: auto;
          z-index: 2; }
      .homepage .hero .changing-text .changing-text_inner-wrapper.animates span span .line {
        animation: lineAnimate 3s infinite; }
      .homepage .hero .changing-text .changing-text_inner-wrapper.no-transition {
        transition: 0s; }

body.video-playing .homepage .hero {
  height: 100vh;
  transition: 0.5s 0s; }
  body.video-playing .homepage .hero .text-content {
    transform: translateY(12.5em); }
  body.video-playing .homepage .hero .player-control-button {
    background: #2EBD71;
    transition: 0.5s;
    z-index: 10; }
    body.video-playing .homepage .hero .player-control-button .icon-wrapper.pause {
      opacity: 1; }
  body.video-playing .homepage .hero:before {
    opacity: 0; }
  body.video-playing .homepage .hero h1 {
    opacity: 0; }
  body.video-playing .homepage .hero p {
    opacity: 0; }

body.video-playing .hero .close-button {
  transform: rotate(90deg);
  opacity: 1; }

body.video-playing nav {
  pointer-events: none;
  opacity: 0; }

body.video-playing .hero .icon-wrapper.play {
  opacity: 0; }

body.video-playing .hero .icon-wrapper.pause {
  opacity: 1; }

body.video-playing .hero .background .video-short {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.2); }

body.video-playing .hero .background .video-full video {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1); }

body.video-playing .hero:after {
  opacity: 0; }

.hero-stats {
  padding: 1.5625em 0; }
  .hero-stats .row {
    position: relative; }
  .hero-stats .stat-item p {
    width: 11.42857em; }
  .hero-stats .stat-item:not(:last-of-type) {
    margin-right: 3.75em; }
  .hero-stats .stat-item.stats-cta {
    float: right;
    text-align: right;
    padding-right: 3.75em;
    color: #000;
    text-decoration: none; }
    .hero-stats .stat-item.stats-cta .arrow-wrapper {
      position: absolute;
      top: 50%;
      right: 0;
      width: 2.5em;
      height: 2.5em;
      border-radius: 50%;
      background: #2EBD71;
      margin-top: -1.25em;
      transform: translateZ(0); }
      .hero-stats .stat-item.stats-cta .arrow-wrapper:before {
        content: '\61';
        font-family: "rollpark" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -1em;
        width: 2em;
        line-height: 2em;
        text-align: center;
        font-size: 1.25em;
        z-index: 2; }
      .hero-stats .stat-item.stats-cta .arrow-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0;
        transition: all 0.3s, opacity 0.2s;
        transform: scaleY(0);
        transform-origin: bottom; }
    .hero-stats .stat-item.stats-cta:hover .arrow-wrapper:after {
      transform: scaleY(1);
      opacity: 0.25; }

.designed-for-you {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding: 3.125em 0; }
  .designed-for-you .row {
    position: relative; }
  .designed-for-you h2 {
    margin-top: -0.11429em;
    transform: translateY(0.85714em);
    opacity: 0; }
  .designed-for-you h3 {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    line-height: 1.53846em; }
    .designed-for-you h3:before {
      content: "— "; }
    .designed-for-you h3 em {
      color: #2EBD71; }
  .designed-for-you ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -3.125em; }
    .designed-for-you ul li {
      transform: translateY(1.875em);
      opacity: 0;
      transition: 0.5s; }
  .designed-for-you .img-wrapper {
    position: absolute;
    right: 0;
    width: 18.75em;
    bottom: -3.75em;
    z-index: 2; }
    .designed-for-you .img-wrapper img {
      display: block;
      width: 100%; }
    .designed-for-you .img-wrapper .layer-1 {
      transform: translateY(-3.125em);
      transition: 0.5s;
      opacity: 0; }
    .designed-for-you .img-wrapper .layer-2 {
      position: absolute;
      top: 3.125em;
      z-index: -1;
      opacity: 0;
      transition: 0.5s; }
  .designed-for-you.active h2 {
    transform: none;
    opacity: 1; }
  .designed-for-you.active ul li {
    transform: none;
    opacity: 1; }
    .designed-for-you.active ul li:nth-of-type(1) {
      transition: 0.5s 0.2s; }
    .designed-for-you.active ul li:nth-of-type(2) {
      transition: 0.5s 0.3s; }
    .designed-for-you.active ul li:nth-of-type(3) {
      transition: 0.5s 0.4s; }
    .designed-for-you.active ul li:nth-of-type(4) {
      transition: 0.5s 0.5s; }
    .designed-for-you.active ul li:nth-of-type(5) {
      transition: 0.5s 0.6s; }
    .designed-for-you.active ul li:nth-of-type(6) {
      transition: 0.5s 0.7s; }
    .designed-for-you.active ul li:nth-of-type(7) {
      transition: 0.5s 0.8s; }
    .designed-for-you.active ul li:nth-of-type(8) {
      transition: 0.5s 0.9s; }
    .designed-for-you.active ul li:nth-of-type(9) {
      transition: 0.5s 1s; }
  .designed-for-you.active .img-wrapper {
    transform: translateY(0);
    opacity: 1;
    transition: 0.5s 0.5s; }
    .designed-for-you.active .img-wrapper .layer-1 {
      transform: translateY(0);
      opacity: 1;
      transition: 0.75s 0.6s; }
    .designed-for-you.active .img-wrapper .layer-2 {
      transform: none;
      opacity: 0.1;
      transition: 0.75s 0.7s; }

.clients-section {
  padding-top: 3.125em;
  padding-bottom: 2.5em;
  border-top: 1px solid rgba(0, 0, 0, 0.07); }
  .clients-section h2 em {
    opacity: 0.4; }
  .clients-section .partner-logos {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2.1875em;
    opacity: 0.4; }
    .clients-section .partner-logos li {
      display: inline-block;
      vertical-align: top;
      transition: 0.5s;
      opacity: 0;
      transform: translateY(1.875em); }
      .clients-section .partner-logos li:not(:last-of-type) {
        margin-right: 1.5625em; }
  .clients-section.active h2 {
    transform: none;
    opacity: 1; }
  .clients-section.active .partner-logos {
    transform: none; }
    .clients-section.active .partner-logos li {
      transform: none;
      opacity: 1; }
      .clients-section.active .partner-logos li:nth-of-type(1) {
        transition: 0.5s 0.15s; }
      .clients-section.active .partner-logos li:nth-of-type(2) {
        transition: 0.5s 0.2s; }
      .clients-section.active .partner-logos li:nth-of-type(3) {
        transition: 0.5s 0.25s; }
      .clients-section.active .partner-logos li:nth-of-type(4) {
        transition: 0.5s 0.3s; }
      .clients-section.active .partner-logos li:nth-of-type(5) {
        transition: 0.5s 0.35s; }
      .clients-section.active .partner-logos li:nth-of-type(6) {
        transition: 0.5s 0.4s; }
      .clients-section.active .partner-logos li:nth-of-type(7) {
        transition: 0.5s 0.45s; }
      .clients-section.active .partner-logos li:nth-of-type(8) {
        transition: 0.5s 0.5s; }
      .clients-section.active .partner-logos li:nth-of-type(9) {
        transition: 0.5s 0.55s; }

.gallery-section {
  padding: 0.3125em; }
  .gallery-section .gallery-block {
    width: 50%;
    float: left;
    position: relative;
    margin: 0.3125em 0; }
    .gallery-section .gallery-block .image-overlay {
      animation: overlayMoveBack 1s cubic-bezier(1, 0.14, 0, 0.9); }
    .gallery-section .gallery-block .button {
      padding-right: 3.28571em; }
      .gallery-section .gallery-block .button i:before {
        position: absolute;
        font-size: 1.28571em;
        right: 1.05556em;
        top: 52%;
        transform: translateY(-50%);
        transition: 0.3s; }
      .gallery-section .gallery-block .button:hover i:before {
        right: 0.77778em; }
    .gallery-section .gallery-block .button-wrapper {
      position: absolute;
      bottom: 2.1875em;
      right: 2.1875em;
      transform: translate(0.9375em, 0);
      opacity: 0;
      z-index: 2;
      transition: 0.3s; }
    .gallery-section .gallery-block .img-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0 0.3125em;
      overflow: hidden; }
      .gallery-section .gallery-block .img-wrapper .img-inner-wrapper {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative; }
        .gallery-section .gallery-block .img-wrapper .img-inner-wrapper:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #000;
          z-index: 1;
          opacity: 0;
          transition: 0.3s; }
      .gallery-section .gallery-block .img-wrapper.quote-wrapper {
        display: table; }
    .gallery-section .gallery-block img {
      display: block;
      width: 100%;
      height: 100%;
      transition: all 5s linear, opacity 0s 0.5s;
      opacity: 0; }
    .gallery-section .gallery-block:after {
      content: "";
      display: block;
      padding-top: 72.44%; }
    .gallery-section .gallery-block:hover img {
      transform: scale(1.2); }
    .gallery-section .gallery-block:hover .img-inner-wrapper:before {
      opacity: 0.3; }
    .gallery-section .gallery-block:hover .button-wrapper {
      transform: none;
      opacity: 1; }
    .gallery-section .gallery-block .image-overlay {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #F2F2F2;
      transform-origin: top;
      transform: scaleY(1);
      transform: scaleY(0);
      z-index: 3; }
    .gallery-section .gallery-block.active img {
      opacity: 1;
      transition: all 5s linear, opacity 0s 0.5s; }
    .gallery-section .gallery-block.active .image-overlay {
      animation: overlayMove 1s cubic-bezier(1, 0.14, 0, 0.9); }
    .gallery-section .gallery-block.active:nth-of-type(2) .image-overlay {
      animation: overlayMove 1s 1s cubic-bezier(1, 0.14, 0, 0.9); }
    .gallery-section .gallery-block.active:nth-of-type(2) img {
      opacity: 1;
      transition: all 5s linear, opacity 0s 1.5s; }
    .gallery-section .gallery-block.active .quote-wrapper h4 {
      transform: none;
      opacity: 1;
      transition: 0.5s 0.5s; }
    .gallery-section .gallery-block.active .quote-wrapper .quote-author img {
      transform: none;
      opacity: 1;
      transition: 0.5s 0.6s; }
    .gallery-section .gallery-block.active .quote-wrapper .quote-author h5 {
      transform: none;
      opacity: 1;
      transition: 0.5s 0.7s; }
    .gallery-section .gallery-block.active .quote-wrapper .quote-author .title {
      opacity: 0.4;
      transform: none;
      transition: 0.5s 0.8s; }
  .gallery-section .quote-wrapper {
    display: table;
    width: 31.875em;
    margin: 0 auto;
    max-width: 100%;
    height: 100%; }
    .gallery-section .quote-wrapper h4 {
      transform: translateY(1.25em);
      opacity: 0;
      transition: 0.5s; }
    .gallery-section .quote-wrapper .quote-author img {
      transform: translateY(1.875em);
      opacity: 0;
      transition: 0.5s; }
    .gallery-section .quote-wrapper .quote-author h5 {
      transform: translateY(1.25em);
      opacity: 0;
      transition: 0.5s; }
    .gallery-section .quote-wrapper .quote-author .title {
      transform: translateY(1.42857em);
      opacity: 0;
      transition: 0.5s; }
    .gallery-section .quote-wrapper img {
      opacity: 1;
      display: block; }
  .gallery-section .quote {
    display: table-cell;
    vertical-align: middle; }

.what-to-expect {
  padding-top: 3.125em;
  padding-bottom: 2.0625em;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  overflow: hidden; }
  .what-to-expect h2 {
    line-height: 1.25714em; }
    .what-to-expect h2 em {
      opacity: 0.4; }
  .what-to-expect h4 {
    font-size: 1.625em;
    line-height: 1.26923em;
    margin-top: 0.57692em;
    font-weight: 300; }
  .what-to-expect img {
    width: 18.125em;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: -1.25em;
    margin-top: -1.25em; }
  .what-to-expect .arrow-link {
    margin-top: 1.78571em; }
  .what-to-expect.active h2 {
    transform: none;
    opacity: 1; }
  .what-to-expect.active h4 {
    transform: none;
    opacity: 0.6; }
  .what-to-expect.active .button-wrapper {
    transform: none;
    opacity: 1; }

.product-specs {
  background: rgba(242, 242, 242, 0);
  transition: 1s;
  padding-top: 3.125em; }
  .product-specs h2 {
    line-height: 1.25714em; }
  .product-specs h4 {
    font-size: 1.625em;
    line-height: 1.26923em;
    margin-top: 0.57692em;
    font-weight: 300; }
  .product-specs .arrow-link {
    margin-top: 1.78571em; }
  .product-specs .button-wrapper {
    padding-bottom: 3.125em; }
  .product-specs .specs-illustration-wrapper {
    width: 23.75em;
    max-width: 100%;
    margin-left: auto;
    margin-top: -4.6875em;
    margin-bottom: -6.25em; }
    .product-specs .specs-illustration-wrapper .layer:nth-of-type(1) img {
      transform: none;
      opacity: 1;
      transition: 0.75s 0s; }
    .product-specs .specs-illustration-wrapper .layer:nth-of-type(2) {
      top: 23%; }
      .product-specs .specs-illustration-wrapper .layer:nth-of-type(2) img {
        opacity: 1;
        transition: 0.75s 0.1s;
        transform: translateY(-43%); }
    .product-specs .specs-illustration-wrapper .layer:nth-of-type(3) {
      top: 44%; }
      .product-specs .specs-illustration-wrapper .layer:nth-of-type(3) img {
        opacity: 1;
        transition: 0.75s 0.2s;
        transform: translateY(-82%); }
    .product-specs .specs-illustration-wrapper:after {
      padding-top: 95%; }
  .product-specs.active {
    background: #f2f2f2; }
    .product-specs.active h2 {
      transform: none;
      opacity: 1; }
    .product-specs.active h4 {
      transform: none;
      opacity: 0.6; }
    .product-specs.active .button-wrapper {
      transform: none;
      opacity: 1; }
    .product-specs.active .specs-illustration-wrapper .layer img.loaded {
      transform: translateY(0);
      opacity: 1;
      transition: 0.75s; }
    .product-specs.active .specs-illustration-wrapper .layer:nth-of-type(1) img {
      transition: 0.75s 0s; }
    .product-specs.active .specs-illustration-wrapper .layer:nth-of-type(2) img {
      transition: 0.75s 0.1s; }
    .product-specs.active .specs-illustration-wrapper .layer:nth-of-type(3) img {
      transition: 0.75s 0.2s; }
  .product-specs .products-specs-bottom {
    padding: 1.875em 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07); }
    .product-specs .products-specs-bottom h2 {
      display: inline-block;
      vertical-align: top;
      margin-right: 0.85714em; }
    .product-specs .products-specs-bottom a {
      display: inline-block;
      vertical-align: top;
      font-weight: 700;
      color: #000;
      line-height: 2.75em;
      text-decoration: none;
      padding-left: 2em;
      position: relative; }
      .product-specs .products-specs-bottom a:not(:last-of-type) {
        margin-right: 1.25em; }
      .product-specs .products-specs-bottom a i:before {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.25em;
        line-height: 2.2em;
        color: #2EBD71; }
      .product-specs .products-specs-bottom a:hover {
        color: #2EBD71; }

@keyframes overlayMove {
  0% {
    transform: scaleY(0);
    transform-origin: top; }
  49% {
    transform-origin: top; }
  50% {
    transform: scaleY(1); }
  51% {
    transform-origin: bottom; }
  100% {
    transform: scaleY(0);
    transform-origin: bottom; } }

@keyframes overlayMoveBack {
  0% {
    transform: scaleY(0);
    transform-origin: bottom; }
  49% {
    transform-origin: bottom; }
  50% {
    transform: scaleY(1); }
  51% {
    transform-origin: top; }
  100% {
    transform: scaleY(0);
    transform-origin: top; } }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-stats .stat-item:not(:last-of-type) {
    margin-right: 1.42857em; }
  .hero-stats .stat-item p {
    width: 10.90909em;
    font-size: 0.78571em; }
  .designed-for-you .img-wrapper {
    width: 21.42857em;
    margin-right: -15%; }
  .content-wrapper {
    overflow: hidden; }
  .gallery-section .gallery-block .quote-wrapper {
    width: 100%; }
    .gallery-section .gallery-block .quote-wrapper .quote {
      padding-left: 1.42857em;
      padding-right: 1.42857em; }
    .gallery-section .gallery-block .quote-wrapper h4 {
      font-size: 1.28571em; }
  .clients-section .partner-logos {
    display: flex; } }

@media screen and (max-width: 767px) {
  .homepage .hero .text-content {
    padding-bottom: 2.375em; }
    .homepage .hero .text-content p {
      font-size: 1em; }
  .hero-stats {
    padding: 1em 0;
    padding-bottom: 1.25em; }
    .hero-stats .stat-item {
      width: 50%;
      float: left;
      margin-bottom: 1.25em; }
      .hero-stats .stat-item:not(:last-of-type) {
        margin-right: 0; }
      .hero-stats .stat-item.stats-cta {
        float: none;
        width: auto;
        margin-bottom: 0;
        text-align: left;
        padding-right: 1.75em;
        height: 1em;
        position: relative; }
        .hero-stats .stat-item.stats-cta .arrow-wrapper {
          background: none;
          width: auto; }
          .hero-stats .stat-item.stats-cta .arrow-wrapper:before {
            width: auto;
            font-size: 1.25em; }
        .hero-stats .stat-item.stats-cta:after {
          display: none; }
        .hero-stats .stat-item.stats-cta .number {
          display: inline-block;
          vertical-align: top;
          padding-left: 0;
          font-size: 0.875em;
          line-height: 1.28571em;
          font-family: inherit;
          font-weight: 700; }
        .hero-stats .stat-item.stats-cta p {
          display: inline-block;
          vertical-align: top;
          width: auto;
          margin-top: 0;
          font-size: 0.875em;
          line-height: 1.28571em;
          opacity: 1;
          font-weight: 700; }
  .designed-for-you {
    padding: 2.125em 0; }
    .designed-for-you ul {
      margin-left: 0;
      padding-top: 1.25em; }
      .designed-for-you ul li {
        margin-bottom: 0.9375em; }
        .designed-for-you ul li h3 {
          line-height: 1em;
          padding-left: 1.36364em;
          position: relative; }
          .designed-for-you ul li h3:before {
            content: "•";
            top: 0;
            position: absolute;
            left: 0.54545em; }
    .designed-for-you .img-wrapper {
      display: block;
      position: relative;
      width: 100%;
      width: calc(100% - 2.5em);
      margin: 0 auto;
      bottom: 0;
      margin-bottom: -1.875em;
      margin-top: 1.25em; }
      .designed-for-you .img-wrapper .layer-1 {
        transform: translateY(-1.875em); }
  .clients-section {
    padding-top: 2em;
    padding-bottom: 0.9375em; }
    .clients-section h2 em {
      font: inherit;
      opacity: 1; }
    .clients-section .partner-logos {
      margin-top: 0.3125em;
      width: 18.75em;
      display: flex;
      flex-wrap: wrap; }
      .clients-section .partner-logos li {
        margin-right: 0;
        margin-top: 0.625em;
        display: flex;
        height: 1.875em; }
        .clients-section .partner-logos li:not(:last-of-type) {
          margin-right: 0; }
        .clients-section .partner-logos li img {
          width: 100%;
          height: auto;
          align-self: center; }
      .clients-section .partner-logos li:nth-of-type(1) {
        order: 0;
        width: 14.66%;
        margin-right: 7.66%; }
      .clients-section .partner-logos li:nth-of-type(2) {
        order: 1;
        width: 12.66%;
        margin-right: 7.66%; }
      .clients-section .partner-logos li:nth-of-type(3) {
        display: none; }
      .clients-section .partner-logos li:nth-of-type(4) {
        order: 4;
        width: 14.33%; }
      .clients-section .partner-logos li:nth-of-type(5) {
        order: 5;
        width: 28.66%;
        margin-right: 7.66%; }
      .clients-section .partner-logos li:nth-of-type(6) {
        order: 6;
        width: 7%;
        margin-right: 7.66%; }
      .clients-section .partner-logos li:nth-of-type(7) {
        order: 8;
        width: 27.33%; }
      .clients-section .partner-logos li:nth-of-type(8) {
        order: 7;
        width: 14.33%;
        margin-right: 7.3%; }
      .clients-section .partner-logos li:nth-of-type(9) {
        order: 3;
        width: 34.33%;
        margin-right: 7.66%; }
  .gallery-section .gallery-block {
    width: 100%;
    float: none;
    margin: 0.625em 0; }
    .gallery-section .gallery-block .button {
      display: none; }
    .gallery-section .gallery-block:last-of-type .img-wrapper {
      position: relative; }
    .gallery-section .gallery-block:last-of-type:after {
      display: none; }
  .gallery-section .quote-wrapper {
    padding: 3.125em 0.625em 1.25em 0.625em;
    display: block; }
  .what-to-expect {
    padding-top: 1.875em;
    padding-bottom: 1.875em;
    position: relative;
    z-index: 2; }
    .what-to-expect h2 {
      width: 8.62963em; }
      .what-to-expect h2 em {
        font-family: inherit;
        font-style: inherit;
        font-weight: 700;
        color: #000;
        opacity: 1; }
    .what-to-expect h4 {
      font-size: 1.375em;
      line-height: 1.22727em;
      width: 9.31818em;
      margin-top: 0.68182em; }
    .what-to-expect img {
      position: absolute;
      top: 9.375em;
      right: -20%;
      z-index: -1;
      width: 15.625em; }
  .product-specs {
    padding-top: 1.875em;
    position: relative;
    z-index: 2;
    overflow: hidden; }
    .product-specs h4 {
      font-size: 1.375em;
      line-height: 1.22727em;
      width: 9.31818em;
      margin-top: 0.68182em; }
    .product-specs .specs-illustration-wrapper {
      position: absolute;
      top: 6.25em;
      margin-top: 0;
      margin-bottom: 0;
      right: -31%;
      z-index: -1;
      width: 16.375em; }
    .product-specs .products-specs-bottom {
      margin-top: 1.875em;
      padding: 1.875em 0; }
      .product-specs .products-specs-bottom h2 {
        width: 100%;
        padding-bottom: 0.74074em; }
      .product-specs .products-specs-bottom a {
        line-height: 1em; }
        .product-specs .products-specs-bottom a i:before {
          line-height: 0.8em; } }

.specs-table {
  padding-top: 3.125em;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 2.5em; }
  .specs-table h2 {
    line-height: 1em; }
  .specs-table .specs-top {
    text-align: center;
    padding-top: 4.375em;
    width: 56.25em;
    padding-bottom: 1.5em;
    padding-left: 5em;
    padding-right: 5em; }
    .specs-table .specs-top h4 {
      line-height: 1em; }
    .specs-table .specs-top .column:nth-of-type(2) {
      color: #2EBD71; }
    .specs-table .specs-top .column {
      opacity: 0;
      transition: 0.5s; }
  .specs-table .specs-bottom {
    width: 56.25em;
    text-align: center;
    position: relative;
    padding-top: 0.625em;
    padding-bottom: 1.25em; }
    .specs-table .specs-bottom:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #000;
      opacity: 0.07;
      display: block;
      transform: scaleX(0);
      transition: 0.5s;
      transform-origin: left; }
    .specs-table .specs-bottom .row {
      position: relative;
      padding-left: 5em;
      padding-right: 5em; }
    .specs-table .specs-bottom i {
      color: #2EBD71;
      font-size: 1.5em;
      opacity: 0; }
      .specs-table .specs-bottom i:before {
        position: absolute;
        left: 1.45833em;
        top: 0;
        line-height: 2.08333em; }
    .specs-table .specs-bottom .icons {
      position: absolute;
      left: 0;
      top: 0;
      line-height: 2.27273em;
      color: #2EBD71;
      font-size: 1.375em;
      padding-top: 0.45455em; }
      .specs-table .specs-bottom .icons i {
        display: block;
        transition: 0.5s; }
    .specs-table .specs-bottom .column {
      font-size: 1.125em;
      line-height: 1em;
      font-family: "Circular Pro";
      color: #999999;
      margin: 0;
      padding: 0.88889em 0;
      opacity: 0; }
      .specs-table .specs-bottom .column strong {
        color: #000; }
  .specs-table.active h2 {
    transform: none;
    opacity: 1; }
  .specs-table.active .specs-top .column {
    opacity: 1;
    transition: 1.5s 1.7s; }
  .specs-table.active .specs-bottom i {
    opacity: 1;
    transition: 0.75s 1.7s; }
  .specs-table.active .specs-bottom:before {
    transform: scaleX(1);
    transition: 0.75s 1.7s; }
  .specs-table.active .specs-bottom .column {
    opacity: 1;
    transition: 1.5s 1.7s; }
    .specs-table.active .specs-bottom .column.delay-1 {
      transition: 0.75s 0.5s; }
    .specs-table.active .specs-bottom .column.delay-2 {
      transition: 0.75s 0.9s; }
    .specs-table.active .specs-bottom .column.delay-3 {
      transition: 0.75s 1.3s; }

/* responsive */
@media screen and (max-width: 767px) {
  .specs-table {
    padding-top: 2.125em;
    margin-bottom: 1.25em; }
    .specs-table .specs-top {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0.9375em;
      padding-top: 2.0625em;
      text-align: left;
      width: calc(100% - 2.85714em); }
    .specs-table .specs-bottom {
      padding-top: 0.3125em;
      padding-bottom: 0.3125em;
      width: calc(100% - 2.85714em); }
      .specs-table .specs-bottom i {
        display: none; }
      .specs-table .specs-bottom .row {
        padding-left: 0;
        padding-right: 0; }
      .specs-table .specs-bottom .column {
        font-size: 0.6875em;
        text-align: left;
        padding: 1.27273em 0;
        padding-right: 0.90909em; } }

.proposal {
  background: #2EBD71;
  text-align: center;
  padding: 3.125em 0 1.875em 0; }
  .proposal h1 {
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 0.30909em; }
  .proposal h3 {
    opacity: 0.6;
    line-height: 1.26923em;
    width: 23.84615em;
    max-width: 100%;
    margin: 0 auto;
    font-weight: 300; }
  .proposal .button {
    padding: 1.25em 1.875em;
    margin-top: 1.75em; }
  .proposal .proposal-bottom-line {
    display: block;
    font-size: 0.75em;
    opacity: 0.3;
    margin-top: 2.08333em; }

.background-cta {
  background: #2EBD71; }
  .background-cta .proposal {
    transform-origin: bottom; }
    .background-cta .proposal h1 {
      transform: translateY(0.54545em);
      opacity: 0;
      transition: 0.5s; }
    .background-cta .proposal h3 {
      transform: translateY(1.15385em);
      opacity: 0;
      transition: 0.5s; }
    .background-cta .proposal .button {
      transform: translateY(1.875em);
      opacity: 0;
      transition: 0.5s; }
    .background-cta .proposal .proposal-bottom-line {
      transform: translateY(2.5em);
      opacity: 0;
      transition: 0.5s; }
  .background-cta.active .proposal h1 {
    transform: none;
    opacity: 1; }
  .background-cta.active .proposal h3 {
    transform: none;
    opacity: 0.6; }
  .background-cta.active .proposal .button {
    opacity: 1;
    transform: translateZ(0); }
  .background-cta.active .proposal .proposal-bottom-line {
    transform: none;
    opacity: 0.3; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .background-cta .proposal h1 {
    transform: none;
    opacity: 1; }
  .background-cta .proposal h3 {
    transform: none;
    opacity: 0.6; }
  .background-cta .proposal .button {
    opacity: 1;
    transform: none; }
  .background-cta .proposal .proposal-bottom-line {
    transform: none;
    opacity: 0.3; } }

@media screen and (max-width: 767px) {
  .proposal {
    padding: 2.1875em 1.25em 1.875em 1.25em; }
    .proposal h1 {
      margin-bottom: 0.57143em; }
    .proposal h3 {
      margin-bottom: 0.27273em;
      width: 13.86364em;
      max-width: 100%; }
    .proposal .button {
      margin-top: 1.25em; }
  .background-cta .proposal h1 {
    transform: none;
    opacity: 1; }
  .background-cta .proposal h3 {
    transform: none;
    opacity: 0.6; }
  .background-cta .proposal .button {
    opacity: 1;
    transform: none;
    transform: translateZ(0); }
  .background-cta .proposal .proposal-bottom-line {
    transform: none;
    opacity: 0.3; } }

.quote h4 {
  position: relative;
  font-size: 1.875em;
  line-height: 1.2em;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.4); }
  .quote h4:before {
    content: "“";
    font-size: 2em;
    line-height: 1em;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: -0.25em;
    color: #000; }
  .quote h4 strong {
    font-weight: 700;
    font-family: "Circular Pro";
    color: #000; }

.quote img {
  width: auto;
  position: relative; }

.quote .quote-author {
  padding-top: 1.25em;
  position: relative;
  padding-left: 3.3125em; }
  .quote .quote-author img {
    width: 2.1875em;
    height: 2.1875em;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 1.25em; }
  .quote .quote-author .quote-author-info {
    margin-top: -0.25em; }
  .quote .quote-author h5 {
    font-size: 1em;
    line-height: 1.25em; }
  .quote .quote-author .title {
    opacity: 0.4;
    font-size: 0.875em;
    line-height: 1.28571em;
    width: 13.57143em;
    max-width: 100%;
    display: block; }

/* responsive */
@media screen and (max-width: 640px) {
  .quote h4 {
    font-size: 1.375em;
    line-height: 1.27273em; }
    .quote h4:before {
      font-size: 2.72727em;
      margin-bottom: -0.25em; }
  .quote .quote-author {
    padding-top: 1.25em; } }

.industries-slider {
  padding: 3.125em 0 3.125em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.07); }
  .industries-slider h2 {
    line-height: 1.25714em; }
  .industries-slider .industries-top {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2.1875em; }
    .industries-slider .industries-top li {
      display: inline-block;
      vertical-align: top;
      width: 5em;
      text-align: center;
      cursor: pointer; }
      .industries-slider .industries-top li:not(:last-of-type) {
        margin-right: 1.875em; }
      .industries-slider .industries-top li.active .image-area:before {
        transform: scale(1);
        opacity: 1; }
      .industries-slider .industries-top li.active .title {
        color: black; }
      .industries-slider .industries-top li:hover:not(.active) .image-area:before {
        border: 2px solid #65B1E7;
        transform: scale(1);
        opacity: 1; }
    .industries-slider .industries-top .image-area {
      position: relative;
      transform: translateY(1.25em);
      opacity: 0;
      transition: 0.3s; }
      .industries-slider .industries-top .image-area:before {
        content: "";
        width: 5.625em;
        height: 5.625em;
        position: absolute;
        left: -0.3125em;
        top: -0.3125em;
        z-index: 2;
        border: 2px solid #FFAA30;
        border-radius: 50%;
        transform: scale(0.9);
        opacity: 0;
        transition: 0.5s; }
      .industries-slider .industries-top .image-area img {
        border-radius: 50%;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%; }
    .industries-slider .industries-top .title {
      opacity: 0.4;
      font-size: 0.75em;
      line-height: 1.25em;
      display: block;
      font-weight: 700;
      width: 5.83333em;
      margin: 0.91667em auto 0 auto;
      transform: translateY(1.66667em);
      opacity: 0;
      transition: 0.3s; }
  .industries-slider .industries-content-wrapper {
    width: 41.25em;
    max-width: 100%;
    padding-top: 1.875em;
    transform: translateY(1.875em);
    opacity: 0; }
    .industries-slider .industries-content-wrapper h4 {
      margin-bottom: 0.2em;
      transform: translateY(0.8em);
      opacity: 0;
      transition: 0.3s; }
    .industries-slider .industries-content-wrapper p {
      transform: translateY(0.90909em);
      opacity: 0;
      transition: 0.3s; }
    .industries-slider .industries-content-wrapper .inner-content-wrapper {
      display: none; }
      .industries-slider .industries-content-wrapper .inner-content-wrapper.visible h4 {
        transform: translateY(0);
        opacity: 1;
        transition: 0.3s; }
      .industries-slider .industries-content-wrapper .inner-content-wrapper.visible p {
        transition: 0.3s 0.1s;
        transform: translateY(0);
        opacity: 0.6; }
  .industries-slider.active h2 {
    transform: none;
    opacity: 1; }
  .industries-slider.active .industries-top li:nth-of-type(1) .image-area {
    transition: 0.75s 0.2s; }
  .industries-slider.active .industries-top li:nth-of-type(1) .title {
    transition: 0.75s 0.3s; }
  .industries-slider.active .industries-top li:nth-of-type(2) .image-area {
    transition: 0.75s 0.3s; }
  .industries-slider.active .industries-top li:nth-of-type(2) .title {
    transition: 0.75s 0.4s; }
  .industries-slider.active .industries-top li:nth-of-type(3) .image-area {
    transition: 0.75s 0.4s; }
  .industries-slider.active .industries-top li:nth-of-type(3) .title {
    transition: 0.75s 0.5s; }
  .industries-slider.active .industries-top li:nth-of-type(4) .image-area {
    transition: 0.75s 0.5s; }
  .industries-slider.active .industries-top li:nth-of-type(4) .title {
    transition: 0.75s 0.6s; }
  .industries-slider.active .industries-top li:nth-of-type(5) .image-area {
    transition: 0.75s 0.6s; }
  .industries-slider.active .industries-top li:nth-of-type(5) .title {
    transition: 0.75s 0.7s; }
  .industries-slider.active .industries-top li:nth-of-type(6) .image-area {
    transition: 0.75s 0.7s; }
  .industries-slider.active .industries-top li:nth-of-type(6) .title {
    transition: 0.75s 0.8s; }
  .industries-slider.active .industries-top li:nth-of-type(7) .image-area {
    transition: 0.75s 0.8s; }
  .industries-slider.active .industries-top li:nth-of-type(7) .title {
    transition: 0.75s 0.9s; }
  .industries-slider.active .industries-top li:nth-of-type(8) .image-area {
    transition: 0.75s 0.9s; }
  .industries-slider.active .industries-top li:nth-of-type(8) .title {
    transition: 0.75s 1s; }
  .industries-slider.active .industries-top li:nth-of-type(9) .image-area {
    transition: 0.75s 1s; }
  .industries-slider.active .industries-top li:nth-of-type(9) .title {
    transition: 0.75s 1.1s; }
  .industries-slider.active .industries-top li.active .title {
    opacity: 1; }
  .industries-slider.active .industries-top .image-area {
    transform: none;
    opacity: 1;
    transition: 0.75s; }
  .industries-slider.active .industries-top .title {
    transform: none;
    opacity: 0.4;
    transition: 0.75s; }
  .industries-slider.active .industries-content-wrapper {
    transform: none;
    opacity: 1;
    transition-delay: 1s; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  /*.specs{
    .medium-8{
      padding-right: em(50px, $basepx);
    }
  }*/
  .industries-slider .industries-top {
    margin-top: 2.1875em; }
    .industries-slider .industries-top li {
      width: auto;
      position: relative;
      padding-bottom: 2.5em; }
      .industries-slider .industries-top li .title {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0; }
    .industries-slider .industries-top .image-area {
      width: 2.8125em;
      height: 2.8125em; }
      .industries-slider .industries-top .image-area:before {
        width: 3.4375em;
        height: 3.4375em; }
  .industries-slider.active .industries-top .title {
    transform: translateX(-50%); } }

@media screen and (max-width: 767px) {
  .industries-slider {
    padding: 1.875em 0 2.5em 0; }
    .industries-slider .industries-top {
      width: 8.125em;
      float: right;
      margin-top: 2.1875em; }
      .industries-slider .industries-top li {
        display: block;
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: left; }
        .industries-slider .industries-top li:not(:last-of-type) {
          margin-right: 0;
          margin-bottom: 1.25em; }
      .industries-slider .industries-top .image-area {
        width: 2.8125em;
        height: 2.8125em;
        display: table-cell; }
        .industries-slider .industries-top .image-area:before {
          width: 3.4375em;
          height: 3.4375em; }
      .industries-slider .industries-top .title {
        margin: 0;
        width: auto;
        display: inline-block;
        vertical-align: top;
        display: table-cell;
        vertical-align: middle;
        padding-left: 1.3em;
        font-size: 0.625em;
        line-height: 1.3em;
        padding-right: 1em; }
    .industries-slider .industries-content-wrapper {
      width: auto;
      max-width: none;
      overflow: hidden;
      padding-top: 1.6875em;
      padding-right: 1.25em;
      padding-bottom: 2.5em;
      margin-bottom: -2.5em; }
      .industries-slider .industries-content-wrapper h4 {
        margin-bottom: 0.75em; }
    .industries-slider.active .industries-content-wrapper {
      transition-delay: 0.2s; } }

.is-rollpark-good-fit {
  background: #F2F2F2;
  padding: 1.875em 0 2.5em 0;
  counter-reset: ol; }
  .is-rollpark-good-fit ol {
    margin: 0;
    padding: 0;
    padding-left: 0.90909em;
    margin-bottom: 1.18182em;
    margin-top: 0.59091em;
    opacity: 0.6;
    font-size: 1.375em;
    line-height: 1.31818em; }
  .is-rollpark-good-fit.e-in.active h2, .is-rollpark-good-fit.e-in.active h3 {
    transform: none;
    opacity: 1; }
  .is-rollpark-good-fit.e-in.active ol li {
    transform: none;
    opacity: 1; }
  .is-rollpark-good-fit.e-in.active .button-wrapper {
    transform: none;
    opacity: 1; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .is-rollpark-good-fit .medium-8 {
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .is-rollpark-good-fit {
    padding: 1.375em 0 1.875em 0; }
    .is-rollpark-good-fit h3 {
      font-size: 1.6875em;
      line-height: 1m 34px, 27px;
      width: 8.88889em; }
    .is-rollpark-good-fit ol {
      font-size: 1.125em;
      padding-left: 1.38889em;
      margin-top: 0.83333em;
      margin-bottom: 1.38889em; }
      .is-rollpark-good-fit ol li {
        padding-left: 0.27778em; }
        .is-rollpark-good-fit ol li:not(:last-of-type) {
          margin-bottom: 0.27778em; } }

.cases .medium-8 {
  padding-right: 4.375em; }

.cases .hero {
  background: #F1A230;
  overflow: hidden; }
  .cases .hero img {
    width: 19.0625em;
    position: absolute;
    bottom: -3.125em;
    right: 3.125em;
    transform: translateY(3.125em);
    opacity: 0;
    transition: 0.75s; }
  .cases .hero.active img.loaded {
    transform: none;
    opacity: 1;
    transition: 0.75s 0.4s; }

.cases .case {
  padding-top: 3.125em;
  padding-bottom: 3.75em; }
  .cases .case .case-subheading {
    font-size: 1.125em;
    font-family: "Sentinel";
    font-weight: 400;
    margin-bottom: 1.38889em;
    margin-top: 1.11111em;
    line-height: 1em; }
    .cases .case .case-subheading em {
      opacity: 0.4; }
  .cases .case .stats .stat-item:nth-of-type(1) .number i:before {
    left: 0.15em;
    font-size: 0.60606em; }
  .cases .case .stats .stat-item:nth-of-type(2) .number i:before {
    font-size: 0.72727em; }
  .cases .case .stats .stat-item:nth-of-type(3) .number i:before {
    font-size: 0.72727em; }
  .cases .case .stats .stat-item .number {
    transform: translateY(0.60606em);
    opacity: 0;
    transition: 0.5s; }
  .cases .case .stats .stat-item span {
    transform: translateY(1.25em);
    opacity: 0;
    transition: 0.5s; }
  .cases .case .stats .stat-item p {
    transform: translateY(1.42857em);
    opacity: 0;
    transition: 0.5s; }
  .cases .case .case-carousel {
    transform: translateY(1.875em);
    opacity: 0;
    transition: 0.75s; }
    .cases .case .case-carousel .owl-nav button {
      width: 2.5em;
      height: 2.5em;
      top: 50%;
      margin-top: -2.40625em;
      border-radius: 50%;
      background: #F1A230;
      position: absolute;
      -webkit-appearance: none; }
      .cases .case .case-carousel .owl-nav button i:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        transform: translateY(-50%);
        font-size: 1.25em; }
      .cases .case .case-carousel .owl-nav button:focus {
        outline: none; }
      .cases .case .case-carousel .owl-nav button.owl-prev {
        left: 1.875em;
        opacity: 0; }
      .cases .case .case-carousel .owl-nav button.owl-next {
        right: 1.875em; }
    .cases .case .case-carousel .owl-dots {
      margin-top: 1.875em;
      margin-bottom: 1.4375em;
      text-align: center;
      line-height: 1em;
      height: 7px; }
      .cases .case .case-carousel .owl-dots .owl-dot {
        display: inline-block;
        vertical-align: top;
        background: #D8D8D8;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        position: relative; }
        .cases .case .case-carousel .owl-dots .owl-dot span {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 24px;
          height: 24px;
          margin-top: -12px;
          margin-left: -12px; }
        .cases .case .case-carousel .owl-dots .owl-dot:focus {
          outline: none; }
        .cases .case .case-carousel .owl-dots .owl-dot:not(:last-of-type) {
          margin-right: 1.25em; }
        .cases .case .case-carousel .owl-dots .owl-dot.active {
          background: #262A3F; }
  .cases .case .text-content p {
    color: rgba(0, 0, 0, 0.6); }
    .cases .case .text-content p:not(:last-of-type) {
      margin-bottom: 1.13636em; }
  .cases .case .text-content strong {
    font-weight: 400;
    color: #000; }
  .cases .case .text-content.active {
    transform: none;
    opacity: 1; }
  .cases .case .quote {
    padding-top: 5.9375em; }
  .cases .case:first-of-type {
    padding-top: 1.25em; }
  .cases .case:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .cases .case.active h2 {
    transform: none;
    opacity: 1; }
  .cases .case.active h5 {
    transform: none;
    opacity: 1; }
  .cases .case.active .stats:before {
    transform: scaleX(1);
    transition: 0.5s 0.3s; }
  .cases .case.active .stats .stat-item .number {
    transform: none;
    opacity: 1; }
  .cases .case.active .stats .stat-item span {
    transform: none;
    opacity: 1; }
  .cases .case.active .stats .stat-item p {
    transform: none;
    opacity: 0.4; }
  .cases .case.active .stats .stat-item:nth-of-type(1) .number {
    transition: 0.5s 0.4s; }
  .cases .case.active .stats .stat-item:nth-of-type(1) p {
    transition: 0.5s 0.5s; }
  .cases .case.active .stats .stat-item:nth-of-type(2) .number {
    transition: 0.5s 0.5s; }
  .cases .case.active .stats .stat-item:nth-of-type(2) p {
    transition: 0.5s 0.6s; }
  .cases .case.active .stats .stat-item:nth-of-type(3) .number {
    transition: 0.5s 0.6s; }
  .cases .case.active .stats .stat-item:nth-of-type(3) p {
    transition: 0.5s 0.7s; }
  .cases .case.active .stats .stat-item:nth-of-type(4) .number {
    transition: 0.5s 0.7s; }
  .cases .case.active .stats .stat-item:nth-of-type(4) p {
    transition: 0.5s 0.8s; }
  .cases .case.active .stats .stat-item.product span {
    transition: 0.5s 0.7s; }
  .cases .case.active .case-carousel {
    transform: none;
    opacity: 1;
    transition: 0.75s 0.9s; }

.cases .stats {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 1em 0;
  position: relative; }
  .cases .stats:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    display: block;
    background: #000;
    opacity: 0.07;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.75s; }
  .cases .stats .stat-item:not(:last-of-type) {
    margin-right: 2.5em; }
  .cases .stats .stat-item .number i:before {
    color: #F1A230; }
  .cases .stats .stat-item.product {
    position: relative;
    padding-top: 2.0625em; }
    .cases .stats .stat-item.product span {
      position: absolute;
      top: 0.33333em;
      left: 0;
      background: #0E0F17;
      border-radius: 50%;
      width: 2.5em;
      height: 2.5em;
      text-align: center;
      line-height: 2.5em;
      color: #F1A230;
      font-size: 0.75em;
      font-weight: 700; }
    .cases .stats .stat-item.product a {
      text-decoration: none;
      color: inherit; }

.cases .content {
  margin-top: 2.5em;
  position: relative; }
  .cases .content:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 33.33%;
    height: 100%;
    background: #262A3F; }

.cases .sidebar-wrapper:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  display: block;
  width: 33.33%;
  bottom: -15.625em; }

.cases .sidebar {
  z-index: 2;
  position: relative; }
  .cases .sidebar .sidebar__inner {
    transform: translateZ(0);
    padding: 1.5em 1.875em; }
    .cases .sidebar .sidebar__inner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background: #262A3F;
      border-top: 2.5em solid #fff;
      margin-top: -2.5em; }
  .cases .sidebar h5 {
    font-size: 1.25em;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.25em;
    padding-bottom: 0.5em; }
  .cases .sidebar .cases-list-item {
    padding: 1.25em 0;
    cursor: pointer;
    position: relative;
    transition: 0.3s; }
    .cases .sidebar .cases-list-item .case-name {
      color: #FFFFFF;
      font-weight: 700;
      display: block;
      line-height: 1.25em;
      position: relative; }
    .cases .sidebar .cases-list-item .case-location {
      display: block;
      color: #fff;
      opacity: 0.4;
      font-size: 0.875em;
      line-height: 1.28571em; }
    .cases .sidebar .cases-list-item:not(:last-of-type) {
      border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    .cases .sidebar .cases-list-item:before {
      content: "";
      position: absolute;
      width: 1.875em;
      height: 1.875em;
      background: #F1A230;
      left: 0;
      top: 50%;
      margin-top: -0.9375em;
      border-radius: 50%;
      opacity: 0;
      transform: scale(0);
      transition: 0.3s; }
    .cases .sidebar .cases-list-item:after {
      content: "\47";
      position: absolute;
      font-size: 0.75em;
      left: 0.66667em;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      font-family: "rollpark" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: 0;
      transform: translateY(-50%) scale(0);
      transition: 0.3ss; }
    .cases .sidebar .cases-list-item.active {
      padding-left: 3.125em; }
      .cases .sidebar .cases-list-item.active:before {
        opacity: 1;
        transform: scale(1); }
      .cases .sidebar .cases-list-item.active:after {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        transition: 0.3s; }
      .cases .sidebar .cases-list-item.active .case-name {
        color: #F1A230; }

.cases .is-rollpark-good-fit .row {
  position: relative; }
  .cases .is-rollpark-good-fit .row:before {
    content: "";
    position: absolute;
    right: 0;
    top: -1.9375em;
    display: block;
    width: 33.33%;
    bottom: 0;
    background: #262A3F; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cases .sidebar .sidebar__inner:before {
    border-top: 6.25em solid #fff;
    margin-top: -6.25em; }
  .cases .medium-8 {
    padding-right: 3.125em; }
  .cases .case .quote {
    padding-top: 2.85714em; }
    .cases .case .quote h4 {
      font-size: 1.28571em; }
  .cases .stats {
    white-space: nowrap; }
    .cases .stats .stat-item:not(:last-of-type) {
      margin-right: 2.14286em; }
  .cases .hero img {
    width: 25%; }
  .is-rollpark-good-fit .medium-8 {
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .cases .content {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap; }
    .cases .content .column:first-of-type {
      order: 2; }
  .cases .content:before {
    display: none; }
  .cases .is-rollpark-good-fit .row:before {
    display: none; }
  .cases .medium-8 {
    padding-right: 0; }
  .cases .stats {
    background: #262A3F;
    border-radius: 5px 5px 0 0;
    border-top: 0;
    padding: 0;
    margin-left: -0.625em;
    margin-right: -0.625em; }
    .cases .stats .stat-item {
      width: 50%;
      float: left;
      color: #fff;
      padding-left: 1.25em;
      padding-top: 0.375em;
      padding-bottom: 0.375em; }
      .cases .stats .stat-item:first-of-type, .cases .stats .stat-item:nth-of-type(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
      .cases .stats .stat-item.product {
        padding-top: 2.3125em; }
        .cases .stats .stat-item.product span {
          left: 1.66667em;
          top: 0.83333em; }
      .cases .stats .stat-item:not(:last-of-type) {
        margin-right: 0; }
  .cases .owl-carousel {
    margin-left: -0.625em;
    margin-right: -0.625em;
    width: auto; }
  .cases .case {
    padding-top: 2.125em;
    padding-bottom: 2.5em; }
    .cases .case .quote {
      padding-top: 3.625em; }
    .cases .case .case-subheading {
      font-size: 1em;
      margin-top: 0.25em;
      margin-bottom: 1.0625em;
      line-height: 1.375em; }
      .cases .case .case-subheading em {
        display: block;
        font-style: italic;
        font-weight: 400; }
    .cases .case .case-carousel .owl-dots {
      margin-top: 1.5em;
      margin-bottom: 1.25em; }
    .cases .case .case-carousel .owl-nav button {
      margin-top: 0;
      margin-top: -2.1875em; }
      .cases .case .case-carousel .owl-nav button.owl-prev {
        right: 0.625em; }
      .cases .case .case-carousel .owl-nav button.owl-next {
        right: 0.625em; }
  .cases .sidebar {
    margin-left: -1.25em;
    margin-right: -1.25em; }
    .cases .sidebar .cases-list {
      background: url(../img/select-arrows.svg) calc(100% - 1.25em) center no-repeat;
      background-size: 0.5em; }
    .cases .sidebar h5 {
      display: none; }
    .cases .sidebar:before {
      display: none; }
    .cases .sidebar .cases-list-item {
      display: none; }
      .cases .sidebar .cases-list-item:before, .cases .sidebar .cases-list-item:after {
        opacity: 0;
        transform: scale(0); }
      .cases .sidebar .cases-list-item:after {
        content: "";
        width: 0.625em;
        height: 0.625em;
        background: #000;
        border-radius: 50%;
        transform: none;
        font-size: 1em;
        margin-top: -0.3125em;
        left: 0.625em; }
      .cases .sidebar .cases-list-item .case-name {
        color: #000; }
      .cases .sidebar .cases-list-item .case-location {
        color: #000; }
      .cases .sidebar .cases-list-item.active {
        display: block;
        padding-left: 0; }
        .cases .sidebar .cases-list-item.active .case-name {
          color: #000; }
        .cases .sidebar .cases-list-item.active:before, .cases .sidebar .cases-list-item.active:after {
          opacity: 0;
          transform: scale(0); }
    .cases .sidebar .sidebar__inner {
      padding: 0;
      background: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      padding-left: 1.25em; }
      .cases .sidebar .sidebar__inner:before {
        display: none; }
    .cases .sidebar:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .cases .sidebar .close-icon {
      width: 3.5em;
      height: 3.5em;
      position: fixed;
      left: 0;
      top: 0;
      display: none; }
      .cases .sidebar .close-icon:before, .cases .sidebar .close-icon:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.375em;
        height: 2px;
        background: #fff; }
      .cases .sidebar .close-icon:before {
        top: 50%;
        left: 50%;
        margin-left: -0.6875em;
        margin-top: -1px;
        transform: rotate(45deg); }
      .cases .sidebar .close-icon:after {
        top: 50%;
        left: 50%;
        margin-left: -0.6875em;
        margin-top: -1px;
        transform: rotate(-45deg); }
  .cases .cases-mobile-open-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .cases .sidebar-wrapper:after {
    display: none; }
  .cases .sidebar-wrapper.open .sidebar .close-icon {
    display: block; }
  .cases .sidebar-wrapper.open .sidebar:before {
    display: none; }
  .cases .sidebar-wrapper.open .sidebar h5 {
    display: block; }
  .cases .sidebar-wrapper.open .sidebar .sidebar__inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #262A3F;
    padding: 1.25em;
    padding-top: 3.75em; }
  .cases .sidebar-wrapper.open .sidebar .cases-list {
    background: none; }
  .cases .sidebar-wrapper.open .sidebar .cases-list-item {
    display: block; }
    .cases .sidebar-wrapper.open .sidebar .cases-list-item .case-name {
      color: #fff; }
    .cases .sidebar-wrapper.open .sidebar .cases-list-item .case-location {
      color: #fff; }
    .cases .sidebar-wrapper.open .sidebar .cases-list-item.active {
      padding-left: 3.125em; }
      .cases .sidebar-wrapper.open .sidebar .cases-list-item.active:before, .cases .sidebar-wrapper.open .sidebar .cases-list-item.active:after {
        transform: scale(1);
        opacity: 1; }
  .cases .sidebar .sidebar__inner {
    transform: none; }
  .cases .sidebar-wrapper {
    height: 4.9375em; }
  .cases .sidebar.open {
    z-index: 12; }
    .cases .sidebar.open .sidebar-inner-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 1.25em;
      padding-top: 3.75em; }
    .cases .sidebar.open .cases-mobile-open-button {
      display: none; }
    .cases .sidebar.open .close-icon {
      display: block; }
    .cases .sidebar.open .sidebar__inner {
      background: none; }
      .cases .sidebar.open .sidebar__inner:before {
        content: "";
        position: fixed;
        display: block;
        margin-top: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        background: #262A3F;
        border-top: 0; }
    .cases .sidebar.open h5 {
      display: block; }
    .cases .sidebar.open .cases-list {
      background: none; }
    .cases .sidebar.open .cases-list-item {
      display: block; }
      .cases .sidebar.open .cases-list-item .case-name {
        color: #fff; }
      .cases .sidebar.open .cases-list-item .case-location {
        color: #fff; }
      .cases .sidebar.open .cases-list-item.active {
        padding-left: 3.125em; }
        .cases .sidebar.open .cases-list-item.active:before, .cases .sidebar.open .cases-list-item.active:after {
          transform: scale(1);
          opacity: 1; } }

.patented-tech {
  padding-top: 3.125em;
  border-top: 1px solid rgba(0, 0, 0, 0.07); }
  .patented-tech h2 {
    margin-bottom: 1.14286em; }
    .patented-tech h2 em {
      opacity: 0.4; }
  .patented-tech .patented-tech-bottom {
    text-align: center;
    padding: 2.125em 0;
    display: block; }
    .patented-tech .patented-tech-bottom:hover {
      background: rgba(242, 242, 242, 0.45); }
  .patented-tech.active h2 {
    transform: none;
    opacity: 1; }

.patent-block-left {
  width: 50%;
  float: left;
  background: #46C97E;
  position: relative; }
  .patent-block-left .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .patent-block-left .inner-wrapper .content-outter-wrapper {
      width: 100%;
      height: 100%;
      display: table;
      table-layout: fixed; }
    .patent-block-left .inner-wrapper .content-inner-wrapper {
      display: table-cell;
      vertical-align: middle; }
    .patent-block-left .inner-wrapper .content-wrapper {
      display: table-cell;
      vertical-align: middle; }
    .patent-block-left .inner-wrapper .content {
      width: 33.125em;
      max-width: 100%;
      margin: 0 auto; }
  .patent-block-left:after {
    content: "";
    display: block;
    padding-top: 59.5%; }
  .patent-block-left h3 {
    opacity: 0;
    margin-top: 0.19231em;
    margin-bottom: 1.15385em;
    font-weight: 300; }
  .patent-block-left ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .patent-block-left ul li {
      display: inline-block;
      vertical-align: top;
      width: 10em; }
      .patent-block-left ul li img {
        transform: translateY(1.25em);
        opacity: 0;
        transition: 0.5s; }
      .patent-block-left ul li p {
        font-size: 0.875em;
        line-height: 1.28571em;
        margin: 0;
        margin-top: 0.57143em;
        letter-spacing: 0;
        font-family: inherit;
        width: 9.28571em;
        transform: translateY(1.42857em);
        opacity: 0;
        transition: 0.5s; }
  .patent-block-left.active h4 {
    transform: none;
    opacity: 1; }
  .patent-block-left.active h3 {
    transform: none;
    opacity: 0.6; }
  .patent-block-left.active ul li img {
    transform: none;
    opacity: 1; }
  .patent-block-left.active ul li p {
    opacity: 0.4;
    transform: none; }
  .patent-block-left.active ul li:nth-of-type(1) img {
    transition: 0.5s 0.4s; }
  .patent-block-left.active ul li:nth-of-type(1) p {
    transition: 0.5s 0.5s; }
  .patent-block-left.active ul li:nth-of-type(2) img {
    transition: 0.5s 0.5s; }
  .patent-block-left.active ul li:nth-of-type(2) p {
    transition: 0.5s 0.6s; }
  .patent-block-left.active ul li:nth-of-type(3) img {
    transition: 0.5s 0.6s; }
  .patent-block-left.active ul li:nth-of-type(3) p {
    transition: 0.5s 0.7s; }
  .patent-block-left.active ul li:nth-of-type(4) img {
    transition: 0.5s 0.7s; }
  .patent-block-left.active ul li:nth-of-type(4) p {
    transition: 0.5s 0.8s; }

.patent-block-right {
  width: 50%;
  float: left;
  position: relative;
  overflow: hidden;
  background: #262A3F; }
  .patent-block-right .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .patent-block-right .map-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/map.png");
    transition: 0.5s;
    transform: scale(1.1);
    opacity: 0; }
  .patent-block-right:after {
    content: "";
    display: block;
    padding-top: 59.5%; }
  .patent-block-right .years-in-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 3.75em;
    top: 3.125em;
    color: #fff; }
    .patent-block-right .years-in-numbers li {
      display: inline-block;
      vertical-align: top; }
      .patent-block-right .years-in-numbers li:not(:last-of-type) {
        margin-right: 1.875em; }
    .patent-block-right .years-in-numbers .number {
      transform: translateY(0.60606em);
      opacity: 0;
      transition: 0.5s; }
      .patent-block-right .years-in-numbers .number i:before {
        font-size: 0.72727em;
        position: absolute;
        left: 0;
        bottom: 0;
        transform: none;
        top: auto; }
      .patent-block-right .years-in-numbers .number i.icon-employees:before {
        font-size: 0.78788em;
        font-size: 1.625rem;
        bottom: 0; }
      .patent-block-right .years-in-numbers .number i.icon-office:before {
        font-size: 0.60606em;
        font-size: 1.25rem;
        bottom: 0.2em; }
      .patent-block-right .years-in-numbers .number i.icon-experience:before {
        font-size: 0.66667em;
        font-size: 1.375rem;
        bottom: 0.22727em; }
    .patent-block-right .years-in-numbers .stat-item p {
      color: #A8AAB2;
      opacity: 1;
      transform: translateY(1.42857em);
      opacity: 0;
      transition: 0.5s; }
  .patent-block-right .towns {
    margin: 0;
    padding: 0;
    list-style: none; }
    .patent-block-right .towns li {
      width: 7px;
      height: 7px;
      position: absolute; }
      .patent-block-right .towns li:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #2EBD71;
        border-radius: 50%;
        transform: scale(0);
        transition: 0.5s;
        position: absolute; }
      .patent-block-right .towns li span {
        position: absolute;
        font-weight: 500;
        font-size: 0.875em;
        line-height: 1em;
        color: #fff;
        left: 100%;
        top: 50%;
        margin-top: -0.5em;
        padding-left: 0.35714em;
        opacity: 0;
        transform: translateX(-0.71429em);
        transition: 0.5s;
        display: block; }
      .patent-block-right .towns li.left span {
        padding-left: 0;
        padding-right: 0.35714em;
        left: auto;
        right: 100%; }
      .patent-block-right .towns li.hq {
        background: none; }
        .patent-block-right .towns li.hq:before {
          content: "\46";
          font-family: "rollpark" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #2EBD71;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -0.5em;
          margin-left: -0.5em;
          background: none;
          width: auto;
          height: auto; }
        .patent-block-right .towns li.hq span {
          padding-left: 0.71429em; }
      .patent-block-right .towns li:nth-of-type(1) {
        top: 47.42%;
        left: 25.15%; }
        .patent-block-right .towns li:nth-of-type(1) span {
          transform: translateX(0.71429em); }
      .patent-block-right .towns li:nth-of-type(2) {
        left: 40.64%;
        top: 58.24%; }
      .patent-block-right .towns li:nth-of-type(3) {
        top: 64.43%;
        left: 33.28%; }
      .patent-block-right .towns li:nth-of-type(4) {
        left: 40.33%;
        top: 63.14%; }
        .patent-block-right .towns li:nth-of-type(4) span {
          transform: translateX(0.71429em); }
      .patent-block-right .towns li:nth-of-type(5) {
        top: 43.81%;
        left: 81.44%; }
  .patent-block-right.active .map-wrapper {
    opacity: 1;
    transform: none;
    transition: 1s; }
  .patent-block-right.active .years-in-numbers li .number {
    transform: none;
    opacity: 1; }
  .patent-block-right.active .years-in-numbers li p {
    transform: none;
    opacity: 1; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(1) .number {
    transition: 0.5s 0.1s; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(1) p {
    transition: 0.5s 0.2s; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(2) .number {
    transition: 0.5s 0.2s; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(2) p {
    transition: 0.5s 0.3s; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(3) .number {
    transition: 0.5s 0.3s; }
  .patent-block-right.active .years-in-numbers li:nth-of-type(3) p {
    transition: 0.5s 0.4s; }
  .patent-block-right.active .towns li:before {
    transform: scale(1); }
  .patent-block-right.active .towns li span {
    transform: none;
    opacity: 1;
    transition: 0.5s 0.5s; }
  .patent-block-right.active .towns li:nth-of-type(1):before {
    transition: 0.5s 0.4s; }
  .patent-block-right.active .towns li:nth-of-type(1) span {
    transition: 0.5s 0.5s; }
  .patent-block-right.active .towns li:nth-of-type(2):before {
    transition: 0.5s 0.5s; }
  .patent-block-right.active .towns li:nth-of-type(2) span {
    transition: 0.5s 0.6s; }
  .patent-block-right.active .towns li:nth-of-type(3):before {
    transition: 0.5s 0.6s; }
  .patent-block-right.active .towns li:nth-of-type(3) span {
    transition: 0.5s 0.7s; }
  .patent-block-right.active .towns li:nth-of-type(4):before {
    transition: 0.5s 0.7s; }
  .patent-block-right.active .towns li:nth-of-type(4) span {
    transition: 0.5s 0.8s; }
  .patent-block-right.active .towns li:nth-of-type(5):before {
    transition: 0.5s 0.8s; }
  .patent-block-right.active .towns li:nth-of-type(5) span {
    transition: 0.5s 0.9s; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .patent-block-left .inner-wrapper .content {
    padding: 0 1.42857em; }
  .patent-block-left h3 {
    font-size: 1em; }
  .patent-block-left ul {
    white-space: nowrap; }
    .patent-block-left ul li {
      width: 33.33%; }
      .patent-block-left ul li p {
        white-space: normal; }
  .patent-block-right .years-in-numbers {
    left: 1.42857em;
    top: 1.42857em; } }

@media screen and (max-width: 767px) {
  .patented-tech {
    padding-top: 2.125em; }
    .patented-tech h2 {
      margin-bottom: 0.85185em; }
      .patented-tech h2 em {
        opacity: 1;
        font-family: inherit;
        font-style: normal;
        font-weight: 700; }
      .patented-tech h2 br {
        display: none; }
    .patented-tech .patented-tech-bottom {
      text-align: center;
      padding: 2.125em 0; }
    .patented-tech .patent-block-left {
      width: 100%; }
      .patented-tech .patent-block-left .inner-wrapper {
        position: relative;
        padding: 1.5em 1.25em; }
        .patented-tech .patent-block-left .inner-wrapper .content-outter-wrapper {
          display: block; }
        .patented-tech .patent-block-left .inner-wrapper .content-inner-wrapper {
          display: block; }
      .patented-tech .patent-block-left h3 {
        margin-bottom: 0.90909em; }
      .patented-tech .patent-block-left ul li {
        width: 33.33%;
        float: left; }
        .patented-tech .patent-block-left ul li p {
          font-size: 0.75em;
          line-height: 1.25em;
          padding-right: 0.83333em;
          margin-top: 0.83333em; }
      .patented-tech .patent-block-left:after {
        display: none; }
    .patented-tech .patent-block-right {
      width: 100%; }
      .patented-tech .patent-block-right:after {
        padding-top: 85.33%; }
      .patented-tech .patent-block-right .years-in-numbers {
        left: 1.25em;
        top: 1.875em; }
      .patented-tech .patent-block-right .map-wrapper {
        background-image: url("../img/map-mobile.png"); }
      .patented-tech .patent-block-right .towns li {
        width: 6px;
        height: 6px; }
        .patented-tech .patent-block-right .towns li:nth-of-type(1) {
          left: 6.4%;
          top: 55.31%; }
        .patented-tech .patent-block-right .towns li:nth-of-type(2) {
          top: 67.5%;
          left: 30.93%; }
        .patented-tech .patent-block-right .towns li:nth-of-type(3) {
          left: 18.93%;
          top: 74.06%; }
        .patented-tech .patent-block-right .towns li:nth-of-type(4) {
          left: 30.13%;
          top: 72.5%; }
        .patented-tech .patent-block-right .towns li:nth-of-type(5) {
          top: 51.56%;
          left: 95.46%; }
        .patented-tech .patent-block-right .towns li.hq:before {
          font-size: 0.875em; }
        .patented-tech .patent-block-right .towns li.hq span {
          padding-left: 0.71429em; }
    .patented-tech .patented-tech-bottom {
      padding: 1.4375em 0; } }

.popup {
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  z-index: 10;
  transition: 0s 0.5s;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  right: 100%; }
  .popup h1 {
    margin-bottom: 0.36364em;
    text-transform: uppercase; }
  .popup h2 {
    opacity: 0.5;
    line-height: 1em;
    margin-bottom: 1.28571em; }
  .popup:after {
    content: "";
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #262a3f;
    opacity: 0.7;
    opacity: 0;
    transition: all 0s 0.5s, opacity 0.5s 0s;
    pointer-events: none; }
  .popup .popup-content {
    position: relative;
    z-index: 2;
    width: 56.25em;
    max-width: 90%;
    margin: auto auto;
    text-align: center; }
    .popup .popup-content:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0;
      transform-origin: center top;
      transition: 0.3s 0.2s; }
  .popup .popup-inner-wrapper {
    position: relative;
    z-index: 2;
    transform: translateY(1.875em);
    transition: 0.5s;
    opacity: 0;
    padding: 3.125em; }
  .popup .close-popup-button {
    position: absolute;
    right: 1.875em;
    top: 1.875em;
    width: 3.125em;
    height: 3.125em;
    border-radius: 50%;
    background: #F2F2F2;
    cursor: pointer;
    opacity: 0;
    transform: translate(1.25em, -1.25em) rotate(30deg);
    transition: 0.3s;
    z-index: 3; }
    .popup .close-popup-button:before, .popup .close-popup-button:after {
      content: "";
      position: absolute;
      width: 1.625em;
      top: 50%;
      left: 50%;
      margin-top: -1px;
      margin-left: -0.8125em;
      height: 2px;
      background: #262A3F; }
    .popup .close-popup-button:before {
      transform: rotate(-45deg); }
    .popup .close-popup-button:after {
      transform: rotate(45deg); }
  .popup.active {
    left: 0;
    transition: 0s 0s;
    right: -20px;
    right: 0; }
    .popup.active:after {
      left: 0;
      opacity: 0.7;
      transition: all 0s 0s, opacity 0.5s 0s; }
    .popup.active .close-popup-button {
      transform: none;
      opacity: 1;
      transition: 0.5s 0.3s; }
    .popup.active .popup-content:after {
      opacity: 1;
      transform: scaleY(1);
      transition: 0.5s 0s; }
    .popup.active .popup-inner-wrapper {
      transform: none;
      opacity: 1; }

.popup.faq {
  padding: 7.5em 0; }
  .popup.faq .content {
    width: 38.125em;
    max-width: 100%;
    margin: 0 auto; }

.faq {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: left; }
  .faq .faq-top {
    transition: 0.5s;
    cursor: pointer;
    padding: 1.4375em 1.875em; }
    .faq .faq-top h3 {
      font-weight: 300;
      font-family: "Sentinel"; }
  .faq .faq-bottom {
    padding: 1.25em 1.875em;
    display: none; }
    .faq .faq-bottom p {
      opacity: 0.6; }
    .faq .faq-bottom .text {
      transform: translateY(-1.25em);
      opacity: 0;
      transition: 0.5s; }
  .faq.open .faq-top {
    background: #46C97E; }
  .faq.open .faq-bottom .text {
    transform: none;
    opacity: 1; }

.popup.quote {
  padding: 7.5em 0; }
  .popup.quote .input-wrapper {
    margin-bottom: 3.125em; }
  .popup.quote form {
    text-align: left; }
  .popup.quote h2 {
    width: 18.28571em;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1.14286em; }
  .popup.quote .input-wrapper.half {
    width: 48%;
    width: calc(50% - 0.625em);
    float: left; }
    .popup.quote .input-wrapper.half:last-of-type {
      float: right; }
  .popup.quote .popup-inner-wrapper {
    padding: 0; }
  .popup.quote .quote-popup-content {
    padding: 3.125em 0 5em 0; }
  .popup.quote .quote-popup-success {
    padding: 9.375em 0;
    display: none; }
  .popup.quote .form-top-left {
    width: 50%;
    float: left; }
    .popup.quote .form-top-left label {
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin-top: 1.25em;
      cursor: pointer;
      user-select: none; }
      .popup.quote .form-top-left label:not(:last-of-type) {
        margin-right: 1.875em; }
      .popup.quote .form-top-left label input {
        position: absolute;
        left: -9999px;
        top: 0; }
      .popup.quote .form-top-left label .image-wrapper {
        width: 5em;
        height: 5em;
        position: relative; }
        .popup.quote .form-top-left label .image-wrapper .image-inner-wrapper {
          display: block;
          width: 100%;
          height: 100%;
          overflow: hidden;
          border-radius: 50%;
          transform: translateZ(0); }
        .popup.quote .form-top-left label .image-wrapper img {
          display: block;
          width: 100%;
          height: 100%;
          transform: scale(1.5);
          transition: 0.5s;
          pointer-events: none; }
        .popup.quote .form-top-left label .image-wrapper:before {
          content: "";
          position: absolute;
          top: -6%;
          left: -6%;
          width: 112%;
          height: 112%;
          border-radius: 50%;
          border: 2px solid #F1A230;
          border-radius: 50%;
          opacity: 1;
          transform: scale(0.8);
          transition: 0.3s; }
      .popup.quote .form-top-left label .text {
        display: block;
        text-align: center;
        font-weight: 700;
        font-size: 0.75em;
        margin-top: 0.83333em;
        opacity: 0.4;
        transition: 0.3s; }
      .popup.quote .form-top-left label input:checked + .image-wrapper img {
        transform: scale(1); }
      .popup.quote .form-top-left label input:checked + .image-wrapper:before {
        opacity: 1;
        transform: scale(1); }
      .popup.quote .form-top-left label input:checked + .image-wrapper + .text {
        opacity: 1; }
  .popup.quote .divider {
    height: 1px;
    background: #000;
    opacity: 0.07; }
  .popup.quote .form-top-right {
    width: 50%;
    float: left;
    padding-left: 0.625em; }
    .popup.quote .form-top-right h5 span {
      font-weight: 400;
      opacity: 0.4; }
    .popup.quote .form-top-right .input-wrapper {
      margin-bottom: 0; }
      .popup.quote .form-top-right .input-wrapper input {
        font-size: 5em;
        text-align: center;
        line-height: 1.25em;
        font-family: "Sentinel";
        font-weight: 300; }
    .popup.quote .form-top-right .metric-selectors {
      margin-top: 0.625em;
      user-select: none; }
      .popup.quote .form-top-right .metric-selectors label {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-right: 0.9375em;
        cursor: pointer; }
        .popup.quote .form-top-right .metric-selectors label:before {
          content: "";
          position: absolute;
          top: -25%;
          left: -50%;
          width: 200%;
          height: 150%; }
        .popup.quote .form-top-right .metric-selectors label input {
          position: absolute;
          left: -9999px;
          top: 0; }
        .popup.quote .form-top-right .metric-selectors label .text {
          display: block;
          font-size: 0.75em;
          font-weight: 700;
          opacity: 0.4;
          transition: 0.3s; }
        .popup.quote .form-top-right .metric-selectors label input:checked + .text {
          opacity: 1; }
  .popup.quote .form-top, .popup.quote .form-bottom {
    width: 31.25em;
    max-width: 100%;
    margin: 0 auto; }
  .popup.quote .form-top {
    padding-bottom: 3.125em;
    padding-top: 3.125em; }
  .popup.quote .form-bottom {
    padding-top: 3.125em; }
  .popup.quote button {
    padding-left: 4.125em;
    padding-right: 4.125em;
    margin-top: -1.25em; }
  .popup.quote .inner-wrapper {
    transform: translateY(30px);
    opacity: 0;
    transition: 0.3s; }
  .popup.quote .quote-popup-content .inner-wrapper {
    opacity: 1;
    transform: none; }
  .popup.quote.form-success .quote-popup-content .inner-wrapper {
    transform: translateY(30px);
    opacity: 0; }
  .popup.quote.form-success .quote-popup-success .inner-wrapper {
    transform: none;
    opacity: 1;
    transition: 0.3s 0.3s; }

/* responsive */
@media screen and (max-width: 640px) {
  .popup.active {
    right: 0; }
  .popup .popup-content {
    max-width: 100%; }
  .popup .popup-inner-wrapper {
    padding: 2.1875em 0;
    padding-bottom: 3.125em;
    width: 100%;
    align-self: center; }
  .popup .close-popup-button {
    top: 0.625em;
    right: 0.625em;
    width: 2.5em;
    height: 2.5em; }
    .popup .close-popup-button:before, .popup .close-popup-button:after {
      width: 16px;
      margin-left: -8px; }
  .popup h2 {
    padding-left: 0.74074em;
    padding-right: 0.74074em; }
    .popup h2 em {
      font-style: italic;
      font-family: "Sentinel";
      font-weight: 300; }
  .popup .popup-content {
    min-height: 100%;
    display: flex; }
  .popup.faq {
    padding: 0; }
  .faq .faq-top {
    padding: 1.25em; }
    .faq .faq-top h3 {
      font-size: 1.25em;
      line-height: 1.2em; }
  .faq .faq-bottom {
    padding: 1.5625em 1.25em; }
  .popup.quote {
    padding: 0; }
    .popup.quote h1 {
      width: 8.2em;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .popup.quote .input-wrapper.half {
      width: 100%; }
    .popup.quote .form-top-left label .image-wrapper {
      width: 4.0625em;
      height: 4.0625em; }
      .popup.quote .form-top-left label .image-wrapper:before {
        width: 4.6875em;
        height: 4.6875em;
        left: -5px;
        top: -5px; }
    .popup.quote .form-top-left label:not(:last-of-type) {
      margin-right: 0.9375em; }
    .popup.quote .form-top-right {
      padding-left: 1.25em;
      position: relative; }
      .popup.quote .form-top-right .input-wrapper input {
        font-size: 3.75em;
        line-height: 1.4em; }
      .popup.quote .form-top-right h5 {
        margin-right: -1.42857em; }
    .popup.quote .form-top {
      padding: 1.5625em 1.25em;
      position: relative;
      overflow: hidden; }
      .popup.quote .form-top:before {
        content: "";
        position: absolute;
        display: block;
        width: 1px;
        height: 90%;
        height: calc(100% - 1.9375em);
        left: 50%;
        background: #000;
        opacity: 0.07;
        top: 0.75em; }
    .popup.quote .form-bottom {
      padding-left: 1.25em;
      padding-right: 1.25em;
      padding-top: 2.1875em; }
    .popup.quote .input-wrapper {
      margin-bottom: 1.875em; }
    .popup.quote button {
      margin-top: 0; }
    .popup.quote .quote-popup-content {
      padding: 1.875em 0; } }

.installation {
  counter-reset: step; }
  .installation .medium-8 {
    padding-right: 4.375em; }
  .installation .hero {
    background: #65B1E7;
    position: relative;
    overflow: hidden; }
    .installation .hero img {
      width: 31.375em;
      position: absolute;
      top: 3.9375em;
      right: 0;
      transform: translateX(3.125em);
      opacity: 0;
      transition: 0.75s; }
    .installation .hero .row {
      position: static; }
    .installation .hero.active img.loaded {
      transform: none;
      opacity: 1;
      transition: 0.75s 0.4s; }
  .installation .cta-wrapper {
    overflow: hidden;
    padding-top: 1.25em;
    margin-top: -1.25em; }
  .installation .is-rollpark-good-fit {
    padding: 3.125em 0; }
    .installation .is-rollpark-good-fit h2 {
      margin-bottom: 0.57143em; }
      .installation .is-rollpark-good-fit h2 em {
        display: block;
        opacity: 0.5; }
    .installation .is-rollpark-good-fit .button {
      background: #65B1E7; }
    .installation .is-rollpark-good-fit .row {
      position: relative; }
    .installation .is-rollpark-good-fit img {
      position: absolute;
      top: -4.375em;
      right: 6.25em;
      width: 21.25em;
      backface-visibility: hidden;
      pointer-events: none;
      opacity: 0;
      transform: translateY(1.875em);
      transition: 0.75s; }
    .installation .is-rollpark-good-fit.active img.loaded {
      transform: none;
      opacity: 1;
      transition: 0.75s 0.3s; }

.installation-step {
  padding-top: 2.5em;
  padding-bottom: 2.5em; }
  .installation-step .row {
    padding-left: 6.25em;
    position: relative; }
    .installation-step .row:before {
      counter-increment: step;
      content: counter(step);
      color: #65B1E7;
      font-weight: 300;
      font-size: 5em;
      line-height: 1em;
      position: absolute;
      left: 0;
      top: 0;
      font-family: "Sentinel";
      top: -0.15em;
      transform: translateY(0.375em);
      opacity: 0;
      transition: 0.75s; }
  .installation-step:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.07); }
  .installation-step .delivery-time {
    color: #65B1E7;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.875em;
    line-height: 1.4em; }
  .installation-step h2 {
    margin-bottom: 0.37143em; }
  .installation-step .text-content {
    font-weight: 300;
    font-size: 1.625em;
    line-height: 1.26923em;
    width: 27.96154em;
    max-width: 100%;
    transform: translateY(1.15385em); }
    .installation-step .text-content p {
      font-size: 1em;
      line-height: 1.26923em; }
  .installation-step ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .installation-step ul li {
      position: relative;
      padding-left: 1.53846em; }
      .installation-step ul li:before {
        content: "•";
        position: absolute;
        left: 0.53846em;
        top: 0; }
      .installation-step ul li:not(:last-of-type) {
        margin-bottom: 0.69231em; }
  .installation-step .arrow-link {
    margin-top: 2.14286em; }
  .installation-step:hover {
    background: rgba(242, 242, 242, 0.45); }
  .installation-step.active .row:before {
    transform: none;
    opacity: 1;
    transition: 0.75s 0.1s; }
  .installation-step.active h2 {
    transform: none;
    opacity: 1; }
  .installation-step.active .text-content {
    transform: none;
    opacity: 0.6; }
  .installation-step.active .delivery-time {
    transform: none;
    opacity: 1; }
  .installation-step.active .button-wrapper {
    transform: none;
    opacity: 1; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .installation-step .row {
    padding-left: 4.28571em; }
  .installation-step .arrow-link {
    margin-top: 1.57143em; }
  .installation-step h3 {
    width: 21em; }
  .installation .hero img {
    width: 40%; } }

@media screen and (max-width: 767px) {
  .installation .medium-8 {
    padding-right: 0; }
  .installation .cta-wrapper {
    padding-top: 0;
    margin-top: 0; }
    .installation .cta-wrapper .is-rollpark-good-fit {
      padding: 1.375em 0 1.875em 0; }
      .installation .cta-wrapper .is-rollpark-good-fit h2 {
        width: 8.33333em;
        margin-bottom: 1.03704em; }
        .installation .cta-wrapper .is-rollpark-good-fit h2 em {
          opacity: 1;
          display: inline; }
      .installation .cta-wrapper .is-rollpark-good-fit img {
        width: 210px;
        bottom: -140px;
        top: auto;
        right: -30px; }
  .installation-step {
    padding: 1.875em 0 2.5em 0; }
    .installation-step .row {
      padding-left: 3.5em; }
      .installation-step .row:before {
        font-size: 3.75em; }
    .installation-step .delivery-time {
      position: relative;
      font-size: 1.375em;
      line-height: 1em;
      margin-top: 0.68182em; }
    .installation-step .arrow-link {
      margin-top: 1.57143em; }
    .installation-step ul li:not(:last-of-type) {
      margin-bottom: 0; }
    .installation-step .text-content {
      font-size: 1.375em;
      line-height: 1.27273em; } }

.why-rollpark .medium-8 {
  padding-right: 4.375em; }

.why-rollpark .hero h1 {
  margin-top: 0.90909em; }

.why-rollpark .hero .sticky-content:not(.fixed) .hero-props-list li {
  transform: translateY(1.875em);
  opacity: 0;
  transition: 0.75s; }

.why-rollpark .hero.active .hero-props-list:not(.fixed) li {
  transform: none;
  opacity: 1; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(1) {
    transition: all 0s 0s, transform 0.75s 0.2s, opacity 0.75s 0.2s; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(2) {
    transition: all 0s 0s, transform 0.75s 0.3s, opacity 0.75s 0.3s; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(3) {
    transition: all 0s 0s, transform 0.75s 0.4s, opacity 0.75s 0.4s; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(4) {
    transition: all 0s 0s, transform 0.75s 0.5s, opacity 0.75s 0.5s; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(5) {
    transition: all 0s 0s, transform 0.75s 0.6s, opacity 0.75s 0.6s; }
  .why-rollpark .hero.active .hero-props-list:not(.fixed) li:nth-of-type(6) {
    transition: all 0s 0s, transform 0.75s 0.7s, opacity 0.75s 0.7s; }

.why-rollpark .why-us-top {
  border-bottom: 1.25em solid transparent; }

.why-rollpark .proposal {
  background: #65B1E7; }

.why-rollpark .sticky-content-holder {
  height: 3.125em;
  position: relative; }
  .why-rollpark .sticky-content-holder .sticky-content {
    left: 0;
    width: 100%;
    position: absolute;
    padding: 1.125em;
    background: #fff;
    z-index: 5;
    transform: translateZ(0); }
    .why-rollpark .sticky-content-holder .sticky-content.fixed {
      top: 3.9375em;
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05); }
      .why-rollpark .sticky-content-holder .sticky-content.fixed .hero-props-list li {
        color: rgba(0, 0, 0, 0.4); }
        .why-rollpark .sticky-content-holder .sticky-content.fixed .hero-props-list li i:before {
          color: #000;
          opacity: 0.2; }
        .why-rollpark .sticky-content-holder .sticky-content.fixed .hero-props-list li.active {
          color: black; }
          .why-rollpark .sticky-content-holder .sticky-content.fixed .hero-props-list li.active i:before {
            color: #2EBD71;
            opacity: 1; }

.why-rollpark .hero-props-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .why-rollpark .hero-props-list li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 2.5em;
    cursor: pointer; }
    .why-rollpark .hero-props-list li i:before {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.5em;
      color: #2EBD71; }
    .why-rollpark .hero-props-list li:not(:last-of-type) {
      margin-right: 2.1875em; }

.why-rollpark .value-prop-container {
  padding-top: 3.125em;
  padding-bottom: 1.875em; }
  .why-rollpark .value-prop-container h2 {
    padding-bottom: 1.25714em; }
  .why-rollpark .value-prop-container.active h2 {
    transform: none;
    opacity: 1; }

.why-rollpark .value-prop {
  padding-left: 5.3125em;
  position: relative;
  margin-bottom: 2.625em; }
  .why-rollpark .value-prop img {
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 3.4375em; }
  .why-rollpark .value-prop h4 {
    margin-bottom: 0.2em;
    transform: translateY(0.8em); }
  .why-rollpark .value-prop p {
    transform: translateY(0.90909em); }
    .why-rollpark .value-prop p:not(:last-of-type) {
      margin-bottom: 1.36364em; }
  .why-rollpark .value-prop.active img {
    transform: none;
    opacity: 1; }
  .why-rollpark .value-prop.active h4 {
    transform: none;
    opacity: 1; }
  .why-rollpark .value-prop.active p {
    opacity: 0.6;
    transform: none; }

.why-rollpark .section-specs {
  padding-bottom: 1.5625em; }
  .why-rollpark .section-specs .specs-table .specs-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .why-rollpark .section-specs h4 {
    margin-bottom: 0.2em; }
  .why-rollpark .section-specs p {
    opacity: 0.6;
    margin-bottom: 1.54545em; }

.why-rollpark .sidebar {
  z-index: 2; }
  .why-rollpark .sidebar .sidebar_inner {
    transform: translateZ(0); }
  .why-rollpark .sidebar .sidebar-content {
    border-top: 3.75em solid #fff; }
  .why-rollpark .sidebar .img-wrapper {
    position: relative;
    overflow: hidden; }
    .why-rollpark .sidebar .img-wrapper:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      border-bottom: 2px solid #262A3F; }
    .why-rollpark .sidebar .img-wrapper:after {
      content: "";
      display: block;
      padding-top: 68%; }
    .why-rollpark .sidebar .img-wrapper .inner-wrapper {
      width: 100%;
      height: 200%;
      position: absolute;
      top: 0;
      left: 0;
      transition: 0.5s;
      will-change: transform; }
    .why-rollpark .sidebar .img-wrapper .image-holder {
      width: 100%;
      height: 50%; }
      .why-rollpark .sidebar .img-wrapper .image-holder:last-of-type {
        margin-top: -1px; }
  .why-rollpark .sidebar .arrow-container {
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    width: 2.5em;
    height: 2.5em;
    background: #0F1019;
    border-radius: 50%;
    overflow: hidden; }
    .why-rollpark .sidebar .arrow-container .inner-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 200%;
      height: 100%;
      transition: 0.3s; }
      .why-rollpark .sidebar .arrow-container .inner-wrapper:before {
        content: "\61";
        font-family: "rollpark" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        width: 50%;
        font-size: 1.25em;
        line-height: 2em;
        text-align: center; }
      .why-rollpark .sidebar .arrow-container .inner-wrapper:after {
        content: "\61";
        font-family: "rollpark" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 50%;
        width: 50%;
        font-size: 1.25em;
        line-height: 2em;
        text-align: center;
        color: #F1A230; }
  .why-rollpark .sidebar .sidebar-content {
    display: block;
    text-decoration: none;
    position: relative;
    background: #262A3F; }
    .why-rollpark .sidebar .sidebar-content .img-wrapper {
      position: relative;
      z-index: 2; }
    .why-rollpark .sidebar .sidebar-content:before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #F1A230;
      position: absolute;
      z-index: 0;
      transform-origin: right;
      transform: scaleX(0);
      transition: 0.3s; }
    .why-rollpark .sidebar .sidebar-content:hover:before {
      transform: scaleX(1); }
    .why-rollpark .sidebar .sidebar-content:hover .sidebar-bottom .text {
      color: #262A3F; }
    .why-rollpark .sidebar .sidebar-content:hover .arrow-container .inner-wrapper {
      transform: translateX(-50%); }
  .why-rollpark .sidebar .sidebar-bottom {
    padding: 1.25em;
    color: #fff;
    position: relative;
    z-index: 2; }
    .why-rollpark .sidebar .sidebar-bottom .text {
      font-size: 0.875em;
      line-height: 1.28571em;
      font-weight: 700;
      width: 9.6875em;
      display: block;
      transition: 0.3s; }
  .why-rollpark .sidebar.stage-2 .img-wrapper .inner-wrapper {
    transform: translateY(-50%); }

.divider {
  height: 1px;
  background: #000;
  opacity: 0.07; }

.weather-conditions-section {
  margin-bottom: 3.75em;
  position: relative;
  z-index: 1; }
  .weather-conditions-section h4 {
    text-align: center;
    padding-bottom: 0.96em; }
  .weather-conditions-section .weather-conditions-slider-wrapper {
    background: #F2F2F2;
    display: table;
    width: 100%; }
  .weather-conditions-section .image-container {
    position: relative;
    width: 12.3125em;
    display: table-cell;
    vertical-align: top; }
    .weather-conditions-section .image-container:after {
      content: "";
      display: block;
      padding-top: 100%; }
    .weather-conditions-section .image-container .image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #F2F2F2;
      opacity: 0;
      overflow: hidden; }
      .weather-conditions-section .image-container .image.active {
        opacity: 1; }
  .weather-conditions-section .content-container {
    padding: 0 1.875em;
    padding-right: 2.5em;
    position: relative;
    padding-top: 3.75em;
    display: table-cell;
    vertical-align: top; }
  .weather-conditions-section .controls-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 1.875em;
    z-index: 3; }
    .weather-conditions-section .controls-wrapper li {
      display: inline-block;
      vertical-align: top;
      font-weight: 700;
      line-height: 1.25em;
      padding-top: 1.625em;
      opacity: 0.4;
      position: relative;
      user-select: none;
      cursor: pointer; }
      .weather-conditions-section .controls-wrapper li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0px;
        transition: 0.3s;
        background: #2EBD71; }
      .weather-conditions-section .controls-wrapper li:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -0.625em;
        right: -0.625em;
        bottom: -0.625em; }
      .weather-conditions-section .controls-wrapper li.active {
        opacity: 1; }
        .weather-conditions-section .controls-wrapper li.active:before {
          height: 4px; }
      .weather-conditions-section .controls-wrapper li:not(:last-of-type) {
        margin-right: 1.25em; }
  .weather-conditions-section .content p {
    font-size: 1.125em;
    line-height: 1.33333em;
    opacity: 0.6;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 1.66667em;
    padding-top: 3.33333em;
    padding-right: 2.22222em;
    opacity: 0;
    transform: translateY(1.11111em);
    transition: 0.4s 0s; }
    .weather-conditions-section .content p.active {
      opacity: 0.6;
      transform: none;
      transition: 0.4s 0.3s;
      z-index: 2; }

.tested {
  position: relative;
  overflow: hidden; }
  .tested .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .tested .background video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .tested .row {
    height: 100%; }
    .tested .row .column {
      height: 100%;
      padding-top: 3.75em; }
  .tested ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .tested ul li {
      width: 33.33%;
      float: left;
      color: #2EBD71;
      padding-left: 2.5em;
      margin-top: 1.75em;
      position: relative; }
      .tested ul li i:before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.625em; }
  .tested .iaa {
    position: absolute;
    right: 0;
    bottom: 0.125em;
    width: 11.875em;
    text-align: right; }
    .tested .iaa span {
      display: block;
      font-size: 0.875em;
      line-height: 1.28571em;
      margin-top: 1em;
      opacity: 0.4; }
  .tested .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .tested:after {
    content: "";
    display: block;
    padding-top: 56%; }
  .tested h2 em {
    opacity: 0.4; }
  .tested p {
    width: 31.81818em;
    max-width: 100%;
    color: rgba(0, 0, 0, 0.6); }
    .tested p em {
      color: #000; }
  .tested .content-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    bottom: 2.75em; }
    .tested .content-bottom .column {
      padding-bottom: 0; }
    .tested .content-bottom .row {
      position: relative; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .why-rollpark .medium-8 {
    padding-right: 3.125em; }
  .why-rollpark .sticky-content-holder .row {
    width: 100%; }
  .why-rollpark .hero-props-list {
    white-space: nowrap; }
    .why-rollpark .hero-props-list li:not(:last-of-type) {
      margin-right: 1.25em;
      padding-left: 1.875em; } }

@media screen and (max-width: 767px) {
  .why-rollpark .divider {
    display: none; }
  .why-rollpark .medium-8 {
    padding-right: 0; }
  .why-rollpark .hero {
    padding-top: 4.6875em; }
    .why-rollpark .hero h1 {
      margin-top: 0; }
  .why-rollpark .sidebar {
    padding-top: 0.625em;
    position: relative; }
    .why-rollpark .sidebar:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -1.25em;
      right: -1.25em;
      height: 1px;
      background: #000;
      opacity: 0.07; }
    .why-rollpark .sidebar .sidebar-content {
      border-top: 0;
      border-bottom: 0;
      margin-bottom: -1px;
      margin-left: -0.625em;
      margin-right: -0.625em;
      overflow: hidden; }
      .why-rollpark .sidebar .sidebar-content .img-wrapper {
        width: 50%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%; }
      .why-rollpark .sidebar .sidebar-content:after {
        content: "";
        display: block;
        padding-top: 34.36%; }
    .why-rollpark .sidebar .sidebar-bottom {
      width: 50%;
      float: right;
      padding: 1em 1.25em;
      position: static; }
      .why-rollpark .sidebar .sidebar-bottom .text {
        font-size: 0.75em;
        line-height: 1.25em;
        position: relative; }
    .why-rollpark .sidebar .arrow-container {
      top: auto;
      bottom: 0.625em;
      right: 0.625em; }
  .why-rollpark .sticky-content-holder {
    height: auto; }
    .why-rollpark .sticky-content-holder .sticky-content {
      position: relative;
      padding: 0; }
  .why-rollpark .hero-props-list li {
    width: 100%; }
    .why-rollpark .hero-props-list li:not(:last-of-type) {
      margin-right: 0;
      margin-bottom: 0.9375em; }
  .why-rollpark .value-prop-container {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 1.875em;
    padding-bottom: 1.25em;
    padding-bottom: 0; }
    .why-rollpark .value-prop-container h2 {
      padding-bottom: 1.14286em; }
  .why-rollpark .value-prop {
    padding-left: 4.0625em;
    margin-bottom: 1.875em; }
    .why-rollpark .value-prop h4 {
      margin-bottom: 0.5em; }
    .why-rollpark .value-prop img {
      width: 2.8125em;
      margin-top: -0.125em; }
  .why-rollpark .why-us-top {
    border-bottom: 0; }
  .tested {
    background: none;
    padding-bottom: 2.1875em;
    border-top: 1px solid rgba(0, 0, 0, 0.07); }
    .tested h2 em {
      opacity: 1; }
    .tested ul {
      padding: 0.625em 0; }
      .tested ul li {
        width: 50%;
        height: 3em;
        line-height: 3em;
        margin: 0;
        margin: 0.1875em 0; }
        .tested ul li span {
          display: inline-block;
          vertical-align: middle;
          font-size: 0.9375em;
          line-height: 1.26667em; }
    .tested .background {
      position: relative;
      margin-left: -1.25em;
      margin-right: -1.25em;
      margin-bottom: 1.25em;
      margin-top: 0.625em; }
      .tested .background video {
        position: relative;
        display: block; }
    .tested .row .column {
      padding-top: 2.0625em; }
    .tested .inner-wrapper {
      position: relative; }
    .tested:after {
      display: none; }
    .tested p {
      font-size: 1.125em;
      line-height: 1.33333em;
      position: relative;
      bottom: 0; }
    .tested .iaa {
      float: left;
      width: 100%;
      display: block;
      position: relative;
      bottom: 0;
      text-align: left;
      margin-top: 1.6875em;
      padding-left: 3.875em; }
      .tested .iaa img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2.75em; }
      .tested .iaa span {
        margin: 0;
        width: 13.57143em;
        display: block; }
    .tested .content-bottom {
      position: static; } }

.specs {
  overflow: hidden; }
  .specs .medium-8 {
    padding-right: 4.375em; }
  .specs footer {
    position: relative;
    z-index: 2; }
  .specs .hero {
    z-index: 2; }
    .specs .hero:before {
      content: "";
      position: absolute;
      top: 0;
      left: -1000px;
      right: -1000px;
      height: 100%;
      background: #2EBD71;
      z-index: -1; }
    .specs .hero .medium-8 {
      padding-right: 3.125em; }
    .specs .hero h1 {
      margin-right: -0.72727em; }
  .specs .sidebar-wrapper {
    position: relative;
    z-index: 2; }
  .specs .sidebar__inner {
    transform: translateZ(0); }
    .specs .sidebar__inner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: #202437;
      z-index: -1; }
  .specs .sidebar-top {
    background: #262A3F;
    padding: 1.25em 1.875em; }
    .specs .sidebar-top h4 {
      color: #fff;
      font-weight: 700;
      font-size: 1.25em;
      text-transform: uppercase;
      margin: 0;
      margin-bottom: 0.5em; }
    .specs .sidebar-top h5 {
      opacity: 0.4;
      color: #fff;
      font-weight: 400;
      line-height: 1.27778em; }
    .specs .sidebar-top .sidebar-item-list {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-top: 0.625em; }
      .specs .sidebar-top .sidebar-item-list li a {
        display: block;
        text-decoration: none;
        padding: 1.25em 0; }
      .specs .sidebar-top .sidebar-item-list li .product-number {
        font-size: 0.75em;
        color: #F1A230;
        font-weight: 700;
        width: 3.33333em;
        height: 3.33333em;
        line-height: 3.33333em;
        border-radius: 50%;
        background: #1B1E2F;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        position: relative; }
        .specs .sidebar-top .sidebar-item-list li .product-number svg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          stroke-dasharray: 10em;
          stroke-dashoffset: 10em;
          stroke-dasharray: 300%;
          stroke-dashoffset: 300%;
          transition: all 0.5s cubic-bezier(1, 0.14, 0, 0.9);
          transform: rotate(-90deg); }
      .specs .sidebar-top .sidebar-item-list li .product-description {
        display: inline-block;
        vertical-align: top;
        padding-left: 0.9375em;
        margin-top: -0.1875em; }
      .specs .sidebar-top .sidebar-item-list li .product-name {
        font-weight: 700;
        color: #F1A230; }
      .specs .sidebar-top .sidebar-item-list li p {
        font-family: "Circular Pro";
        font-size: 0.875em;
        color: rgba(255, 255, 255, 0.4);
        margin-top: 0.14286em; }
        .specs .sidebar-top .sidebar-item-list li p strong {
          color: #fff;
          font-weight: 400; }
      .specs .sidebar-top .sidebar-item-list li:not(:last-of-type) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
      .specs .sidebar-top .sidebar-item-list li:hover .product-number svg {
        stroke-dashoffset: 0; }
  .specs .sidebar-bottom {
    padding: 1.5625em 1.875em;
    background: #202437; }
    .specs .sidebar-bottom h5 {
      text-transform: uppercase;
      color: #fff; }
    .specs .sidebar-bottom .tests-list {
      margin: 0;
      padding: 0;
      list-style: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      margin-top: 1.25em;
      white-space: nowrap; }
      .specs .sidebar-bottom .tests-list li {
        display: inline-block;
        vertical-align: top;
        width: 1.5625em;
        padding-bottom: 4.6875em;
        position: relative;
        opacity: 0.4;
        color: #fff;
        transition: 0.3s; }
        .specs .sidebar-bottom .tests-list li:not(:last-of-type) {
          margin-right: 1.5625em; }
        .specs .sidebar-bottom .tests-list li i:before {
          position: absolute;
          top: 0%;
          left: 0%;
          font-size: 1.5em; }
        .specs .sidebar-bottom .tests-list li .text {
          position: absolute;
          opacity: 0;
          color: #65B1E7;
          top: 2.91667em;
          left: 50%;
          transform: translateX(-50%) translateY(10px);
          font-size: 0.75em;
          white-space: nowrap;
          transition: 0.3s; }
        .specs .sidebar-bottom .tests-list li.active {
          color: #65B1E7;
          opacity: 1; }
          .specs .sidebar-bottom .tests-list li.active .text {
            transform: translateX(-50%) translateY(0);
            opacity: 1; }
        .specs .sidebar-bottom .tests-list li:first-of-type .text {
          transform: translateX(0%) translateY(10px);
          left: 0; }
        .specs .sidebar-bottom .tests-list li:first-of-type.active .text {
          transform: translateX(0%) translateY(0);
          opacity: 1; }
        .specs .sidebar-bottom .tests-list li:last-of-type .text {
          transform: translateX(0%) translateY(10px);
          left: auto;
          right: 0; }
        .specs .sidebar-bottom .tests-list li:last-of-type.active .text {
          transform: translateX(0%) translateY(0);
          opacity: 1; }
    .specs .sidebar-bottom .divider {
      background: #fff; }
    .specs .sidebar-bottom .arrow-link {
      color: #fff;
      margin-top: 1.07143em; }
  .specs .content {
    position: relative;
    z-index: 2; }
  .specs .specs-booklet {
    position: relative;
    z-index: 2; }
    .specs .specs-booklet .row {
      position: relative; }
      .specs .specs-booklet .row:before {
        content: "";
        position: absolute;
        right: 0;
        top: -1.9375em;
        display: block;
        width: 33.33%;
        bottom: 0;
        background: #202437; }
  .specs .mobile-products-list {
    display: none; }

.specs-item {
  padding-top: 3.125em;
  padding-bottom: 1.875em; }
  .specs-item h2 em {
    color: #2EBD71;
    font-size: 0.71429em;
    font-weight: 400;
    display: inline-block;
    margin-left: 0.32em; }
  .specs-item h3 {
    font-weight: 300;
    padding-top: 0.76923em;
    padding-bottom: 0.96154em; }
  .specs-item .text {
    width: 12.5em;
    width: 30%;
    float: left; }
    .specs-item .text h5 {
      font-size: 1.375em;
      line-height: 1.27273em;
      margin-bottom: 0.45455em; }
    .specs-item .text p {
      font-size: 1em;
      font-family: "Circular Pro";
      color: rgba(0, 0, 0, 0.6);
      padding-bottom: 1.875em; }
    .specs-item .text .tooltip-icon {
      color: #000; }
  .specs-item .image-wrapper {
    width: 65%;
    float: right;
    position: relative; }
    .specs-item .image-wrapper img {
      transform: translateY(1.875em);
      opacity: 0;
      transition: 0.75s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .specs-item .image-wrapper.active img.loaded {
      transform: none;
      opacity: 1; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer span {
      transform: none;
      opacity: 1; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer svg {
      stroke-dashoffset: 0;
      opacity: 1; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer svg circle {
        opacity: 1; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(1) span {
      transition: 0.3s 0.5s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(1) svg {
      transition: 0.75s 0.3s; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(1) svg circle {
        opacity: 1;
        transition: 0.3s 0.2s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(2) span {
      transition: 0.3s 0.6s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(2) svg {
      transition: 0.75s 0.4s; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(2) svg circle {
        opacity: 1;
        transition: 0.3s 0.3s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(3) span {
      transition: 0.3s 0.7s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(3) svg {
      transition: 0.75s 0.5s; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(3) svg circle {
        opacity: 1;
        transition: 0.3s 0.4s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(4) span {
      transition: 0.3s 0.8s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(4) svg {
      transition: 0.75s 0.6s; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(4) svg circle {
        opacity: 1;
        transition: 0.3s 0.5s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(5) span {
      transition: 0.3s 0.9s; }
    .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(5) svg {
      transition: 0.75s 0.7s; }
      .specs-item .image-wrapper.active img.loaded + .explainers .explainer:nth-of-type(5) svg circle {
        opacity: 1;
        transition: 0.3s 0.6s; }
  .specs-item .gallery-wrapper {
    margin-top: 1.5625em;
    background: #262A3F;
    position: relative;
    display: block;
    text-decoration: none; }
    .specs-item .gallery-wrapper .gallery-col {
      width: 33.33%;
      float: left;
      position: relative; }
      .specs-item .gallery-wrapper .gallery-col:after {
        content: "";
        display: block;
        padding-top: 68.18%; }
      .specs-item .gallery-wrapper .gallery-col img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .specs-item .gallery-wrapper .gallery-link {
      color: #fff;
      text-decoration: none;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      z-index: 2; }
      .specs-item .gallery-wrapper .gallery-link:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #F1A230;
        position: absolute;
        z-index: -1;
        transform-origin: right;
        transform: scaleX(0);
        transition: 0.3s; }
      .specs-item .gallery-wrapper .gallery-link .text {
        width: 10.71429em;
        max-width: 100%;
        padding: 1.14286em 1.42857em;
        font-size: 0.875em;
        line-height: 1.28571em;
        font-weight: 700;
        transition: 0.3s; }
      .specs-item .gallery-wrapper .gallery-link .arrow-container {
        position: absolute;
        bottom: 1.25em;
        right: 1.25em;
        width: 2.5em;
        height: 2.5em;
        background: #0F1019;
        border-radius: 50%;
        overflow: hidden; }
        .specs-item .gallery-wrapper .gallery-link .arrow-container .inner-wrapper {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 200%;
          height: 100%;
          transition: 0.3s; }
          .specs-item .gallery-wrapper .gallery-link .arrow-container .inner-wrapper:before {
            content: "\61";
            font-family: "rollpark" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0;
            width: 50%;
            font-size: 1.25em;
            line-height: 2em;
            text-align: center; }
          .specs-item .gallery-wrapper .gallery-link .arrow-container .inner-wrapper:after {
            content: "\61";
            font-family: "rollpark" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 50%;
            width: 50%;
            font-size: 1.25em;
            line-height: 2em;
            text-align: center;
            color: #F1A230; }
      .specs-item .gallery-wrapper .gallery-link:after {
        display: none; }
    .specs-item .gallery-wrapper:hover .gallery-link .text {
      color: #262A3F; }
    .specs-item .gallery-wrapper:hover .gallery-link:before {
      transform: scaleX(1); }
    .specs-item .gallery-wrapper:hover .gallery-link .arrow-container .inner-wrapper {
      transform: translateX(-50%); }
  .specs-item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .specs-item .products-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
    .specs-item .products-links li {
      display: inline-block;
      vertical-align: top;
      margin-left: 0.35714em; }
    .specs-item .products-links a {
      display: inline-block;
      vertical-align: top;
      font-size: 0.85714em;
      color: #F1A230;
      text-decoration: none;
      position: relative;
      width: 2.5em;
      text-align: center;
      z-index: 2;
      font-weight: 700; }
      .specs-item .products-links a:hover {
        color: #000; }
        .specs-item .products-links a:hover:before {
          background: #F1A230; }
      .specs-item .products-links a:before {
        content: "";
        width: 2.5em;
        height: 2.5em;
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -1.25em;
        background: #000;
        border-radius: 50%;
        z-index: -1; }
  .specs-item .explainer {
    position: absolute; }
    .specs-item .explainer > span {
      position: absolute;
      font-size: 0.875em;
      line-height: 1em;
      bottom: -0.28571em;
      left: 0;
      white-space: nowrap;
      transform: translateX(-1.25em);
      transition: 0.5s;
      opacity: 0; }
    .specs-item .explainer svg {
      position: absolute;
      height: 100%;
      stroke-dasharray: 150%;
      stroke-dashoffset: -150%;
      transition: 0.5s; }
      .specs-item .explainer svg circle {
        opacity: 0;
        transition: 0.5s; }
      .specs-item .explainer svg.mobile {
        display: none; }
    .specs-item .explainer .products-links {
      margin: 0;
      padding: 0;
      list-style: none; }
  .specs-item.spec-item-1 .image-wrapper:after {
    content: "";
    display: block;
    padding-top: 70.69%; }
  .specs-item.spec-item-1 .explainer:nth-of-type(1) {
    height: 16.72%;
    width: 31.78%;
    left: 0;
    top: 69.18%; }
    .specs-item.spec-item-1 .explainer:nth-of-type(1) svg {
      width: 38.68%;
      right: 0; }
  .specs-item.spec-item-1 .explainer:nth-of-type(2) {
    width: 36.65%;
    height: 14.42%;
    left: 0;
    top: 80.65%; }
    .specs-item.spec-item-1 .explainer:nth-of-type(2) svg {
      width: 47.46%;
      right: 0; }
  .specs-item.spec-item-1 .explainer:nth-of-type(3) {
    width: 38.97%;
    height: 17.70%;
    right: 0;
    top: 77.37%; }
    .specs-item.spec-item-1 .explainer:nth-of-type(3) > span {
      left: 46%; }
    .specs-item.spec-item-1 .explainer:nth-of-type(3) svg {
      width: 42.85%;
      left: 0;
      position: absolute; }
  .specs-item.spec-item-2 .image-wrapper:after {
    content: "";
    display: block;
    padding-top: 58.93%; }
  .specs-item.spec-item-2 .explainer:nth-of-type(1) {
    height: 12.20%;
    width: 37.81%;
    left: 0;
    top: 4.72%; }
    .specs-item.spec-item-2 .explainer:nth-of-type(1) > span {
      bottom: auto;
      top: -0.5em; }
    .specs-item.spec-item-2 .explainer:nth-of-type(1) svg {
      width: 49.07%;
      right: 0; }
  .specs-item.spec-item-2 .explainer:nth-of-type(2) {
    height: 17.32%;
    width: 22.50%;
    left: 0;
    top: 65.3%; }
    .specs-item.spec-item-2 .explainer:nth-of-type(2) svg {
      width: 60.82%;
      right: 0; }
  .specs-item.spec-item-2 .explainer:nth-of-type(3) {
    height: 12.99%;
    width: 34.80%;
    left: 0;
    top: 81.10%; }
    .specs-item.spec-item-2 .explainer:nth-of-type(3) svg {
      width: 44.66%;
      right: 0; }
  .specs-item.spec-item-2 .explainer:nth-of-type(4) {
    height: 16.92%;
    width: 45.24%;
    right: 0;
    top: 77.16%; }
    .specs-item.spec-item-2 .explainer:nth-of-type(4) svg {
      width: 33.3%;
      left: 0; }
    .specs-item.spec-item-2 .explainer:nth-of-type(4) > span {
      left: 34.87%; }
  .specs-item.spec-item-3 .image-wrapper:after {
    content: "";
    display: block;
    padding-top: 58.13%; }
  .specs-item.spec-item-3 .explainer:nth-of-type(1) {
    height: 27.6%;
    width: 39.06%;
    left: 0;
    top: 4%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(1) > span {
      bottom: auto;
      top: -0.5em; }
    .specs-item.spec-item-3 .explainer:nth-of-type(1) svg {
      width: 50%;
      right: 0; }
  .specs-item.spec-item-3 .explainer:nth-of-type(2) {
    height: 17.6%;
    width: 22.79%;
    left: 0;
    top: 65.3%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(2) svg {
      width: 60.20;
      right: 0; }
  .specs-item.spec-item-3 .explainer:nth-of-type(3) {
    height: 13.2%;
    width: 34.88%;
    left: 0;
    top: 81.6%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(3) svg {
      width: 44.66%;
      right: 0; }
  .specs-item.spec-item-3 .explainer:nth-of-type(4) {
    height: 13.2%;
    width: 44.65%;
    left: 0;
    top: 94%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(4) svg {
      width: 45.83%;
      right: 0; }
  .specs-item.spec-item-3 .explainer:nth-of-type(5) {
    height: 17.2%;
    width: 44.88%;
    right: 0;
    top: 77.6%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(5) svg {
      width: 33.50%;
      left: 0; }
    .specs-item.spec-item-3 .explainer:nth-of-type(5) > span {
      left: 35.23%; }
  .specs-item.active h2 {
    transform: none;
    opacity: 1; }
  .specs-item.active h3 {
    transform: none;
    opacity: 0.6; }
  .specs-item.active .text .transform {
    transform: none;
    opacity: 1; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .specs .medium-8 {
    padding-right: 3.125em; }
  .specs .sidebar-top .sidebar-item-list li {
    position: relative; }
    .specs .sidebar-top .sidebar-item-list li a {
      padding-left: 2.5em; }
    .specs .sidebar-top .sidebar-item-list li .product-number {
      position: absolute;
      left: 0;
      top: 1.875em; }
  .specs .sidebar-bottom .tests-list {
    white-space: normal; }
    .specs .sidebar-bottom .tests-list li {
      width: 33.33%; }
      .specs .sidebar-bottom .tests-list li:not(:last-of-type) {
        margin-right: 0; }
      .specs .sidebar-bottom .tests-list li i:before {
        left: 50%;
        transform: translateX(-50%); }
      .specs .sidebar-bottom .tests-list li:nth-of-type(1) i:before, .specs .sidebar-bottom .tests-list li:nth-of-type(4) i:before {
        left: 0;
        transform: none; }
      .specs .sidebar-bottom .tests-list li:nth-of-type(1) .text, .specs .sidebar-bottom .tests-list li:nth-of-type(4) .text {
        left: 0; }
      .specs .sidebar-bottom .tests-list li:nth-of-type(1) .text, .specs .sidebar-bottom .tests-list li:nth-of-type(4) .text {
        transform: translateX(0%) translateY(10px); }
      .specs .sidebar-bottom .tests-list li:nth-of-type(1).active .text, .specs .sidebar-bottom .tests-list li:nth-of-type(4).active .text {
        transform: translateX(0%) translateY(0); }
      .specs .sidebar-bottom .tests-list li:nth-of-type(3) i:before, .specs .sidebar-bottom .tests-list li:nth-of-type(6) i:before {
        left: auto;
        right: 0;
        transform: none; }
      .specs .sidebar-bottom .tests-list li:nth-of-type(3) .text, .specs .sidebar-bottom .tests-list li:nth-of-type(6) .text {
        right: 0;
        left: auto; }
      .specs .sidebar-bottom .tests-list li:nth-of-type(3) .text, .specs .sidebar-bottom .tests-list li:nth-of-type(6) .text {
        transform: translateX(0%) translateY(10px); }
      .specs .sidebar-bottom .tests-list li:nth-of-type(3).active .text, .specs .sidebar-bottom .tests-list li:nth-of-type(6).active .text {
        transform: translateX(0%) translateY(0); }
  .specs .specs-item .gallery-wrapper {
    margin-top: 0.3125em;
    margin-left: -0.625em;
    margin-right: -0.625em; }
    .specs .specs-item .gallery-wrapper .gallery-col {
      width: 50%; }
    .specs .specs-item .gallery-wrapper .gallery-link {
      width: 100%;
      position: relative; }
      .specs .specs-item .gallery-wrapper .gallery-link .text {
        font-size: 0.75em;
        line-height: 1.25em;
        padding: 1.25em 1.66667em; }
      .specs .specs-item .gallery-wrapper .gallery-link .arrow-container {
        right: 0.625em;
        bottom: 0.625em; } }

@media screen and (max-width: 767px) {
  .specs {
    overflow: hidden; }
    .specs .hero h1 {
      margin-right: 0; }
    .specs .medium-8 {
      padding-right: 0; }
    .specs .content:before {
      display: none; }
    .specs .sidebar-wrapper {
      display: none; }
    .specs .specs-booklet .row {
      position: static; }
      .specs .specs-booklet .row:before {
        display: none; }
    .specs .mobile-products-list {
      display: block;
      padding-top: 0.9375em; }
      .specs .mobile-products-list h5 {
        text-transform: uppercase;
        font-size: 1em; }
      .specs .mobile-products-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 1.0625em;
        padding-bottom: 1.5625em; }
        .specs .mobile-products-list ul li {
          width: 33.33%;
          float: left;
          padding-right: 1.5625em; }
        .specs .mobile-products-list ul .product-number {
          font-size: 0.75em;
          margin-bottom: 1em;
          color: #F1A230;
          font-weight: 700;
          width: 3.33333em;
          height: 3.33333em;
          line-height: 3.33333em;
          border-radius: 50%;
          background: #1B1E2F;
          display: inline-block;
          vertical-align: top;
          text-align: center;
          overflow: hidden; }
        .specs .mobile-products-list ul .product-name {
          font-weight: bold;
          color: #000;
          margin-bottom: 0.375em; }
        .specs .mobile-products-list ul p {
          font-family: "Circular Pro";
          font-size: 0.875em;
          color: rgba(0, 0, 0, 0.4);
          margin-top: 0.14286em; }
          .specs .mobile-products-list ul p strong {
            color: #000;
            font-weight: 400; }
        .specs .mobile-products-list ul a {
          text-decoration: none; }
  .specs-item {
    position: relative;
    padding-top: 2.125em;
    padding-bottom: 0.625em; }
    .specs-item h2 em {
      font-style: italic;
      font-family: "Sentinel";
      font-weight: 400;
      font-size: 0.74074em;
      margin-left: 0; }
    .specs-item h3 {
      padding: 0.54545em 0 1.5em 0; }
    .specs-item .gallery-wrapper {
      margin-top: 0.3125em;
      margin-left: -0.625em;
      margin-right: -0.625em; }
      .specs-item .gallery-wrapper .gallery-col {
        width: 50%; }
      .specs-item .gallery-wrapper .gallery-link {
        width: 100%;
        position: relative; }
        .specs-item .gallery-wrapper .gallery-link .text {
          font-size: 0.75em;
          line-height: 1.25em;
          padding: 1.25em 1.66667em; }
        .specs-item .gallery-wrapper .gallery-link .arrow-container {
          right: 0.625em;
          bottom: 0.625em; }
    .specs-item .bottom-content {
      display: flex;
      flex-wrap: wrap; }
    .specs-item .text {
      width: 100%;
      order: 2;
      padding-top: 3.125em; }
      .specs-item .text h5 {
        font-size: 1.125em;
        margin-bottom: 0.55556em; }
      .specs-item .text p {
        padding-bottom: 1.25em; }
    .specs-item .image-wrapper {
      flex-shrink: 0;
      width: 26.875em;
      width: 128.3%;
      margin-left: 1.25em;
      float: left; }
    .specs-item .explainer > span {
      white-space: normal; }
    .specs-item .explainer .products-links {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -1.07143em; }
      .specs-item .explainer .products-links li {
        display: block;
        margin-left: 0; }
        .specs-item .explainer .products-links li:not(:first-of-type) {
          margin-top: 1.66667em; }
        .specs-item .explainer .products-links li a {
          margin-left: 0; }
    .specs-item .explainer.mobile-switch .explainer-text {
      display: none; }
    .specs-item .explainer.mobile-switch svg {
      display: none; }
      .specs-item .explainer.mobile-switch svg.mobile {
        display: block; }
    .specs-item.spec-item-1 .explainer:nth-of-type(3) {
      height: 62px;
      top: 74%;
      right: auto;
      left: 67%;
      width: 1.35%; }
      .specs-item.spec-item-1 .explainer:nth-of-type(3) svg {
        width: 100%;
        height: 100%; }
    .specs-item.spec-item-2 .explainer:nth-of-type(4) {
      height: 61px;
      top: 71%;
      right: auto;
      left: 66.5%;
      width: 1.35%; }
      .specs-item.spec-item-2 .explainer:nth-of-type(4) svg {
        width: 100%;
        height: 100%; }
    .specs-item.spec-item-3 .explainer:nth-of-type(5) {
      height: 61px;
      top: 67%;
      right: auto;
      left: 69.5%;
      width: 1.35%; }
      .specs-item.spec-item-3 .explainer:nth-of-type(5) svg {
        width: 100%;
        height: 100%; }
    .specs-item:not(:last-of-type) {
      border-bottom: 0; }
    .specs-item:before {
      content: "";
      position: absolute;
      left: -1.25em;
      right: -1.25em;
      top: 0;
      background: #000;
      opacity: 0.07;
      height: 1px; } }

.spec-inner .sidebar-wrapper {
  position: absolute;
  right: 0;
  width: 33.33%; }

.spec-inner .medium-8 {
  padding-right: 4.375em; }

.spec-inner .hero {
  padding-top: 8.5625em; }
  .spec-inner .hero h2 {
    color: #000; }
  .spec-inner .hero .product-description {
    margin-top: 1.73077em;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 1.625em;
    line-height: 1.26923em; }
    .spec-inner .hero .product-description em {
      color: black; }
    .spec-inner .hero .product-description p {
      font-size: inherit;
      line-height: inherit;
      color: inherit; }
      .spec-inner .hero .product-description p:not(:first-of-type) {
        margin-top: 0.76923em; }
  .spec-inner .hero h3 {
    font-weight: 300; }
    .spec-inner .hero h3 em {
      font-style: italic;
      color: black; }

.spec-inner .specs-illustration-wrapper.mobile {
  display: none; }

.spec-inner .specs-inner-table-wrapper {
  padding-bottom: 3.125em; }
  .spec-inner .specs-inner-table-wrapper h2 {
    margin-bottom: 0.85714em; }

.spec-inner .tables {
  padding-top: 3.125em;
  border-top: 1px solid rgba(0, 0, 0, 0.07); }

.spec-inner .table-row {
  display: table;
  width: 100%;
  padding: 1.5em 0;
  font-family: "Sentinel";
  border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .spec-inner .table-row.head {
    font-family: "Circular Pro";
    font-weight: 700;
    padding: 1em 0;
    border-bottom: 2px solid #000; }
  .spec-inner .table-row .table-cell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1em; }
    .spec-inner .table-row .table-cell:first-of-type {
      width: 40%;
      padding-right: 2.5em; }
    .spec-inner .table-row .table-cell:nth-of-type(2) {
      width: 22%; }
    .spec-inner .table-row .table-cell:nth-of-type(3) {
      width: 20%; }
    .spec-inner .table-row .table-cell:nth-of-type(4) {
      width: 18%; }
  .spec-inner .table-row:last-of-type {
    border-bottom: 0; }

.spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:first-of-type {
  width: 22%;
  padding-right: 2.5em; }

.spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(2) {
  width: 22%; }

.spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(3) {
  width: 22%; }

.spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(4) {
  width: 34%; }

.spec-inner .sidebar .sidebar__inner {
  transform: translateZ(0);
  padding-top: 1.25em;
  padding-bottom: 3.125em; }

/* responsive */
@media screen and (max-width: 640px) {
  .spec-inner {
    overflow: hidden; }
    .spec-inner .medium-8 {
      padding-right: 0; }
    .spec-inner .hero {
      padding-top: 6.25em; }
      .spec-inner .hero h2 {
        width: 11.66667em;
        max-width: 100%; }
        .spec-inner .hero h2 em {
          font-style: italic; }
      .spec-inner .hero .product-description {
        font-size: 1.375em; }
        .spec-inner .hero .product-description em {
          font-style: italic;
          color: black; }
    .spec-inner .specs-illustration-wrapper.mobile {
      display: block;
      margin-bottom: 2.1875em;
      width: 23.75em;
      width: 114%;
      margin-left: 18%; }
    .spec-inner .tables {
      padding-top: 1.875em;
      margin-left: -1.25em;
      margin-right: -1.25em;
      padding-left: 1.25em;
      padding-right: 1.25em; }
    .spec-inner .specs-inner-table-wrapper {
      padding-bottom: 1.875em; }
      .spec-inner .specs-inner-table-wrapper h2 {
        margin-bottom: 0.18519em; }
    .spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(1) {
      width: 20%;
      padding-right: 0; }
    .spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(2) {
      width: 20%; }
    .spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:nth-of-type(3) {
      width: 20%; }
    .spec-inner .specs-inner-table-wrapper:last-of-type .table-cell:last-of-type {
      width: 40%;
      display: table-cell; }
    .spec-inner .table-row {
      padding: 1.66667em 0;
      font-size: 0.75em; }
      .spec-inner .table-row .table-cell:nth-of-type(1) {
        width: 50%;
        padding-right: 2.5em; }
      .spec-inner .table-row .table-cell:nth-of-type(2) {
        width: 28%; }
      .spec-inner .table-row .table-cell:nth-of-type(3) {
        width: 22%; }
      .spec-inner .table-row .table-cell:last-of-type {
        display: none; }
    .spec-inner .sidebar {
      display: none; } }

.specs-booklet {
  padding: 1.875em 0 3.125em 0;
  background: #F2F2F2; }
  .specs-booklet .image-wrapper {
    width: 6.625em;
    position: relative;
    float: left; }
    .specs-booklet .image-wrapper .logo-wrapper {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      transform: translateY(-50%);
      text-align: center; }
      .specs-booklet .image-wrapper .logo-wrapper span {
        font-size: 0.5em;
        line-height: 1em;
        font-family: "Sentinel";
        font-style: italic;
        display: block; }
    .specs-booklet .image-wrapper:after {
      content: "";
      display: block;
      padding-top: 149%; }
    .specs-booklet .image-wrapper .inner-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      box-shadow: 0 0.625em 1.25em 0 rgba(0, 0, 0, 0.07); }
    .specs-booklet .image-wrapper .date {
      position: absolute;
      bottom: 2.5em;
      font-weight: 700;
      font-size: 0.25em;
      color: #43454D;
      letter-spacing: 0;
      text-align: center;
      width: 100%; }
  .specs-booklet .text-wrapper {
    overflow: hidden;
    padding-left: 1.875em; }
  .specs-booklet h3 {
    opacity: 0.6;
    margin-top: 0.19231em; }
  .specs-booklet form {
    margin-top: 1.6875em;
    width: 21.25em;
    max-width: 100%;
    position: relative; }
    .specs-booklet form input {
      height: 3.07143em;
      background: #fff;
      border: 0;
      -webkit-appearance: none;
      border-radius: 100px;
      width: 100%;
      padding-left: 1.64286em;
      padding-right: 10em;
      font-weight: 700;
      font-size: 0.875em; }
      .specs-booklet form input::placeholder {
        color: #999999;
        opacity: 1; }
      .specs-booklet form input:-ms-input-placeholder {
        color: #999999; }
      .specs-booklet form input::-ms-input-placeholder {
        color: #999999; }
      .specs-booklet form input:focus {
        outline: none;
        border-bottom: 0; }
      .specs-booklet form input.dirty {
        border-bottom: 0; }
      .specs-booklet form input.has-error {
        border-bottom: 0;
        color: #E2625E; }
        .specs-booklet form input.has-error::placeholder {
          color: #E2625E;
          opacity: 1; }
        .specs-booklet form input.has-error:-ms-input-placeholder {
          color: #E2625E; }
        .specs-booklet form input.has-error::-ms-input-placeholder {
          color: #E2625E; }
    .specs-booklet form .button.small {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      width: 9em;
      transition: 0.5s; }
      .specs-booklet form .button.small .button-states-text-wrapper {
        height: 1.28571em;
        overflow: hidden; }
      .specs-booklet form .button.small .button-states-text-inner-wrapper {
        transition: 0.5s;
        transform: translateY(0); }
  .specs-booklet .booklet-form.form-success .button {
    width: 100%; }
    .specs-booklet .booklet-form.form-success .button .button-states-text-inner-wrapper {
      transform: translateY(-50%);
      transition: 0.5s 0.5s; }

/* responsive */
@media screen and (max-width: 640px) {
  .specs-booklet {
    padding: 1.25em 0;
    padding-bottom: 5.75em;
    position: relative; }
    .specs-booklet .image-wrapper {
      width: 5.4375em; }
    .specs-booklet .text-wrapper {
      padding-left: 1.4375em; }
    .specs-booklet form {
      position: absolute;
      width: 90%;
      width: calc(100% - 2.5em);
      bottom: 1.25em;
      left: 1.25em; } }

.tooltip_templates {
  display: none; }

.tooltipster-sidetip .tooltipster-content {
  padding: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 0;
  margin-top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 0; }

.tooltipster-sidetip .tooltipster-arrow {
  display: none; }

.tooltip-template {
  width: 20.71429em;
  display: block;
  padding: 1.42857em;
  font-size: 0.875em;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.6); }
  .tooltip-template p {
    margin: 0;
    letter-spacing: 0;
    font-family: "Circular Pro";
    font-size: 1em; }
    .tooltip-template p strong {
      color: #fff; }
  .tooltip-template img {
    width: 100%;
    display: block; }
  .tooltip-template ol {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 1.07143em;
    counter-reset: section; }
    .tooltip-template ol li {
      line-height: 1.28571em; }
      .tooltip-template ol li:before {
        counter-increment: section;
        content: counter(section) ". "; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  display: none; }

.tooltipster-sidetip .tooltipster-box {
  background: #262A3F;
  background: rgba(38, 42, 63, 0.97);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  border: 0; }

.tooltipster-sidetip .tooltipster-content {
  overflow: hidden; }

#tooltip-event-1 {
  width: 24.57143em; }
  #tooltip-event-1 img {
    float: left;
    width: 4.0625em; }
  #tooltip-event-1 p {
    overflow: hidden;
    padding-left: 20px; }

.weather-conditions-slider-wrapper .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.weather-conditions-slider-wrapper .snow-layer-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.weather-conditions-slider-wrapper .snow-layer-1 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 200%;
  bottom: 0;
  animation: snowMove 15s infinite linear; }
  .weather-conditions-slider-wrapper .snow-layer-1 .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%; }

.weather-conditions-slider-wrapper .wind .wind-layer-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.weather-conditions-slider-wrapper .wind .wind-layer-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .weather-conditions-slider-wrapper .wind .wind-layer-1 > div {
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    z-index: 3;
    background-size: 100%;
    animation: leavesMove 15s infinite linear; }

.weather-conditions-slider-wrapper .wind .wind-layer-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .weather-conditions-slider-wrapper .wind .wind-layer-4 > div {
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    z-index: 3;
    background-size: 100%;
    animation: leavesMove 25s infinite linear; }

.weather-conditions-slider-wrapper .rain .rain-layer-2 {
  z-index: 3; }
  .weather-conditions-slider-wrapper .rain .rain-layer-2 > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 400%;
    height: 100%;
    z-index: 3;
    background-size: 50%;
    animation: cloudsMove 65s infinite linear;
    background-repeat: repeat-x;
    margin-top: -8%; }

.weather-conditions-slider-wrapper .rain .rain-layer-3 {
  z-index: 2; }
  .weather-conditions-slider-wrapper .rain .rain-layer-3 > div {
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    z-index: 3;
    background-size: 100%;
    animation: cloudsMove 35s infinite linear;
    background-repeat: repeat-x;
    -webkit-animation-direction: reverse;
    animation-direction: reverse; }

.weather-conditions-slider-wrapper .sun .sun-layer-1 > div {
  width: 200%;
  right: 0;
  height: 100%;
  position: absolute;
  background-size: 100%;
  background-repeat: repeat-x;
  opacity: 1;
  animation: cloudsMove 55s infinite linear;
  opacity: 0.5; }

.weather-conditions-slider-wrapper .sun .sun-layer-2 {
  z-index: 1; }
  .weather-conditions-slider-wrapper .sun .sun-layer-2 > div {
    width: 200%;
    right: 0;
    height: 100%;
    position: absolute;
    background-size: 50%;
    background-repeat: repeat-x;
    animation: cloudsMove 35s infinite linear;
    animation-direction: reverse; }

@keyframes snowMove {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(50%); } }

@keyframes leavesMove {
  0% {
    transform: translateX(0%) translateY(0px) rotate(0deg); }
  25% {
    transform: translateX(12.5%) translateY(-2px) rotate(5deg); }
  50% {
    transform: translateX(25%) translateY(2px) rotate(-5deg); }
  75% {
    transform: translateX(37.5%) translateY(-2px) rotate(5deg); }
  100% {
    transform: translateX(50%) translateY(0px) rotate(0deg); } }

@keyframes cloudsMove {
  0% {
    transform: translateX(0%); }
  25% {
    transform: translateX(12.5%); }
  50% {
    transform: translateX(25%); }
  75% {
    transform: translateX(37.5%); }
  100% {
    transform: translateX(50%); } }

@media screen and (max-width: 1025px) {
  .weather-conditions-section {
    margin-bottom: 2.5em;
    position: relative; }
    .weather-conditions-section h4 {
      padding-bottom: 0.7em; }
    .weather-conditions-section .weather-conditions-slider-wrapper {
      display: block;
      background: none;
      padding-top: 4em;
      position: relative; }
    .weather-conditions-section .image-container {
      display: block;
      width: 8.125em;
      float: right; }
    .weather-conditions-section .content-container {
      display: block;
      padding-left: 0;
      padding-top: 0;
      padding-right: 0;
      padding-right: 8.125em;
      position: static; }
    .weather-conditions-section .content {
      position: relative;
      transition: 0.3s; }
      .weather-conditions-section .content p {
        padding-left: 0;
        padding-top: 0;
        padding-right: 1.11111em;
        position: absolute; }
    .weather-conditions-section .controls-wrapper {
      position: absolute;
      top: 0;
      left: -1.25em;
      right: -1.25em;
      padding-left: 1.25em;
      padding-right: 1.25em;
      border-top: 1px solid rgba(0, 0, 0, 0.07); }
      .weather-conditions-section .controls-wrapper li {
        padding-top: 1.0625em; }
      .weather-conditions-section .controls-wrapper li:not(:last-of-type) {
        margin-right: 0.9375em; } }

.company .medium-8 {
  padding-right: 4.375em; }

.company .hero {
  padding-bottom: 3.5em;
  pointer-events: none; }
  .company .hero h3 {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.73077em; }
    .company .hero h3 em {
      color: #000; }
  .company .hero .img-wrapper {
    width: 33.33%;
    margin-top: -2.125em;
    position: relative;
    float: left; }
    .company .hero .img-wrapper:after {
      content: "";
      padding-top: 100%;
      display: block; }
    .company .hero .img-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: translateY(-2.5em); }
  .company .hero.active img.loaded {
    transform: none;
    opacity: 1;
    transition: 0.75s 0.4s; }

.company .mobile-hero-img {
  display: none; }

.company .is-rollpark-good-fit {
  background: #262A3F; }
  .company .is-rollpark-good-fit h3 {
    color: #fff; }
  .company .is-rollpark-good-fit ol {
    color: #fff; }
  .company .is-rollpark-good-fit .button {
    background: #2EBD71;
    color: #fff; }
  .company .is-rollpark-good-fit .row {
    position: relative; }
    .company .is-rollpark-good-fit .row:before {
      content: "";
      position: absolute;
      right: 0;
      top: -1.9375em;
      display: block;
      width: 33.33%;
      bottom: 0;
      background: #F2F2F2; }

.company h2 {
  margin-bottom: 0.71429em; }

.company .content {
  position: relative;
  z-index: 2; }
  .company .content:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 33.33%;
    height: 100%;
    z-index: 2;
    background: #F2F2F2; }

.company .sidebar-wrapper:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 33.33%;
  bottom: -15.625em;
  z-index: 1; }

.company .sidebar {
  z-index: 2;
  position: relative; }
  .company .sidebar .sidebar__inner {
    transform: translateZ(0); }
    .company .sidebar .sidebar__inner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-top: 2.5em solid #fff;
      margin-top: -2.5em; }
  .company .sidebar .image-outter-container {
    /*padding-top: em(123px, $basepx);
      padding-bottom: em(20px, $basepx);*/
    border-top: 7.6875em solid #fff;
    border-bottom: 1.25em solid #fff;
    background: #fff;
    overflow: hidden; }
  .company .sidebar .image-container {
    position: relative;
    overflow: hidden; }
    .company .sidebar .image-container img {
      position: absolute;
      bottom: 0%;
      backface-visibility: hidden; }
    .company .sidebar .image-container:after {
      content: "";
      display: block;
      padding-top: 100%; }
  .company .sidebar ul {
    margin: 0;
    padding: 0;
    padding: 2.25em 2.5em;
    list-style: none; }
    .company .sidebar ul li {
      cursor: pointer;
      font-weight: 700;
      opacity: 0.4;
      position: relative;
      transition: 0.3s; }
      .company .sidebar ul li:before {
        content: "";
        position: absolute;
        width: 1.875em;
        height: 1.875em;
        background: #F1A230;
        left: 0;
        top: 50%;
        margin-top: -0.9375em;
        border-radius: 50%;
        opacity: 0;
        transform: scale(0);
        transition: 0.3s; }
      .company .sidebar ul li:after {
        content: "\47";
        position: absolute;
        font-size: 0.75em;
        left: 0.66667em;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-family: "rollpark" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 0;
        transform: translateY(-50%) scale(0);
        transition: 0.3s 0s; }
      .company .sidebar ul li:not(:last-of-type) {
        margin-bottom: 0.9375em; }
      .company .sidebar ul li.active {
        padding-left: 2.5em;
        opacity: 1; }
        .company .sidebar ul li.active:before {
          opacity: 1;
          transform: scale(1); }
        .company .sidebar ul li.active:after {
          opacity: 1;
          transform: translateY(-50%) scale(1);
          transition: 0.3s 0.1s; }
        .company .sidebar ul li.active .case-name {
          color: #F1A230; }

.company-content-item {
  padding: 3.125em 0;
  position: relative; }
  .company-content-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background: #000;
    opacity: 0.07;
    transform-origin: left;
    transform: scaleX(0);
    transition: 0.75s; }
  .company-content-item ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .company-content-item .stat-item {
    width: 25%;
    float: left; }
    .company-content-item .stat-item p {
      width: 10em; }
    .company-content-item .stat-item .number {
      transform: translateY(0.60606em);
      opacity: 0;
      transition: 0.5s; }
    .company-content-item .stat-item p {
      transform: translateY(1.42857em);
      opacity: 0;
      transition: 0.5s; }
  .company-content-item.active:before {
    transform: scaleX(1); }
  .company-content-item.active h2 {
    transform: none;
    opacity: 1; }
  .company-content-item.active .stat-item .number {
    transform: none;
    opacity: 1; }
  .company-content-item.active .stat-item p {
    transform: none;
    opacity: 0.4; }
  .company-content-item.active .stat-item:nth-of-type(1) .number {
    transition: 0.5s 0.4s; }
  .company-content-item.active .stat-item:nth-of-type(1) p {
    transition: 0.5s 0.5s; }
  .company-content-item.active .stat-item:nth-of-type(2) .number {
    transition: 0.5s 0.5s; }
  .company-content-item.active .stat-item:nth-of-type(2) p {
    transition: 0.5s 0.6s; }
  .company-content-item.active .stat-item:nth-of-type(3) .number {
    transition: 0.5s 0.6s; }
  .company-content-item.active .stat-item:nth-of-type(3) p {
    transition: 0.5s 0.7s; }
  .company-content-item.active .stat-item:nth-of-type(4) .number {
    transition: 0.5s 0.7s; }
  .company-content-item.active .stat-item:nth-of-type(4) p {
    transition: 0.5s 0.8s; }

.scale-section ul {
  margin-top: 1.875em; }

.company-content-item.companies {
  padding-bottom: 1.6875em; }
  .company-content-item.companies ul {
    margin-top: 1.6875em; }
    .company-content-item.companies ul li {
      font-size: 1.125em;
      line-height: 1.11111em;
      color: rgba(0, 0, 0, 0.4);
      width: 33.33%;
      float: left;
      margin-bottom: 1.27778em;
      opacity: 0;
      transition: 0.5s; }
      .company-content-item.companies ul li.highlight {
        font-weight: 700;
        color: black; }
  .company-content-item.companies.active ul li {
    opacity: 1;
    transition: 1.5s 1.7s; }
    .company-content-item.companies.active ul li.delay-1 {
      transition: 0.75s 0.5s; }
    .company-content-item.companies.active ul li.delay-2 {
      transition: 0.75s 0.9s; }
    .company-content-item.companies.active ul li.delay-3 {
      transition: 0.75s 1.3s; }

.company-content-item.quality-section h2 {
  margin-bottom: 0.42857em; }

.company-content-item.quality-section p {
  font-size: 0.875em;
  opacity: 0.4;
  letter-spacing: 0;
  font-family: "Circular Pro";
  margin: 0;
  width: 13.57143em;
  max-width: 100%; }

.company-content-item.quality-section .row {
  display: flex; }

.company-content-item.quality-section .column {
  align-self: center;
  display: flex; }
  .company-content-item.quality-section .column .logo-holder {
    display: inline-block;
    align-self: center; }
  .company-content-item.quality-section .column .text-holder {
    align-self: center;
    overflow: hidden;
    padding-left: 1.25em; }

.company-content-item.quality-section.active .text-holder, .company-content-item.quality-section.active .logo-holder {
  transform: none;
  opacity: 1; }

.company-content-item.safety-standards-section .column {
  position: relative;
  padding-top: 4.0625em;
  padding-right: 2.5em; }
  .company-content-item.safety-standards-section .column img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(1.25em);
    opacity: 0;
    transition: 0.75s; }

.company-content-item.safety-standards-section p {
  font-size: 0.875em;
  font-family: "Circular Pro";
  margin: 0;
  transform: translateY(1.42857em);
  opacity: 0;
  transition: 0.75s; }

.company-content-item.safety-standards-section.active .column img {
  transform: none;
  opacity: 1; }

.company-content-item.safety-standards-section.active .column p {
  transform: none;
  opacity: 0.4; }

.company-content-item.safety-standards-section.active .column:nth-of-type(1) img {
  transition: 0.75s 0.2s; }

.company-content-item.safety-standards-section.active .column:nth-of-type(1) p {
  transition: 0.75s 0.3s; }

.company-content-item.safety-standards-section.active .column:nth-of-type(2) img {
  transition: 0.75s 0.3s; }

.company-content-item.safety-standards-section.active .column:nth-of-type(2) p {
  transition: 0.75s 0.4s; }

.company-content-item.safety-standards-section.active .column:nth-of-type(3) img {
  transition: 0.75s 0.4s; }

.company-content-item.safety-standards-section.active .column:nth-of-type(3) p {
  transition: 0.75s 0.5s; }

.company-content-item.leadership .column {
  padding-right: 1.875em; }

.company-content-item.leadership img {
  width: 5.25em;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 1.5625em;
  transform: translateY(1.875em);
  opacity: 0;
  transition: 0.75s; }

.company-content-item.leadership h4 {
  font-size: 1.125em;
  margin-top: 1.38889em;
  transform: translateY(1.66667em);
  opacity: 0;
  transition: 0.75s; }

.company-content-item.leadership h5 {
  font-size: 0.875em;
  line-height: 1.28571em;
  margin-top: 0.35714em;
  color: #2EBD71;
  transform: translateY(2.14286em);
  opacity: 0;
  transition: 0.75s; }

.company-content-item.leadership .text {
  margin-top: 1.14286em;
  font-size: 0.875em;
  line-height: 1.28571em;
  color: rgba(0, 0, 0, 0.4);
  transform: translateY(2.14286em);
  opacity: 0;
  transition: 0.75s; }
  .company-content-item.leadership .text strong {
    color: #000;
    font-weight: 400; }

.company-content-item.leadership p {
  margin: 0;
  font-family: "Circular Pro";
  font-size: 1em; }

.company-content-item.leadership.active img, .company-content-item.leadership.active h4, .company-content-item.leadership.active h5, .company-content-item.leadership.active .text {
  transform: none;
  opacity: 1; }

.company-content-item.leadership.active .column:nth-of-type(1) img {
  transition: 0.75s 0.2s; }

.company-content-item.leadership.active .column:nth-of-type(1) h4 {
  transition: 0.75s 0.3s; }

.company-content-item.leadership.active .column:nth-of-type(1) h5 {
  transition: 0.75s 0.4s; }

.company-content-item.leadership.active .column:nth-of-type(1) .text {
  transition: 0.75s 0.5s; }

.company-content-item.leadership.active .column:nth-of-type(2) img {
  transition: 0.75s 0.3s; }

.company-content-item.leadership.active .column:nth-of-type(2) h4 {
  transition: 0.75s 0.4s; }

.company-content-item.leadership.active .column:nth-of-type(2) h5 {
  transition: 0.75s 0.5s; }

.company-content-item.leadership.active .column:nth-of-type(2) .text {
  transition: 0.75s 0.6s; }

.company-content-item.leadership.active .column:nth-of-type(3) img {
  transition: 0.75s 0.4s; }

.company-content-item.leadership.active .column:nth-of-type(3) h4 {
  transition: 0.75s 0.5s; }

.company-content-item.leadership.active .column:nth-of-type(3) h5 {
  transition: 0.75s 0.6s; }

.company-content-item.leadership.active .column:nth-of-type(3) .text {
  transition: 0.75s 0.7s; }

.company-content-item.text p {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 1.25em; }
  .company-content-item.text p strong {
    color: #000; }
  .company-content-item.text p em {
    color: #000; }

.company-content-item.text.active .text-wrappper {
  transform: none;
  opacity: 1; }

.international-reach-section {
  overflow: hidden;
  position: relative;
  margin-right: -66.66%; }
  .international-reach-section .row {
    position: relative;
    z-index: 2;
    height: 100%; }
  .international-reach-section .text-content {
    position: relative;
    padding-top: 3.125em; }
    .international-reach-section .text-content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      height: 1px;
      width: 100%;
      background: #000;
      opacity: 0.07;
      transform-origin: left;
      transform: scaleX(0);
      transition: 0.75s; }
  .international-reach-section .map {
    width: 1226px;
    width: 100%;
    position: absolute;
    top: 2.5em;
    left: 2.5em;
    top: 5.7%;
    left: 0%;
    background: url("../img/map.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
    .international-reach-section .map:after {
      content: "";
      display: block;
      padding-top: 61.2%; }
  .international-reach-section p {
    color: rgba(0, 0, 0, 0.6); }
  .international-reach-section .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .international-reach-section:after {
    content: "";
    display: block;
    padding-top: 53.46%; }
  .international-reach-section .manager {
    position: absolute;
    padding-top: 2.0625em;
    bottom: 3.125em;
    width: 22.6875em;
    max-width: 100%;
    left: 0;
    text-decoration: none;
    color: #000; }
    .international-reach-section .manager h4 {
      font-size: 1.375em;
      line-height: 1.27273em; }
      .international-reach-section .manager h4 em {
        opacity: 0.4; }
    .international-reach-section .manager i:before {
      font-size: 1.25em;
      color: #2EBD71;
      position: absolute;
      top: 0;
      left: 0; }
  .international-reach-section .towns {
    margin: 0;
    padding: 0;
    list-style: none; }
    .international-reach-section .towns li {
      width: 7px;
      height: 7px;
      position: absolute; }
      .international-reach-section .towns li:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #2EBD71;
        border-radius: 50%;
        transform: scale(0);
        transition: 0.5s;
        position: absolute; }
      .international-reach-section .towns li span {
        position: absolute;
        font-weight: 500;
        font-size: 0.875em;
        line-height: 1em;
        color: #000;
        left: 100%;
        top: 50%;
        margin-top: -0.5em;
        padding-left: 0.35714em;
        opacity: 0;
        transform: translateX(-0.71429em);
        transition: 0.5s;
        display: block; }
      .international-reach-section .towns li.left span {
        padding-left: 0;
        padding-right: 0.35714em;
        left: auto;
        right: 100%; }
      .international-reach-section .towns li.hq {
        background: none; }
        .international-reach-section .towns li.hq:before {
          content: "\46";
          font-family: "rollpark" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #2EBD71;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -0.5em;
          margin-left: -0.5em;
          background: none;
          width: auto;
          height: auto; }
        .international-reach-section .towns li.hq span {
          padding-left: 0.71429em; }
      .international-reach-section .towns li:nth-of-type(1) {
        left: 19.65%;
        top: 45.8%; }
        .international-reach-section .towns li:nth-of-type(1) span {
          transform: translateX(0.71429em); }
      .international-reach-section .towns li:nth-of-type(2) {
        left: 27.89%;
        top: 51.39%; }
      .international-reach-section .towns li:nth-of-type(3) {
        left: 23.98%;
        top: 54.59%; }
      .international-reach-section .towns li:nth-of-type(4) {
        left: 27.56%;
        top: 53.92%; }
        .international-reach-section .towns li:nth-of-type(4) span {
          transform: translateX(0.71429em); }
      .international-reach-section .towns li:nth-of-type(5) {
        left: 49.59%;
        top: 43.94%; }
  .international-reach-section.active .text-content:before {
    transform: none; }
  .international-reach-section.active h2, .international-reach-section.active p {
    transform: none;
    opacity: 1; }
  .international-reach-section.active .towns li:before {
    transform: scale(1); }
  .international-reach-section.active .towns li span {
    transform: none;
    opacity: 1;
    transition: 0.5s 0.5s; }
  .international-reach-section.active .towns li:nth-of-type(1):before {
    transition: 0.5s 0.4s; }
  .international-reach-section.active .towns li:nth-of-type(1) span {
    transition: 0.5s 0.5s; }
  .international-reach-section.active .towns li:nth-of-type(2):before {
    transition: 0.5s 0.5s; }
  .international-reach-section.active .towns li:nth-of-type(2) span {
    transition: 0.5s 0.6s; }
  .international-reach-section.active .towns li:nth-of-type(3):before {
    transition: 0.5s 0.6s; }
  .international-reach-section.active .towns li:nth-of-type(3) span {
    transition: 0.5s 0.7s; }
  .international-reach-section.active .towns li:nth-of-type(4):before {
    transition: 0.5s 0.7s; }
  .international-reach-section.active .towns li:nth-of-type(4) span {
    transition: 0.5s 0.8s; }
  .international-reach-section.active .towns li:nth-of-type(5):before {
    transition: 0.5s 0.8s; }
  .international-reach-section.active .towns li:nth-of-type(5) span {
    transition: 0.5s 0.9s; }

/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .company .hero .img-wrapper {
    margin-top: 0; }
  .company .medium-8 {
    padding-right: 3.125em; }
  .company-content-item.quality-section p {
    padding-right: 1.42857em; }
  .company-content-item.companies ul li {
    width: 50%; }
  .company-content-item.leadership .column {
    padding-right: 1.42857em; } }

@media screen and (max-width: 767px) {
  .company .medium-8 {
    padding-right: 0; }
  .company .hero {
    padding-top: 6.25em;
    padding-bottom: 2em; }
    .company .hero h3 {
      margin-top: 0.63636em; }
    .company .hero .img-wrapper {
      display: none; }
  .company h2 {
    margin-bottom: 1.15385em; }
  .company .mobile-hero-img {
    display: block;
    margin-left: -1.25em;
    margin-right: -1.25em;
    margin-bottom: -1px;
    position: relative; }
    .company .mobile-hero-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .company .mobile-hero-img:after {
      content: "";
      display: block;
      padding-top: 100%; }
  .company .content {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap; }
    .company .content .column:first-of-type {
      order: 2; }
  .company .is-rollpark-good-fit .row:before {
    display: none; }
  .company .content:before {
    display: none; }
  .company .sidebar .sidebar__inner {
    padding: 0; }
    .company .sidebar .sidebar__inner:before {
      display: none; }
  .company .sidebar ul {
    white-space: nowrap;
    overflow: scroll;
    padding: 1.125em 0;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    background: #F2F2F2;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0);
    line-height: 1em; }
    .company .sidebar ul li {
      display: inline-block;
      vertical-align: top;
      font-size: 0.875em;
      line-height: 1.28571em; }
      .company .sidebar ul li:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 1.07143em; }
      .company .sidebar ul li.active {
        padding-left: 0; }
        .company .sidebar ul li.active:before, .company .sidebar ul li.active:after {
          display: none; }
  .company .sidebar.is-affixed ul {
    background: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05); }
  .company-content-item {
    padding: 1.875em 0; }
    .company-content-item .stat-item {
      width: 50%;
      margin-top: 1.25em; }
    .company-content-item.scale-section h2 {
      margin: 0; }
    .company-content-item.scale-section ul {
      margin-top: 0; }
    .company-content-item.quality-section .row {
      display: block; }
      .company-content-item.quality-section .row .column {
        display: block; }
    .company-content-item.quality-section .column {
      padding-top: 3.4375em;
      padding-right: 2.5em;
      position: relative; }
      .company-content-item.quality-section .column .logo-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3.125em;
        display: flex; }
      .company-content-item.quality-section .column img {
        align-self: center;
        width: 3.125em; }
      .company-content-item.quality-section .column .text-holder {
        padding-left: 0; }
    .company-content-item.safety-standards-section .column {
      padding-top: 0;
      padding-right: 0;
      padding-left: 5em; }
      .company-content-item.safety-standards-section .column img {
        width: 3.75em; }
      .company-content-item.safety-standards-section .column:not(:last-of-type) {
        margin-bottom: 1.5625em; }
      .company-content-item.safety-standards-section .column:last-of-type img {
        width: 2.8125em; }
    .company-content-item.companies ul li {
      font-size: 0.6875em; }
    .company-content-item.leadership .column {
      position: relative;
      padding-right: 0;
      padding-left: 5em; }
      .company-content-item.leadership .column img {
        position: absolute;
        left: 0;
        top: 0;
        width: 3.75em; }
      .company-content-item.leadership .column:not(:last-of-type) {
        margin-bottom: 1.875em; }
    .company-content-item.leadership h4 {
      margin: 0;
      font-size: 1em; }
    .company-content-item.leadership h5 {
      font-weight: 400;
      margin-top: 0.71429em; }
      .company-content-item.leadership h5 br {
        display: none; }
    .company-content-item.leadership .text {
      margin-top: 0.625em; }
      .company-content-item.leadership .text strong {
        font-weight: 500; }
    .company-content-item.text h2 {
      margin-bottom: 0; }
    .company-content-item:first-of-type {
      margin-top: 0;
      border-top: 0;
      padding-top: 0; }
    .company-content-item:before {
      left: -1.25em;
      right: -1.25em;
      width: auto; }
  .international-reach-section {
    margin-left: -1.25em;
    margin-right: -1.25em; }
    .international-reach-section .row {
      padding-top: 0; }
    .international-reach-section .text-content {
      padding-top: 1.875em; }
      .international-reach-section .text-content:before {
        left: -1.25em;
        right: -1.25em;
        width: auto; }
    .international-reach-section h2 {
      margin-bottom: 0.55556em; }
    .international-reach-section:after {
      padding-top: 205%; }
    .international-reach-section .inner-wrapper {
      padding-left: 1.25em;
      padding-right: 1.25em; }
    .international-reach-section .map {
      background-image: url("../img/map-mobile.jpg");
      width: 100%;
      left: 0;
      top: 20.7%; }
      .international-reach-section .map:after {
        content: "";
        display: block;
        padding-top: 163.4%; }
    .international-reach-section .manager {
      width: 17.5em;
      bottom: 1.25em; }
      .international-reach-section .manager h4 {
        font-size: 1.125em;
        line-height: 1.33333em; }
      .international-reach-section .manager em {
        font-family: "Sentinel";
        font-style: italic;
        font-weight: 400; }
    .international-reach-section .towns li:nth-of-type(1) {
      left: 8.53%;
      top: 45.75%; }
    .international-reach-section .towns li:nth-of-type(2) {
      left: 30.4%;
      top: 51.47%; }
    .international-reach-section .towns li:nth-of-type(3) {
      left: 20.26%;
      top: 54.57%; }
    .international-reach-section .towns li:nth-of-type(4) {
      left: 30.4%;
      top: 53.59%; }
    .international-reach-section .towns li:nth-of-type(5) {
      top: 43.95%;
      left: 88.53%; }
      .international-reach-section .towns li:nth-of-type(5) span {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 0.35714em; } }

.specs-illustration-wrapper {
  position: relative; }
  .specs-illustration-wrapper img {
    backface-visibility: hidden;
    transform: translateY(3.125em);
    opacity: 0;
    transition: 0.75s; }
  .specs-illustration-wrapper .layer {
    position: absolute;
    width: 100%;
    left: 0; }
    .specs-illustration-wrapper .layer img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .specs-illustration-wrapper .layer .explainer {
      position: absolute; }
      .specs-illustration-wrapper .layer .explainer path {
        stroke-dasharray: 180%;
        stroke-dashoffset: 180%;
        transition: 1s; }
      .specs-illustration-wrapper .layer .explainer circle {
        opacity: 0;
        transition: 0.3s; }
    .specs-illustration-wrapper .layer svg {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
    .specs-illustration-wrapper .layer .explainer-text {
      position: absolute;
      top: 100%;
      font-size: 0.875em;
      margin-top: -1em;
      transform: translateX(1.42857em);
      opacity: 0;
      transition: 0.5s; }
    .specs-illustration-wrapper .layer:after {
      content: "";
      display: block;
      padding-top: 55.26%; }
    .specs-illustration-wrapper .layer:nth-of-type(1) {
      z-index: 3;
      top: 0; }
      .specs-illustration-wrapper .layer:nth-of-type(1) .explainer {
        top: 60%;
        right: 0;
        width: 84.21%; }
        .specs-illustration-wrapper .layer:nth-of-type(1) .explainer svg {
          width: 12.5%; }
        .specs-illustration-wrapper .layer:nth-of-type(1) .explainer:after {
          content: "";
          display: block;
          padding-top: 86.87%; }
        .specs-illustration-wrapper .layer:nth-of-type(1) .explainer .explainer-text {
          left: 9.7%; }
    .specs-illustration-wrapper .layer:nth-of-type(2) {
      top: 20%;
      z-index: 2; }
      .specs-illustration-wrapper .layer:nth-of-type(2):after {
        padding-top: 51.31%; }
      .specs-illustration-wrapper .layer:nth-of-type(2) .explainer {
        top: 52.5%;
        right: 0;
        width: 90%; }
        .specs-illustration-wrapper .layer:nth-of-type(2) .explainer svg {
          width: 12.5%; }
        .specs-illustration-wrapper .layer:nth-of-type(2) .explainer:after {
          content: "";
          display: block;
          padding-top: 69%; }
        .specs-illustration-wrapper .layer:nth-of-type(2) .explainer .explainer-text {
          left: 15.5%; }
    .specs-illustration-wrapper .layer:nth-of-type(3) {
      top: 36%;
      z-index: 1; }
      .specs-illustration-wrapper .layer:nth-of-type(3):after {
        padding-top: 51.31%; }
      .specs-illustration-wrapper .layer:nth-of-type(3) .explainer {
        top: 49%;
        right: 0;
        width: 95.26%; }
        .specs-illustration-wrapper .layer:nth-of-type(3) .explainer svg {
          width: 17.5%; }
        .specs-illustration-wrapper .layer:nth-of-type(3) .explainer:after {
          content: "";
          display: block;
          padding-top: 53.86%; }
        .specs-illustration-wrapper .layer:nth-of-type(3) .explainer .explainer-text {
          left: 20.51%; }
  .specs-illustration-wrapper:after {
    content: "";
    display: block;
    padding-top: 122.1%; }
  .specs-illustration-wrapper.active .layer img.loaded {
    transform: translateY(0);
    opacity: 1;
    transition: 0.75s; }
  .specs-illustration-wrapper.active .layer .explainer-text {
    transform: none;
    opacity: 1; }
  .specs-illustration-wrapper.active .layer .explainer circle {
    opacity: 1; }
  .specs-illustration-wrapper.active .layer .explainer path {
    stroke-dashoffset: 0; }
  .specs-illustration-wrapper.active .layer:nth-of-type(1) img.loaded {
    transition: 0.75s 0s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(1) .explainer circle {
    transition: 0.3s 0.5s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(1) .explainer path {
    transition: 1s 0.5s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(1) .explainer-text {
    transition: 0.5s 1.5s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(2) img.loaded {
    transition: 0.75s 0.1s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(2) .explainer circle {
    transition: 0.3s 0.6s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(2) .explainer path {
    transition: 1s 0.6s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(2) .explainer-text {
    transition: 0.5s 1.6s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(3) img.loaded {
    transition: 0.75s 0.2s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(3) .explainer circle {
    transition: 0.3s 0.7s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(3) .explainer path {
    transition: 1s 0.7s; }
  .specs-illustration-wrapper.active .layer:nth-of-type(3) .explainer-text {
    transition: 0.5s 1.7s; }

html, body {
  font-size: 16px;
  font-family: "Circular Pro";
  background: #fff; }
  html.popup-open, html.video-playing, body.popup-open, body.video-playing {
    overflow: hidden; }

.row {
  max-width: 90%;
  width: 68.75em; }
  .row .row {
    width: 100%;
    max-width: 100%; }

.content-wrapper {
  background: #fff;
  position: relative;
  z-index: 2;
  margin-bottom: 30.8125em;
  box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.3); }

.background-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateZ(0); }

/* responsive */
@media screen and (min-width: 1600px) {
  html, body {
    font-size: calc(9px + .3vw + .3vh); } }

@media screen and (min-width: 1023px) and (max-width: 1200px) {
  html, body {
    font-size: 14px; } }

@media screen and (min-width: 768px) and (max-width: 1025px) {
  .content-wrapper {
    margin-bottom: 0;
    box-shadow: none; }
  .background-cta {
    position: static; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  html, body {
    font-size: 14px; }
  .row {
    max-width: 100%;
    width: calc(100% - 2.85714em); }
    .row .row {
      width: 100%; }
  .content-wrapper {
    margin-bottom: 0;
    box-shadow: none; }
  .background-cta {
    position: static; } }

@media screen and (max-width: 767px) {
  html, body {
    font-size: 16px; }
  .content-wrapper {
    margin-bottom: 0;
    box-shadow: none; }
  .background-cta {
    position: static; }
  .row {
    width: 90%;
    width: calc(100% - 2.5em); }
    .row .row {
      width: 100%; } }

.spec-inner .hero.active .product-description {
  transform: none;
  opacity: 1; }