html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#banner {
  position: absolute;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  width: 300px;
  height: 600px;
  background-color: #fff;
  top: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
}
#unclick {
  position: absolute;
  width: 60px;
  height: 40px;
  z-index: 800;
}
.text {
  position: absolute;
  text-align: center;
  opacity: 0;
  width: 100%;
  top: 100px;
  font-size: 24px;
  font-weight: 700;
  color: #31353b;
}
#title {
  font-family: Georgia, Times, 'Lato', serif;
  font-weight: normal;
}
#title2 {
  font-size: 16px;
  font-weight: 400;
  top: 93px;
  left: 300px;
  width: 277px;
  height: 22px;
  line-height: 22px;
  color: #666;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#title3,
#title4,
#title5,
#title6 {
  font-size: 26px;
  font-weight: 700;
  top: 132px;
  left: 300px;
}
#title3,
#title5 {
  color: #08c177;
}
#title4,
#title6 {
  font-size: 16px;
  top: 138px;
}
#tickerbg {
  position: absolute;
  width: 274px;
  height: 27px;
  left: 13px;
  top: 173px;
  background: #08c177;
  opacity: 0;
}
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  color: #fff;
  left: 300px;
  width: 550px;
  height: 27px;
  top: 172px;
  line-height: 27px;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: -0.1px;
}
.line {
  position: absolute;
  width: 259px;
  height: 1px;
  left: 20px;
  background-color: #31353b;
}
#line1 {
  top: 49px;
  background-color: #ccc;
  width: 277px;
  left: 12px;
}
#line2 {
  top: 218px;
  background-color: #ccc;
  width: 277px;
  left: 12px;
}
#line3 {
  top: 313px;
}
#line4 {
  top: 393px;
}
#line5 {
  top: 473px;
}
#banner .label {
  position: absolute;
  width: 200px;
  height: 15px;
  left: 29px;
  font-size: 12px;
  font-weight: 700;
  color: #828280;
  letter-spacing: -0.1px;
  opacity: 0;
  z-index: 120;
  pointer-events: none;
}
#label1 {
  top: 263px;
}
#label2 {
  top: 343px;
}
#label3 {
  top: 423px;
}
#dropdown,
#dropdown2,
#dropdown3 {
  position: absolute;
  width: 300px;
  height: 48px;
  top: 358px;
  left: 0px;
  opacity: 0;
}
#dropdown2 {
  top: 438px;
}
#dropdown3 {
  top: 278px;
}
#purposeselector,
#purposeselector2,
#purposeselector3 {
  position: absolute;
  font-family: 'Lato', sans-serif;
  width: 263px;
  height: 34px;
  top: 0px;
  left: 18px;
  padding-left: 10px;
  border: none;
  background-color: #fff;
  z-index: 505;
  font-weight: 400;
  letter-spacing: -0.1px;
  border-radius: 4px;
  font-size: 21px;
  color: #2f86d4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
#purposeselector:hover,
#purposeselector2:hover,
#purposeselector3:hover {
  background-color: #f1f1f5;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus {
  outline: 0;
}
#arrow1,
#arrow2,
#arrow3 {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #222;
  top: 15px;
  right: 42px;
  z-index: 650;
  pointer-events: none;
}
#cta {
  position: absolute;
  width: 275px;
  height: 56px;
  right: 13px;
  bottom: -22px;
  opacity: 0;
  background-color: #2f86d4;
  border-radius: 4px;
  font-size: 18.5px;
  letter-spacing: -0.1px;
  font-weight: 700;
  text-align: center;
  line-height: 56px;
  color: #fff;
  overflow: hidden;
}
#ctatopbg {
  position: absolute;
  width: inherit;
  height: 56px;
  background-color: #2f86d4;
  border-radius: 4px;
}
#ctatext {
  position: absolute;
  left: 170px;
  width: 92%;
  opacity: 0;
}
#ctaarrow {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #fff;
  bottom: 21px;
  right: -112px;
  z-index: 150;
  pointer-events: none;
}
#shine {
  position: absolute;
  width: 250px;
  height: 65px;
  left: -300px;
  top: 0;
  background-image: url('shine.png');
  background-size: cover;
}
#logo {
  position: absolute;
  width: 175px;
  height: 83px;
  left: 80px;
  top: -20px;
  background-image: url('logo.gif');
  background-repeat: no-repeat;
  background-size: contain;
}
#terms {
  position: absolute;
  width: 298px;
  height: 9px;
  left: 0;
  bottom: 10px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  color: #333;
  opacity: 0.3;
  letter-spacing: 0.1px;
}
#hit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 99;
}
@keyframes marquee1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(200%);
  }
}

#textTickerContainer {
  position: absolute;
  top: 173px;
  width: 276px;
  left: 12px;
  height: 27px;
  background-color: #02c176;
  display: flex;
  align-items: center;
}
#textTicker {
  display: inline-block;
  /* animation: marquee 6s linear infinite normal; */
  color: white;
  background-color: transparent;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}
#marquee1 {
  display: inline-block;
  animation: marquee1 10s linear infinite;
}