.user_select_none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.center_contain_background {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.center_cover_background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
body.ie8 .center_cover_background {
  behavior: url('../../../other/backgroundsize.html');
}
.border_box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html,
body {
  height: 100%;
}
body {
  background: #f2f4f8;
  font-family: "Source Sans Pro", Helvetica, Arial, Verdana, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  color: #3a3a3a;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

h2 .first-line {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  position: relative;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
h2 .second-line {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  position: relative;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
h2 .third-line {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  position: relative;
  -webkit-animation-delay: .50s;
  animation-delay: .50s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

h3 .second-line {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  position: relative;
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
h3 .third-line {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  position: relative;
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

h3 .startAnimation {
  -webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}

h2 .startAnimation {
  -webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}

p {
 
}
address {
  font-style: normal;
  line-height: 1.5;
}
strong {
  font-weight: 700;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: none;
}
::-moz-selection {
  background: #3dc1d6;
  color: #ffffff;
}
::selection {
  background: #3dc1d6;
  color: #ffffff;
}

.row {
  display: table;
  width: 100%;
}
.col-50 {
  width: 50%;
  float: left;
}
.col-60 {
  width: 60%;
  float: left;
}
.col-40 {
  width: 40%;
  float: left;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
button {
  outline: none;
}
button:focus,
button:active {
  outline: none;
}
.btn {
  background: none;
  border: none;
  background-color: #3dc1d6;
  width: 225px;
  padding: 8px 3%;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.btn span {
  -webkit-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
  display: inline-block;
}
.btn--bordered {
  border: 2px solid #3dc1d6;
  color: #3dc1d6;
  background-color: transparent;
}
.btn--bordered {
  background-color: #3dc1d6;
  color: #fff;
}
@font-face {
  font-family: 'trasandina_ultra_italiultraIt';
  src: url("../fonts/tipotype_-_trasandinaultra-italic-webfont.eot");
  src: url("../fonts/tipotype_-_trasandinaultra-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/tipotype_-_trasandinaultra-italic-webfont.woff") format("woff"), url("../fonts/tipotype_-_trasandinaultra-italic-webfont.ttf") format("truetype"), url("../fonts/tipotype_-_trasandinaultra-italic-webfont.svg#trasandina_ultra_italiultraIt") format("svg");
  font-weight: normal;
  font-style: normal;
}
.animated-mouse {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 27px;
  height: 47px;
  border: 2px solid #fff;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 10px;
  z-index: 5;
}
.animated-mouse__pointer {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  left: 50%;
  top: 70%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-animation-name: mousePointer;
  animation-name: mousePointer;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: 10;
  animation-iteration-count: 10;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
@-webkit-keyframes mousePointer {
  0% {
    opacity: 0;
    top: 70%;
  }
  20% {
    opacity: 1;
    top: 70%;
  }
  40% {
    opacity: 1;
    top: 70%;
  }
  60% {
    opacity: 1;
    top: 20%;
  }
  61% {
    opacity: 1;
    top: 20%;
  }
  67% {
    opacity: 0;
    top: 20%;
  }
  100% {
    opacity: 0;
    top: 20%;
  }
}
@keyframes mousePointer {
  0% {
    opacity: 0;
    top: 70%;
  }
  20% {
    opacity: 1;
    top: 70%;
  }
  40% {
    opacity: 1;
    top: 70%;
  }
  60% {
    opacity: 1;
    top: 20%;
  }
  61% {
    opacity: 1;
    top: 20%;
  }
  67% {
    opacity: 0;
    top: 20%;
  }
  100% {
    opacity: 0;
    top: 20%;
  }
}
.heartbeat {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: all 1s;
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
  position: relative;
  overflow: hidden;
  transition: width 6s linear 2s;
  width: 0%;
  height: 100px;
}
.heartbeat svg {
  width: 1000px;
  position: absolute;
  left: 0px;
  top: 0px;
  max-height: 100%;
  animation: drawHeartbeat 5s linear forwards 1.5s;
}
.heartbeat svg path {
  fill: none;
  stroke-width: 3;
}
.heartbeat.visible {
  opacity: 1;
}
.heartbeat.startAnimation {
  width: 500px;
}
.heartbeat.startAnimation svg {
  animation: heartbeat 6s infinite linear 8s;
}
height:auto .hr-animation-block .heartbeat:before {
  content: ' ';
  padding-top: 18%;
  display: block;
}
.hr-animation-block .heartbeat.startAnimation {
  width: 500px;
  transition: width 0s linear 0s;
}
.hr-animation-block .heartbeat.startAnimation svg {
  width: 1000px;
  animation: heartbeat 6s infinite linear 0s;
}
@media (max-width: 1200px) {
  .hr-animation-block .heartbeat.startAnimation {
    transition: none;
    width: 100%;
  }
  .hr-animation-block .heartbeat.startAnimation svg {
    width: 200%;
    animation: none;
  }
}
@-webkit-keyframes heartbeat {
  0% {
    transform: translate(0px,0);
  }
  100% {
    transform: translate(-500px,0);
  }
}
@keyframes heartbeat {
  0% {
    transform: translate(0px,0);
  }
  100% {
    transform: translate(-500px,0);
  }
}
@-webkit-keyframes navSlideIn {
  0% {
    -webkit-transform: translate(200px,0);
    transform: translate(200px,0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    position: static;
    right: 0px;
  }
}
@keyframes navSlideIn {
  0% {
    -webkit-transform: translate(200px,0);
    transform: translate(200px,0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    position: static;
    right: 0px;
  }
}
@-webkit-keyframes secondNavSlidIn {
  from {
    right: -500px;
  }
  to {
    right: 0;
  }
}
@keyframes secondNavSlidIn {
  from {
    right: -500px;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes borderSlideIn {
  from {
    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@keyframes borderSlideIn {
  from {
    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@-webkit-keyframes drawHeartbeat {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawHeartbeat {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes obliqueAnimation {
  0% {
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@keyframes obliqueAnimation {
  0% {
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@-webkit-keyframes fromLeft {
  from {
    -webkit-transform: translate(-100px,0);
    transform: translate(-100px,0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fromLeft {
  from {
    -webkit-transform: translate(-100px,0);
    transform: translate(-100px,0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@-webkit-keyframes fromRight {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes fromRight {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes fromRightWithBounce {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  75% {
    -webkit-transform: translate(-50px,0);
    transform: translate(-50px,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes fromRightWithBounce {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  75% {
    -webkit-transform: translate(-50px,0);
    transform: translate(-50px,0);
  }
  100% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes fromRightWithBounceAndSkew {
  0% {
    -webkit-transform: translate(5000px,0) skew(-8deg);
    transform: translate(5000px,0) skew(-8deg);
  }
  75% {
    -webkit-transform: translate(-50px,0) skew(-8deg);
    transform: translate(-50px,0) skew(-8deg);
  }
  100% {
    -webkit-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
  }
}
@keyframes fromRightWithBounceAndSkew {
  0% {
    -webkit-transform: translate(5000px,0) skew(-8deg);
    transform: translate(5000px,0) skew(-8deg);
  }
  75% {
    -webkit-transform: translate(-50px,0) skew(-8deg);
    transform: translate(-50px,0) skew(-8deg);
  }
  100% {
    -webkit-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
  }
}
@-webkit-keyframes fromBottomWithBounceAndSkew {
  0% {
    -webkit-transform: translate(-10px,200px) skew(-8deg);
    -moz-transform: translate(-10px,200px) skew(-8deg);
    -ms-transform: translate(-10px,200px) skew(-8deg);
    -o-transform: translate(-10px,200px) skew(-8deg);
    transform: translate(-10px,200px) skew(-8deg);
    opacity: 0;
  }
  75% {
    -webkit-transform: translate(3px,-10px) skew(-8deg);
    -moz-transform: translate(3px,-10px) skew(-8deg);
    -ms-transform: translate(3px,-10px) skew(-8deg);
    -o-transform: translate(3px,-10px) skew(-8deg);
    transform: translate(3px,-10px) skew(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0) skew(-8deg);
    -moz-transform: translate(0,0) skew(-8deg);
    -ms-transform: translate(0,0) skew(-8deg);
    -o-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
    opacity: 1;
  }
}
@keyframes fromBottomWithBounceAndSkew {
  0% {
    -webkit-transform: translate(-10px,200px) skew(-8deg);
    -moz-transform: translate(-10px,200px) skew(-8deg);
    -ms-transform: translate(-10px,200px) skew(-8deg);
    -o-transform: translate(-10px,200px) skew(-8deg);
    transform: translate(-10px,200px) skew(-8deg);
    opacity: 0;
  }
  75% {
    -webkit-transform: translate(2px,-10px) skew(-8deg);
    -moz-transform: translate(2px,-10px) skew(-8deg);
    -ms-transform: translate(2px,-10px) skew(-8deg);
    -o-transform: translate(2px,-10px) skew(-8deg);
    transform: translate(2px,-10px) skew(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0) skew(-8deg);
    -moz-transform: translate(0,0) skew(-8deg);
    -ms-transform: translate(0,0) skew(-8deg);
    -o-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
    opacity: 1;
  }
}
@-webkit-keyframes fromRightToCenter {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  100% {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
  }
}
@keyframes fromRightToCenter {
  0% {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  100% {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
  }
}
@-webkit-keyframes fromBottom {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@keyframes fromBottom {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@-webkit-keyframes fromBottomWithSkew {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
    position: relative;
    opacity: 1;
  }
}
@keyframes fromBottomWithSkew {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
    position: relative;
    opacity: 1;
  }
}
@-webkit-keyframes fromBottomToCenter {
  from {
    -webkit-transform: translate(-50%,5000px);
    transform: translate(-50%,5000px);
  }
  to {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
}
@keyframes fromBottomToCenter {
  from {
    -webkit-transform: translate(-50%,5000px);
    transform: translate(-50%,5000px);
  }
  to {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
}
@-webkit-keyframes applicationsSlideIn--first {
  from {
    width: 120%;
  }
  to {
    width: 35%;
  }
}
@keyframes applicationsSlideIn--first {
  from {
    width: 120%;
  }
  to {
    width: 35%;
  }
}
@-webkit-keyframes applicationsSlideIn--second {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@keyframes applicationsSlideIn--second {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@-webkit-keyframes applicationsSlideIn--third {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@keyframes applicationsSlideIn--third {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@-webkit-keyframes applicationsSlideIn--fourth {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
@keyframes applicationsSlideIn--fourth {
  from {
    -webkit-transform: translate(5000px,0);
    transform: translate(5000px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
  }
}
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}
.fp-section {
  position: relative;
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  overflow: hidden;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: scroll;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 45px;
  position: relative;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#fp-nav ul li a.active,
.fp-slidesNav ul li a.active {
  width: 18px;
  height: 18px;
  border: 2px solid #ed2029;
  margin-top: 7px;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  height: 10px;
  width: 10px;
  margin: -5px 0 0 -5px;
  background-color: #fff;
  border: none;
}
#fp-nav ul li a.active span.white-bg,
.fp-slidesNav ul li a.active span.white-bg {
  background-color: #ed2029;
}
#fp-nav ul li:hover #fp-nav ul li a.active span,
#fp-slidesNav ul li:hover #fp-nav ul li a.active span,
#fp-nav ul li:hover
.fp-slidesNav ul li a.active span,
#fp-slidesNav ul li:hover
.fp-slidesNav ul li a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  position: absolute;
  z-index: 1;
  height: 10px;
  width: 10px;
  border: 2px solid #ed2029;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
  transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
}
#fp-nav ul li:after,
.fp-slidesNav ul li:after {
  content: '';
  position: absolute;
  display: block;
  height: 0;
  width: 1px;
  background: #ccc;
  bottom: 0;
  left: 50%;
  margin-left: 1px;
  opacity: .3;
  -webkit-animation: drawBulletLines 1s 1s ease forwards;
  animation: drawBulletLines 1s 1s ease forwards;
}
#fp-nav ul li:last-child:after,
.fp-slidesNav ul li:last-child:after {
  content: none;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  -webkit-animation: navBulletsAnimation 1s ease forwards;
  animation: navBulletsAnimation 1s ease forwards;
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 25px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
.fp-slidesNav ul li {
  display: inline-block;
}
@-webkit-keyframes navBulletsAnimation {
  from {
    -webkit-transform: translate(-100px,0);
    transform: translate(-100px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes navBulletsAnimation {
  from {
    -webkit-transform: translate(-100px,0);
    transform: translate(-100px,0);
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes drawBulletLines {
  from {
    height: 0;
  }
  to {
    height: 20px;
  }
}
@keyframes drawBulletLines {
  from {
    height: 0;
  }
  to {
    height: 20px;
  }
}
#big-video-wrap {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#big-video-vid,
#big-video-image {
  position: absolute;
}
#big-video-control-container {
  position: fixed;
  bottom: 0;
  padding: 10px;
  width: 100%;
  background: rgba(0,0,0,0.25);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
#big-video-control {
  width: 100%;
  height: 16px;
  position: relative;
}
#big-video-control-middle {
  margin: 0 56px 0 24px;
}
#big-video-control-bar {
  width: 100%;
  height: 16px;
  position: relative;
  cursor: pointer;
}
#big-video-control-progress {
  position: absolute;
  top: 7px;
  height: 3px;
  width: 0%;
  background: #fff;
}
#big-video-control-track {
  position: absolute;
  top: 8px;
  height: 1px;
  width: 100%;
  background: #fff;
}
#big-video-control-bound-left {
  left: 0;
}
#big-video-control-bound-right {
  right: -1px;
}
#big-video-control-track .ui-slider-handle {
  opacity: 0;
}
#big-video-control-playhead {
  left: 30%;
}
#big-video-control-play {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-image: url("bigvideo.html");
}
#big-video-control-timer {
  position: absolute;
  top: 1px;
  right: 0;
  color: #fff;
  font-size: 11px;
}
#big-video-control-playhead,
#big-video-control-bound-left,
#big-video-control-bound-right {
  position: absolute;
  top: 0;
  height: 16px;
  width: 1px;
  background: #fff;
}
#big-video-control .ui-slider-handle {
  border-left: solid 1px #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#big-video-wrap .vjs-big-play-button {
  display: none !important;
}
.header {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  z-index: 9;
  background: #2b5c98;
  font-weight: 600;
}
.dl-menu {
  float: right;
}
.logo {
  display: block;
  float: left;
  width: 200px;
  margin-left: 2%;
}
.logo .header__logo {
  margin-top: 7px;
}
.footer {
  min-height: 500px;
  position: relative;
}
.footer__social {
  height: 75px;
  width: 100%;
  background-color: #43454d;
  text-align: center;
  padding-top: 24px;
}
.footer__social__item {
  width: 20px;
  margin: 0 15px;
}
.footer__social__item.facebook {
  width: 13px;
}
.footer__social__item.googleplus {
  width: 30px;
  margin: 0 10px 0 15px;
}
.footer__top {
  background-color: #32343d;
  height: 180px;
  color: #fff;
  padding-top: 30px;
}
.footer__top .container {
  display: table;
  width: 100%;
}
.footer__top__item {
  display: table-cell;
  width: 33%;
  text-align: center;
}
.footer__top__item strong {
  color: #3dc1d6;
}
.footer__top__item:first-child {
  text-align: left;
}
.footer__top__item:last-child {
  text-align: right;
}
.footer__top a {
  text-decoration: none;
  color: #fff;
}
.footer__bottom {
  background-color: #22252e;
  height: 250px;
  text-align: center;
  padding-top: 70px;
}
.footer__logo {
  width: 85px;
  margin: 60px auto 0 auto;
}
.footer-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.footer-nav li {
  display: inline-block;
}
.footer-nav li a {
  color: #fff;
}
.footer-nav li:after {
  content: '|';
  color: #3dc1d6;
  padding: 15px;
}
.footer-nav li:last-child:after {
  content: '';
}
.newsletter {
  margin-top: 18px;
}
.newsletter__field {
  background-color: #43454d;
  border: none;
  color: #fff;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  width: 225px;
  height: 45px;
}
.newsletter__btn {
  width: 45px;
  height: 45px;
  border: none;
  background-color: #3dc1d6;
  vertical-align: middle;
}
.navigation,
.navigation-hl {
  padding: 0;
  margin: 0;
  float: left;
  list-style-type: none;
}
.navigation__item,
.navigation-hl__item {
  display: inline-block;
}
@media (min-width: 1301px) {
  .navigation__item {
    overflow: visible;
  }
  .navigation__item a {
    position: relative;
  }
  .navigation__item .text,
  .navigation__item .textHover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: color 0.3s;
    cursor: pointer;
  }
  .navigation__item .text {
    position: relative;
    opacity: 1;
    -webkit-transform: translate(0,0%);
    -moz-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
    color: white;
  }
  .navigation__item .textHover {
    -webkit-transform: translate(0,-30px);
    -moz-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    transform: translate(0,-30px);
    opacity: 0;
    color: white;
  }
  .navigation__item:hover .text {
    -webkit-transform: translate(0,30px);
    -moz-transform: translate(0,30px);
    -ms-transform: translate(0,30px);
    -o-transform: translate(0,30px);
    transform: translate(0,30px);
    opacity: 0;
    color: #232323;
    transition: all 0.3s;
  }
  .navigation__item:hover .textHover {
    -webkit-transform: translate(0,0%);
    -moz-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
    opacity: 1;
    color: #232323;
    transition: all 0.3s;
  }
}
.navigation__item a,
.navigation-hl__item a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 80px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 16px;
}
.navigation {
  margin-right: 40px;
}
.navigation li.navigation__item--1 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.navigation li.navigation__item--2 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.navigation li.navigation__item--3 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.navigation li.navigation__item--4 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.navigation li.navigation__item--5 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.navigation-hl__item {
  background-color: #3dc1d6;
}
.navigation-hl__item a {
  position: relative;
}
.navigation-hl__item--shop {
  background-color: #34acbd;
  position: relative;
  right: 0px;
  margin-right: 1px;
}
.navigation-hl__item--shop a:hover::before {
  top: 0;
}
.navigation-hl__item--shop a:focus {
  color: #ffffff;
}
.navigation-hl__item--shop a img {
  position: relative;
  right: 0px;
}
.navigation-hl__item--shop:before,
.navigation-hl__item--shop:after {
  content: '';
  width: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #34acbd;
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
}
.navigation-hl__item--shop:before {
  left: -7px;
}
.navigation-hl__item--shop:after {
  right: -8px;
}
.navigation-hl__item--auth {
  padding-left: 0;
  padding-right: 7px;
  position: relative;
  right: 0px;
}
.navigation-hl__item--auth a img {
  position: relative;
  right: 0px;
}
.navigation-hl__item--auth:before {
  content: '';
  width: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  background-color: #3dc1d6;
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
}
.navigation-hl__item--auth a:focus {
  color: #ffffff;
}
.navigation-hl__item--lang {
  position: relative;
  padding-left: 5px;
  right: 0px;
}
.navigation-hl__item--lang a {
  -webkit-transform: translate(0px,0);
  -ms-transform: translate(0px,0);
  transform: translate(0px,0);
}
.navigation-hl__item--lang a img {
  position: relative;
}
.navigation-hl__item--lang .border {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.3);
  -webkit-transform: translate(0px,0) skew(-8deg);
  -ms-transform: translate(0px,0) skew(-8deg);
  transform: translate(0px,0) skew(-8deg);
}
.navigation-hl__icon-shop,
.navigation-hl__icon-auth {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 3px;
}
@media (max-width: 1300px) {
  .navigation-hl__icon-shop,
  .navigation-hl__icon-auth {
    top: 16px;
    right: 10px;
    position: absolute;
    height: 20px;
  }
  .navigation-hl__icon-shop.navigation-hl__icon-shop,
  .navigation-hl__icon-auth.navigation-hl__icon-shop {
    height: 24px;
    width: 24px;
    right: 12px;
  }
}
.sub-navigation {
  position: absolute;
  width: 100%;
  height: 55px;
  background-color: rgba(67,69,77,0.6);
  left: 0;
  bottom: -70px;
  display: none;
  table-layout: fixed;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
}
.sub-navigation li {
  display: table-cell;
  line-height: 55px;
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
  cursor: pointer;
}
.sub-navigation li:hover {
  background-color: #3dc1d6;
}
.sub-navigation li:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.3);
}
.sub-navigation li a {
  color: #fff !important;
  display: inline-block;
  -webkit-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
}
.home-section1 {
  display: block;
  width: 100%;
  -ms-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  background-color: #32343d;
}
.home-section1 .home-section1-container {
  height: 100%;
  position: relative;
}
.home-section1 .animated-mouse {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  bottom: -100px;
}
.col.video {
  width: 55%;
  height: 100%;
  position: absolute;
  left: -5%;
  top: 0px;
  -ms-transform: skew(-8deg,0deg);
  -webkit-transform: skew(-8deg,0deg);
  transform: skew(-8deg,0deg);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.col.video:nth-child(2) {
  right: -5%;
  left: auto;
}
.video__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.video__wrapper {
  width: 120%;
  height: 50%;
  min-width: 800px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  color: #fff;
  -ms-transform: skew(8deg,0) translate(-7%,0);
  -webkit-transform: skew(8deg,0) translate(-7%,0);
  transform: skew(8deg,0) translate(-7%,0);
  overflow: hidden;
}
.video__texts_container {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.video__texts_container_mobile {
  display: none;
}
.video__texts_container .video__text {
  position: absolute;
  left: 50%;
  top: 50%;
  color: white;
  text-align: center;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 9;
}
.video__texts_container .video__text:nth-child(1) {
  top: 25%;
  left: 25%;
}
.video__texts_container .video__text:nth-child(2) {
  top: 75%;
  left: 25%;
}
.video__texts_container .video__text:nth-child(3) {
  top: 25%;
  left: 75%;
}
.video__texts_container .video__text:nth-child(4) {
  top: 75%;
  left: 75%;
}
.video__text__top {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  -ms-transform: translate(0,100px);
  -webkit-transform: translate(0,100px);
  transform: translate(0,100px);
  opacity: 0;
}
.video__text__bottom {
  font-size: 45px;
  font-family: "trasandina_ultra_italiultraIt", "Source Sans Pro", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  color: #3dc1d6;
  -ms-transform: translate(0,100px);
  -webkit-transform: translate(0,100px);
  transform: translate(0,100px);
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 0;
  white-space: nowrap;
}
.video__top-left {
  background-size: cover;
  background-position: center center;
}
.video__top-right {
  background-size: cover;
  background-position: center center;
}
.video__bottom-left {
  background-size: cover;
  background-position: center center;
}
.video__bottom-left .first {
  opacity: 1;
}
.video__bottom-left .second {
  opacity: 0;
}
.video__bottom-left.second_active .first {
  opacity: 0;
}
.video__bottom-left.second_active .second {
  opacity: 1;
}
.video__bottom-right {
  background-size: cover;
  background-position: center center;
}
.video video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-height: 100%;
  min-width: 100%;
}
.video .video__loaded video {
  opacity: 1;
}
.col.video:nth-child(1) {
  width: 110%;
}
.video:nth-child(1) .video__wrapper:nth-child(2) {
  height: 100%;
}
.video:nth-child(1) .video__wrapper:nth-child(1) {
  height: 0%;
}
.col.video:nth-child(2) {
  width: 0%;
}
.video:nth-child(2) .video__wrapper:nth-child(2) {
  height: 100%;
}
.video:nth-child(2) .video__wrapper:nth-child(1) {
  height: 0%;
}
.home-section1 .home-section1-container.animation_step01 .video__text.video_text_startvid {
  top: 50%;
  left: 50%;
}
.home-section1 .home-section1-container.animation_step01 .video__text.video_text_startvid .video__text__top {
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.home-section1 .home-section1-container.animation_step01 .video__text.video_text_startvid .video__text__bottom {
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
  padding: 0 0.2em;
}
.home-section1 .home-section1-container.animation_step02 .video__text.video_text_startvid {
  top: 50%;
  left: 50%;
}
.home-section1 .home-section1-container.animation_step02 .video__text.video_text_startvid .video__text__top {
  -ms-transform: translate(0,100px);
  -webkit-transform: translate(0,100px);
  transform: translate(0,100px);
  opacity: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.home-section1 .home-section1-container.animation_step02 .video__text.video_text_startvid .video__text__bottom {
  -ms-transform: translate(0,100px);
  -webkit-transform: translate(0,100px);
  transform: translate(0,100px);
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.home-section1 .home-section1-container.animation_step1 video {
  max-width: 200%;
}
.home-section1 .home-section1-container.animation_step1 .video,
.home-section1 .home-section1-container.animation_step1 .video__wrapper {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(1) {
  width: 55%;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(1) .video__wrapper:nth-child(2) {
  height: 100%;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(1) .video__wrapper:nth-child(1) {
  height: 0%;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(2) {
  width: 55%;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(2) .video__wrapper:nth-child(2) {
  height: 100%;
}
.home-section1 .home-section1-container.animation_step1 .video:nth-child(2) .video__wrapper:nth-child(1) {
  height: 0%;
}
.home-section1 .home-section1-container.animation_step2 video {
  max-width: 100%;
}
.home-section1 .home-section1-container.animation_step2 .video {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(1) {
  width: 55%;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(1) .video__wrapper:nth-child(1) {
  height: 50%;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(1) .video__wrapper:nth-child(2) {
  height: 50%;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(2) {
  width: 55%;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(2) .video__wrapper:nth-child(1) {
  height: 50%;
}
.home-section1 .home-section1-container.animation_step2 .video:nth-child(2) .video__wrapper:nth-child(2) {
  height: 50%;
}
.home-section1 .home-section1-container.animation_step3 .video__text .video__text__top {
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
}
.home-section1 .home-section1-container.animation_step3 .video__text .video__text__bottom {
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  padding: 0 0.1em;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(2) .video__text__top {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(2) .video__text__bottom {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(3) .video__text__top {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(3) .video__text__bottom {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(4) .video__text__top {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.home-section1 .home-section1-container.animation_step3 .video__text:nth-child(4) .video__text__bottom {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.home-section1 .home-section1-container .animated-mouse {
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
@media (max-width: 1024px) {
  .home-section1 .video video {
    display: none;
  }
  .home-section1 .video {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .home-section1 .video__wrapper {
    min-width: inherit;
    width: 120%;
  }
  .home-section1 .col.video:nth-child(1) .video__wrapper:nth-child(1) {
    background-image: url('../../../assets/Uploads/Forest-Ausdauer.jpg');
  }
  .home-section1 .col.video:nth-child(1) .video__wrapper:nth-child(2) {
    background-image: url('../../../assets/Uploads/Magalie-Messung-Kraft.jpg');
  }
  .home-section1 .col.video:nth-child(2) .video__wrapper:nth-child(1) {
    background-image: url('../../../assets/Uploads/Milva-Messung-Gesundheit.jpg');
  }
  .home-section1 .col.video:nth-child(2) .video__wrapper:nth-child(2) {
    background-image: url('../../../assets/Uploads/Alain-BGF.jpg');
  }
  .home-section1 .home-section1-container .col.video {
    width: 55% !important;
    transition: none !important;
  }
  .home-section1 .home-section1-container .video .video__wrapper {
    height: 50% !important;
    transition: none;
    min-width: auto !important;
  }
  .home-section1 .video__text__bottom,
  .home-section1 .video__text__top {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    opacity: 1 !important;
    transform: translate(0,0) !important;
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
  }
  .home-section1 .video__text__bottom {
    font-size: 3.15em;
    width: 90%;
  }
  .home-section1 .home-section1-container .video__text.video_text_startvid {
    display: none !important;
  }
}
@media (max-width: 768px) {
  header.header {
    height: 55px;
  }
  header.header .logo img {
    width: 170px;
    margin-top: 16px;
  }
  header.header .navbar-toggle {
    padding: 10px 20px 23px 25px;
  }
  #main-wrapper {
    margin-top: 50px !important;
  }
  #navbar-responsive-4.navbar-collapse.in {
    top: 55px !important;
  }
  .home-section1 {
    height: auto !important;
    padding-top: 0px !important;
  }
  .animated-mouse {
    display: none;
  }
  .home-section1 .home-section1-container .col.video {
    width: 100% !important;
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    height: 500px;
  }
  .home-section1 .home-section1-container .video .video__wrapper {
    -webkit-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
  }
  .home-section1 .video__texts_container {
    height: 1000px;
    bottom: auto;
  }
  .video__texts_container .video__text {
    width: 90%;
  }
  .video__texts_container .video__text:nth-child(1) {
    top: 120px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(2) {
    top: 370px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(3) {
    top: 620px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(4) {
    top: 870px;
    left: 50%;
  }
  .home-section1 .video__text__bottom {
    font-size: 2.7em;
    line-height: 0.9;
    width: 100%;
  }
  .home-section1 .video__wrapper {
    min-width: inherit;
    width: 100%;
  }
  .video__texts_container {
    display: none;
  }
  .video__texts_container.video__texts_container_mobile {
    display: block;
  }
}
@media (max-width: 500px) {
  .home-section1 .video__texts_container {
    height: 720px;
  }
  .home-section1 .home-section1-container .col.video {
    height: 360px;
  }
  .video__texts_container .video__text:nth-child(1) {
    top: 90px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(2) {
    top: 270px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(3) {
    top: 450px;
    left: 50%;
  }
  .video__texts_container .video__text:nth-child(4) {
    top: 630px;
    left: 50%;
  }
  .video__text__top {
    font-size: 15px;
  }
}
.donutchart {
  width: 300px;
  height: 300px;
  position: relative;
}
.donutchart .graph {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transform: rotate(0deg) scale(0);
  -moz-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  -o-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
}
.donutchart .graph .pie,
.donutchart .graph .pie > div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.donutchart .graph-center {
  display: table;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  z-index: 101;
  opacity: 1;
}
.donutchart.startAnimation .graph {
  -webkit-transition: transform .5s ease-out;
  -moz-transition: transform .5s ease-out;
  transition: transform .5s ease-out;
  -webkit-transform: rotate(360deg) scale(1);
  -moz-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1);
}
.donutchart.startAnimation .graph-center {
  opacity: 1;
}
.pie > div {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pie > div > div {
  width: 50%;
  height: 100%;
}
.home-section2 {
  background: #ecedee;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWNlZGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#ecedee),color-stop(50%,white));
  background: -webkit-linear-gradient(-45deg,#ecedee 0%,white 50%);
  background: -webkit-linear-gradient(315deg,#ecedee 0%,white 50%);
  background: linear-gradient(135deg,#ecedee 0%,white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedee',endColorstr='#ffffff',GradientType=1);
  position: relative;
}
.home-section2 .col-50:first-child {
  padding-right: 10%;
  padding-top: 80px;
}
.home-section2__content {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  top: 38%;
  left: 25%;
  width: 500px;
  height: 375px;
}
.btn.btn--bordered {
  background: transparent;
  color: #3dc1d6;
  margin-top: 10px;
  position: relative;
  opacity: 0;
  padding-left: 1.6em;
  display: inline-block;
  height: 42px;
  -webkit-transform: translate3d(0,0,0) skew(0deg);
  -moz-transform: translate3d(0,0,0) skew(0deg);
  -ms-transform: translate3d(0,0,0) skew(0deg);
  -o-transform: translate3d(0,0,0) skew(0deg);
  transform: translate3d(0,0,0) skew(0deg);
  border: 0px;
}
.btn.btn--bordered .textContainer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
}
.btn.btn--bordered .textContainer .text,
.btn.btn--bordered .textContainer .text2 {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-transform: skew(0deg) translate(-50%,-50%);
  -moz-transform: skew(0deg) translate(-50%,-50%);
  -ms-transform: skew(0deg) translate(-50%,-50%);
  -o-transform: skew(0deg) translate(-50%,-50%);
  transform: skew(0deg) translate(-50%,-50%);
}
.btn.btn--bordered .textContainer .text2 {
  -webkit-transform: skew(0deg) translate(-50%,-100%);
  -moz-transform: skew(0deg) translate(-50%,-100%);
  -ms-transform: skew(0deg) translate(-50%,-100%);
  -o-transform: skew(0deg) translate(-50%,-100%);
  transform: skew(0deg) translate(-50%,-100%);
}
.btn.btn--bordered svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-backface-visibility: hidden;
}
.btn.btn--bordered svg .shape {
  stroke-dasharray: 900 900;
  stroke-dashoffset: 900;
  stroke-width: 4px;
  fill: transparent;
  stroke: #3dc1d6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btn--bordered .hoverBg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
}
.btn.btn--bordered .hoverBg:before {
  content: ' ';
  background: #3dc1d6;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: skew(-8deg) rotate(8deg) scale(1,0) translate(-49%,0px);
  -moz-transform: skew(-8deg) rotate(8deg) scale(1,0) translate(-49%,0px);
  -ms-transform: skew(-8deg) rotate(8deg) scale(1,0) translate(-49%,0px);
  -o-transform: skew(-8deg) rotate(8deg) scale(1,0) translate(-49%,0px);
  transform: skew(-8deg) rotate(8deg) scale(1,0) translate(-49%,0px);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.btn.btn--bordered.startAnimation {
  -webkit-transition: opacity 0s 3s;
  -moz-transition: opacity 0s 3s;
  transition: opacity 0s 3s;
  opacity: 1;
}
.btn.btn--bordered.startAnimation .text {
  -webkit-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
  -moz-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
  animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
}
.btn.btn--bordered.startAnimation svg .shape {
  stroke-dashoffset: 0;
  stroke: #3dc1d6;
  -webkit-animation: buttonDrawBorder 1s ease 3s forwards;
  -moz-animation: buttonDrawBorder 1s ease 3s forwards;
  animation: buttonDrawBorder 1s ease 3s forwards;
}
.btn.btn--bordered.startAnimation:hover {
  background: transparent;
}
.btn.btn--bordered.startAnimation:hover .shape {
  fill: #3dc1d6;
}
.btn.btn--bordered.startAnimation:hover .text {
  color: white;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: skew(0deg) translate(-50%,100%);
  -moz-transform: skew(0deg) translate(-50%,100%);
  -ms-transform: skew(0deg) translate(-50%,100%);
  -o-transform: skew(0deg) translate(-50%,100%);
  transform: skew(0deg) translate(-50%,100%);
}
.btn.btn--bordered.startAnimation:hover .text2 {
  -webkit-transform: skew(0deg) translate(-50%,-50%);
  -moz-transform: skew(0deg) translate(-50%,-50%);
  -ms-transform: skew(0deg) translate(-50%,-50%);
  -o-transform: skew(0deg) translate(-50%,-50%);
  transform: skew(0deg) translate(-50%,-50%);
  opacity: 1;
}
.btn.btn--bordered.startAnimation:hover .hoverBg:before {
  opacity: 1;
  -webkit-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -moz-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -ms-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -o-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
}
.btn.btn--bordered.startAnimation.noDelay {
  -webkit-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}
.btn.btn--bordered.startAnimation.noDelay .text {
  -webkit-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) .5s forwards;
  -moz-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) .5s forwards;
  animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) .5s forwards;
}
.btn.btn--bordered.startAnimation.noDelay svg .shape {
  -webkit-animation: buttonDrawBorder 1s ease 0.5s forwards;
  -moz-animation: buttonDrawBorder 1s ease 0.5s forwards;
  animation: buttonDrawBorder 1s ease 0.5s forwards;
}
.btn.btn--bordered.btn--bordered-white .textContainer .text,
.btn.btn--bordered.btn--bordered-white .textContainer .text2 {
  color: white;
}
.btn.btn--bordered.btn--bordered-white .hoverBg:before {
  background: #ffffff ! important;
}
.btn.btn--bordered.btn--bordered-white svg .shape {
  stroke: #ffffff;
}
.btn.btn--bordered.btn--bordered-white:hover svg .shape {
  fill: transparent;
}
.btn.btn--bordered.btn--bordered-white:hover .textContainer .text,
.btn.btn--bordered.btn--bordered-white:hover .textContainer .text2 {
  color: #3dc1d6;
}
.btn.btn--bordered.btn--bordered-white:hover .hoverBg:before {
  background: #ffffff;
}
.btn.btn--bordered.btn--bordered-invert.startAnimation .textContainer .text,
.btn.btn--bordered.btn--bordered-invert.startAnimation .textContainer .text2 {
  color: white;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.btn.btn--bordered.btn--bordered-invert.startAnimation .hoverBg:before {
  background: #3dc1d6;
  opacity: 1;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -moz-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -ms-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  -o-transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
  transform: skew(-8deg) rotate(8deg) scale(1.1,1.9) translate(-49%,0px);
}
.btn.btn--bordered.btn--bordered-invert.startAnimation:hover .textContainer .text,
.btn.btn--bordered.btn--bordered-invert.startAnimation:hover .textContainer .text2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
@media (max-width: 1300px) {
  .btn.btn--bordered.startAnimation,
  .btn.btn--bordered {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
  .btn.btn--bordered.startAnimation svg,
  .btn.btn--bordered svg {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .btn.btn--bordered.startAnimation svg .shape,
  .btn.btn--bordered svg .shape {
    stroke-dashoffset: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
  .btn.btn--bordered.startAnimation .textContainer,
  .btn.btn--bordered .textContainer {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    opacity: 1;
  }
  .btn.btn--bordered.startAnimation .textContainer .text,
  .btn.btn--bordered .textContainer .text {
    opacity: 1;
  }
}
.half-color-block .btn.btn--bordered {
  -webkit-transform: translate3d(0,100px,0) skew(0deg);
  -moz-transform: translate3d(0,100px,0) skew(0deg);
  -ms-transform: translate3d(0,100px,0) skew(0deg);
  -o-transform: translate3d(0,100px,0) skew(0deg);
  transform: translate3d(0,100px,0) skew(0deg);
  opacity: 0;
  -webkit-transition: all 0.5s 0.6s;
  -moz-transition: all 0.5s 0.6s;
  transition: all 0.5s 0.6s;
}
.half-color-block .btn.btn--bordered svg .shape {
  stroke-dashoffset: 900;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.half-color-block .btn.btn--bordered.startAnimation {
  -webkit-transform: translate3d(0,0px,0) skew(0deg);
  -moz-transform: translate3d(0,0px,0) skew(0deg);
  -ms-transform: translate3d(0,0px,0) skew(0deg);
  -o-transform: translate3d(0,0px,0) skew(0deg);
  transform: translate3d(0,0px,0) skew(0deg);
  opacity: 1;
}
.half-color-block .btn.btn--bordered.startAnimation svg .shape {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  stroke-dashoffset: 900;
}
.half-color-block .btn.btn--bordered.startAnimation .text {
  opacity: 1;
}
.half-color-block .btn.btn--bordered.startAnimation .text,
.half-color-block .btn.btn--bordered.startAnimation .text2 {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.half-color-block.pic-left .btn.btn--bordered:hover .textContainer .text,
.half-color-block.pic-left .btn.btn--bordered:hover .textContainer .text2 {
  color: #3a3a3a;
}
.partner-content-container .btn.btn--bordered {
  width: 350px;
  height: 50px;
}
.home-section2 .btn--bordered {
  position: absolute;
  left: calc(25% - 134px);
  top: calc(50% + 146px);
  display: block;
  -webkit-transform: translate3d(-50%,-50%,0) skew(0deg);
  -moz-transform: translate3d(-50%,-50%,0) skew(0deg);
  -ms-transform: translate3d(-50%,-50%,0) skew(0deg);
  -o-transform: translate3d(-50%,-50%,0) skew(0deg);
  transform: translate3d(-50%,-50%,0) skew(0deg);
}
@-webkit-keyframes buttonDrawBorder {
  0% {
    stroke-dashoffset: 900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes buttonDrawBorder {
  0% {
    stroke-dashoffset: 900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-ms-keyframes buttonDrawBorder {
  0% {
    stroke-dashoffset: 900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes buttonDrawBorder {
  0% {
    stroke-dashoffset: 900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes buttonDrawBorder {
  0% {
    stroke-dashoffset: 900;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes buttonFadeInText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes buttonFadeInText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes buttonFadeInText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes buttonFadeInText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes buttonFadeInText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.home-section2__content p {
  position: relative;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
  opacity: 0;
  font-size: 16px;
  margin-top: 26px;
  margin-bottom: 23px;
  line-height: 1.5em;
}
.home-section2__content p.startAnimation {
  -webkit-animation: fromBottom ease .8s forwards;
  animation: fromBottom ease .8s forwards;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.home-section2__content h6 {
  position: relative;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
  opacity: 0;
  font-size: 16px;
  margin-top: 26px;
  margin-bottom: 23px;
  line-height: 1.5em;
}
.home-section2__content h6.startAnimation {
  -webkit-animation: fromBottom ease .8s forwards;
  animation: fromBottom ease .8s forwards;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.home-section2__products {
  width: 50%;
  position: absolute;
  right: 0;
  left: 50%;
  top: 100px;
  bottom: 0;
}
.home-section2__products .home-section2__products_inner {
  max-height: 695px;
  height: 100%;
  width: 500%;
  position: absolute;
  top: 50%;
  left: -385px;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
}
.home-section2__ipad,
.home-section2__iphone,
.home-section2__product {
  position: absolute;
  -webkit-transform: translate(5000px,0);
  -ms-transform: translate(5000px,0);
  transform: translate(5000px,0);
  top: 0%;
  left: 0% !important;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 695px;
  max-width: 1563px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  height: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.home-section2.state-paralax-enabled .home-section2__ipad,
.home-section2.state-paralax-enabled .home-section2__iphone,
.home-section2.state-paralax-enabled .home-section2__product {
  -webkit-animation: 'none';
  -moz-animation: 'none';
  animation: 'none';
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.home-section2.state-paralax-enabled.state-paralax-ready .home-section2__ipad,
.home-section2.state-paralax-enabled.state-paralax-ready .home-section2__iphone,
.home-section2.state-paralax-enabled.state-paralax-ready .home-section2__product {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.home-section2__ipad.startAnimation,
.home-section2__iphone.startAnimation,
.home-section2__product.startAnimation {
  -webkit-animation: fromRightWithBounce ease 1.8s forwards;
  -moz-animation: fromRightWithBounce ease 1.8s forwards;
  animation: fromRightWithBounce ease 1.8s forwards;
}
.home-section2__ipad {
  background-image: url("../images/test/vitalsensor-1.png");
}
.home-section2__ipad.startAnimation {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s;
}
.home-section2__iphone {
  background-image: url("../images/test/vitalsensor-2.png");
}
.home-section2__iphone.startAnimation {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}
.home-section2__product {
  background-image: url("../images/test/vitalsensor-3.png");
}
.home-section2__products_en .home-section2__ipad {
  background-image: url("../images/vitalmonitor_ipad_en.png");
}
.home-section2__products_en .home-section2__iphone {
  background-image: url("../images/vitalmonitor_mobile_en.png");
}
.home-section2__product.startAnimation {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  animation-delay: .8s;
}
@media (max-width: 1300px) {
  .home-section2 {
    height: auto ! important;
    padding-top: 0px ! important;
  }
  .home-section2 h2 .startAnimation,
  .home-section2 p.startAnimation,
  .home-section2 .home-section2__product.startAnimation,
  .home-section2 .home-section2__iphone.startAnimation,
  .home-section2 .home-section2__ipad.startAnimation {
    animation: none;
    -webkit-animation: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transform: translate(-0%,0) !important;
    -moz-transform: translate(-0%,0) !important;
    -ms-transform: translate(-0%,0) !important;
    -o-transform: translate(-0%,0) !important;
    transform: translate(-0%,0) !important;
    opacity: 1;
    text-align: center;
  }
  .home-section2 .btn--bordered.startAnimation,
  .home-section2 .btn--bordered {
    -webkit-transform: translate(-50%, 0) ! important;
    -moz-transform: translate(-50%, 0) ! important;
    -ms-transform: translate(-50%, 0) ! important;
    -o-transform: translate(-50%, 0) ! important;
    transform: translate(-50%, 0) ! important;
    display: inline-block;
    position: relative;
    left: 50%;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
  .home-section2 .btn--bordered.startAnimation svg,
  .home-section2 .btn--bordered svg {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .home-section2 .btn--bordered.startAnimation svg .shape,
  .home-section2 .btn--bordered svg .shape {
    stroke-dashoffset: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
  .home-section2 .btn--bordered.startAnimation .textContainer,
  .home-section2 .btn--bordered .textContainer {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    opacity: 1;
  }
  .home-section2 .btn--bordered.startAnimation .textContainer .text,
  .home-section2 .btn--bordered .textContainer .text {
    opacity: 1;
  }
  .oblique {
    display: none;
  }
  .home-section2 .col-50,
  .home-section2 .home-section2__products {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  .home-section2 .col-50:first-child {
    padding: 0;
    float: none;
  }
  .home-section2 .home-section2__products,
  .home-section2 .home-section2__products_inner,
  .home-section2 .home-section2__content {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  .home-section2__content {
    height: auto;
  }
  .home-section2 h2 {
    padding: 60px 0 40px 0;
    text-align: center;
  }
  .home-section2 p.startAnimation {
    margin-top: 0px;
    text-align: center;
  }
  .home-section2__content {
    width: 100%;
  }
  .home-section2 .home-section2__products:before {
    display: block;
    content: ' ';
    padding-top: 67%;
  }
  .home-section2 .home-section2__products {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
    background: url('../images/mobile_vitalmonitor_products.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .home-section2 .home-section2__products_inner {
    display: none;
  }
}
@media (max-width: 768px) {
  .home-section2 h2 {
    padding: 40px 0 23px 0;
    font-size: 4em;
  }
  .mobile-header h2 {
    font-size: 4em;
    padding: 30px 0 30px 0 ! important;
  }
  .home-section2 .home-section2__products {
    margin-top: 30px;
    margin-bottom: 25px;
  }
}


.home-section3 {
  color: #fff;
  padding-top: 0 !important;
}
.home-section3__tabs {
  position: absolute;
  z-index: 99;
  bottom: 40px;
  left: 50%;
  width: 660px;
  -webkit-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
}
.home-section3__tabs__item {
  float: left;
  width: 220px;
  height: 40px;
  border: 1px solid #3dc1d6;
  text-align: center;
  line-height: 37px;
  text-transform: uppercase;
  border-right: none;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.home-section3__tabs {
  opacity: 0;
}
.home-section3__tabs .home-section3__tabs__item {
  opacity: 0;
  -webkit-transform: translate(0,1000px) skew(-8deg);
  -moz-transform: translate(0,1000px) skew(-8deg);
  -ms-transform: translate(0,1000px) skew(-8deg);
  -o-transform: translate(0,1000px) skew(-8deg);
  transform: translate(0,1000px) skew(-8deg);
}
.home-section3__tabs.startAnimation {
  opacity: 1;
}
.home-section3__tabs.startAnimation .home-section3__tabs__item {
  opacity: 1;
  -webkit-animation: fromBottomWithBounceAndSkew ease 1s 2s forwards;
  -moz-animation: fromBottomWithBounceAndSkew ease 1s 2s forwards;
  animation: fromBottomWithBounceAndSkew ease 1s 2s forwards;
}
.home-section3__tabs.startAnimation .home-section3__tabs__item:nth-child(2) {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.home-section3__tabs.startAnimation .home-section3__tabs__item:nth-child(3) {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.home-section3__tabs.startAnimation .home-section3__tabs__item.state-highlighted {
  -webkit-transform: translate(0,0) skew(-8deg);
  -moz-transform: translate(0,0) skew(-8deg);
  -ms-transform: translate(0,0) skew(-8deg);
  -o-transform: translate(0,0) skew(-8deg);
  transform: translate(0,0) skew(-8deg);
}
.home-section3__tabs.startAnimation .home-section3__tabs__item.state-highlighted span {
  -webkit-animation: buttonHighlight 1s ease 0s infinite;
  -moz-animation: buttonHighlight 1s ease 0s infinite;
  animation: buttonHighlight 1s ease 0s infinite;
}
@keyframes buttonHighlight {
  0% {
    color: #3dc1d6;
    text-shadow: 0px 0px 10px transparent();
  }
  50% {
    color: white;
    text-shadow: 0px 0px 10px #ffffff;
  }
  0% {
    color: #3dc1d6;
    text-shadow: 0px 0px 10px transparent();
  }
}
.home-section3__tabs__item span {
  -webkit-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
  font-weight: 700;
  color: #3dc1d6;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.home-section3__tabs__item:hover span {
  color: white;
}
.home-section3__tabs__item:last-child {
  border-right: 1px solid #3dc1d6;
}
.home-section3__tabs__item.active {
  background-color: #3dc1d6;
}
.home-section3__tabs__item.active span {
  color: #fff;
}
.home-section3__header {
  width: 500px;
    height: 215px;
}
.home-section3__header2 {
  width: 500px;
    height: 215px;
}
.home-section3__header p {
  position: relative;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
      animation-delay: 1.6s;
  opacity: 0;
    font-size: 16px;
    margin-top: 26px;
    margin-bottom: 23px;
    line-height: 1.5em;
    color:#22252e;

}
.home-section3__header p.startAnimation {
  -webkit-animation: fadeinupblocks ease .6s 1.2s forwards;
  animation: fadeinupblocks ease .6s 1.2s forwards;
      animation-delay: 1.0s;

}
.home-section3__header2 p {
  position: relative;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
  opacity: 0;
    font-size: 16px;
    margin-top: 26px;
    margin-bottom: 23px;
    line-height: 1.5em;
    color:#22252e;

}
.home-section3__header2 p.startAnimation {
  -webkit-animation: fadeinupblocks ease .6s 1.2s forwards;
  animation: fadeinupblocks ease .6s 1.2s forwards;
      animation-delay: 2s;

}
.home-section3__header h2 {
  color: #fff;
}
.home-section3__how {
  position: absolute;
  right: 40px;
  top: 157px;
  z-index: 25;
  color: #3dc1d6;
  font-weight: 700;
  line-height: 2em;
  -webkit-transform: translate(2000px,0);
  -ms-transform: translate(2000px,0);
  transform: translate(2000px,0);
}
.home-section3__how.startAnimation {
  -webkit-animation: fromRightWithBounce ease .3s 1s forwards;
  animation: fromRightWithBounce ease .3s 1s forwards;
}
.home-section3__how .text {
  display: block;
  float: right;
  transform: translateX(0px) translateY(0px);
  -webkit-transition: -webkit-transform 0.15s ease-in;
  -moz-transition: -moz-transform 0.15s ease-in;
  -o-transition: -o-transform 0.15s ease-in;
  transition: transform 0.15s ease-in;
}
.home-section3__how .spinner {
  display: block;
  float: right;
  height: 20px;
  margin-left: 15px;
  margin-top: 7px;
  width: 20px;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.home-section3__how .spinner span {
  background: url('../images/svg/wie_funktionierts.svg') no-repeat left top;
  background-size: 20px 20px;
  display: block;
  height: 100%;
  width: 100%;
}
.home-section3__how:hover .text {
  transform: translateX(-20px) translateY(0px);
}
.home-section3__how:hover .spinner {
  transform: translateX(-20px) translateY(0px);
}
.home-heartrate {
  background:#ffffff;
  background-size: cover;
  position: relative;
}
.home-heartrate .oblique {
  background:url(../images/test/3_neu.jpg);
  background-position:88%;
}
.home-heartrate .container {
  position: relative;
}
.home-heartrate .container .col-50:nth-child(2) {
  padding-left: 7%;
}
.home-heartrate__videoContainer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.home-heartrate__videoContainer video {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  min-width: 100%;
  min-height: 100%;
  max-width: initial;
}
.home-heartrate__headline {
  color: #37383b;
    font-family: 'TransandiaUltraItalic', sans-serif;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    font-size: 80px;
line-height: 0.8;
  position: relative;
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.home-heartrate__headline.startAnimation {
-webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}
.home-heartrate__headline3 {
  color: #37383b;
    font-family: 'TransandiaUltraItalic', sans-serif;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    font-size: 80px;
line-height: 0.8;
  position: relative;
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  animation-delay: 1.1s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.home-heartrate__headline3.startAnimation {
-webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}
.home-heartrate__headline2 {
    font-family: 'TransandiaUltraItalic', sans-serif;
        font-size: 35px;
    color: #37383b;
    text-transform: uppercase;
  position: relative;
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0);
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  animation-delay: 1.8s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.home-heartrate__headline2.startAnimation {
 -webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}
.home-heartrate__headline .one{
  color: #37383b;
    font-family: 'TransandiaUltraItalic', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 80px;
line-height: 0.7;
  position: relative;
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
.home-heartrate__headline.startAnimation .one{
  -webkit-animation: fadeinupblocks ease .6s 1.5s forwards;
  animation: fadeinupblocks ease .6s 1.5s forwards;
}

.home-heartrate__headline2 .one{
  color: #37383b;
    font-family: 'TransandiaUltraItalic', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 80px;
line-height: 0.7;
  position: relative;
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
.home-heartrate__headline2.startAnimation .one{
  -webkit-animation: fadeinupblocks ease .6s 1.5s forwards;
  animation: fadeinupblocks ease .6s 1.5s forwards;
}
.home-heartrate__heartbeat {
  margin-bottom: 30px;
}
.home-heartrate .col-50 {
  top: 100%;
  position: relative;
  transform: translateY(-50%);
}
.home-heartrate .col-50 ul {
  padding: 0;
  margin: 10px 0 0 0;
  list-style-type: none;
  font-size: 22px;
  color: #3dc1d6;
  position: relative;
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
.home-heartrate .col-50 ul.startAnimation {
  -webkit-animation: fadeinupblocks ease .6s 1.7s forwards;
  animation: fadeinupblocks ease .6s 1.7s forwards;
}
.home-heartrate .col-50 ul li {
  display: inline-block;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
}
.home-heartrate .col-50 ul li:after {
  content: '|';
  color: #3dc1d6;
  padding: 10px;
  font-weight: 300;
}
.home-heartrate .col-50 ul li:last-child:after {
  content: '';
}
.home-bioage .background-container {
  background: #F6F7FC;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.home-bioage .background-container .gradient-layer {
  background: url('../images/trainingssteuerung_bioage_gradient.png') no-repeat center center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}
.home-bioage .background-container .column-left {
  height: 100%;
  margin-left: -5%;
  position: relative;
  width: 55%;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-backface-visibility: hidden;
}
.home-bioage .background-container .column-right {
  right: -5%;
  margin-right: 2px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 55%;
  z-index: 19;
  -webkit-backface-visibility: hidden;
  -webkit-transform: skew(-8deg) translateX(2.5px);
  -moz-transform: skew(-8deg) translateX(2.5px);
  -ms-transform: skew(-8deg) translateX(2.5px);
  -o-transform: skew(-8deg) translateX(2.5px);
  transform: skew(-8deg) translateX(2.5px);
}
.home-bioage .container {
  height: 100%;
}
.home-bioage .home-bioage__content {
  top: 5%;
  height: 350px;
  position: relative;
}
.home-bioage .background-container .column-left img,
.home-bioage .background-container .column-right img {
  -webkit-transform: skew(8deg);
  -moz-transform: skew(8deg);
  -ms-transform: skew(8deg);
  -o-transform: skew(8deg);
  transform: skew(8deg);
  position: absolute;
  height: 100%;
}
.home-bioage .background-container .column-right {
  height: 100%;
  width: 55%;
  margin-left: -5%;
  -webkit-transform: skew(-8deg);
  -moz-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  -o-transform: skew(-8deg);
  transform: skew(-8deg);
  -webkit-backface-visibility: hidden;
}
.home-bioage .background-container .column-left img {
  left: 0;
}
.home-bioage .background-container .column-right img {
  right: 0;
}
.home-bioage #bioageChart {
  margin-left: 4%;
  position: relative;
  z-index: 23;
}
.home-bioage__scale {
  position: absolute;
  left: 0;
  top: 0;
  width: 370px;
  z-index: 23;
  -webkit-transform: rotate(90deg) translate(170px,131px);
  -ms-transform: rotate(90deg) translate(170px,131px);
  transform: rotate(90deg) translate(170px,131px);
}
.home-bioage__scale__top,
.home-bioage__scale__bottom {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #3dc1d6;
  opacity: 0;
  -webkit-transform: rotate(-90deg) translate(0,-20px);
  -moz-transform: rotate(-90deg) translate(0,-20px);
  -ms-transform: rotate(-90deg) translate(0,-20px);
  -o-transform: rotate(-90deg) translate(0,-20px);
  transform: rotate(-90deg) translate(0,-20px);
  -webkit-transition: all 0.3s ease 0.6s;
  -moz-transition: all 0.3s ease 0.6s;
  transition: all 0.3s ease 0.6s;
}
.home-bioage__scale__top {
  position: absolute;
  left: 0px;
  top: 0px;
}
.home-bioage__scale__bottom {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transform: rotate(-90deg) translate(0,20px);
  -moz-transform: rotate(-90deg) translate(0,20px);
  -ms-transform: rotate(-90deg) translate(0,20px);
  -o-transform: rotate(-90deg) translate(0,20px);
  transform: rotate(-90deg) translate(0,20px);
}
.home-bioage__scale__connect {
  width: calc(50% - 105px);
  height: 1px;
  background: white;
  position: absolute;
  top: 11px;
  -webkit-transition: all 0.3s ease-out 0.4s;
  -moz-transition: all 0.3s ease-out 0.4s;
  transition: all 0.3s ease-out 0.4s;
  transform: scale(0);
  transform-origin: right;
}
.home-bioage__scale__connect.first {
  position: absolute;
  left: 0px;
  position: absolute;
  left: 25px;
}
.home-bioage__scale__connect.last {
  top: 11px;
  right: 25px;
  transform-origin: left;
}
.home-bioage__scale__text {
  position: absolute;
  width: 140px;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #3dc1d6;
  font-size: 16px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  text-align: center;
}
.home-bioage .home-section3__header {
  position: relative;
  z-index: 50;
}
.home-bioage .oblique {
  background-color: rgba(0,0,0,0.2);
  right: 50%;
  z-index: 23;
}
.home-bioage .home-bioage__stats {
  opacity: 1;
  position: relative;
}
.home-bioage .home-bioage__stats #bioageChartSVG {
  width: calc(100% - 64px);
  height: 300px;
  transform: translate(-50%,-50%);
  z-index: 30;
  right: 0px;
  top: 50%;
  position: absolute;
  transform: translate(5px,20px);
}
.home-bioage .home-bioage__stats #bioageChartSVG circle {
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 125;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.home-bioage .home-bioage__stats #bioageChartSVG line {
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 189;
  stroke-dashoffset: 189;
  width: 0%;
}
.home-bioage .home-bioage__stats #bioageChartSVG text {
  opacity: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle {
  -webkit-transition: all 1s cubic-bezier(0.68,-2,0.265,3);
  -moz-transition: all 1s cubic-bezier(0.68,-2,0.265,3);
  transition: all 1s cubic-bezier(0.68,-2,0.265,3);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis2 {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis3 {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis4 {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis5 {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis6_1_ {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis7_1_ {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG circle#kreis8 {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  -o-transition-delay: 3.1s;
  transition-delay: 3.1s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line {
  -webkit-transition: all .3s cubic-bezier(1,0,0,1);
  -moz-transition: all .3s cubic-bezier(1,0,0,1);
  transition: all .3s cubic-bezier(1,0,0,1);
  stroke-dashoffset: 0;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie2 {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie3 {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie4 {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie5 {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie6 {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie7 {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  -o-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG line#linie8 {
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  -o-transition-delay: 4.1s;
  transition-delay: 4.1s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text {
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl1 {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl2 {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl3 {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl4 {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl5 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl6 {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl7 {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  -o-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.home-bioage .home-bioage__stats.startAnimation #bioageChartSVG text#zahl8 {
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  -o-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.home-bioage .home-bioage__stats.startAnimation .home-bioage__scale .home-bioage__scale__text {
  opacity: 1;
}
.home-bioage .home-bioage__stats.startAnimation .home-bioage__scale .home-bioage__scale__connect.first {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.home-bioage .home-bioage__stats.startAnimation .home-bioage__scale .home-bioage__scale__connect.last {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.home-bioage .home-bioage__stats.startAnimation .home-bioage__scale .home-bioage__scale__top {
  opacity: 1;
  transform: rotate(-90deg) translate(0,0);
}
.home-bioage .home-bioage__stats.startAnimation .home-bioage__scale .home-bioage__scale__bottom {
  opacity: 1;
  transform: rotate(-90deg) translate(0,0);
}
.home-training {
  min-height: 1px;
  position: relative;
}
.home-training .bg-image {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-image: url('../images/test/bg_trainingssteuerung.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transform: scale(1.1) translate(-5%,0);
  -moz-transform: scale(1.1) translate(-5%,0);
  -ms-transform: scale(1.1) translate(-5%,0);
  -o-transform: scale(1.1) translate(-5%,0);
  transform: scale(1.1) translate(-5%,0);
}
.home-training__content {
  display: block;
  width: 100%;
}
.home-training__content canvas {
  margin-left: 14%;
  margin-top: 20px;
  opacity: 0;
}
.home-training__content canvas.startAnimation {
  opacity: 1;
}
.home-training__content h3 {
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Source Sans Pro", Helvetica, Arial, Verdana, sans-serif;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
  opacity: 0;
}
.home-training__content h3.startAnimation {
  -webkit-animation: fadeinupblocks ease .6s 1.4s forwards;
  animation: fadeinupblocks ease .6s 1.4s forwards;
}
.home-training__content .home-training__item:nth-child(2) h3.startAnimation {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.home-training__content .home-training__item:nth-child(3) h3.startAnimation {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.home-training__content .home-training__item:nth-child(4) h3.startAnimation {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.home-training__content p {
  color: #3dc1d6;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 24px;
  opacity: 0;
  -webkit-transform: translate(0,50px);
  -ms-transform: translate(0,50px);
  transform: translate(0,50px);
  text-align: center;
}
.home-training__content p.startAnimation {
  -webkit-animation: fadeinupblocks ease .6s 2.5s forwards;
  animation: fadeinupblocks ease .6s 2.5s forwards;
}
.home-training__content .home-training__item:nth-child(2) p.startAnimation {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.home-training__content .home-training__item:nth-child(3) p.startAnimation {
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
.home-training__content .home-training__item:nth-child(4) p.startAnimation {
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.home-training__item {
  display: block;
  float: left;
  width: 25%;
  min-height: 1px;
  position: relative;
  vertical-align: middle;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home-training__item .percentage {
  left: 50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: auto;
  margin-top: 10px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.home-training__item .percentage div {
  float: left;
  position: relative;
  opacity: 0;
  margin-top: 10px;
}
.home-training__item .percentage span {
  color: #3dc1d6;
  display: inline-block;
  float: left;
  font-size: 30px;
  margin-top: 7px;
}
.home-training__item .percentage .number {
  color: #ffffff;
  font-size: 45px;
  margin-top: 0;
}
.home-training__item .percentage.startAnimation {
  opacity: 1;
}
.home-training__item .percentage.startAnimation div {
  -webkit-animation: fadeinupblocks ease .6s 3s forwards;
  animation: fadeinupblocks ease .6s 3s forwards;
}
.home-training .oblique {
  background-color: rgba(0,0,0,0.2);
}
section {
  overflow: hidden;
}
.home-section4 {
  padding-top: 0 !important;
}
.home-section4__header {
  position: absolute;
  padding-left: 47%;
  z-index: 9;
}
.home-applications {
  width: 100%;
  height: 100%;
  display: table;
}
.home-applications__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
}
.home-applications__item-wrapper {
  display: table-cell;
  width: 25%;
  height: 100%;
  background-size: cover;
  position: relative;
  text-align: center;
  color: #fff;
  -webkit-transform: skew(-8deg);
  -ms-transform: skew(-8deg);
  transform: skew(-8deg);
  overflow: hidden;
}
.home-applications__item-wrapper:hover .home-applications__overlay {
  display: none;
}
.home-applications__item-wrapper:first-child {
  width: 120%;
  position: absolute;
  left: -100px;
}
.home-applications__item-wrapper:first-child .home-applications__content {
  margin-left: 27%;
}
.home-applications__item-wrapper:last-child {
  width: 33%;
  position: absolute;
}
.home-applications__item-wrapper:last-child .home-applications__content {
  margin-left: 23%;
}
.home-applications__item-wrapper.cardio.startAnimation {
  -webkit-animation: applicationsSlideIn--first 2s .2s ease forwards;
  animation: applicationsSlideIn--first 2s .2s ease forwards;
}
.home-applications__item-wrapper.cardio.startAnimation .home-applications__icon {
  -webkit-animation: fromBottom 1s 1s ease forwards;
  animation: fromBottom 1s 1s ease forwards;
}
.home-applications__item-wrapper.cardio.startAnimation .home-applications__headline {
  -webkit-animation: fromBottom 1s 1.5s ease forwards;
  animation: fromBottom 1s 1.5s ease forwards;
}
.home-applications__item-wrapper.cardio.startAnimation .home-applications__text {
  -webkit-animation: fromBottom 1s 2s ease forwards;
  animation: fromBottom 1s 2s ease forwards;
}
.home-applications__item-wrapper.cardio.startAnimation .btn {
  -webkit-animation: fromBottomWithSkew 1s 2.5s ease forwards;
  animation: fromBottomWithSkew 1s 2.5s ease forwards;
}
.home-applications__item-wrapper.strength {
  -webkit-transform: translate(5000px,0);
  -ms-transform: translate(5000px,0);
  transform: translate(5000px,0);
}
.home-applications__item-wrapper.strength.startAnimation {
  -webkit-animation: applicationsSlideIn--second 1s ease forwards;
  animation: applicationsSlideIn--second 1s ease forwards;
}
.home-applications__item-wrapper.strength.startAnimation .home-applications__icon {
  -webkit-animation: fromBottom 1s 1s ease forwards;
  animation: fromBottom 1s 1s ease forwards;
}
.home-applications__item-wrapper.strength.startAnimation .home-applications__headline {
  -webkit-animation: fromBottom 1s 1.5s ease forwards;
  animation: fromBottom 1s 1.5s ease forwards;
}
.home-applications__item-wrapper.strength.startAnimation .home-applications__text {
  -webkit-animation: fromBottom 1s 2s ease forwards;
  animation: fromBottom 1s 2s ease forwards;
}
.home-applications__item-wrapper.strength.startAnimation .btn {
  -webkit-animation: fromBottomWithSkew 1s 2.5s ease forwards;
  animation: fromBottomWithSkew 1s 2.5s ease forwards;
}
.home-applications__item-wrapper.vigor {
  -webkit-transform: translate(5000px,0);
  -ms-transform: translate(5000px,0);
  transform: translate(5000px,0);
}
.home-applications__item-wrapper.vigor.startAnimation {
  -webkit-animation: applicationsSlideIn--third 1s ease forwards;
  animation: applicationsSlideIn--third 1s ease forwards;
}
.home-applications__item-wrapper.vigor.startAnimation .home-applications__icon {
  -webkit-animation: fromBottom 1s 1s ease forwards;
  animation: fromBottom 1s 1s ease forwards;
}
.home-applications__item-wrapper.vigor.startAnimation .home-applications__headline {
  -webkit-animation: fromBottom 1s 1.5s ease forwards;
  animation: fromBottom 1s 1.5s ease forwards;
}
.home-applications__item-wrapper.vigor.startAnimation .home-applications__text {
  -webkit-animation: fromBottom 1s 2s ease forwards;
  animation: fromBottom 1s 2s ease forwards;
}
.home-applications__item-wrapper.vigor.startAnimation .btn {
  -webkit-animation: fromBottomWithSkew 1s 2.5s ease forwards;
  animation: fromBottomWithSkew 1s 2.5s ease forwards;
}
.home-applications__item-wrapper.productivity {
  -webkit-transform: translate(5000px,0);
  -ms-transform: translate(5000px,0);
  transform: translate(5000px,0);
}
.home-applications__item-wrapper.productivity.startAnimation {
  -webkit-animation: applicationsSlideIn--fourth 1s ease forwards;
  animation: applicationsSlideIn--fourth 1s ease forwards;
}
.home-applications__item-wrapper.productivity.startAnimation .home-applications__icon {
  -webkit-animation: fromBottom 1s 1s ease forwards;
  animation: fromBottom 1s 1s ease forwards;
}
.home-applications__item-wrapper.productivity.startAnimation .home-applications__headline {
  -webkit-animation: fromBottom 1s 1.5s ease forwards;
  animation: fromBottom 1s 1.5s ease forwards;
}
.home-applications__item-wrapper.productivity.startAnimation .home-applications__text {
  -webkit-animation: fromBottom 1s 2s ease forwards;
  animation: fromBottom 1s 2s ease forwards;
}
.home-applications__item-wrapper.productivity.startAnimation .btn {
  -webkit-animation: fromBottomWithSkew 1s 2.5s ease forwards;
  animation: fromBottomWithSkew 1s 2.5s ease forwards;
}
.home-applications__item {
  background-size: cover;
  width: 200%;
  height: 100%;
  position: absolute;
  -webkit-transform: skew(8deg);
  -ms-transform: skew(8deg);
  transform: skew(8deg);
  right: -200px;
  left: -200px;
}
.home-applications__cardio {
  background-image: url(../images/test/swimmers.jpg);
  background-position: center center;
}
.home-applications__strength {
  background-image: url(../images/test/power.jpg);
  background-position: top center;
}
.home-applications__vigor {
  background-image: url(../images/test/altefrau_profbearb.jpg);
  background-position: top center;
}
.home-applications__productivity {
  background-image: url(../images/test/man-office.jpg);
  background-position: top left;
}
.home-applications__headline {
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
.home-applications__content {
  width: 30%;
  margin: 420px 50% 0 32%;
  position: relative;
  z-index: 1;
}
.home-applications__text {
  min-height: 120px;
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
.home-applications__icon {
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
  width: 100px;
  height: 80px;
  margin-bottom: 40px;
}
.home-applications .btn {
  position: relative;
  -webkit-transform: translate(0,5000px);
  -ms-transform: translate(0,5000px);
  transform: translate(0,5000px);
}
@keyframes animatedBackground1 {
  to {
    background-position: 75% 0;
  }
}
@-moz-keyframes animatedBackground1 {
  to {
    background-position: 75% 0;
  }
}
@-webkit-keyframes animatedBackground1 {
  to {
    background-position: 75% 0;
  }
}
@-ms-keyframes animatedBackground1 {
  to {
    background-position: 75% 0;
  }
}
@-o-keyframes animatedBackground1 {
  to {
    background-position: 75% 0;
  }
}
@keyframes animatedBackground2 {
  to {
    background-position: 90% 0;
  }
}
@-moz-keyframes animatedBackground2 {
  to {
    background-position: 90% 0;
  }
}
@-webkit-keyframes animatedBackground2 {
  to {
    background-position: 90% 0;
  }
}
@-ms-keyframes animatedBackground2 {
  to {
    background-position: 90% 0;
  }
}
@-o-keyframes animatedBackground2 {
  to {
    background-position: 90% 0;
  }
}
@keyframes animatedBackground3 {
  to {
    background-position: 80% 0;
  }
}
@-moz-keyframes animatedBackground3 {
  to {
    background-position: 80% 0;
  }
}
@-webkit-keyframes animatedBackground3 {
  to {
    background-position: 80% 0;
  }
}
@-ms-keyframes animatedBackground3 {
  to {
    background-position: 80% 0;
  }
}
@-o-keyframes animatedBackground3 {
  to {
    background-position: 80% 0;
  }
}
@keyframes animatedBackground4 {
  to {
    background-position: 89% 0;
  }
}
@-moz-keyframes animatedBackground4 {
  to {
    background-position: 89% 0;
  }
}
@-webkit-keyframes animatedBackground4 {
  to {
    background-position: 89% 0;
  }
}
@-ms-keyframes animatedBackground4 {
  to {
    background-position: 89% 0;
  }
}
@-o-keyframes animatedBackground4 {
  to {
    background-position: 89% 0;
  }
}
@-webkit-keyframes fromLeftBlock4 {
  from {
    -webkit-transform: translate(-400px,0);
    transform: translate(-400px,0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fromLeftBlock4 {
  from {
    -webkit-transform: translate(-400px,0);
    transform: translate(-400px,0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@-webkit-keyframes fromBottomBlock4 {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@keyframes fromBottomBlock4 {
  from {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@-webkit-keyframes fromBottomBlock4Small {
  from {
    -webkit-transform: translate(0,200px);
    transform: translate(0,200px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@keyframes fromBottomBlock4Small {
  from {
    -webkit-transform: translate(0,200px);
    transform: translate(0,200px);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
}
@-webkit-keyframes toBottomBlock4Small {
  from {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0,200px);
    transform: translate(0,200px);
    position: absolute;
    opacity: 0;
  }
}
@keyframes toBottomBlock4Small {
  from {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0,200px);
    transform: translate(0,200px);
    position: absolute;
    opacity: 0;
  }
}
@-webkit-keyframes fromBottomBlock4Skew {
  from {
    -webkit-transform: translate(0,50px) skew(-8deg);
    transform: translate(0,50px) skew(-8deg);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
    position: relative;
    opacity: 1;
  }
}
@keyframes fromBottomBlock4Skew {
  from {
    -webkit-transform: translate(0,50px) skew(-8deg);
    transform: translate(0,50px) skew(-8deg);
    position: absolute;
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0,0) skew(-8deg);
    transform: translate(0,0) skew(-8deg);
    position: relative;
    opacity: 1;
  }
}
.home-section4 {
  padding-top: 0 !important;
}
.top-section {
  background-color: #32343d;
}
.top-section .single-column {
  width: 25%;
  height: 100%;
  background-color: #FFF;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  -webkit-transform: translate3d(0,0,0) skew(-8deg,0deg) scaleX(1.01);
  -moz-transform: translate3d(0,0,0) skew(-8deg,0deg) scaleX(1.01);
  -ms-transform: translate3d(0,0,0) skew(-8deg,0deg) scaleX(1.01);
  -o-transform: translate3d(0,0,0) skew(-8deg,0deg) scaleX(1.01);
  transform: translate3d(0,0,0) skew(-8deg,0deg) scaleX(1.01);
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.top-section .single-column .image {
  width: 173%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translate(-23%,0) skew(8deg);
  -moz-transform: translate(-23%,0) skew(8deg);
  -ms-transform: translate(-23%,0) skew(8deg);
  -o-transform: translate(-23%,0) skew(8deg);
  transform: translate(-23%,0) skew(8deg);
}
@media (min-width: 1301px) {
  .top-section .single-column#column-n1,
  .top-section .single-column#column-n2,
  .top-section .single-column#column-n3,
  .top-section .single-column#column-n4,
  .top-section .single-column {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
  }
}
@media (max-width: 1300px) {
  .top-section .single-column#column-n1,
  .top-section .single-column#column-n2,
  .top-section .single-column#column-n3,
  .top-section .single-column#column-n4,
  .top-section .single-column {
    width: 50%;
    height: 50%;
  }
  #fp-nav {
    display: none;
  }
  .top-section,
  .top-section2 {
    padding-top: 0px;
  }
  .top-section2 {
    top: 0px;
  }
  .top-section .single-column.animation#column-n1 .image,
  .top-section .single-column.animation#column-n2 .image,
  .top-section .single-column.animation#column-n3 .image,
  .top-section .single-column.animation#column-n4 .image,
  .top-section .single-column .image {
    animation: none;
    transition: none;
    background-position: 0% 0%;
  }
}
.top-section .single-column .header-overlay {
  display: block;
  height: 100%;
  margin-left: -10%;
  padding-top: 60%;
  position: relative;
  text-align: center;
  width: 100%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.top-section .single-column .image {
  -webkit-transform: translate(-23%,0) skew(8deg) scale(1);
  -moz-transform: translate(-23%,0) skew(8deg) scale(1);
  -ms-transform: translate(-23%,0) skew(8deg) scale(1);
  -o-transform: translate(-23%,0) skew(8deg) scale(1);
  transform: translate(-23%,0) skew(8deg) scale(1);
  -webkit-transition: all 2000ms ease 0.5s;
  -moz-transition: all 2000ms ease 0.5s;
  transition: all 2000ms ease 0.5s;
}
.top-section .single-column.wide-column {
  width: 31%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.top-section .single-column.wide-column .image {
  -webkit-transform: translate(-23%,0) skew(8deg) scale(1.05);
  -moz-transform: translate(-23%,0) skew(8deg) scale(1.05);
  -ms-transform: translate(-23%,0) skew(8deg) scale(1.05);
  -o-transform: translate(-23%,0) skew(8deg) scale(1.05);
  transform: translate(-23%,0) skew(8deg) scale(1.05);
}
.top-section .single-column.reduced-width {
  width: 23%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.top-section .single-column.reduced-width .image {
  -webkit-transform: translate(-23%,0) skew(8deg) scale(1);
  -moz-transform: translate(-23%,0) skew(8deg) scale(1);
  -ms-transform: translate(-23%,0) skew(8deg) scale(1);
  -o-transform: translate(-23%,0) skew(8deg) scale(1);
  transform: translate(-23%,0) skew(8deg) scale(1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}
.top-section #column-n1 {
  background-color: #32343d;
}
.top-section #column-n2 {
  background-color: #32343d;
}
.top-section #column-n3 {
  background-color: #32343d;
}
.top-section #column-n4 {
  background-color: #32343d;
}
.top-section #column-n1 .image {
  background-image: url('../images/test/1_neu.jpg');
  background-position: -200% 0%;
}
.top-section #column-n1.animation .image {
  animation: animatedBackground1 1s ease-in-out;
  animation-fill-mode: forwards;
  -moz-animation: animatedBackground1 1s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation: animatedBackground1 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -ms-animation: animatedBackground1 1s ease-in-out;
  -ms-animation-fill-mode: forwards;
  -o-animation: animatedBackground1 1s ease-in-out;
  -o-animation-fill-mode: forwards;
}
.top-section #column-n2 .image {
  background-image: url('../images/test/2_neu.jpg');
  background-position: -200% 0%;
}
.top-section #column-n2.animation .image {
  animation: animatedBackground2 1s ease-in-out;
  animation-fill-mode: forwards;
  -moz-animation: animatedBackground2 1s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation: animatedBackground2 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -ms-animation: animatedBackground2 1s ease-in-out;
  -ms-animation-fill-mode: forwards;
  -o-animation: animatedBackground2 1s ease-in-out;
  -o-animation-fill-mode: forwards;
}
.top-section #column-n3 .image {
  background-image: url('../images/test/3_neu.jpg');
  background-position: -200% 0%;
}
.top-section #column-n3.animation .image {
  animation: animatedBackground3 1s ease-in-out;
  animation-fill-mode: forwards;
  -moz-animation: animatedBackground3 1s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation: animatedBackground3 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -ms-animation: animatedBackground3 1s ease-in-out;
  -ms-animation-fill-mode: forwards;
  -o-animation: animatedBackground3 1s ease-in-out;
  -o-animation-fill-mode: forwards;
}
.top-section #column-n4 .image {
  background-image: url('../images/test/4_neu.jpg');
  background-position: -200% 0%;
}
.top-section #column-n4.animation .image {
  animation: animatedBackground4 1s ease-in-out;
  animation-fill-mode: forwards;
  -moz-animation: animatedBackground4 1s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation: animatedBackground4 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -ms-animation: animatedBackground4 1s ease-in-out;
  -ms-animation-fill-mode: forwards;
  -o-animation: animatedBackground4 1s ease-in-out;
  -o-animation-fill-mode: forwards;
}
.single-column-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #22252e;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  opacity: 0.65;
}
.wide-column .single-column-overlay {
  opacity: 0.45;
}
.header-overlay-inner {
  text-align: center;
}
.header-overlay-inner .btn {
  display: inline-block;
}
.home-section4__header {
  position: absolute;
    z-index: 9;
    animation-duration: 0.5s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    opacity: 0;
    position: absolute;
    -webkit-animation-name: fromLeftBlock4;
    animation-name: fromLeftBlock4;
    left: 10%;
    top: 150px;
    margin-left: 0;
    padding-left: 10px;
}
.home-applications__icon {
  height: 80px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100px;
  -webkit-animation: fromBottomBlock4 ease .8s forwards;
  animation: fromBottomBlock4 ease .8s forwards;
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
  opacity: 0;
}
.single-column2 {
  width: 24.1%;
  height: 100%;
  float: left;
  padding-top: 14.2em;
  margin-left: 0%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 1%;
  transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}
.single-column2 .btn {
  cursor: pointer;
}
.single-column2 .header-overlay {
  display: block;
  height: 100%;
  width: 90%;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  transition: width 0.5s;
  text-align: center;
  position: relative;
  float: left;
}
.single-column2:nth-child(1) .header-overlay {
  float: right;
}
.top-section2.showCol1 .single-column2 {
  width: 23%;
}
.top-section2.showCol1 .single-column2:nth-child(1) {
  width: 31%;
}
.top-section2.showCol2 .single-column2 {
  width: 23%;
}
.top-section2.showCol2 .single-column2:nth-child(2) {
  width: 31%;
}
.top-section2.showCol3 .single-column2 {
  width: 23%;
}
.top-section2.showCol3 .single-column2:nth-child(3) {
  width: 31%;
}
.top-section2.showCol4 .single-column2 {
  width: 23%;
}
.top-section2.showCol4 .single-column2:nth-child(4) {
  width: 31%;
}
.single-column2 .header-overlay-inner {
  display: block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.single-column2 .header-overlay-inner .image-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10em;
  height: 8em;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  margin: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.single-column2 .header-overlay-inner h3 {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 90px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.single-column2 .header-overlay-inner .middleText {
  -webkit-transition: height 0.5s 0.2s;
  -moz-transition: height 0.5s 0.2s;
  transition: height 0.5s 0.2s;
  -webkit-transform: translate(-50%,40px);
  -moz-transform: translate(-50%,40px);
  -ms-transform: translate(-50%,40px);
  -o-transform: translate(-50%,40px);
  transform: translate(-50%,40px);
  opacity: 0;
  margin-top: 130px;
  max-width: 400px;
  left: 50%;
  position: relative;
}
.single-column2 .header-overlay-inner .middleText p {
  color: white;
  font-size: 17px;
  margin-bottom: 70px;
  margin-left: 10%;
  text-align: center;
  width: 80%;
  overflow: hidden;
}
.single-column2 .header-overlay-inner a.btn {
  opacity: 0;
  -webkit-transform: translate(0,40px) skew(-8deg);
  -moz-transform: translate(0,40px) skew(-8deg);
  -ms-transform: translate(0,40px) skew(-8deg);
  -o-transform: translate(0,40px) skew(-8deg);
  transform: translate(0,40px) skew(-8deg);
  position: relative;
  background: #3dc1d6;
}
.single-column2 .header-overlay-inner a.btn:hover {
  background: #34acbd;
}
.single-column2.showInnerP .header-overlay-inner .image-container {
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  top: 0px;
  -webkit-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  -o-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
.single-column2.showInnerP .header-overlay-inner h3 {
  -webkit-transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
  top: 0px;
  -webkit-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  -o-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
.single-column2.showInnerP .header-overlay-inner .middleText {
  -webkit-transform: translate(-50%,0px);
  -moz-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  -o-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
  display: block;
  opacity: 1;
  -webkit-transition: all 0.5s ease 0.5s;
  -moz-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
}
.single-column2.showInnerP .header-overlay-inner a.btn {
  opacity: 1;
  -webkit-transform: translate(0,-10px) skew(-8deg);
  -moz-transform: translate(0,-10px) skew(-8deg);
  -ms-transform: translate(0,-10px) skew(-8deg);
  -o-transform: translate(0,-10px) skew(-8deg);
  transform: translate(0,-10px) skew(-8deg);
  -webkit-transition: all 0.5s ease 0.7s, background 0.2s 0s ;
  -moz-transition: all 0.5s ease 0.7s, background 0.2s 0s ;
  transition: all 0.5s ease 0.7s, background 0.2s 0s ;
}
.single-column2.showInnerP .header-overlay-inner a.btn:hover {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.single-column2.startAnimation .header-overlay-inner .image-container {
  opacity: 1;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.single-column2.startAnimation .header-overlay-inner h3 {
  opacity: 1;
  -webkit-transform: translate(-50%,-50%) skew(0deg);
  -moz-transform: translate(-50%,-50%) skew(0deg);
  -ms-transform: translate(-50%,-50%) skew(0deg);
  -o-transform: translate(-50%,-50%) skew(0deg);
  transform: translate(-50%,-50%) skew(0deg);
}
@media (max-width: 1300px) {
  .top-section2 .single-column2#column-n1-2,
  .top-section2 .single-column2#column-n2-2,
  .top-section2 .single-column2#column-n3-2,
  .top-section2 .single-column2#column-n4-2,
  .top-section2 .single-column2 {
    width: 50%;
    height: 50%;
    margin: 0;
    margin-bottom: 0px;
    padding-top: 0;
  }
  .top-section2 .single-column2 .header-overlay,
  .top-section2 .single-column2.showInnerP .header-overlay {
    height: 100%;
    width: 100%;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner {
    height: 220px;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner h3,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner h3 {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    top: 0px;
    margin-top: 0px;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner .image-container,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner .image-container {
    display: none;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner .middleText,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner .middleText {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    margin-top: 50px;
    opacity: 1;
    min-height: 100px;
    margin-bottom: 20px;
    min-height: 117px;
    max-width: 90%;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner .middleText p,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner .middleText p {
    margin-bottom: 0px;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner a.btn,
  .top-section2 .single-column2.showInnerP .header-overlay .header-overlay-inner a.btn {
    opacity: 1;
    -webkit-transform: translate(0%,0px) skew(-8deg);
    -moz-transform: translate(0%,0px) skew(-8deg);
    -ms-transform: translate(0%,0px) skew(-8deg);
    -o-transform: translate(0%,0px) skew(-8deg);
    transform: translate(0%,0px) skew(-8deg);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    margin-top: 0px;
  }
  .home-section4__header {
    left: 50%;
    top: 50%;
    margin-left: 0;
    padding-left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    opacity: 1;
    display: none;
  }
}
#column-n1-2 .header-overlay-inner .image-container {
  background-image: url('../images/svg/vitalmonitor_logo_clean_white.svg');
}
#column-n2-2 .header-overlay-inner .image-container {
  background-image: url('../images/svg/strength.svg');
}
#column-n3-2 .header-overlay-inner .image-container {
  background-image: url('../images/svg/vigor.svg');
}
#column-n4-2 .header-overlay-inner .image-container {
  background-image: url('../images/svg/productivity.svg');
}
@media (max-width: 700px) {
  body.home-screen {
    overflow: auto ! important;
  }
  .home-section4 {
    height: auto ! important;
    overflow: inherit;
    padding-top: 0px ! important;
    background-position: center;
  }
  .home-section4__header {
    display: none;
  }
  .top-section .single-column {
    float: none;
  }
  .top-section {
    padding-top: 0;
  }
  .top-section2 {
    top: 0;
  }
  .top-section .single-column#column-n1,
  .top-section .single-column#column-n2,
  .top-section .single-column#column-n3,
  .top-section .single-column#column-n4,
  .top-section .single-column {
    width: 100%;
    height: 300px;
    -webkit-transform: translate3d(0,0,0) skew(0deg,0deg);
    -moz-transform: translate3d(0,0,0) skew(0deg,0deg);
    -ms-transform: translate3d(0,0,0) skew(0deg,0deg);
    transform: translate3d(0,0,0) skew(0deg,0deg);
  }
  .top-section .single-column#column-n1 {
    width: 100%;
  }
  .top-section .single-column#column-n2 {
    width: 100%;
  }
  .top-section .single-column#column-n3 {
    width: 100%;
  }
  .top-section .single-column#column-n4 {
    width: 100%;
  }
  .top-section .single-column.animation#column-n1 .image,
  .top-section .single-column.animation#column-n2 .image,
  .top-section .single-column.animation#column-n3 .image,
  .top-section .single-column.animation#column-n4 .image,
  .top-section .single-column .image {
    animation: none;
    transition: none;
    -webkit-transform: translate3d(0,0,0) skew(0deg,0deg);
    -moz-transform: translate3d(0,0,0) skew(0deg,0deg);
    -ms-transform: translate3d(0,0,0) skew(0deg,0deg);
    -o-transform: translate3d(0,0,0) skew(0deg,0deg);
    transform: translate3d(0,0,0) skew(0deg,0deg);
    background-position: center center;
    background-size: cover;
    width: 100%;
  }
  .top-section .single-column#column-n1 .image {
    background-image: url('../images/ausdauer_responsive_01.jpg');
  }
  .top-section .single-column#column-n2 .image {
    background-image: url('../images/kraftsport_responsive_01.jpg');
  }
  .top-section .single-column#column-n3 .image {
    background-image: url('../images/gesundheit_responsive_01.jpg');
  }
  .top-section .single-column#column-n4 .image {
    background-image: url('../images/bgf_responsive_01.jpg');
  }
  .top-section2 .single-column2#column-n1-2,
  .top-section2 .single-column2#column-n2-2,
  .top-section2 .single-column2#column-n3-2,
  .top-section2 .single-column2#column-n4-2,
  .top-section2 .single-column2 {
    width: 100%;
    height: 300px;
    margin: 0;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner {
    height: auto;
  }
  .top-section2 .single-column2 .header-overlay .header-overlay-inner .middleText {
    margin-bottom: 30px;
    max-width: inherit;
    min-height: auto;
  }
  .home-section4__header {
    left: 50%;
    top: 50%;
    margin-left: 0;
    padding-left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    animation: none;
  }
}
@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
}
@media (max-width: 1300px) {
  #navbar-responsive-4 {
    right: 0;
    position: absolute;
    top: 80px;
  }
  .dl-menu {
    background: #3dc1d6;
    width: 100%;
    max-width: 300px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
  }
  .dl-submenu button,
  .dl-menu button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
  }
  .dl-menu button:hover,
  .dl-menu button.dl-active,
  .dl-menu ul {
    background: #aaa;
  }
  .dl-submenu button:after,
  .dl-menu button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
  }
  .dl-submenu ul,
  .dl-menu ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .dl-submenu li,
  .dl-menu li {
    position: relative;
    width: 100%;
  }
  .dl-submenu li a,
  .dl-menu li a {
    display: block;
    position: relative;
    padding: 0 20px;
    font-size: 16px;
    line-height: 46px;
    font-weight: normal;
    color: #fff;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
  }
  .dl-submenu li.dl-back > a,
  .dl-menu li.dl-back > a {
    padding-left: 30px;
    background: #32343d;
  }
  .dl-submenu li.dl-back:after,
  .dl-submenu li > a:not(:only-child):after,
  .dl-menu li.dl-back:after,
  .dl-menu li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 46px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    content: "\e000";
  }
  .dl-submenu li.dl-back:after,
  .dl-menu li.dl-back:after {
    left: 10px;
    right: auto;
    color: #ffffff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dl-submenu li > a:after
  .dl-menu li > a:after {
    right: 10px;
    color: #ffffff;
  }
  .dl-menu .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .dl-menu .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
  }
  .dl-menu .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .dl-submenu.clone {
    position: absolute;
    width: 100%;
    z-index: 30;
  }
  .dl-menu li .dl-submenu {
    display: none;
  }
  header.header .header__navigation ul.dl-menu li .dl-submenu {
    position: relative;
  }
  header.header .header__navigation .dl-menu + li:hover .dl-submenu {
    display: none;
  }
  .dl-menu.dl-subview li,
  .dl-menu.dl-subview li.dl-subviewopen > a,
  .dl-menu.dl-subview li.dl-subview > a {
    display: none;
  }
  header.header .header__navigation .dl-menu.dl-subview li {
    -webkit-transform: skew(0);
    -moz-transform: skew(0);
    -o-transform: skew(0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 0 !important;
    margin-bottom: 0;
    margin-top: 0 !important;
    width: 100%;
  }
  header.header .header__navigation .dl-menu.dl-subview li.dl-subviewopen {
    background: none;
  }
  header.header .header__navigation .dl-menu.dl-subview .dl-submenu li {
    background: #3dc1d6;
  }
  header.header .header__navigation .dl-menu.dl-subview li a {
    -webkit-transform: skew(0);
    -moz-transform: skew(0);
    -o-transform: skew(0);
    padding-top: 0;
    padding-bottom: 0;
  }
  .dl-menu.dl-subview li.dl-subview,
  .dl-menu.dl-subview li.dl-subview .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
  }
  .dl-menu > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
  }
  .dl-menu,
  .dl-submenu {
    background: none;
  }
  .dl-menu li,
  .dl-submenu li {
    background: #3dc1d6;
  }
  .dl-menu li:nth-child(1),
  .dl-submenu li:nth-child(1) {
    -webkit-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    animation-delay: 0.15s;
  }
  .dl-menu li:nth-child(2),
  .dl-submenu li:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .dl-menu li:nth-child(3),
  .dl-submenu li:nth-child(3) {
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    animation-delay: 0.45s;
  }
  .dl-menu li:nth-child(4),
  .dl-submenu li:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .dl-menu li:nth-child(5),
  .dl-submenu li:nth-child(5) {
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    animation-delay: 0.75s;
  }
  .dl-menu li:nth-child(6),
  .dl-submenu li:nth-child(6) {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
  .dl-menu li:nth-child(7),
  .dl-submenu li:nth-child(7) {
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    animation-delay: 1.05s;
  }
  .dl-menu li:nth-child(8),
  .dl-submenu li:nth-child(8) {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .dl-menu li:nth-child(9),
  .dl-submenu li:nth-child(9) {
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    animation-delay: 1.35s;
  }
  .dl-menu li:nth-child(10),
  .dl-submenu li:nth-child(10) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .dl-menu li:nth-child(11),
  .dl-submenu li:nth-child(11) {
    -webkit-animation-delay: 1.65s;
    -moz-animation-delay: 1.65s;
    animation-delay: 1.65s;
  }
  .dl-menu li:nth-child(12),
  .dl-submenu li:nth-child(12) {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .dl-menu li:nth-child(13),
  .dl-submenu li:nth-child(13) {
    -webkit-animation-delay: 1.95s;
    -moz-animation-delay: 1.95s;
    animation-delay: 1.95s;
  }
  .dl-menu li:nth-child(14),
  .dl-submenu li:nth-child(14) {
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    animation-delay: 2.1s;
  }
  .dl-menu li:nth-child(15),
  .dl-submenu li:nth-child(15) {
    -webkit-animation-delay: 2.25s;
    -moz-animation-delay: 2.25s;
    animation-delay: 2.25s;
  }
  .dl-menu li:nth-child(16),
  .dl-submenu li:nth-child(16) {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .dl-menu li:nth-child(17),
  .dl-submenu li:nth-child(17) {
    -webkit-animation-delay: 2.55s;
    -moz-animation-delay: 2.55s;
    animation-delay: 2.55s;
  }
  .dl-menu li:nth-child(18),
  .dl-submenu li:nth-child(18) {
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
    animation-delay: 2.7s;
  }
  .dl-menu li:nth-child(19),
  .dl-submenu li:nth-child(19) {
    -webkit-animation-delay: 2.85s;
    -moz-animation-delay: 2.85s;
    animation-delay: 2.85s;
  }
  .dl-menu li:nth-child(20),
  .dl-submenu li:nth-child(20) {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
  }
  .dl-menu li:nth-child(21),
  .dl-submenu li:nth-child(21) {
    -webkit-animation-delay: 3.15s;
    -moz-animation-delay: 3.15s;
    animation-delay: 3.15s;
  }
  .dl-menu li:nth-child(22),
  .dl-submenu li:nth-child(22) {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
  }
  .dl-menu li:nth-child(23),
  .dl-submenu li:nth-child(23) {
    -webkit-animation-delay: 3.45s;
    -moz-animation-delay: 3.45s;
    animation-delay: 3.45s;
  }
  .dl-menu li:nth-child(24),
  .dl-submenu li:nth-child(24) {
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    animation-delay: 3.6s;
  }
  .dl-menu li:nth-child(25),
  .dl-submenu li:nth-child(25) {
    -webkit-animation-delay: 3.75s;
    -moz-animation-delay: 3.75s;
    animation-delay: 3.75s;
  }
  .dl-menu li:nth-child(26),
  .dl-submenu li:nth-child(26) {
    -webkit-animation-delay: 3.9s;
    -moz-animation-delay: 3.9s;
    animation-delay: 3.9s;
  }
  .dl-menu li:nth-child(27),
  .dl-submenu li:nth-child(27) {
    -webkit-animation-delay: 4.05s;
    -moz-animation-delay: 4.05s;
    animation-delay: 4.05s;
  }
  .dl-menu li:nth-child(28),
  .dl-submenu li:nth-child(28) {
    -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    animation-delay: 4.2s;
  }
  .dl-menu li:nth-child(29),
  .dl-submenu li:nth-child(29) {
    -webkit-animation-delay: 4.35s;
    -moz-animation-delay: 4.35s;
    animation-delay: 4.35s;
  }
  .dl-menu li:nth-child(30),
  .dl-submenu li:nth-child(30) {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    animation-delay: 4.5s;
  }
  .dl-menu li:nth-child(31),
  .dl-submenu li:nth-child(31) {
    -webkit-animation-delay: 4.65s;
    -moz-animation-delay: 4.65s;
    animation-delay: 4.65s;
  }
  .dl-menu li:nth-child(32),
  .dl-submenu li:nth-child(32) {
    -webkit-animation-delay: 4.8s;
    -moz-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .dl-menu li:nth-child(33),
  .dl-submenu li:nth-child(33) {
    -webkit-animation-delay: 4.95s;
    -moz-animation-delay: 4.95s;
    animation-delay: 4.95s;
  }
  .dl-menu li:nth-child(34),
  .dl-submenu li:nth-child(34) {
    -webkit-animation-delay: 5.1s;
    -moz-animation-delay: 5.1s;
    animation-delay: 5.1s;
  }
  .dl-menu li:nth-child(35),
  .dl-submenu li:nth-child(35) {
    -webkit-animation-delay: 5.25s;
    -moz-animation-delay: 5.25s;
    animation-delay: 5.25s;
  }
  .dl-menu li:nth-child(36),
  .dl-submenu li:nth-child(36) {
    -webkit-animation-delay: 5.4s;
    -moz-animation-delay: 5.4s;
    animation-delay: 5.4s;
  }
  .dl-menu li:nth-child(37),
  .dl-submenu li:nth-child(37) {
    -webkit-animation-delay: 5.55s;
    -moz-animation-delay: 5.55s;
    animation-delay: 5.55s;
  }
  .dl-menu li:nth-child(38),
  .dl-submenu li:nth-child(38) {
    -webkit-animation-delay: 5.7s;
    -moz-animation-delay: 5.7s;
    animation-delay: 5.7s;
  }
  .dl-menu li:nth-child(39),
  .dl-submenu li:nth-child(39) {
    -webkit-animation-delay: 5.85s;
    -moz-animation-delay: 5.85s;
    animation-delay: 5.85s;
  }
  .dl-menu li:nth-child(40),
  .dl-submenu li:nth-child(40) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s;
  }
  .dl-menu li:nth-child(41),
  .dl-submenu li:nth-child(41) {
    -webkit-animation-delay: 6.15s;
    -moz-animation-delay: 6.15s;
    animation-delay: 6.15s;
  }
  .dl-menu li:nth-child(42),
  .dl-submenu li:nth-child(42) {
    -webkit-animation-delay: 6.3s;
    -moz-animation-delay: 6.3s;
    animation-delay: 6.3s;
  }
  .dl-menu li:nth-child(43),
  .dl-submenu li:nth-child(43) {
    -webkit-animation-delay: 6.45s;
    -moz-animation-delay: 6.45s;
    animation-delay: 6.45s;
  }
  .dl-menu li:nth-child(44),
  .dl-submenu li:nth-child(44) {
    -webkit-animation-delay: 6.6s;
    -moz-animation-delay: 6.6s;
    animation-delay: 6.6s;
  }
  .dl-menu li:nth-child(45),
  .dl-submenu li:nth-child(45) {
    -webkit-animation-delay: 6.75s;
    -moz-animation-delay: 6.75s;
    animation-delay: 6.75s;
  }
  .dl-menu li:nth-child(46),
  .dl-submenu li:nth-child(46) {
    -webkit-animation-delay: 6.9s;
    -moz-animation-delay: 6.9s;
    animation-delay: 6.9s;
  }
  .dl-menu li:nth-child(47),
  .dl-submenu li:nth-child(47) {
    -webkit-animation-delay: 7.05s;
    -moz-animation-delay: 7.05s;
    animation-delay: 7.05s;
  }
  .dl-menu li:nth-child(48),
  .dl-submenu li:nth-child(48) {
    -webkit-animation-delay: 7.2s;
    -moz-animation-delay: 7.2s;
    animation-delay: 7.2s;
  }
  .dl-menu li:nth-child(49),
  .dl-submenu li:nth-child(49) {
    -webkit-animation-delay: 7.35s;
    -moz-animation-delay: 7.35s;
    animation-delay: 7.35s;
  }
  .dl-menu li:nth-child(50),
  .dl-submenu li:nth-child(50) {
    -webkit-animation-delay: 7.5s;
    -moz-animation-delay: 7.5s;
    animation-delay: 7.5s;
  }
  .navbar-collapse,
  .navbar-collapse .dl-menu {
    max-height: initial !important;
    height: auto !important;
  }
  .navbar-collapse > il,
  .navbar-collapse .dl-menu > il {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0);
  }
  .navbar-collapse .dl-submenu.clone > li,
  .navbar-collapse .dl-menu > li {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0);
  }
  #navbar-responsive-4.navbar-collapse {
    background: rgba(255,255,255,0);
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
  }
  #navbar-responsive-4.navbar-collapse.in {
    position: fixed;
    top: 80px;
    bottom: 0px;
    background: rgba(34,37,46,0.8);
  }
  #navbar-responsive-4.navbar-collapse.collapsing {
    position: fixed;
    top: 80px;
    bottom: 0px;
  }
  #navbar-responsive-4.navbar-collapse.collapsing .header__navigation {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
  }
  .navbar-collapse.in .dl-menu,
  .dl-submenu.clone.dl-animate-in-my,
  .dl-menu.dl-animate-in-my {
    max-height: initial;
    transition: none;
    animation: none;
    background: none;
  }
  .navbar-collapse.in .dl-menu > li,
  .dl-submenu.clone.dl-animate-in-my > li,
  .dl-menu.dl-animate-in-my > li {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0);
    -webkit-animation: menuItemIn 0.5s forwards !important;
    -moz-animation: menuItemIn 0.5s forwards !important;
    animation: menuItemIn 0.5s forwards !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(1),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(1),
  .dl-menu.dl-animate-in-my > li:nth-child(1) {
    -webkit-animation-delay: 0.05s !important;
    -moz-animation-delay: 0.05s !important;
    animation-delay: 0.05s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(2),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(2),
  .dl-menu.dl-animate-in-my > li:nth-child(2) {
    -webkit-animation-delay: 0.1s !important;
    -moz-animation-delay: 0.1s !important;
    animation-delay: 0.1s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(3),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(3),
  .dl-menu.dl-animate-in-my > li:nth-child(3) {
    -webkit-animation-delay: 0.15s !important;
    -moz-animation-delay: 0.15s !important;
    animation-delay: 0.15s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(4),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(4),
  .dl-menu.dl-animate-in-my > li:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
    -moz-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(5),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(5),
  .dl-menu.dl-animate-in-my > li:nth-child(5) {
    -webkit-animation-delay: 0.25s !important;
    -moz-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(6),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(6),
  .dl-menu.dl-animate-in-my > li:nth-child(6) {
    -webkit-animation-delay: 0.3s !important;
    -moz-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(7),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(7),
  .dl-menu.dl-animate-in-my > li:nth-child(7) {
    -webkit-animation-delay: 0.35s !important;
    -moz-animation-delay: 0.35s !important;
    animation-delay: 0.35s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(8),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(8),
  .dl-menu.dl-animate-in-my > li:nth-child(8) {
    -webkit-animation-delay: 0.4s !important;
    -moz-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(9),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(9),
  .dl-menu.dl-animate-in-my > li:nth-child(9) {
    -webkit-animation-delay: 0.45s !important;
    -moz-animation-delay: 0.45s !important;
    animation-delay: 0.45s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(10),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(10),
  .dl-menu.dl-animate-in-my > li:nth-child(10) {
    -webkit-animation-delay: 0.5s !important;
    -moz-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(11),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(11),
  .dl-menu.dl-animate-in-my > li:nth-child(11) {
    -webkit-animation-delay: 0.55s !important;
    -moz-animation-delay: 0.55s !important;
    animation-delay: 0.55s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(12),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(12),
  .dl-menu.dl-animate-in-my > li:nth-child(12) {
    -webkit-animation-delay: 0.6s !important;
    -moz-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(13),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(13),
  .dl-menu.dl-animate-in-my > li:nth-child(13) {
    -webkit-animation-delay: 0.65s !important;
    -moz-animation-delay: 0.65s !important;
    animation-delay: 0.65s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(14),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(14),
  .dl-menu.dl-animate-in-my > li:nth-child(14) {
    -webkit-animation-delay: 0.7s !important;
    -moz-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(15),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(15),
  .dl-menu.dl-animate-in-my > li:nth-child(15) {
    -webkit-animation-delay: 0.75s !important;
    -moz-animation-delay: 0.75s !important;
    animation-delay: 0.75s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(16),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(16),
  .dl-menu.dl-animate-in-my > li:nth-child(16) {
    -webkit-animation-delay: 0.8s !important;
    -moz-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(17),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(17),
  .dl-menu.dl-animate-in-my > li:nth-child(17) {
    -webkit-animation-delay: 0.85s !important;
    -moz-animation-delay: 0.85s !important;
    animation-delay: 0.85s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(18),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(18),
  .dl-menu.dl-animate-in-my > li:nth-child(18) {
    -webkit-animation-delay: 0.9s !important;
    -moz-animation-delay: 0.9s !important;
    animation-delay: 0.9s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(19),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(19),
  .dl-menu.dl-animate-in-my > li:nth-child(19) {
    -webkit-animation-delay: 0.95s !important;
    -moz-animation-delay: 0.95s !important;
    animation-delay: 0.95s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(20),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(20),
  .dl-menu.dl-animate-in-my > li:nth-child(20) {
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    animation-delay: 1s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(21),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(21),
  .dl-menu.dl-animate-in-my > li:nth-child(21) {
    -webkit-animation-delay: 1.05s !important;
    -moz-animation-delay: 1.05s !important;
    animation-delay: 1.05s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(22),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(22),
  .dl-menu.dl-animate-in-my > li:nth-child(22) {
    -webkit-animation-delay: 1.1s !important;
    -moz-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(23),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(23),
  .dl-menu.dl-animate-in-my > li:nth-child(23) {
    -webkit-animation-delay: 1.15s !important;
    -moz-animation-delay: 1.15s !important;
    animation-delay: 1.15s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(24),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(24),
  .dl-menu.dl-animate-in-my > li:nth-child(24) {
    -webkit-animation-delay: 1.2s !important;
    -moz-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(25),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(25),
  .dl-menu.dl-animate-in-my > li:nth-child(25) {
    -webkit-animation-delay: 1.25s !important;
    -moz-animation-delay: 1.25s !important;
    animation-delay: 1.25s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(26),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(26),
  .dl-menu.dl-animate-in-my > li:nth-child(26) {
    -webkit-animation-delay: 1.3s !important;
    -moz-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(27),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(27),
  .dl-menu.dl-animate-in-my > li:nth-child(27) {
    -webkit-animation-delay: 1.35s !important;
    -moz-animation-delay: 1.35s !important;
    animation-delay: 1.35s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(28),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(28),
  .dl-menu.dl-animate-in-my > li:nth-child(28) {
    -webkit-animation-delay: 1.4s !important;
    -moz-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(29),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(29),
  .dl-menu.dl-animate-in-my > li:nth-child(29) {
    -webkit-animation-delay: 1.45s !important;
    -moz-animation-delay: 1.45s !important;
    animation-delay: 1.45s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(30),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(30),
  .dl-menu.dl-animate-in-my > li:nth-child(30) {
    -webkit-animation-delay: 1.5s !important;
    -moz-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(31),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(31),
  .dl-menu.dl-animate-in-my > li:nth-child(31) {
    -webkit-animation-delay: 1.55s !important;
    -moz-animation-delay: 1.55s !important;
    animation-delay: 1.55s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(32),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(32),
  .dl-menu.dl-animate-in-my > li:nth-child(32) {
    -webkit-animation-delay: 1.6s !important;
    -moz-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(33),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(33),
  .dl-menu.dl-animate-in-my > li:nth-child(33) {
    -webkit-animation-delay: 1.65s !important;
    -moz-animation-delay: 1.65s !important;
    animation-delay: 1.65s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(34),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(34),
  .dl-menu.dl-animate-in-my > li:nth-child(34) {
    -webkit-animation-delay: 1.7s !important;
    -moz-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(35),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(35),
  .dl-menu.dl-animate-in-my > li:nth-child(35) {
    -webkit-animation-delay: 1.75s !important;
    -moz-animation-delay: 1.75s !important;
    animation-delay: 1.75s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(36),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(36),
  .dl-menu.dl-animate-in-my > li:nth-child(36) {
    -webkit-animation-delay: 1.8s !important;
    -moz-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(37),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(37),
  .dl-menu.dl-animate-in-my > li:nth-child(37) {
    -webkit-animation-delay: 1.85s !important;
    -moz-animation-delay: 1.85s !important;
    animation-delay: 1.85s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(38),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(38),
  .dl-menu.dl-animate-in-my > li:nth-child(38) {
    -webkit-animation-delay: 1.9s !important;
    -moz-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(39),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(39),
  .dl-menu.dl-animate-in-my > li:nth-child(39) {
    -webkit-animation-delay: 1.95s !important;
    -moz-animation-delay: 1.95s !important;
    animation-delay: 1.95s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(40),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(40),
  .dl-menu.dl-animate-in-my > li:nth-child(40) {
    -webkit-animation-delay: 2s !important;
    -moz-animation-delay: 2s !important;
    animation-delay: 2s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(41),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(41),
  .dl-menu.dl-animate-in-my > li:nth-child(41) {
    -webkit-animation-delay: 2.05s !important;
    -moz-animation-delay: 2.05s !important;
    animation-delay: 2.05s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(42),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(42),
  .dl-menu.dl-animate-in-my > li:nth-child(42) {
    -webkit-animation-delay: 2.1s !important;
    -moz-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(43),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(43),
  .dl-menu.dl-animate-in-my > li:nth-child(43) {
    -webkit-animation-delay: 2.15s !important;
    -moz-animation-delay: 2.15s !important;
    animation-delay: 2.15s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(44),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(44),
  .dl-menu.dl-animate-in-my > li:nth-child(44) {
    -webkit-animation-delay: 2.2s !important;
    -moz-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(45),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(45),
  .dl-menu.dl-animate-in-my > li:nth-child(45) {
    -webkit-animation-delay: 2.25s !important;
    -moz-animation-delay: 2.25s !important;
    animation-delay: 2.25s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(46),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(46),
  .dl-menu.dl-animate-in-my > li:nth-child(46) {
    -webkit-animation-delay: 2.3s !important;
    -moz-animation-delay: 2.3s !important;
    animation-delay: 2.3s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(47),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(47),
  .dl-menu.dl-animate-in-my > li:nth-child(47) {
    -webkit-animation-delay: 2.35s !important;
    -moz-animation-delay: 2.35s !important;
    animation-delay: 2.35s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(48),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(48),
  .dl-menu.dl-animate-in-my > li:nth-child(48) {
    -webkit-animation-delay: 2.4s !important;
    -moz-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(49),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(49),
  .dl-menu.dl-animate-in-my > li:nth-child(49) {
    -webkit-animation-delay: 2.45s !important;
    -moz-animation-delay: 2.45s !important;
    animation-delay: 2.45s !important;
  }
  .navbar-collapse.in .dl-menu > li:nth-child(50),
  .dl-submenu.clone.dl-animate-in-my > li:nth-child(50),
  .dl-menu.dl-animate-in-my > li:nth-child(50) {
    -webkit-animation-delay: 2.5s !important;
    -moz-animation-delay: 2.5s !important;
    animation-delay: 2.5s !important;
  }
  .navbar-collapse.in .dl-menu.dl-subview > li {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li,
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-animation: menuItemOut 0.5s forwards !important;
    -moz-animation: menuItemOut 0.5s forwards !important;
    animation: menuItemOut 0.5s forwards !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(49),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(49) {
    -webkit-animation-delay: 2.45s !important;
    -moz-animation-delay: 2.45s !important;
    animation-delay: 2.45s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(48),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(48) {
    -webkit-animation-delay: 2.4s !important;
    -moz-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(47),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(47) {
    -webkit-animation-delay: 2.35s !important;
    -moz-animation-delay: 2.35s !important;
    animation-delay: 2.35s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(46),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(46) {
    -webkit-animation-delay: 2.3s !important;
    -moz-animation-delay: 2.3s !important;
    animation-delay: 2.3s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(45),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(45) {
    -webkit-animation-delay: 2.25s !important;
    -moz-animation-delay: 2.25s !important;
    animation-delay: 2.25s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(44),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(44) {
    -webkit-animation-delay: 2.2s !important;
    -moz-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(43),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(43) {
    -webkit-animation-delay: 2.15s !important;
    -moz-animation-delay: 2.15s !important;
    animation-delay: 2.15s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(42),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(42) {
    -webkit-animation-delay: 2.1s !important;
    -moz-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(41),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(41) {
    -webkit-animation-delay: 2.05s !important;
    -moz-animation-delay: 2.05s !important;
    animation-delay: 2.05s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(40),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(40) {
    -webkit-animation-delay: 2s !important;
    -moz-animation-delay: 2s !important;
    animation-delay: 2s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(39),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(39) {
    -webkit-animation-delay: 1.95s !important;
    -moz-animation-delay: 1.95s !important;
    animation-delay: 1.95s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(38),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(38) {
    -webkit-animation-delay: 1.9s !important;
    -moz-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(37),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(37) {
    -webkit-animation-delay: 1.85s !important;
    -moz-animation-delay: 1.85s !important;
    animation-delay: 1.85s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(36),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(36) {
    -webkit-animation-delay: 1.8s !important;
    -moz-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(35),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(35) {
    -webkit-animation-delay: 1.75s !important;
    -moz-animation-delay: 1.75s !important;
    animation-delay: 1.75s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(34),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(34) {
    -webkit-animation-delay: 1.7s !important;
    -moz-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(33),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(33) {
    -webkit-animation-delay: 1.65s !important;
    -moz-animation-delay: 1.65s !important;
    animation-delay: 1.65s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(32),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(32) {
    -webkit-animation-delay: 1.6s !important;
    -moz-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(31),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(31) {
    -webkit-animation-delay: 1.55s !important;
    -moz-animation-delay: 1.55s !important;
    animation-delay: 1.55s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(30),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(30) {
    -webkit-animation-delay: 1.5s !important;
    -moz-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(29),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(29) {
    -webkit-animation-delay: 1.45s !important;
    -moz-animation-delay: 1.45s !important;
    animation-delay: 1.45s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(28),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(28) {
    -webkit-animation-delay: 1.4s !important;
    -moz-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(27),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(27) {
    -webkit-animation-delay: 1.35s !important;
    -moz-animation-delay: 1.35s !important;
    animation-delay: 1.35s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(26),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(26) {
    -webkit-animation-delay: 1.3s !important;
    -moz-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(25),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(25) {
    -webkit-animation-delay: 1.25s !important;
    -moz-animation-delay: 1.25s !important;
    animation-delay: 1.25s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(24),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(24) {
    -webkit-animation-delay: 1.2s !important;
    -moz-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(23),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(23) {
    -webkit-animation-delay: 1.15s !important;
    -moz-animation-delay: 1.15s !important;
    animation-delay: 1.15s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(22),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(22) {
    -webkit-animation-delay: 1.1s !important;
    -moz-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(21),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(21) {
    -webkit-animation-delay: 1.05s !important;
    -moz-animation-delay: 1.05s !important;
    animation-delay: 1.05s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(20),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(20) {
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    animation-delay: 1s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(19),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(19) {
    -webkit-animation-delay: 0.95s !important;
    -moz-animation-delay: 0.95s !important;
    animation-delay: 0.95s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(18),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(18) {
    -webkit-animation-delay: 0.9s !important;
    -moz-animation-delay: 0.9s !important;
    animation-delay: 0.9s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(17),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(17) {
    -webkit-animation-delay: 0.85s !important;
    -moz-animation-delay: 0.85s !important;
    animation-delay: 0.85s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(16),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(16) {
    -webkit-animation-delay: 0.8s !important;
    -moz-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(15),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(15) {
    -webkit-animation-delay: 0.75s !important;
    -moz-animation-delay: 0.75s !important;
    animation-delay: 0.75s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(14),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(14) {
    -webkit-animation-delay: 0.7s !important;
    -moz-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(13),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(13) {
    -webkit-animation-delay: 0.65s !important;
    -moz-animation-delay: 0.65s !important;
    animation-delay: 0.65s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(12),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(12) {
    -webkit-animation-delay: 0.6s !important;
    -moz-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(11),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(11) {
    -webkit-animation-delay: 0.55s !important;
    -moz-animation-delay: 0.55s !important;
    animation-delay: 0.55s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(10),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(10) {
    -webkit-animation-delay: 0.5s !important;
    -moz-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(9),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(9) {
    -webkit-animation-delay: 0.45s !important;
    -moz-animation-delay: 0.45s !important;
    animation-delay: 0.45s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(8),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(8) {
    -webkit-animation-delay: 0.4s !important;
    -moz-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(7),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(7) {
    -webkit-animation-delay: 0.35s !important;
    -moz-animation-delay: 0.35s !important;
    animation-delay: 0.35s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(6),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(6) {
    -webkit-animation-delay: 0.3s !important;
    -moz-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(5),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(5) {
    -webkit-animation-delay: 0.25s !important;
    -moz-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(4),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
    -moz-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(3),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(3) {
    -webkit-animation-delay: 0.15s !important;
    -moz-animation-delay: 0.15s !important;
    animation-delay: 0.15s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(2),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(2) {
    -webkit-animation-delay: 0.1s !important;
    -moz-animation-delay: 0.1s !important;
    animation-delay: 0.1s !important;
  }
  .navbar-collapse.in .dl-submenu.clone.dl-animate-out-my > li:nth-child(1),
  .navbar-collapse.in .dl-menu.dl-animate-out-my > li:nth-child(1) {
    -webkit-animation-delay: 0.05s !important;
    -moz-animation-delay: 0.05s !important;
    animation-delay: 0.05s !important;
  }
  @keyframes menuItemIn {
    from {
      opacity: 0;
      -webkit-transform: translate(-100%,0);
      -moz-transform: translate(-100%,0);
      -ms-transform: translate(-100%,0);
      -o-transform: translate(-100%,0);
      transform: translate(-100%,0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }
  }
  @-webkit-keyframes menuItemIn {
    from {
      opacity: 0;
      -webkit-transform: translate(-100%,0);
      -moz-transform: translate(-100%,0);
      -ms-transform: translate(-100%,0);
      -o-transform: translate(-100%,0);
      transform: translate(-100%,0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }
  }
  @keyframes menuItemOut {
    from {
      opacity: 0;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate(-100%,0);
      -moz-transform: translate(-100%,0);
      -ms-transform: translate(-100%,0);
      -o-transform: translate(-100%,0);
      transform: translate(-100%,0);
    }
  }
  .dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
  }
  .dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
  }
  .dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
  }
  .dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
  }
  .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
  }
  .dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
  }
  .dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
  }
  .dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menu > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menu > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
  }
  .dl-menu > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
  }
  .no-js .dl-menu .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  .no-js .dl-menu li .dl-submenu {
    display: block;
  }
  .no-js .dl-menu li.dl-back {
    display: none;
  }
  .no-js .dl-menu li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
  }
  .no-js .dl-menu li > a:not(:only-child):after {
    content: '';
  }
  .demo-2 .dl-menu button {
    background: #e86814;
  }
  .demo-2 .dl-menu button:hover,
  .demo-2 .dl-menu button.dl-active,
  .demo-2 .dl-menu ul {
    background: #D35400;
  }
}
html.browser-explorer .home-bioage .home-bioage__stats #bioageChartSVG,
html.browser-msedge .home-bioage .home-bioage__stats #bioageChartSVG {
  -webkit-transform: translate(0,100px);
  -moz-transform: translate(0,100px);
  -ms-transform: translate(0,100px);
  -o-transform: translate(0,100px);
  transform: translate(0,100px);
  opacity: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
}
html.browser-explorer .home-bioage .home-bioage__stats #bioageChartSVG circle,
html.browser-msedge .home-bioage .home-bioage__stats #bioageChartSVG circle {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  opacity: 1;
}
html.browser-explorer .home-bioage .home-bioage__stats #bioageChartSVG text,
html.browser-msedge .home-bioage .home-bioage__stats #bioageChartSVG text {
  opacity: 1;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
html.browser-explorer .home-bioage .home-bioage__stats #bioageChartSVG line,
html.browser-msedge .home-bioage .home-bioage__stats #bioageChartSVG line {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  stroke-dashoffset: 0;
}
html.browser-explorer .home-bioage .home-bioage__stats.startAnimation #bioageChartSVG,
html.browser-msedge .home-bioage .home-bioage__stats.startAnimation #bioageChartSVG {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
}
html.browser-explorer .btn.btn--bordered svg,
html.browser-msedge .btn.btn--bordered svg {
  opacity: 0;
}
html.browser-explorer .btn.btn--bordered svg .shape,
html.browser-msedge .btn.btn--bordered svg .shape {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  stroke-dashoffset: 0;
  opacity: 1;
}
html.browser-explorer .btn.btn--bordered.startAnimation svg,
html.browser-msedge .btn.btn--bordered.startAnimation svg {
  -webkit-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
  -moz-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
  animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 3s forwards;
}
html.browser-explorer .half-color-block .startAnimation.btn--bordered.btn svg,
html.browser-msedge .half-color-block .startAnimation.btn--bordered.btn svg {
  -webkit-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 0s forwards;
  -moz-animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 0s forwards;
  animation: buttonFadeInText 1s cubic-bezier(1,0,0,1) 0s forwards;
}
html.browser-explorer .half-color-block .startAnimation.btn--bordered.btn svg .shape,
html.browser-msedge .half-color-block .startAnimation.btn--bordered.btn svg .shape {
  stroke-dashoffset: 0;
}