/* Value Regular */
@font-face {
  font-family: 'Value';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ValueSansPro-Regular.eot'); /* IE9 Compat Modes */
  src: local('Value Sans Pro Regular'), local('Value-Sans-Pro-Regular'),
       url('/fonts/ValueSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ValueSansPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ValueSansPro-Regular.woff') format('woff'), /* Modern Browsers */
	   url('/fonts/ValueSansPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}


/* Value Bold */
@font-face {
  font-family: 'Value';
  font-style: normal;
  font-weight: 700;
  src: url('#/fonts/ValueSansPro-Bold.eot'); /* IE9 Compat Modes */
  src: local('Value Sans Pro Bold'), local('Value-Sans-Pro-Bold'),
       url('#/fonts/ValueSansPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#/fonts/ValueSansPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('#/fonts/ValueSansPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('#/fonts/ValueSansPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.redirect__logo {
    width: 320px;
    margin: 0 auto;
}

section.redirect {
    min-height: auto;
    padding: 240px 0px;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 110px);
    text-align: center;
    overflow: hidden;
    max-height: 100vh;
    z-index: 111;
    position: absolute;
    left: 0px;
    top: 110px;
}

.redirect__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.redirect__text {
    text-align: center;
    color: #212121;
}

h1.redirect__title {
    font-family: "Value", sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: .05em;
    padding-bottom: 40px;
    max-width: 960px;
    margin: 0 auto;
    font-size: 60px;
    line-height: 100px;
}

img.winwin-logo {
    display: block;
	height: 110px;
    margin: 0 auto;
}

.redirect__text p {
    font-family: 'Value', sans-serif;
    line-height: 32px;
    font-size: 20px;
    padding: 0 60px;
    max-width: 920px;
    margin: auto;
}

.redirect__nav {
    max-width: 600px;
    margin: 40px auto 0;
    text-align: center;
}

a.redirect-nav-link {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: .03em;
    padding: 6px 30px;
    border: 0px solid #000;
    border-radius: 50px;
    background: 0 0;
    transition: all .4s ease-in-out;
    position: relative;
    color: #000;
    font-family: "Value", sans-serif;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px;
}

a.redirect-nav-link.nav-link-bold {
    background: #004a2d;
    color: #fff;
}

a.redirect-nav-link:hover {
	background: #004a2d;
	color: #fff;
}

a.redirect-nav-link span {
	z-index: 9;
	position: relative;
}

a.redirect-nav-link::before {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	content: "";
	background: #004a2d;
	opacity: 0;
	border-radius: 50px;
}

a.redirect-nav-link.pulse_once::before {
	-webkit-animation: buttonPulsate 1s;
	animation: buttonPulsate 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes buttonPulsate {
  0% {
    opacity: .6;
	top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
  }

  100% {
    opacity: 0;
    top: -20px;
    bottom: -20px;
    left: -25px;
    right: -25px;
  }
}

@keyframes buttonPulsate {
  0% {
    opacity: .6;
	top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
  }

  100% {
    opacity: 0;
    top: -20px;
    bottom: -20px;
    left: -25px;
    right: -25px;
  }
}


@media (max-width: 540px) {

  img.winwin-logo {
    height: 90px;
  }

  .redirect__text p {
    font-size: 16px;
    line-height: 27px;
  }
  
  a.redirect-nav-link {
    font-size: 16px;
  }

  header {
    position: relative;
  }

  section.redirect {
    padding: 0px;
    position: relative;
    top: 0px;
    height: 100%;
    overflow: visible;
    max-height: auto;
}

.redirect__content {
  position: relative;
  top: 0px;
  left: 0px;
  transform: none !important;
  padding-top: 40px;
}

}